.active-cards.table-striped td:nth-child(1), .active-cards.table-striped th:nth-child(1){
    width: 40%;
}

.active-cards.table-striped td:nth-child(2), .active-cards.table-striped th:nth-child(2){
    width: 25%;
}

.active-cards.table-striped td:nth-child(3), .active-cards.table-striped th:nth-child(3){
    width: 20%;
}

.active-cards.table > thead > tr > th{
    text-align: left;
}

.active-cards.table td{
    text-align: left;
}

.active-cards-search{
    padding-bottom: 45px;
}

.active-cards-search input{
    max-width: none !important;
    height: 50px;
}

.active-cards-header{
    width: 100%;
}

.active-cards-header-content{
    padding: 15px;
  
  
}

.active-cards-header h1{
    float: left;
    margin-bottom: 0;
}


.active-cards-header a{
    float: right;
}

div[class*=tx-idefagavekort] input[type='text']{
    outline: 0 !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
    border: 1px solid #d2d2d2 !important;
    border-radius: 0 !important;
    resize: vertical !important;
    font-size: inherit !important;
    background-color: #ffffff !important;
    color: #5b5b5b !important;
    max-width: none !important;
}

textarea{
    outline: 0;
    width: 100% !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
    border-radius: none !important;
    border: 1px solid #d2d2d2 !important;
    resize: vertical !important;
    font-size: inherit !important;
    background-color: #ffffff !important;
    color: #5b5b5b !important;
    max-width: none !important;
}

select{
    outline: 0;
    width: 100% !important;
    padding: 6px 12px !important;
    box-shadow: none !important;
    border-radius: none !important;
    border: 1px solid #d2d2d2 !important;
    resize: vertical !important;
    font-size: inherit !important;
    background-color: #ffffff !important;
    color: #5b5b5b !important;
    max-width: none !important;
}

.editmode .saldo.record{
    width: 100%;
}

.editmode .change-saldo h1, .editmode .tablewrapper h1{
    margin-bottom: 0;
}

.newmode .new-card .tx_ruthsgavekort_kortdata_deleted_new{
    display: none !important;
}

.newmode .input-element{
  
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.editmode .card-blok{
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-top: 30px;
    padding-right: 7.5px;
}

.editmode .new-card{
    background-color: #f2f2f2;
    padding-left: 15px;
    padding-right: 15px;
}

.editmode .saldo.blok{
    width: 50%;
    float: left;
    padding-top: 30px;
    padding-left: 7.5px;
}

.editmode .tablewrapper{
    padding: 30px 15px;
    background-color: #f2f2f2;
}

.editmode .change-saldo{
    padding: 30px 15px;
    background-color: #f2f2f2;
    margin-top: 30px;
}

.tx_idefagavekort_kortdata_adresse_new, .tx_idefagavekort_kortdata_zip_new, .tx_idefagavekort_kortdata_city_new{
    text-transform: capitalize;
}

.newmode .tx_ruthsgavekort_kortdata_usernote_new{
    clear: left;
}

.tx-ruthsgavekort-pi1 .links{
    padding-bottom: 30px;
}

.editmode .cardbuttons{
    padding-bottom: 30px;
}

.newmode .cardbuttons{
    width: 100%;
    clear: both;
}

.newmode .new-card{
    padding-top: 30px;
    clear: both;
}

.newmode .savebtn{ display:none; }
.editmode .savenewbtn{ display:none; }

.editmode .active-cards-header{
    padding-right: 0 !important;
}

.form-control{
    max-width: none !important;
}

div[class*='tx-idefagavekort'] .editmode input:read-only, div[class*='tx-idefagavekort'] textarea[readonly], div[class*='tx-idefagavekort'] textarea.readonly, div[class*='tx-idefagavekort'] input[readonly], input.readonly {
    opacity: 0.4 !important;
  }


label[for='tx_ruthsgavekort_saldoline_product_new']{
    display: none;
}

.editmode .product-table{
    width: 50%;
    float: right;
    padding-left: 7.5px;
    margin-top: 30px;
}


label{
    margin-top: 10px;

}

.input-element.tx_ruthsgavekort_kortdata_deleted_17{
    display: none;
}

.trans-date-fields{
    margin-bottom: 30px;
}

.active-cards-header button{
    float: right;
}

.produkter label{
    margin-bottom: 0;
    padding-left: 5px !important;
    padding-right: 5px !important;
}



.produkt .prod-desc{
    display: none;
 
}

.produkter.row{
    display: flex;
    flex-wrap: wrap;
}

.produkter.row label{
    display: flex;
    flex-direction:column;
}

.produkter .prod-price{
    justify-content: center;
    text-align: center;
}

.produkter .produkt{
    border: 1px solid #ccc !important;
    padding: 15px;
    height: 100%;
}

.produkter label{
    border: none;
}

.btn-primary{
    background-color: #083056;
    border-color: #083056;
    border: 1px solid #083056;
    padding: 5px 12px;
    margin-bottom: 0 !important;
}

.produkt h3{
    min-height: 66px;
}

.choose-amount{
    border: 1px solid #cccccc;
    margin-left: -10px;
    margin-right: -10px;
    padding: 15px;
}

.choose-amount input{
    float: left;
    width: 85% !important;
}

.choose-amount a{
    float: left;
    width: 15%;
    padding: 4px 12px !important;
}

#giftform1{
    padding-top: 30px;
    position: relative;
}

#giftform1, #giftform2, #giftform3, .subform{
    display: none;
}

.saldo.blok{
    padding-right: 0;
}

.saldo-first{
    padding-left: 15px;
    padding-right: 7.5px;
    margin-bottom: 15px;    
}

.saldo-first-content{
    background-color: #f2f2f2;
    padding: 15px;
  
}

.saldo-second{
    padding-left: 15px;
    padding-right: 7.5px;
}

.saldo-second-content{
    background-color: #f2f2f2;
    padding: 15px;
}

.saldo.blok h1{
    margin-bottom: 0;
}

.product-blok{
    padding-right: 15px;
    padding-left: 7.5px;
}

.product-blok h1{
    margin-bottom: 0;
}

.product-blok-content{
    background-color: #f2f2f2;
    padding: 15px;
}

.product-outer{
    padding-left: 0;
}

.message-outer{
    padding-left: 7.5px;
    padding-right: 30px;
    margin-top: 15px;
}

.message-inner{
    padding: 15px;
    background-color: #f2f2f2;
}

.tx-idefagavekort-pi1 .links{
    padding-bottom: 15px;
}

label[for='tx_idefagavekort_saldoline_product_new']{
    display: none;
}

.saldo-message{
    background-color: #eee;
    padding: 30px;
    margin-bottom: 30px;
}

.saldo-info{
    background-color: #eee;
    padding: 30px;
}

.sal-balance{
    background-color: #eee;
}

div[class*='tx-idefagavekort'] input[type='submit']:hover{
    opacity: 0.7;
}

.newmode .tx_idefagavekort_kortdata_deleted_new{
    display: none;
}

.newmode .tx_idefagavekort_kortdata_usernote_new{
    clear: left;
}

.newmode #annuller{
    display: none;
}

.newmode .cardbuttons{
    padding-left: 15px;
}

#cardsbymonth{
    padding-top: 40px;
}

.total_value{
    display: block;
    float: right;
}

.active-header{
    float: left;
}

.saldo.blok .tablewrapper div[class*='col-']{
   margin-bottom: 15px;
}


input.error {
	outline: 1px solid red !important;
}


@media screen and (max-width: 768px){
    .choose-amount input{
        float: left;
        width: 80% !important;
    }
    
    .choose-amount a{
        float: left;
        width: 20%;
        padding: 4px 12px !important;
    }
}

.tx-idefagavekort-pi6 .modal-body label, .tx-idefagavekort-pi6 .modal-body p{
    font-weight: normal;
}

@media screen and (max-width: 767px){
    body{
        overflow-x: visible !important;
    }
}