/* Add here all your css styles (customizations) */
   /*==========WA2-T8 Auto Cart Update ================*/
        .hic-spin:before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #000;
            opacity: 0.5;
            z-index: 9999;
        }
        .hic-loader {
            color: #ffffff;
            font-size: 90px;
            text-indent: -9999em;
            overflow: hidden;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            margin: 72px auto;
            position: relative;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
            animation: load6 1.7s infinite ease, round 1.7s infinite ease;
            z-index: 99999;
            position: fixed;
            top: 20%;
            left: 50%;
        }

        @-webkit-keyframes load6 {
            0% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }

            5%, 95% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }

            10%, 59% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            }

            20% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            }

            38% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            }

            100% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }
        }

        @keyframes load6 {
            0% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }

            5%, 95% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }

            10%, 59% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
            }

            20% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
            }

            38% {
                box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
            }

            100% {
                box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
            }
        }

        @-webkit-keyframes round {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes round {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        /*========== end HiConversion Auto Cart Update ================*/
		
/*WA2-T8 styles for plus/minus coupon collapse */
    .couponForm .collapsed i.colexpIcon:before {
        content: "+";
        font-size: 24px;
        font-weight: bold;
    }

    .couponForm i.colexpIcon:before {
        content: "-";
        font-size: 24px;
        font-weight: bold;
    }
	
	/*Checkout exit confirm*/
.popover.bottom {
    margin-top: 10px;
}

.popover {
    position: absolute;
    z-index: 1060;
    display: inline;
    max-width: 400px;
    min-width: 400px;
    margin-left: -200px;
    margin-bottom: -115px;
    padding: 1px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    line-break: auto;
    text-align: center;
}

    .popover.bottom > .arrow {
        top: -11px;
        left: 50%;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: #999;
        border-bottom-color: rgba(0,0,0,.25);
    }

    .popover > .arrow {
        border-width: 11px;
    }

        .popover > .arrow, .popover > .arrow:after {
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
        }

    .popover.bottom > .arrow:after {
        top: 1px;
        margin-left: -10px;
        content: " ";
        border-top-width: 0;
        border-bottom-color: #fff;
    }

    .popover > .arrow:after {
        content: "";
        border-width: 10px;
    }

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.popover-content {
    padding: 10px;
}

.actions {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.popover .actions button {
    padding: 5px 0;
    border-radius: 3px;
    width: 40%;
    border: 1px solid rgba(0,0,0,.2);
    cursor: pointer;
}

.stay {
    margin-right: 5px;
}

.return {
    margin-left: 5px;
    background-color: #eeeeee !important;
}

.hc-btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
}

.hc-button {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/* special styles for cc auto detect */
.paymentForm .inputForm tr#type {
    display: none;
}

ul.card-logos {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

    ul.card-logos .hic-card-logo {
        display: inline-block;
        width: 50px !important;
        height: 30px;
        overflow: hidden !important;
        text-align: left !important;
        text-indent: -999px;
        background: url(images/cardlogos.png) 0 0 no-repeat;
        margin: 0px !important;
        padding: 0px !important;
    }

    ul.card-logos #card_mastercard {
        background-position: -55px 0;
    }

    ul.card-logos #card_amex {
        background-position: -110px 0;
       
    }

    ul.card-logos #card_discover {
        background-position: -165px 0;
        
    }

    ul.card-logos #card_diners {
        background-position: -220px 0;
     
    }

    ul.card-logos #card_jcb {
        background-size: 900px 25px !important;
        background-position: -860px 0px;
       
    }

    ul.card-logos[hic-card-match^="card"] li {
        opacity: 0.2;
    }

        ul.card-logos[hic-card-match^="card"] li.active {
            opacity: 1.0;
        }

li.hic-cc[hic-id='card_type.container'] {
    display: none;
}


#ctl00_ctl00_NestedMaster_PageContent_PaymentWidget_CreditCardPaymentForm_CardNumberLabel {
    position: relative;
    /* top: 10px;*/
}

#card_number th {
    vertical-align: top;
}

ul.card-logos {
    padding-left: 0;
    margin-top: 10px;
    margin-bottom: 0;
}