*:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.cart-au-sbtn, .cart-au-vbtn {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 0;
    padding: 0 15px;
    border-radius: 12px;
    height: 24px;
    background-color: #6A2C99;
}

#chk-wrap {
    display: flex;
    flex-direction: column-reverse;
}

#v-rhs {
    width: 100%;
    margin-bottom: 30px;
}

#v-lhs {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
}

.nb-o, .cb-o {
    background: #FF470F;
    cursor: default;
}

    .nb-o:hover, .cb-o:hover {
        background: #444;
        color: #FFF;
        cursor: pointer;
    }

.cb-o-blk {
    background: #222;
    color: #FFF;
    cursor: default;
}

    .cb-o-blk:hover {
        background: #FF470F;
        color: #FFF;
        cursor: pointer;
    }

.cb-u-blk {
    color: #222;
    text-decoration: underline;
    cursor: default;
}

    .cb-u-blk:hover {
        color: #FF470F;
        text-decoration: none;
        cursor: pointer;
    }

.nb-desel {
    background: #444;
    cursor: default;
}

    .nb-desel:hover {
        background: #444;
        cursor: default;
    }

.checkout-btn {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    color: #AAA;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    background-color: #f4f4f4;
    
    font-size: 18px;
}

.checkout-btn-active {
    background-color: #FF470F;
    color: #FFF;
}

    .checkout-btn-active:hover {
        background-color: #444;
        color: #FFF;
        cursor: pointer;
    }

.checkout-btn-sel {
    background-color: #44c7dd;
    color: #FFF;
}

    .checkout-btn-sel:hover {
        background-color: #44c7dd;
        color: #FFF;
    }

.no-touch:hover {
    cursor: pointer;
    color: #CCC !important;
}

    .no-touch:hover > svg {
        color: #CCC !important;
    }

.cur {
    cursor: pointer;
}

.view {
    margin-bottom: 20px;
}

#view-pane {
    width: 100%;
    position: relative;
    left: 0;
    transition: left 0.3s;
}

.plain-link {
    background: none;
    border-radius: 0;
    padding: 0;
    color: #222;
}

.view-back {
    display: flex;
    width: 30px;
    height: 35px;
    padding-top: 5px;
    box-sizing: border-box;
    justify-content: center;
}

    .view-back svg {
        color: #222;
    }

.view-bar {
    height: 1px;
    width: 100%;
    background-color: #6A2C99;
    margin: 5px 0 20px;
}

.view-go {
    width: 22px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .view-go svg {
        color: #222;
    }

.shipping-sub, .payment-sub {
    background-color: #FF470F;
    height: 90px;
    width: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 50%;
    color: #FFF;
}

    .shipping-sub:hover, .payment-sub:hover {
        background-color: #444;
        cursor: pointer;
        color: #FFF;
    }

        .shipping-sub:hover g, .payment-sub:hover g {
            fill: #FFF;
        }

.payment-active {
    background-color: #44c7dd;
    color: #FFF;
}

    .payment-active g {
        fill: #FFF;
    }

#guest-login-link, #register-login-link, #login-login-link {
    font-size: 13px;
}

.ncart-item-wrapper {
    height: 110px;
    width: 100%;
}

.ncart-item-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.ncart-image {
    width: 70px;
    border: 1px solid #EEE;
}

.ncart-item-lhs {
    margin-left: 15px;
    flex-grow: 1;
}

.ncart-item-title {
    font-size: 14px;
    color: #222;
}

.ncart-item-quantity {
    font-size: 10px;
    letter-spacing: 1px;
    color: #888;
    margin: 7px 0 0;
}

.ncart-item-size-color {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 3px 0 3px;
}

.ncart-item-size {
    font-size: 10px;
    letter-spacing: 1px;
    color: #888;
}

.ncart-item-swatch {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
}

.ncart-item-small {
    font-size: 13px;
    color: #222;
}

.ncart-item-remove {
    font-size: 11px;
    color: #222;
}

.ncart-remove {
    display: inline-block;
}

    .ncart-remove:hover {
        cursor: pointer;
    }

.ncart-down, .ncart-up {
    margin-left: 15px;
}

    .ncart-down:hover, .ncart-up:hover {
        cursor: pointer;
    }

.error-box, .success-box {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    box-sizing: border-box;
    font-size: 14px;
    margin-top: 20px;
    height: 0;
    overflow: hidden;
    text-align: center;
    display: none;
}

.alert-vis {
    margin-bottom: 5px;
    height: unset;
    padding: 12px;
    display: block;
}

.success-box {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.fine-text {
    font-size: 12px;
    color: #222;
}

#voucher_wrapper {
    height: 25px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: center;
}

#vlc_ss {
    font-size: 12px;
    letter-spacing: 0;
}

#voucher-spinner {
    font-size: 20px;
    color: #222;
    display: none;
}

#checkout-full-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2px;
}

#checkout-main-lhs {
    flex-grow: 1;
    overflow-x: hidden;
}

#checkout-main-rhs {
    display: none;
    width: 285px;
}

.checkout-intro {
    font-size: 16px;
    color: #222;
    text-align: center;
    letter-spacing: 1px;
}

.checkout-intro-sub {
    font-size: 16px;
    color: #222;
    letter-spacing: 1px;
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.ntm {
    margin-top: 0;
}

#approved {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

#declined {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

#checkout {
    width: 100%;
    overflow-x: hidden;
    position: relative;
}

.rhs-bend {
    width: 100%;
}

.cart-error {
    border-bottom-color: #F00 !important;
}

#loyalty_wrapper {
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media all and (min-width:980px) {
    #chk-wrap {
        flex-direction: row;
        justify-content: space-between;
    }

    #v-rhs {
        width: 400px;
    }

    #v-lhs {
        width: 560px;
    }
}

@media all and (min-width:1182px) {

    #v-rhs {
        width: 400px;
    }

    #v-lhs {
        width: 762px;
    }

    .checkout-intro {
        font-size: 20px;
    }

    .checkout-intro-sub {
        font-size: 20px;
    }

    #checkout-main-lhs {
        width: 850px;
        flex-grow: 0;
    }

    .rhs-bend {
        width: 850px;
    }

    #checkout-main-rhs {
        display: block;
    }
}