/*
    STRIPE OVERRIDE
*/
body, html{
    height: inherit;
}


/*
    CHECKOUT MODAL
*/
#checkout-container{
    position: fixed;
    height: 100%;
    top: 0;
    left: 40%;
    z-index: 9999;
}

#checkout-container .small.log{
    font-size: 13px;
    padding: 10px 10px;
    line-height: 14px;
    top: 11px;
    position: relative;
    color: #666;
    text-align:center;
}

#checkout-container .back-button{
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
    margin-left: -10px;
}

#checkout-container .TextLink{
    border-bottom: none;
}

#checkout-container .checkout-section .summaryTitle{
    width: 70px;
}

#checkout-container .cartSummary{
    margin-top: 10px;
}

#checkout-container .cartSummary li {
    padding: 0 5px;
    line-height: 15px;
}

#checkout-container .cartSummary li .required {
    font-size: 10px;
}

#checkout-container .cartSummary li.summaryTotal {
    border-top: 1px solid #CCC;
    margin-top: 15px;
    padding: 5px;
    background: #eee;
    box-shadow: 0px 0px 1px #999 inset;
    font-weight: 700;
}

#checkout-container .cartSummary li.summaryTotal.summaryTotalWithoutCoupon {
    border-top: none;
    margin-top: 0px;
    padding: 0 5px;
    background: transparent;
    box-shadow: none;
    font-weight: 700;
}

/*#checkout-container .cartSummary .summaryItem {*/
/*    width: 65px;*/
/*}*/

#checkout-container .Checkout.is-desktop .Section-content {
    margin: 25px 12px;
}

#checkout-container .Checkout.is-desktop .Section-content.button-group {
    margin: 25px;
}

#checkout-container ul{
    padding-left: 0;
}

#cart-timeline{
    height: 22px;
    border-bottom: 1px solid #AAA;
    margin-bottom: 10px;
    position: relative;
    font-size: 11px;
    margin-top: 10px;
}

#cart-timeline .details{
    display: none;
}

#cart-timeline li{
    float: left;
    margin-left: 5px;
    margin-right: 15px;
    position: relative;
    height: 22px;
}

#cart-timeline li .bullet{
    background-color: #CCC;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    margin: 0 auto;
    position: absolute;
    bottom: -2px;
    left: 40%;
}

#cart-timeline li .bullet.active {
    background-color: #666;
}

.cartSummaryTitle{
    margin-top: 0;
    margin-bottom: 10px;
    padding-top: 0;
    text-align: center;
    text-decoration: underline;
}

.cartSummary{
    text-align: center;
}

.cartSummary li{
    clear:both;
}


.summaryTitle{
    float: left;
    text-align: left;
    width: 105px;
}

.summaryTitle .field-description{
    color: #888;
}

.summarySpacer{
    margin: 0 2px;
    font-weight: 100;
    font-size: 80%;
    margin-left: -10px;
}

.summaryItem{
    float: right;
    text-align: right;
    width: 75px;
    white-space: nowrap
}

.summaryItem .no-value {
    vertical-align: sub;
}

.summaryTotal{
    border-top:1px solid #333;
    margin-top: 40px;
    padding-top: 15px;
}

.checkPaymentSection address{
    text-align: center;
    line-height: 1.1;
    margin-bottom: 5px;
}

.check-corner{    
    border-style: solid;
    border-color: #333;
    color: #333;
    border-width: 0 0 2px 2px;
    font-size: 14px;
    padding: 10px;
    width: 400px;
    box-shadow: -4px 4px 5px #dfdfdf;
    position: relative;
    margin: 30px 0 50px;
}

.memo-label{
    text-transform: uppercase;
    font-size: 10px;
}

.memo{
    text-decoration: underline;
}

.check-routing-number{
    letter-spacing: 2px;
}

.check-watermark{
    position: absolute;
    right: 40px;
    bottom: 29px;
    color: rgba(0,0,0,.3);
    -ms-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.wirePaymentSection address{
    text-align: center;
    margin-bottom: 20px;
}

.checkout-section[data-section="protection"]{
    padding: 0 4px;
}

.checkout-section[data-section="protection"] h3{
    text-align: center;
    margin: 10px 0 0 0;
    font-size: 18px;
}

.checkout-section[data-section="protection"] p.log{
    font-size: 11px;
    line-height: 16px;
    margin: 10px 0 15px;
}

#couponsTotal{
    color: #FF0000;
}

.accountPaymentSection li {
    padding-bottom: 5px;
}

@media (max-width: 767px) {
}

@media (max-width: 700px) {
    #checkout-container {
        left: 30%;
    }
}

@media (max-width: 500px) {
    #checkout-container {
        left: 20%;
    }
}

@media (max-width: 400px) {
    #checkout-container {
        left: 15%;
    }
}

@media (max-width: 300px) {
    #checkout-container {
        left: 10%;
    }
}