@import url('css/css/all.min.css');
.fa, .far, .fas { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; }
.nice-checkbox input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 44px !important; background-color: #f3f3f3; border-radius: 6px; border: solid 1px #ddd; outline: none !important; position: relative; transition: all 0.3s; cursor: pointer; margin: 0; }
.select-gateway-old { display: none; }
.nice-checkbox input[type="checkbox"]:checked { background-color: #cccccc; }

    .nice-checkbox input[type="checkbox"]:checked ~ label { color: #585858; }

    .nice-checkbox input[type="checkbox"]:checked:after { opacity: 1; transform: translateY(-50%) scale(1); }
    .nice-checkbox input[type="checkbox"]:checked:before { /* opacity:0; */ /* font-size:0; */ }

.nice-checkbox input[type="checkbox"]:after,
.nice-checkbox input[type="checkbox"]:before { font-family: "Font Awesome 5 Free" !important; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.3s; font-weight: 900 !important; }
.nice-checkbox input[type="checkbox"]:after { content: "\f00c"; font-size: 17px; opacity: 0; color: #585858; transform: translateY(-50%) scale(0); }
.nice-checkbox input[type="checkbox"]:before { content: " "; font-size: 17px; opacity: 1; color: #696969; width: 20px; height: 20px; border-radius: 6px; border: solid 1px #ddd; background-color: #fff; }
.nice-checkbox label { /* margin-top: 38px; */ /* float: right; */ /* font-weight:normal; */ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; color: #bdbdbd; width: 100%; text-align: center; }
/**/
.1default-email input[type="checkbox"] { font-size: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 1.5em; height: .7em !important; background: #ddd !important; border-radius: 3em !important; position: relative; cursor: pointer; outline: none; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 0 !important; top: 35px; margin-right: 12px; }

    .1default-email input[type="checkbox"]:checked { background: #00aae8 !important; }

        .1default-email input[type="checkbox"]:checked:after { left: calc(100% - .7em); }

    .1default-email input[type="checkbox"]:after { position: absolute; content: ""; width: .7em; height: 0.7em; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 0 0.25em rgba(0,0,0,.3); box-shadow: 0 0 0.25em rgba(0,0,0,.3); -webkit-transform: scale(.7); transform: scale(.7); left: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

/* Back Office Button */
.NBright_ButtonDiv { padding-bottom: 10px; padding-top: 10px; text-align: left; }

.NBright_MenuDiv .NBright_ButtonDiv { margin: 12px; }

.DNNModuleContent.ModNBStoreBackOfficeC { color: transparent; }

.divItems, .divItems > div { display: inline-block; width: 100%; }

span#spnModelColor { width: 17px; height: 17px; position: absolute; right: 36px; top: 8px; border-radius: 5px; border: 1px solid #ccc; content: ""; }

.divItems > div > div { display: inline-block; width: auto; float: right; }

a.NBright_EnterButton { color: #3E81B5 !important; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; text-decoration: none !important; font-weight: bold; padding: 5px 10px 6px 30px; }

.Detail .right { padding: 0 0 15px 15px; width: 38%; display: inline-block; vertical-align: top; }

a.NBright_EnterButton:hover { color: #5FA1D6 !important; }

.NBright_EnterButton { background: url("/DesktopModules/NB_Store/img/application_key.png") no-repeat 10px 50%; }

/* Store Order Manager */
.NBright_CartOptDiv, .NBright_ClientButtonDiv { text-align: left; font-weight: bold; line-height: 30px; }

.NBright_ClientButton { background-color: white; text-align: left; padding: 4px; margin: 10px 0; border: #d0ccc9 solid 1px; }

.NBright_RecalcButtonDiv { text-align: right; margin: 10px 0; font-weight: bold; }

.NBright_RecalcButton { background-color: white; text-align: left; padding: 4px; border: #d0ccc9 solid 1px; }

.NBright_NormalTextBox { margin-right: 8px; Width: 144px; }

.NBright_SelectDiv > div { display: inline; }

.NBright_SearchTextBox { margin-right: 8px; Width: 200px; height: 20px; border-radius: 3px; -moz-border-radius: 3px; }

.NBright_ContentDiv { width: 100%; }

.NBright_HeaderStyle { color: white; font-weight: bold; background-color: #bac815; }

.NBright_FooterStyle { color: black; font-weight: bold; background-color: white; }

.NBright_EditItemStyle { color: black; font-weight: normal; background-color: #E2DED6; }

.NBright_SelectedItemStyle { color: #333333; font-weight: bold; background-color: #E2DED6; }

.NBright_PagerStyle { color: black; font-weight: bold; background-color: white; text-align: center; }

.NBright_AlternatingItemStyle { color: #777777; font-weight: bold; background-color: #f3f6f8; }

.NBright_ItemStyle { color: #777777; font-weight: bold; background-color: white; }

.NBright_SelectDiv, .NBright_ActionDiv { text-align: left; padding: 10px 0; font-weight: bold; }

.NBright_ButtonDiv a, a.NBright_CommandButton, a.NBright_ActionButton { background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; text-decoration: none !important; font-weight: bold; color: #565656; cursor: pointer; padding: 5px 10px 6px 30px; }

    .NBright_ButtonDiv a:hover, a.NBright_CommandButton:hover { background-color: #FFF !important; text-decoration: none !important; }

a.NBright_CommandButton { padding: 5px 10px 6px; }

.NBright_ButtonDiv a, a.NBright_CommandButton { background-color: #f5f5f5; }

.NBright_SaveButton, .NBright_ActionButton { background: url("/DesktopModules/NB_Store/img/accept2.png") no-repeat 10px 50%; }

.NBright_ReturnButton { background: url("/DesktopModules/NB_Store/img/return.png") no-repeat 10px 50%; }

.NBright_PrintButton { background: url("/DesktopModules/NB_Store/img/printer.png") no-repeat 10px 50%; }

.NBright_ActionButton { background-color: white; text-align: left; padding: 4px; border: #d0ccc9 solid 1px; }

.SpecialInstructions { width: 450px; height: 45px; font-family: inherit; }

/* Checkout Cart stage options */
.NBright_CartOptDiv .Label { display: inline-block; min-width: 110px; vertical-align: top; white-space: nowrap; }

.NBright_CartOptDiv .ShippingMethods { display: inline-block; }

/* product list pager*/
div[id*=pnlProductList] .PagingTable { background-color: #ffffff !important; min-height: 40px !important; border: 1px solid #9C9C9C !important; padding: 8px; border-radius: 5px; display: inline-block; width: 100% !important; margin: 15px 0 !important; }

    div[id*=pnlProductList] .PagingTable tbody, div[id*=pnlProductList] .PagingTable tbody tr { display: block; width: 100%; }

    div[id*=pnlProductList] .PagingTable td { text-align: center; font-family: Tahoma; }

        div[id*=pnlProductList] .PagingTable td:nth-child(2n+2) { width: 630px; }

        div[id*=pnlProductList] .PagingTable td:first-child { width: 100px; }

.ProductList .ListA, .ProductList .ListB { float: left; }

@media (max-width: 1000px) {
    div[id*=pnlProductList] .PagingTable td:nth-child(2n+2) { width: 86%; }

    div[id*=pnlProductList] .PagingTable td:first-child { width: 14%; }
}

.paging-span { width: 22px !important; min-width: 20px !important; height: 22px !important; margin: 0 5px !important; line-height: 20px !important; background-color: #d3d3d3; color: #737399; display: inline-block; text-align: center; }


    .paging-span:hover { text-align: center; }

    .paging-span a { background-color: #efefef; color: #737399; min-width: 100%; height: 100%; display: inline-block; padding: 0 2px; transition: all 0.4s ease-in-out; }

    .paging-span:hover a { background-color: #d3d3d3; text-align: center; text-decoration: none; color: #eee; }

    .paging-span:first-child { background: url(/DesktopModules/NB_Store/img/bg-end.jpg); background-repeat: no-repeat; color: transparent; background-color: transparent; }

        .paging-span:first-child:hover a { background: url(/DesktopModules/NB_Store/img/bg-end-hover.jpg) no-repeat; background-position: right top; }

    .paging-span:last-child { background: url(/DesktopModules/NB_Store/img/bg-home.jpg); background-repeat: no-repeat; color: transparent; background-color: transparent; }

        .paging-span:last-child:hover a { background: url(/DesktopModules/NB_Store/img/bg-home-hover.jpg) no-repeat; background-position: right top; }

    .paging-span:nth-child(13n+2) { background: url(/DesktopModules/NB_Store/img/bg-next.jpg); background-repeat: no-repeat; color: transparent; background-color: transparent; }

        .paging-span:nth-child(13n+2):hover a { background: url(/DesktopModules/NB_Store/img/bg-next-hover.jpg) no-repeat; background-position: right top; }

    .paging-span:nth-last-child(-13n+2) { background: url(/DesktopModules/NB_Store/img/bg-prev.jpg); background-repeat: no-repeat; color: transparent; background-color: transparent; }

        .paging-span:nth-last-child(-13n+2):hover a { background: url(/DesktopModules/NB_Store/img/bg-prev-hover.jpg) no-repeat; background-position: right top; }

        .paging-span:first-child a, .paging-span:last-child a, .paging-span:nth-child(13n+2) a, .paging-span:nth-last-child(-13n+2) a { color: transparent; background-color: transparent; background-position: right top; }

.ListHeader { text-align: right !important; }

    .ListHeader .NormalTextBox { height: 25px !important; border-radius: 5px !important; border: 1px solid #b1b1b1 !important; font-family: 'BYekan'; }

.highlight { background-color: yellow; }


@-webkit-keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(.6,.6,1); }

    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); }
}

@keyframes anim-open {
    0% { opacity: 0; -webkit-transform: scale3d(.6,.6,1); transform: scale3d(.6,.6,1); }

    100% { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

.anim-open { -moz-animation: anim-open 1s steps(10); -o-animation: anim-open 1s steps(10); -webkit-animation: anim-open 1s steps(10); animation: anim-open 1s steps(10); -moz-animation-timing-function: cubic-bezier(.1,.4,.2,1.4); -o-animation-timing-function: cubic-bezier(.1,.4,.2,1.4); -webkit-animation-timing-function: cubic-bezier(.1,.4,.2,1.4); animation-timing-function: cubic-bezier(.1,.4,.2,1.4); }

.likesBtn { width: 50px; height: 50px; text-align: center; /*padding-left: 20px;*/ cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -em-transition: all 0.3s; -moz-transition: all 0.3s; display: inline-block; margin: 5px; vertical-align: middle; position: relative; overflow: hidden; }

#divLike { }

#divDisLike { }

.FileManager_FileList a { display: inline-block; width: 20px; }

.likesBtn:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.likesBtn:hover:before, .likesBtn:focus:before, .likesBtn:active:before { -webkit-transform: scale(2); transform: scale(2); }

.likesBtn:hover .counter-text { color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -em-transition: all 0.3s; -moz-transition: all 0.3s; }

.likesBtn { transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -em-transition: all 0.3s; -moz-transition: all 0.3s; position: rrelative; }

    .likesBtn:after { display: inline-block; position: absolute; right: 15px; top: 22px; font-size: 25px; margin-top: -16px; font-family: "Font Awesome 5 Free" !important; }

#divLike:after { content: "\f164"; }

#divDisLike:after { content: "\f165"; }

.Liked:after { content: "\f164"; font-size: 27px; }

.DisLiked:after { content: "\f165"; font-size: 27px; }

.likesBtn:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -em-transform: scale(1.2); -moz-transform: scale(1.2); }
/* Start Comparison */

.WishListEmptyBg { display: inline-block; width: 100%; text-align: center; background: #ddd; }

    .WishListEmptyBg a { font-size: 14px; color: #333; padding: 15px; display: inline-block; width: 100%; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

        .WishListEmptyBg a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

        .WishListEmptyBg a i, .WishListEmptyBg a em { padding: 0 1px; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin-left: 5px; }

        .WishListEmptyBg a:hover { color: #fff; }

            .WishListEmptyBg a:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

            .WishListEmptyBg a:hover i, .WishListEmptyBg a:hover em { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* End Comparison */
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 22%; height: 100%; display: block; }

.Liked:after { /* content: "\f164" !important; */ /* font-size: 27px; */ }

.DisLiked:after { /* content: "\f165" !important; */ /* font-size: 27px; */ }

.likesBtn:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -em-transform: scale(1.2); -moz-transform: scale(1.2); }
/* Start Comparison */

.WishListEmptyBg { display: inline-block; width: 100%; text-align: center; background: #ddd; }

    .WishListEmptyBg a { font-size: 14px; color: #333; padding: 15px; display: inline-block; width: 100%; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }

        .WishListEmptyBg a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098D1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

        .WishListEmptyBg a i, .WishListEmptyBg a em { padding: 0 1px; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin-left: 5px; }

        .WishListEmptyBg a:hover { color: #fff; }

            .WishListEmptyBg a:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); }

            .WishListEmptyBg a:hover i, .WishListEmptyBg a:hover em { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }

/* End Comparison */
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 22%; height: 100%; display: block; }

.rtl .wb-Checkout { text-align: right !important; }
.wb-Checkout { text-align: left !important; /* max-width: 700px; */ /* margin: auto; */ }

    .wb-Checkout .right-side-wrap,
    .wb-Checkout .left-side-wrap,
    .wb-Checkout .checkout-box-wrap { background-color: #fff; border: solid 1px #ddd; box-shadow: 0 8px 13px -7px rgba(0,0,0,.05); border-radius: 6px; }
.checkout-box-wrap { margin-bottom: 20px; padding-bottom: 15px; /* padding: 15px; */ }

.wb-Checkout .right-side { margin-bottom: 20px }

.wb-Checkout .left-side-wrap { padding: 15px; margin-bottom: 15px; font-size: 14px; }

.wb-Checkout .checkout-summary > span:last-child { float: left; }
.wb-Checkout .checkout-summaryShipping > span:last-child { float: left; }


.wb-Checkout .checkout-content { text-align: center; margin-top: 20px; padding-top: 20px; position: relative; }

    .wb-Checkout .checkout-content:after { content: ''; padding: 1px 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; position: absolute; top: 0; left: 0; width: 100%; }

    .wb-Checkout .checkout-content .price-title { font-size: 18px; margin-bottom: 10px; }

    .wb-Checkout .checkout-content .price-value { font-size: 18px; color: #ee3a43; margin-bottom: 10px; }

.next-step { font-size: 18px; color: #fff !important; margin-bottom: 10px; display: block; border: solid 1px #2b82bb; background-color: #4aa6e3; border-radius: 6px; padding: 9px; transition: all 0.3s; width: 100%; cursor: pointer !important; font-family: inherit; }

    .next-step:hover { background-color: #348fcc; }
    .next-step:disabled { background-color: #ddd; border: solid 1px #cecece; color: #989898 !important; cursor: not-allowed !important; }

.wb-Checkout .buy-process { display: flex; justify-content: space-between; margin: 20px 0 60px; }
    .wb-Checkout .buy-process li { width: 100%; text-align: center; position: relative; padding-bottom: 15px; }
        .wb-Checkout .buy-process li:before { content: ''; position: absolute; bottom: 5px; left: 50%; width: 100%; height: 3px; background-color: #4aa4e3; }
        .wb-Checkout .buy-process li.active ~ *:before { background-color: #e4e4e4; }
        .wb-Checkout .buy-process li.active:before { background-color: #4aa5e3; }
        .wb-Checkout .buy-process li:first-child:before { display: none }
        .wb-Checkout .buy-process li:last-child:before { }
        .wb-Checkout .buy-process li:after { content: "\f058"; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); width: 17px; height: 17px; background-color: #ffffff; border-radius: 100%; z-index: 4; font-size: 20px; color: #4aa4e3; line-height: 1; }
        .wb-Checkout .buy-process li.active ~ *:after { content: ''; background-color: #e4e4e4; }
        .wb-Checkout .buy-process li.active:after { content: ''; background-color: #4aa6e3; }
        .wb-Checkout .buy-process li.active:last-child:after { content: "\f058"; background-color: #fff; }



.wb-Checkout ul { list-style: none; margin: 0; }

.wb-Checkout .select-gateway { display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
    .wb-Checkout .select-gateway input { display: none; }
    .wb-Checkout .select-gateway label { display: flex; flex-direction: column; text-align: center; max-width: 215px; position: relative; margin: 0 10px; cursor: pointer; padding: 15px; z-index: 2; }
    .wb-Checkout .select-gateway img { /* border: solid 1px #ddd; */ }
    .wb-Checkout .select-gateway span:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 1px #d4d4d4; border-radius: 6px; z-index: 1; transition: all 0.3s; }
    .wb-Checkout .select-gateway span:before { content: "\f00c"; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%) scale(0); font-family: "Font Awesome 5 Free" !important; width: 20px; height: 20px; line-height: 20px; background-color: #338000; border-radius: 100%; z-index: 2; color: #fff; font-weight: 900 !important; transition: all 0.3s; }
    .wb-Checkout .select-gateway input:checked ~ span:after { border-color: green; }
    .wb-Checkout .select-gateway input:checked ~ span:before { transform: translateX(-50%) scale(1); }

.wb-Checkout .checkout-express { border-bottom: solid 1px #4aa7e3; padding: 15px 15px 10px 15px; margin-bottom: 15px; font-size: 15px; }

.wb-Checkout .content-wrapper { padding: 0 20px 20px; }

.wb-Checkout .checkout-thumb img { max-height: 100px; }
.wb-Checkout .checkout-price { text-align: center; font-size: 12px; color: #bbb; text-decoration: line-through; display: none; }
.wb-Checkout .onDiscount .checkout-price { display: block; }
.wb-Checkout .checkout-price .main-currency { /* display:none; */ }
.wb-Checkout .price-box { flex-direction: column; align-items: flex-end !important; padding-left: 40px; }
.wb-Checkout .checkout-discountPrice { font-size: 12px; color: #ef394e; display: none; }
.wb-Checkout .onDiscount .checkout-discountPrice { display: block; }
.wb-Checkout .onDiscount .checkout-afterDiscountPrice { font-size: 16px; color: #2e7b32; }
.wb-Checkout .checkout-afterDiscountPrice { color: #404040; font-size: 16px; }

.checkout-item > .row { display: flex; }

    .checkout-item > .row > div { display: flex; justify-content: center; align-items: center; }

.checkout-item .remove-item { border: none; background: none; font-family: inherit; }

    .checkout-item .remove-item.hidden-lg { border: solid 1px #ddd; border-radius: 5px; padding: 5px; margin-right: 5px; color: #737373; }

.checkout-item .fa-remove { background-color: #eee; color: #929292; border-radius: 100%; padding: 5px; width: 22px; height: 22px; text-align: center; transition: all 0.3s; }

    .checkout-item .fa-remove:hover { background-color: #ddd; }

.checkout-item > .row > div.col-sm-5 { justify-content: right; }

.checkout-item > .row > div.col-sm-2 { flex-direction: column; }

.checkout-item .checkout-qnty-wrap { /* width: 100%; */ display: inline-block; text-align: center; border: solid 1px #eee; border-radius: 6px; }
.checkout-qnty-col *::selection { background: transparent; /* WebKit/Blink Browsers */ color: inherit }
.checkout-qnty-col *::-moz-selection { background: transparent; /* WebKit/Blink Browsers */ color: inherit }
.checkout-item .checkout-qnty-wrap .fa { padding: 7px 10px; display: inline-block; color: #4aa6e3; cursor: pointer; }
.checkout-item .checkout-qnty-wrap .fa-trash { display: none; }
.checkout-item .checkout-qnty-wrap .qnty-count { margin: 0 8px; }
.checkout-item input[type=number] { max-width: 100%; border: solid 1px #ddd; border-radius: 5px; padding: 5px 5px 5px 15px; color: #808080; font-family: inherit; text-align: left; direction: ltr; font-size: 15px; transition: all 0.3s; max-width: 85px; margin-right: 10px; }

.checkout-item .checkout-qnty { display: none; }

.checkout-alert { display: none; position: absolute; bottom: -10px; left: 0; width: 100%; background-color: #ff0808; color: #fff; text-align: center; border-radius: 6px; box-shadow: 0px 0px 6px 0px #0000006e; }
    .checkout-alert:after { content: ''; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px transparent; border-bottom: solid 6px #ff0808; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); }
.checkout-item input[type=number]:focus { border-color: #b5b5b5 }

.checkout-item { margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #eee; }

    .checkout-item:last-child { border: none; margin-bottom: 0; }

    .checkout-item .checkout-thumb { margin-left: 15px; display: inline-block; vertical-align: top; width: 25%; }

    .checkout-item .checkout-desc .product-name { margin-bottom: 8px; font-size: 13px; display: block; background-color: transparent !important; }
    .checkout-item .checkout-desc #productModel { font-size: 11px; }
    .checkout-item .checkout-desc #producer { font-size: 13px; font-weight: bold; }
    .checkout-item .remove-product { width: 0; opacity: 0 !important; }


    .checkout-item .checkout-desc .product-name:hover { color: inherit !important; }

    .checkout-item .checkout-desc { color: #636363 }

.wb-CheckoutSteps { margin-bottom: 24px; }

.wb-Checkout table { width: 100%; }
.wb-Checkout .factor .checkout-express { margin-bottom: 0; text-align: center; }
.wb-Checkout .factor > .col-md-3 { border-left: solid 1px #fff; background-color: #353535; padding: 10px 15px; color: #fff; text-align: center; }
.wb-Checkout .factor .DetailTemplateRows .col-sm-3 { border-left: solid 1px #bdbdbd; border-bottom: solid 1px #bdbdbd; padding: 10px 15px; text-align: left; font-size: 14px; }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3:first-child { text-align: right; }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3:nth-child(3) { text-align: center; }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3:last-child { border-left: none; }
.wb-Checkout .factor .factor-table { display: inline-block; width: 50%; float: left; font-size: 13px; font-weight: bold; margin-top: 10px; padding-left: 15px; }
    .wb-Checkout .factor .factor-table span.label-text { display: inline-block; width: 50%; /* padding-left:15px; */ text-align: left; font-weight: normal; }
    .wb-Checkout .factor .factor-table span.label-number { text-align: left; width: 50%; display: inline-block; }
.wb-Checkout .stg4 { max-width: 800px; margin: auto; }
    .wb-Checkout .stg4 .order-property { margin-bottom: 15px; }
    .wb-Checkout .stg4 .order-date { text-align: left; }
    .wb-Checkout .stg4 .buyer-profile > .col-md-6 { margin-bottom: 6px; }



table[id*="CheckOut_cartlist1_dgCartList"], table[id*="CheckOut_cartlist2_dgCartList"] { border: 1px solid #ccc; }

    table[id*="CheckOut_cartlist1_dgCartList"] > tbody > tr:nth-child(odd), table[id*="CheckOut_cartlist2_dgCartList"] > tbody > tr:nth-child(odd) { background: #ebebeb; }

.NBright_cartheader { border-bottom: 4px double #ABB0B3; font-weight: bold; background: transparent; }

td.NBright_cartheader { padding: 10px; background-color: #1d201c; color: #fff; font-size: 16px; }

table[id*="CheckOut_cartlist1_dgCartList"] td, table[id*="CheckOut_cartlist2_dgCartList"] td { border: 1px solid #ccc; }

.NBright_CartItem td, .NBright_AltCartItem td { text-align: center; padding: 5px; }

.NBright_CartItem td, .NBright_AltCartItem td { border-bottom: 1px #ccc dotted; }

.NBright_CartList input[type=text] { text-align: center; }

.discountTotal { float: left; color: #ef394e; }
.discountTotalStg2 { float: left; }
.NBright_RecalcButtonDiv { text-align: right; margin: 10px 0; font-weight: bold; }

.wb-Checkout .NBright_ClientButtonDivRight .NBright_ClientButton { margin-left: 0; }

.NBright_RecalcButtonDiv a { background-color: #ff4e00; padding: 5px 15px; color: #fff !important; }

.NBright_RecalcButtonDiv a { color: #444 !important; }

/*a.Button { line-height: 30px; width: 120px; }

a.Button { background: #EAEAEA url(/DesktopModules/NB_Store/img/GlossyButtons.png) repeat-x; }*/

a.Recalculate { margin-left: 0 !important; }

/*a.Button, a.Button:link { font-size: 12px; font-weight: bold; text-decoration: none !important; padding: 0; margin-left: 12px; margin-bottom: 12px; display: inline-block; text-align: center; }

    a.Button, a.Button:link { color: #444; border: 1px solid #B7B7B7; border-radius: 5px; }*/

.NBright_RecalcButton { background-color: white; text-align: left; padding: 4px; border: #d0ccc9 solid 1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.NBright_ClientButtonDivLeft { text-align: left; }

.NBright_ClientButtonDivRight { text-align: right; }

.NBright_ClientButton.Button.ContinueOrder { background: #02bd5a !important; color: #fff !important; -webkit-transition: all 0.25s linear !important; -moz-transition: all 0.25s linear !important; -ms-transition: all 0.25s linear !important; -o-transition: all 0.25s linear !important; transition: all 0.25s linear !important; }

table[id*="CheckOut_cartlist1_dgCartList"] > tbody > tr:last-child span, table[id*="CheckOut_cartlist2_dgCartList"] > tbody > tr:last-child span { padding: 5px; display: inline-block; }

table[id*="CheckOut_cartlist1_dgCartList"] table td, table[id*="CheckOut_cartlist2_dgCartList"] table td { border: 0 !important; }

.divPriceCurrency { margin-bottom: 10px; }

.wb-Checkout fieldset { border: 1px solid #ececec; padding: 25px; background-color: #ffffff; border-radius: 6px; position: relative; top: -12px; }
.promo-input input { margin-bottom: 0 !important; }
.field-wrap { position: relative; }

.float-placeholder input { width: 100%; margin-bottom: 15px !important; margin-top: 0px; background-color: #fff !important; margin-bottom: 15px !important; border-radius: 5px !important; border: solid 1px #ddd !important; padding: 6px !important; transition: all 0.3s; font-family: inherit; }

    .float-placeholder input::placeholder { color: transparent; }

    .float-placeholder input:focus { border-color: #b9b9b9; }

.float-placeholder label,
.float-placeholder .float-label { position: absolute; left: 0; top: 9px; padding: 0 9px; font-weight: normal; transition: all 0.3s; cursor: text; color: #868686; background-color: #fff; }

.rtl .float-placeholder label,
.rtl .float-placeholder .float-label { left: auto; right: 6px; }

.float-placeholder input:focus ~ label,
.float-placeholder input:not(:placeholder-shown) ~ label,
.float-placeholder input:focus ~ .float-label,
.float-placeholder input:not(:placeholder-shown) ~ .float-label,
.float-placeholder textarea:focus ~ label,
.float-placeholder textarea:not(:placeholder-shown) ~ label { transform: translate(.25em, -20px) scale(.8); color: #4a4a4a; }

.float-placeholder .radio label { transform: unset !important; position: relative; top: 0px; right: 0; }

.float-placeholder .radio .Value > label { top: -10px; }

.float-placeholder .radio input { margin: 0; position: relative; width: auto; }
.float-placeholder .radio table { width: auto; display: inline; }
.apply-btn { position: absolute; right: 0; top: 0px; line-height: 50px; padding: 0 10px; height: 49px; border-right: solid 1px #ddd; }
.rtl .apply-btn { left: 0; right: auto; }

.AddressCollector { text-align: right; margin-top: 10px; }

.wb-Checkout table { width: 100%; }

.AddressCollector td { padding: 4px; }

.AddressCollector td, .AddressOptions td { padding: 4px; }

.AddressCollector .Label { white-space: nowrap; font-weight: normal; width: 110px; }
span.required { color: red }
.AddressCollector > tbody > tr:last-child > .Label { vertical-align: top; padding-top: 15px !important; }


.wb-Checkout textarea { width: 100%; background-color: transparent; border: solid 1px #ddd; border-radius: 6px; resize: none; margin: 0px 0 5px; font-family: inherit; font-size: 13px; color: #5d5d5d; height: 100px; padding: 9px 15px; }

.Email-field input.email { direction: ltr; width: 100%; font-family: sans-serif; }
.Email-field label { font-weight: normal; }

.NormalRed { font-weight: bold; color: red; }

.CommandButton, .StandardButton, .NormalRed { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); border: 1px solid #ccc !important; border-radius: 5px; padding: 10px 20px; margin: 5px; margin-right: -1px; display: inline-block; transition: all 0.5s ease-in; }

.wb-Checkout .validation,
.wb-Checkout .AddressCollector .Value > span { background: red !important; color: #fff; border: none !important; position: absolute; left: 0; top: -35px; margin: 0; font-weight: normal; padding: 4px 14px; border-radius: 6px; }
.wb-Checkout .AddressCollector .Value { position: relative; }
    .wb-Checkout .AddressCollector .validation:after,
    .wb-Checkout .AddressCollector .Value > span:after { content: ''; position: absolute; left: 13px; bottom: -17px; border-left: solid 10px transparent; border-top: solid 10px #ec2c00; border-bottom: solid 10px transparent; border-right: solid 10px transparent; }

.wb-Checkout legend, .wb-Checkout legend span { font-size: 18px !important; color: #666; }

.wb-Checkout legend { font-size: 18px !important; color: #666; padding: 0 15px; display: inline-block; width: auto; border: 0; }

.AddressCollector > tbody > tr:last-child > .Label { vertical-align: top; padding-top: 15px !important; }

.AddressCollector > tbody > tr:last-child > .Address1 { top: 0; }
/* .Address1 {
    position: relative;
    top: 40px;
}
td .Address1 textarea {
    width: 97%;
    background-color: white;
    margin-bottom: 0px;
}
.AddressCollector>tbody>tr:last-child>.Address1 textarea {
    width: 33% !important;
} */
.SpecialInstructions { width: 450px; height: 45px; font-family: inherit; }

.SpecialInstructions { background-color: white; }

.AddressOptions textarea { /* margin-top: 20px; */ }

.wb-Checkout .next-step:hover,
.wb-Checkout .next-step:focus { color: #fff; }

.NBright_ClientButton.Button.ContinueOrder:hover { background: #039648 !important; }

.AddressOptions { text-align: right; }

input[type="checkbox"], input[type="checkbox"] + label { /* float: right; */ /* margin-left: 6px; */ }

a.CancelOrder:link { border: 1px solid #BC0000; }

.OrderDetailRow { background: #f5f5f5; border-bottom: 1px solid #ddd; height: 50px !important; }
.OrderDetailRow2 td { text-align: center; }
div[id$="pnlOrderEdit"] td { padding: 5px; }

.ModelImageTable { width: 50px; }

    .ModelImageTable:hover { width: 500px; }

.back-btn { margin-top: 40px; }
    .back-btn a { display: inline-block; padding: 4px 0 4px 4px; border: solid 1px #ddd; border-radius: 10px; padding: 0 15px; transition: all 0.3s; }
        .back-btn a:hover { color: #8c8c8c; background-color: #eee }
        .back-btn a:before { content: "\f105"; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; position: relative; top: 2px; margin-left: 10px; font-size: 13px }
/************PAGING*************/
div[id*=pnlProductList] .PagingTable { text-align: center; }

    div[id*=pnlProductList] .PagingTable span { display: none; }

    div[id*=pnlProductList] .PagingTable em { border: solid 1px #ddd; background-color: #eee; }

    div[id*=pnlProductList] .PagingTable em,
    div[id*=pnlProductList] .PagingTable a { background-color: #eee; padding: 2px 10px; border-radius: 5px; font-family: inherit !important; color: #3d3d3d; display: inline-block; margin: 0 3px; height: 30px; }

    div[id*=pnlProductList] .PagingTable a { border: solid 1px transparent; background: transparent !important; transition: all 0.4s; }

        div[id*=pnlProductList] .PagingTable a.PagerNormalDisabled { display: none; }

    div[id*=pnlProductList] .PagingTable .NextPage:before { content: ''; height: 20px; width: 1px; background-color: #ddd; position: absolute; left: -7px; right: auto; top: 4px; }
.rtl div[id*=pnlProductList] .PagingTable .NextPage:before { right: -7px; left: auto; }
div[id*=pnlProductList] .PagingTable .NextPage { margin-right: 10px; position: relative; }
div[id*=pnlProductList] .PagingTable .PreviousPage:after { content: ''; height: 20px; width: 1px; background-color: #ddd; position: absolute; right: -7px; left: auto; top: 4px; }
.rtl div[id*=pnlProductList] .PagingTable .PreviousPage:after { left: -7px; right: auto; }

div[id*=pnlProductList] .PagingTable .PreviousPage { margin-left: 10px; position: relative; }

div[id*=pnlProductList] .PagingTable a:hover { background: #eee !important; color: #3d3d3d !important; border: solid 1px #eee; }

div[id*=pnlProductList] .PagingTable a:after,
div[id*=pnlProductList] .PagingTable a:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; }

.rtl div[id*=pnlProductList] .PagingTable a.FirstPage:before { content: "\f101"; margin-left: 7px; }

.rtl div[id*=pnlProductList] .PagingTable a.PreviousPage:before { content: "\f105"; margin-left: 10px; }

.rtl div[id*=pnlProductList] .PagingTable a.NextPage:after { content: "\f104"; margin-right: 7px; }

.rtl div[id*=pnlProductList] .PagingTable a.LastPage:after { content: "\f100"; margin-right: 10px; }
/*ENG*/
div[id*=pnlProductList] .PagingTable a.FirstPage:before { content: "\f100"; margin-right: 7px; }

div[id*=pnlProductList] .PagingTable a.PreviousPage:before { content: "\f104"; margin-right: 10px; }

div[id*=pnlProductList] .PagingTable a.NextPage:after { content: "\f105"; margin-left: 7px; }

div[id*=pnlProductList] .PagingTable a.LastPage:after { content: "\f101"; margin-left: 10px; }
/***/

@media screen and (max-width: 767px) {
    .wb-Checkout .factor .factor-table { width: 100%; }
    .wb-Checkout .factor .DetailTemplateRows > .row { border-bottom: solid 1px #ddd; }
    .wb-Checkout .factor .DetailTemplateRows .col-sm-3 { text-align: right !important; padding-right: 100px; border: none; }
        .wb-Checkout .factor .DetailTemplateRows .col-sm-3:before { content: attr(data-column); position: absolute; right: 10px; }
    .wb-Checkout .factor > .col-md-3 { display: none; }
    .wb-Checkout .stg4 .order-date { text-align: right; }
    .checkout-item > .row { display: block; }

        .checkout-item > .row > div { display: inline-block; }
            .checkout-item > .row > div.col-xs-6 { float: left; }
    .wb-Checkout .checkout-price { text-align: right; padding-right: 15px; color: #ee3a43 }
    .checkout-item .checkout-desc .product-name { margin-bottom: 0 }
    .checkout-item > .row > div.col-sm-5 { margin-bottom: 20px; }
    .checkout-item .checkout-count { display: inline-block; padding-right: 15px; padding-left: 7px; }
    .checkout-item input[type=number] { display: inline-block; max-width: 45px; }
    .checkout-item .checkout-desc { display: inline-block; width: calc(100% - 100px); }
    div[id*=pnlProductList] .PagingTable.row a { display: none !important; }

        div[id*=pnlProductList] .PagingTable.row a.showInMobile { display: inline-block !important; }

    div[id*=pnlProductList] .PagingTable .PreviousPage:after,
    div[id*=pnlProductList] .PagingTable .NextPage:before { display: none; }

    .MobilePagingdiv[id*=pnlProductList] .PagingTable { padding: 0; margin: 0 !important; }
}
/*------------------------------------------------*/

/*-------- model colors --------*/
div.colors > table { width: 100%; text-align: right; }

    div.colors > table tr { display: inline-block; margin-left: 20px; }

    div.colors > table input { display: none; }

        div.colors > table input[type="radio"]:checked ~ label span.spnModelColor { background-color: #f0f0f0; }

span.spnModelColor { float: right; margin: 0 !important; position: relative; padding: 3px 30px 3px 10px; border: solid 1px #f0f0f0; border-radius: 4px; cursor: pointer; transition: all 0.4s; }

span.spnModelColorCode { float: right; width: 20px; height: 20px; position: absolute; right: 5px; top: 5px; border-radius: 4px; border: solid 1px #ddd; }

span.modelColorPrice { display: inline-block !important; direction: rtl; }
/*------------------------*/
/*-----------Drop Model----------*/
.ModelPrices > span,
.ModelDesc > div { display: none; }
/*------------------------*/


/*------------------------------------------------*/
/*--------------NBSTORE LOGIN PAGE----------------*/
/*------------------------------------------------*/
.row.LoginPage { /* max-width:900px; */ /* margin:40px auto 20px; */ }

    .row.LoginPage .bx a:before { content: ''; width: 42px; height: 42px; display: inline-block; transition: all 0.3s; }

    .row.LoginPage .bx.log a:before { background: url(./img/key.png) no-repeat; }

    .row.LoginPage .bx.reg a:before { background: url(./img/user.png) no-repeat; }

    .row.LoginPage .bx a:hover:before { transform: translateY(4px); }

    .row.LoginPage .bx { display: inline-block; width: 100%; text-align: center; }

        .row.LoginPage .bx a { line-height: 50px; display: inline-block; width: 100%; font-size: 16px; padding: 40px; border: solid 1px #f1f1f1; border-radius: 15px; transition: all 0.4s; position: relative; margin-bottom: 20px; }

            .row.LoginPage .bx a:hover { background-color: inherit !important; box-shadow: 0px 0px 4px 2px #f1f1f199; }

            .row.LoginPage .bx a span.firstSpan { color: #464646; display: block; margin-bottom: 10px; }

            .row.LoginPage .bx a span.secondSpan { color: #ffffff; display: block; width: 80%; margin: auto; /* padding:10px; */ border-radius: 50px; background-color: #ababab; transition: all 0.3s; }

            .row.LoginPage .bx a:hover span.secondSpan { background-color: #838383; }
/*------------------------------------------------*/
/*------------END NBSTORE LOGIN PAGE--------------*/
/*------------------------------------------------*/
/*-----STARTLiCENCE------*/

.licenseLoginForm { width: 350px; background: #fff; box-shadow: 1px 1px 6px 3px #ddd; margin: 0 auto; margin-top: 18vh; position: relative; transform: translate(0,-50%); padding: 25px; border-radius: 5px; }
    .licenseLoginForm input[type="text"] { background-color: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 5px !important; margin-bottom: 15px; padding: 12px; font-family: inherit; height: calc(2em + .75rem + 2px); transition: all 0.3s ease; border-right: 3px solid #b70000; }
        .licenseLoginForm input[type="text"]:focus { box-shadow: 0 0 5px #ddd !important; background-color: #fff; border: 1px solid #e2e2e2; }
.getLicense { color: #fff !important; }
.licenseLoginForm .btn-success { color: #fff; background-color: #219e3e; border: 0; float: right; width: 48%; padding: 0; margin: 5px 0 0 3px; font-family: inherit; font-weight: normal; font-size: 14px; padding: 0; border-radius: 5px; transition: all 0.3s ease; }
    .licenseLoginForm .btn-success.focus, .licenseLoginForm .btn-success:focus { box-shadow: none; }
    .licenseLoginForm .btn-success:hover, .licenseLoginForm .btn-primary:hover { background-color: #047a1f; box-shadow: 0 0 5px #ababab; }
.licenseLoginForm .btn-primary:hover { background-color: #0467d1; }
.licenseLoginForm .btn-primary { color: #fff; background-color: #007bff; border: 0; width: 49%; margin: 5px 3px 0 0; font-family: inherit; font-weight: normal; font-size: 14px; border-radius: 5px; transition: all 0.3s ease; }
.licenseLoginForm .form-group { margin-bottom: 0; }
.licenseLoginForm input:focus::-webkit-input-placeholder { color: transparent !important; }
.licenseLoginForm input:focus::-moz-placeholder { color: transparent !important; }
.licenseLoginForm input:focus:-moz-placeholder { color: transparent !important; }
/*-----ENDLiCENCE------*/


/*---- Check out pop up -----*/
body.display { overflow: hidden; }
    body.display:before { display: block }
body:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #0000009e; z-index: 1005; transition: all 0.5s; opacity: 0; /* transform:scale(0) */ display: none; }
body.dark:before { opacity: 1; /* transform:scale(1) */ }
.alert-confirm { background-color: rgb(255, 255, 255); border: 1px solid #ccc; border-radius: 3px; color: rgb(149, 149, 149); padding: 10px; top: 50% !important; left: 50% !important; right: auto !important; transform: translate(-50%,-50%); /* transition:all 0.3s; */ text-align: center; }

    .alert-confirm p { text-align: center; }

    .alert-confirm.animate-alert { /* transform: translate(-50%,-50%) scale(1); */ }

.confirmDelete { border-radius: 3px; background-color: orangered; min-width: 124px; color: #fff; padding: 10px 20px; border: none; cursor: pointer; font-family: inherit; margin-right: 15px; transition: all 0.3s; }

    .confirmDelete:hover { background-color: #c53500; }

.cancelDelete { border-radius: 3px; background-color: #979ba7; min-width: 124px; color: #fff; padding: 10px 20px; border: none; cursor: pointer; font-family: inherit; transition: all 0.3s; }

    .cancelDelete:hover { background-color: #828282; }

    .confirmDelete i,
    .cancelDelete i { margin-left: 10px; position: relative; top: 1px; font-size: 15px; }
/*---- END Check out pop up -----*/



/*Fix star*/
.rating > label::before ,.stars-inner::before ,.stars-outer::before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; }

.like-section { width: 50%; display: inline-block; margin: 25px auto; }

    .like-section .like, .like-section .dislike { float: right; border-radius: 5px; margin: 20px 15px; padding: 0; }

.likesBtn:after { margin-top: -23px; right: 7px; }

#DisLikeCount, #LikeCount { font-size: 15px; float: right; padding: 4px 11px; line-height: 27px; }

.likesBtn { margin: 0; padding: 0; border-right: 1px solid #ddd; height: 35px; width: 42px; }

.like-section .like { background: #449d44; color: #fff !important; box-shadow: 0 0 3px 0 #449d44; }

.like-section .dislike { background: #ee3a43; color: #fff; box-shadow: 0 0 3px 0 #ee3a43; }

.Ratings { width: 50%; float: left; display: inline-block; margin: 25px auto; }

.RatingUser p, .RatedAll p { margin: 0; }

.RatingUser fieldset.rating { }

.RatedAll { display: inline-block; width: 100%; }

.number-rating { padding: 0 8px; float: left; }

.RATING-Star { position: relative; top: -32px; }

.stars-outer { float: left; }

.RatedAll-Star { position: relative; top: -24px; margin: 0 8px; }