/**
 * Copyright 2016 Resurs Bank AB
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.breadcrumbs{display: none;}
.resursbank-checkout-float-left {
    float: left;
}

.resursbank-checkout-float-right {
    float: right;
}

/*.resursbank-checkout-ajax-loader {*/
/*width: 32px;*/
/*height: 32px;*/
/*background-image: url(../images/black-spin.gif);*/
/*background-size: 32px 32px;*/
/*}*/

.resursbank-checkout-clear {
    clear: both;
}

.resursbank-checkout-error-message {
    color: red;
}

.resursbank-checkout-ajax-screen-overlay-wrapper {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #fff;
    overflow-x: hidden;
}

.resursbank-checkout-ajax-screen-overlay {
    background: white;
    width: 100%;
    height: 100%;
}

.resursbank-checkout-ajax-loader {
    background-image: url('../images/black-spin.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    height: 32px;
    min-width: 32px;
    width: 100%;
}

.resursbank-checkout-step-title {
    color: #636363;
    font-size: 24px;
    margin-bottom: 20px;
}


/*  No store
--------------------------------------------------------------------- */
.resurs-wrapper.no-store #terms,
.resurs-wrapper.no-store #resursbank-checkout-container{position: relative}

.resurs-wrapper.no-store #terms:after,
.resurs-wrapper.no-store #resursbank-checkout-container:after{content:''; position: absolute;     background: rgba(255, 255, 255, 0.58); left: 0; right: 0; top: 0; bottom: 0;}
.resurs-wrapper:not(.no-store):not(.terms-validation-passed) #resursbank-checkout-container{position: relative;}
/*.resurs-wrapper:not(.no-store):not(.terms-validation-passed) #resursbank-checkout-container:after{content:''; position: absolute;     background: rgba(255, 255, 255, 0.58); left: 0; right: 0; top: 0; bottom: 0;}*/

/*  Cart and Totals.
--------------------------------------------------------------------- */
.cart {padding-bottom: 20px;}
.cart .page-title{display: none;}
.cart-totals {
    display: none;
}

#shopping-cart-table {
    width: 100%;
}

.cart-footer-actions .btn-update,
.cart-footer-actions .or {
    display: none;
}

.cart-collaterals .col-2{display: none;}
.cart .cart-collaterals {padding-top: 0px!important;}
.cart-collaterals .crosssell{ padding-top: 20px; }


.resursbank-checkout-block{
    width: 100%;
    max-width: 100%;
    padding: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    margin-bottom: 40px;
    border-radius: .2em;
}


#newsletter-subscription-block{display: none;}



/*  Discount codes.
--------------------------------------------------------------------- */
.discount {font-size: 0.92em;}
.discount .buttons-set{margin-top: 5px; border-top: 0px; text-align: left;}
.discount .discount-form .field-wrapper .button-wrapper button {
    display: none;
}

#coupon_code {
    width: 100% !important;
    margin-right:0;
}

#discount-code-block .field-wrapper {
    width: 100% !important;
}

#discount-code-block label {
    display: block !important;
}

#current-coupon-code {margin-top: 15px; padding: 15px;  background: #e9e9e9; font-size: 0.92em;}
#current-coupon-code .coupon-discount-amount .price {
    color: #20b307;
}



/*  Agreements.
--------------------------------------------------------------------- */
#terms{display: none; clear: both; border-top: 1px solid #e9e9e9; margin-top: 35px; padding-top: 35px;}
.checkout-agreements .agree input{display: none;}
.checkout-agreements .agree label{padding-left: 33px; position: relative; font-size: 0.92em; font-weight: normal; cursor: pointer; max-width: 650px; box-sizing: border-box; -moz-box-sizing: border-box;}
.checkout-agreements .agree label:before{content: '\e912'; color: #888; left: 0; font-size: 27px; top: 2px;}
.checkout-agreements .agree input:hover + label:before{color: #fe7701;}
.checkout-agreements .agree input:checked + label:before{content: '\e913'; color: #fe7701;}

/*  Resursbank_Checkout.
--------------------------------------------------------------------- */
#resursbank-checkout-container {padding: 40px; background: #fff;}
#resursbank-checkout-container iframe {
    height: 1000px;
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid #e9e9e9;
}

#resursbank-checkout-container .resursbank-messages {
    text-align: center;
}

#resursbank-checkout-container .resursbank-messages .payment-gateway-connection-error {
    font-size:20px;
    color:#aaa;
    width: 600px;
    margin: auto auto;
}


/* CLick n Collect */
#shipping-methods-block {font-size: 0.92em; box-sizing: border-box; -moz-box-sizing: border-box;}
#shipping-methods-block .selected.store{
    padding: 10px 15px 10px 30px;
    background: #e9e9e9;
    border-top: 0;
}
#shipping-methods-block .top-row .find-store{margin-top: 20px;}
#shipping-methods-block .selected-label,
#shipping-methods-block .top-row .search-label{margin-bottom: 6px; display: block;}
#shipping-methods-block .top-row .search-form{margin-bottom: 15px;}
#shipping-methods-block .top-row .search-form .input-box-search{background: none; border: 1px solid #dadada; }
#shipping-methods-block .top-row .search-form .input-box-search,
#shipping-methods-block .search-form input.search-store{line-height: 32px; height: 32px;}
#shipping-methods-block .stores-list{clear: both;}
#shipping-methods-block .top-row .search-form button.search-store-btn:after{line-height: 32px;}

#shipping-methods-block .notice-msg{padding: 6px 12px !important; margin-bottom: 10px;}
#shipping-methods-block .store-close{font-size: 0.92em; padding: 0 0 5px 0; color: #888;}

#shipping-methods-block li.store{background: none; /*padding: 10px 7px;*/ cursor: pointer;}
#shipping-methods-block li.store{background: none; /*padding: 10px 7px;*/ cursor: pointer;}
#shipping-methods-block li.store.disabled{opacity: 0.5; cursor: default; background: #f7f7f7;}
#shipping-methods-block li.store:not(.selected):hover{background: #e8e8e88c;}
#shipping-methods-block .selected.store {cursor: default;}
#shipping-methods-block .selected.store .info{position: relative;}
/*#shipping-methods-block .selected.store .info:after{    content: "\e116";position: absolute;right: 0px;top: 50%;margin-top: -9px;color: #fe7601; font-size: 18px;}*/
#shipping-methods-block li.store .select{
    text-align: right;
    position: relative;
    padding-right: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    padding-right: 0;
    color: #797979;
    font-size: 0.92em;
    position: relative;
    padding-right: 15px;
}
#shipping-methods-block li.store .select:after{
    content: '\e903';
    position: absolute;
    right: 0px;
    top: 2px;
}
#shipping-methods-block li.store:not(.disabled):hover .select{color:#fe7701;}
#shipping-methods-block .split-order-notice{
    background: #fe7601c7;
    color: #fff;
    padding: 10px;
    font-size: 0.92em;
}

#shipping-methods-block .out-of-stock-notice{
    background: #ca2413;
    color: #fff;
    padding: 10px;
    font-size: 0.92em;
}


/*  Media queries.
--------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
    .resursbank-checkout-block {
        width: 100%;
        float: none;
    }

    #discount-code-block {
        width: 100% !important;
    }

    #shipping-methods-block {
        margin-top: 0px;
        padding-top: 0px;
        border-top: none;
    }
}

@media screen and (max-width: 740px) {
    .resursbank-checkout-float-left,
    #shipping-code-block,
    #discount-code-block{width: 100%; float: none;}
    #shipping-methods-block,
    #discount-code-block{
        border-top: 1px solid #e9e9e9;
        margin-top: 35px;
        padding-top: 35px;
    }
    #shipping-methods-block{width: 100%; padding-right: 0px; padding-left: 0; margin-right: 0px; max-width: 100%;}
    .discount-form{padding: 0;}
}

@media screen and (max-width: 767px) {
    .resursbank-checkout-index-index button.button{ font-size: 0.7em; padding: 0 15px; line-height: 45px;}
    .cart-table tfoot tr td.last{padding-bottom: 0;}

    .cart {padding-bottom: 0px;}
}