.bgcolor_top {
    background: var(--top_menu_background);
}

.header-menu-list .indicator:hover,
.header-menu-list a:hover .indicator {
    border-top-color: var(--point-color);
}

.bgcolor_f08 {
    background: var(--navigation_background);
}

.header-menu-list a:hover,
.color_default a:hover,
.normal_menu li.active,
.header-menu-list li.active a {
    color: var(--navigation_link);
}

.online-order.bgcolor_focus,
.rd5.bgcolor_focus,
.bgcolor_focus {
    background: var(--order_online_button);
}

.online-order.bgcolor_focus:hover,
.online-order.bgcolor_focus:focus,
.rd5.bgcolor_focus:hover,
.rd5.bgcolor_focus:focus,
.bgcolor_focus:hover,
.bgcolor_focus:focus {
    background: var(--online_order_button_hover);
}

.numberOfCart {
    background: #ffffff;
    color: var(--theme-color);
}

input[type="radio"]+label span {
    background-color: #fff;
    border: 1px solid #919191;
}

input[type="radio"]:checked+label span {
    box-shadow: inset 0px 0px 0px 6px var(--theme-color);
    background: #fff;
    border: 0px solid var(--theme-color);
}

[type="checkbox"]:not(:checked)+label::before {
    background: #ffffff;
    border: 1px solid #707070;
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    color: #fff
}

[type="checkbox"]:checked+label::before {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1 .button-color2.changeOrder:hover,
.IOF-THEME-11.IOF-COLOR-1 .button-color2.changeOrder:focus,
.IOF-THEME-11.IOF-COLOR-1 .button-color2.changeOrder:active,
.IOF-THEME-11.IOF-COLOR-1.mobdes .theme-bg-1:not(.modal-body):not(.add-cart):not(.add-to-cart-btn):hover {
    background: none;
    color: var(--theme-color);
}

.ps-additional-info .cta-btn-atc,
.IOF-THEME-11.IOF-COLOR-1 .continue input[type="submit"].button-color1,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1,
.mobdes .cart-button,
.ps-additional-info .cta-btn-atc,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1,
.bgcolor_focus.submitAddAddress,
.saveBtn,
.newloginDesign .bgcolor_focus.cta-login-btn,
#btnUserLoginM.bgcolor_focus.cta-login-btn,
.IOF-THEME-11.IOF-COLOR-1 .button-color1.button-size1,
.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-1,
.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-2:not(.ext-menu),
.IOF-THEME-11.IOF-COLOR-1 .continue.hideDesk .button-size1,
.submitAddAddress {
    background: var(--theme-color);
    color: #ffffff;
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:active,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:active,
.mobdes .cart-button:hover,
.mobdes .cart-button:focus,
.mobdes .cart-button:active,
.ps-additional-info .cta-btn-atc:hover,
.ps-additional-info .cta-btn-atc:focus,
.ps-additional-info .cta-btn-atc:active,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:active,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:active,
.bgcolor_focus:hover,
.bgcolor_focus:active,
.bgcolor_focus.submitAddAddress:focus,
.bgcolor_focus.submitAddAddress:active,
.saveBtn:hover,
.saveBtn:focus,
.newloginDesign .bgcolor_focus.cta-login-btn:hover,
#btnUserLoginM.bgcolor_focus.cta-login-btn:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .submit .submitAddress.theme-bg-1:hover,
.IOF-THEME-11.IOF-COLOR-1 .submitAddress.theme-bg-1:not(.modal-body):not(.add-cart):not(.add-to-cart-btn):hover {
    background: var(--hover-color);
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1 {
    border: 1px solid var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1:active,
.IOF-THEME-11.IOF-COLOR-1.mobdes #pay-credit-card .changeName.btn.button-color1.button-size1:active {
    border: 1px solid var(--hover-color);
}

.ps-additional-info .cta-btn-atc:hover,
.IOF-THEME-11.IOF-COLOR-1 .continue input[type="submit"].button-color1:hover {
    background: var(--hover-color);
}

.mobdes .cart-button:hover .cart-btn,
.mobdes .cart-button:hover .cart-btn {
    background: transparent;
}

.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-2:not(.ext-menu),
.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-2:not(.ext-menu):hover {
    background: #bfbfbf;
}

.item-comment .editItemComment,
.linkBtn,
.noteline a,
.moredetail a {
    color: var(--theme-color);
}

.item-comment .editItemComment:hover,
.linkBtn:hover,
.noteline a:hover,
.moredetail a:hover,
.moredetail a:hover {
    opacity: 0.7;
}

.IOF-THEME-11.IOF-COLOR-1 #desktop_continue .button-size1.add_more_shopping,
.IOF-THEME-11.IOF-COLOR-1.mobdes .theme-btn-group .button-size5.saveOrderType,
.IOF-THEME-11.IOF-COLOR-1 #eGuestUserDetail .saveOrderType,
.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-2:not(.ext-menu),
.IOF-THEME-11.IOF-COLOR-1 .continue.hideDesk .button-size1.add_more_shopping,
.mobdes .cart-button.cta-back-nf {
    background: none;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1 #desktop_continue .button-size1.add_more_shopping:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .theme-btn-group .button-size5.saveOrderType:hover,
.IOF-THEME-11.IOF-COLOR-1 #eGuestUserDetail .saveOrderType:hover,
.IOF-THEME-11.IOF-COLOR-1 .submit .theme-bg-2:not(.ext-menu):hover {
    background: var(--theme-color);
    color: #fff;
}

.mobdes .cart-button.cta-back-nf:hover {
    background: var(--hover-color);
    color: #fff;
}

.IOF-THEME-11 input[type="text"].cardInput:focus+.cta-apply-btn {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.mobdes .cart-item .count {
    color: #fff;
    background: var(--theme-color);
}

.apply-cpn,
.apply-gftcrd,
.cta-apply-btn {
    color: #d6d6d6;
    background: #fff;
    border: 1px solid #d6d6d6
}

apply-cpn:hover,
.apply-cpn:focus,
.apply-cpn:active:hover,
.apply-cpn:active:focus,
.apply-gftcrd:hover,
.apply-gftcrd:focus,
.apply-gftcrd:active:hover,
.apply-gftcrd:active:focus,
.cta-apply-btn:hover,
.cta-apply-btn:focus,
.cta-apply-btn:active:hover,
.cta-apply-btn:active:focus,
.IOF-THEME-11 input[type="text"].cardInput:focus+.cta-apply-btn:focus {
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff;
}

.apply-cpn:active,
.apply-gftcrd:active {
    background: #fff;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.IOF-THEME-11 input[type="text"].cp-code:focus+.cta-apply-btn,
.IOF-THEME-11 input[type="text"].cp-code:focus+.apply-cpn,
.IOF-THEME-11 input[type="text"].gift-card:focus+.apply-gftcrd {
    border-color: var(--theme-color);
    color: var(--theme-color);
}

.IOF-THEME-11 input[type="text"].cp-code:focus+.cta-apply-btn:hover,
.IOF-THEME-11 input[type="text"].cp-code:focus+.apply-cpn:hover,
.IOF-THEME-11 input[type="text"].gift-card:focus+.apply-gftcrd:hover {
    color: #fff
}

.IOF-THEME-11.IOF-COLOR-1 .button-color2.changeOrder,
.IOF-THEME-11.mobdes .panel.panel-default .panel-collapse a.addAddress,
.IOF-THEME-11.IOF-COLOR-1 .main-container.checkoutMobView .changeOrder,
.IOF-THEME-11.IOF-COLOR-1 .mobdes .changeOrder,
.IOF-THEME-11.IOF-COLOR-1 .button-size5.editOrderType,
.IOF-THEME-11.IOF-COLOR-1.mobdes .button-color2.editOrderType,
.IOF-THEME-11.IOF-COLOR-1.mobdes .button-size5.saveOrderType {
    border: 0;
    background: none;
    color: var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1 .button-color2.changeOrder:hover,
.IOF-THEME-11.mobdes .panel.panel-default .panel-collapse a.addAddress:hover {
    opacity: 0.7;
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .theme-bg-1.button-color2.changeOrder:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .theme-bg-1.button-color2.changeOrder:active {
    background: none;
    border: 0;
    color: var(--theme-color);
    opacity: 0.7;
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .button-color2.editOrderType,
.closeModal.bgcolor_default {
    background: #ffffff;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .button-color2.editOrderType:hover,
.closeModal.bgcolor_default:hover,
.IOF-THEME-11.IOF-COLOR-1.mobdes .button-size5.saveOrderType:hover {
    background: var(--theme-color);
    color: #fff;
}

.ccinfowrap {
    background: #fff;
    border: 2px solid var(--theme-color);
}

.IOF-THEME-11.mobdes .newTable li .addtip ul li {
    background: #ffffff;
    border: 2px solid #eaeaea!important;
}

.IOF-THEME-11.mobdes .newTable li .addtip ul li:hover {
    border-color: var(--theme-color)!important;
}

.IOF-THEME-11.mobdes .newTable li .addtip ul li.selected {
    border-color: var(--theme-color)!important;
}

.IOF-THEME-11 #editOrderDetail:hover,
.IOF-THEME-11 #editOrderDetail:focus {
    background: none;
    color: var(--theme-color);
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1.checkoutLater {
    border: 0;
    background: none;
    color: #464646;
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .cont-btn.theme-bg-1.button-color2.button-size1.checkoutLater:hover {
    opacity: 0.7;
}

.choosepaywrap {
    border: 2px solid #eaeaea
}

.choosepaywrap.selectedBox {
    border: 2px solid var(--theme-color)
}

.IOF-THEME-11.IOF-COLOR-1 .address-radio-wrap .addressWrap {
    border: 2px solid #eaeaea;
}

.IOF-THEME-11.IOF-COLOR-1 .address-radio-wrap .addressWrap.selectedAdd {
    border-color: var(--theme-color)
}

.IOF-THEME-11.IOF-COLOR-1 .ext-menu-title>h4,
.IOF-THEME-11.mobdes .ext-menu-title.menu-title {
    color: var(--page_title);
}

@media screen and (max-width:768px) {
    .IOF-THEME-11 input[type="text"].cp-code:focus+.cta-apply-btn,
    .IOF-THEME-11 input[type="text"].cp-code:focus+.apply-cpn,
    .IOF-THEME-11 input[type="text"].gift-card:focus+.apply-gftcrd {
        border-color: var(--theme-color);
        color: var(--theme-color);
    }
    .IOF-THEME-11 input[type="text"].cp-code:focus+.cta-apply-btn:hover,
    .IOF-THEME-11 input[type="text"].cp-code:focus+.apply-cpn:hover,
    .IOF-THEME-11 input[type="text"].gift-card:focus+.apply-gftcrd:hover {
        color: #fff
    }
}

.product-detail-btn .d-access-guest.confirm-btn,
.confirm-btn {
    background: var(--theme-color);
    color: #ffffff;
    border-radius: 30px;
}

.IOF-THEME-11.IOF-COLOR-1.mobdes .product-detail-btn .d-access-guest.confirm-btn.theme-bg-1:not(.modal-body):not(.add-cart):not(.add-to-cart-btn):hover,
.confirm-btn:hover {
    background: var(--hover-color);
    color: #ffffff;
}

.product-detail-btn .d-access-guest.confirm-btn.theme-bg-2 {
    background: #ffffff;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
}

.product-detail-btn .d-access-guest.confirm-btn.theme-bg-2:hover {
    background: var(--theme-color);
    color: #fff;
}