/*#nav-cart-container  { margin-bottom:10px;margin-top:10px;  }*/

#nav-cart-container .cartBrief-title { text-align: center; font-size: 165%; background-color: #F68B1F; padding-top: 10px; padding-bottom: 10px; color: white; }
#nav-cart-container .cartBrief-details { }

.cartBrief-details-item { background-color: #fff; direction: rtl; overflow: auto; text-align: right; margin-bottom: 5px; padding-bottom: 5px; padding: 20px; position: relative; }
.cartBrief-details-item div { float: right; }
.error-inventory { position: absolute; bottom: -10px; left: 20px; color: red; font-size: 14px }
#cartBrief .item-total-continer.cart-table-block { position: absolute; left: 0px; bottom: 15px; }
.cartBrief-details-item .quantity { }
/*#nav-cart-container .cartBrief-details-item  .quantity span  { font-family:Arial; }*/
.cartBrief-details-item .pic { width: 100px; height: 100px; text-align: center; border: solid 1px #d1d1d1; }
.cartBrief-details-item .pic img { height: 70%; margin-top: 15%; }
.cartBrief-details-item .itemName { float: none; font-size: 115%; font-weight: 600; /*font-family: 'opensans';*/ line-height: 1.2; font-family: 'Selecta-Regular'; }
.cartBrief-details-item .remove { cursor: pointer; }
.cartBrief-details-item > a { text-decoration: none; color: #000; }
.cartBrief-details-item i { float: right; margin-left: 5px; position: relative; top: 3px; }
.cartBrief-details-item img.removeItemIcon { float: left; margin-right: 5px; position: relative; top: 3px; width: 24px; height: 24px; cursor: pointer; }

.cartItemsContainer { max-height: calc(100vh - 230px); overflow: auto; }
.cartItemsContainer::-webkit-scrollbar { width: 5px; }
.cartItemsContainer::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); }
.cartItemsContainer::-webkit-scrollbar-thumb { background-color: #9b9b9b; }

.cartBrief-buy { text-align: center; margin: 0; background: #231f20; width: 100%; margin: 0 auto; color: #ffffff; font-size: 125%; }
.cartBrief-buy a { /*color:inherit; text-decoration:none;*/ width: 100%; /*display: inline-block; padding: 12px;*/ height: 50px; font-family: inherit; font-size: 100%; }
.cartBrief-buy .generalBtn::before { top: 6px; }
/*#CartSubTotal-Container .cartBrief-buy .generalBtn:before {  top: 2px; }*/
.cartBrief-buy .generalBtn span { padding-top: 10px; }

.cartItemContent { text-align: right; padding-right: 10px; max-width: calc(100% - 150px); position: relative; height: 100px; width: 100%; }
.cartItemContent .quantity .ui-selectmenu-button { margin-left: 0; border-radius: 0; margin-right: 0; border: 0; background: #F2F3F6; width: 70px; padding: 0px 5px; direction: rtl; font-size: 18px; }
.ui-menu .ui-menu-item { font-size: 15px; /*font-family: 'opensans';*/ }
.cartItemContent span.ui-selectmenu-text { border-right: 1px solid #d1d1d1; display: inline-block; vertical-align: middle; margin-left: 0; padding-right: 15px; padding-left: 15px; margin-right: 4px; /*font-family: 'opensans';*/ font-size: 85%; padding-top: 5px; padding-bottom: 5px; }
.ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-button:hover .ui-icon, .ui-button.ui-selectmenu-button-closed:focus .ui-icon { background-image: url(../../../000Frames/site/images/SelectArrow.svg); background-size: 45%; background-position: center center; float: none; display: inline-block; vertical-align: middle; width: 20px; height: 20px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
#nav-cart-container .cartBrief-details-item .quantity { position: absolute; right: 10px; bottom: 10px; }
#cart-full-dynamic .cart-form-item .item-total-continer { position: absolute; right: -40px; bottom: 15px; float: none; left: auto; /*font-family: 'opensans-light';*/ font-size: 70% !important; }
#cart-full-dynamic .cart-form-item .item-price-continer { color: #757373; }
.item-total-continer.cart-table-block span.full-cart-item-ils-symbol { display: inline-block; margin-right: -4px; }
.cartTotal { font-size: 130%; font-weight: 500; }
#nav-cart-container .cartBrief-details .cartTotal { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; display: table; width: 100%; }
.cartTotal span { width: 48%; display: table-cell; vertical-align: middle; text-align: right; }
.cartTotal span:last-child { text-align: left; }
.cartTotalContainer { position: absolute; bottom: 0; width: 100%; background: #EAE9E9; padding: 20px; }


#cartView { position: relative; text-align: right; min-height: 51vh; max-width: 1170px; margin: auto; text-align: left; margin-bottom: 100px; }

#cartView .cartView-close { position: absolute; left: 0px; top: -35px; cursor: pointer; }
#cartView .cartView-close img { width: 26px; }

/*#cartView .cartView-Header      { padding:20px 10px 0px 0px; }*/
#cartView .cartView-Title { font-size: 165%; }
#cartView .cartView-empty { display: block; float: left; text-decoration: none; color: #8896B3; margin-right: 10px; font-size: 90%; border: 1px solid #8896B3; padding: 2px 5px 2px 5px; border-radius: 3px; cursor: pointer; }
#cartView .cartView-continue { display: block; float: left; text-decoration: none; color: #8896B3; margin-right: 10px; font-size: 90%; border: 1px solid #8896B3; padding: 2px 5px 2px 5px; border-radius: 3px; cursor: pointer; }

#cartView .cartView-details { height: 250px; overflow-y: scroll; direction: ltr; margin-right: 15px; margin-left: 15px; }
#cartView .cartView-details-item { margin-bottom: 30px; direction: rtl; margin-right: 20px; }
#cartView .cartView-details-item:first-child { margin-top: 17px; }
#cartView .cartView-details-item > div { display: inline-block; }
#cartView .cartView-details-image { margin-right: 20px; width: 10%; }
#cartView .cartView-details-name { margin-right: 25px; }
#cartView .cartView-details-quantity { }
#cartView .cartView-details-price { float: left; margin-left: 30px; }
#cartView .cartView-details-remove { float: left; margin-left: 15px; }
#cartView .full-cart-item-price-deal { text-decoration: line-through; color: #A9A9AA; font-size: 80%; }


#cartBrief .selecteItemPrice { position: absolute; left: 0; bottom: 0; top: 0; }
#cartBrief .selecteItemPrice .price-sale { color: gray; text-decoration: line-through; font-size: 80%; }


@media(max-width:767px) {
    #cartView .cartView-details { margin-right: 0; margin-left: 0; }
    #cartView .cartView-details-item { margin-bottom: 15px; margin-right: 10px; }
    #cartView .cartView-details-image { margin-right: 0px; }
    #cartView .cartView-details-name { margin-right: 0px; }
    #cartView .catalogItemView-quatity { margin-right: 5px; }
    #cartView .cartView-details-price { margin-left: 10px; }
    #cartView .cartView-details-remove { margin-left: 7px; }
    #cartView .cartView-Footer { text-align: center; margin-bottom: 15px; }
    #cartView .cartView-order { float: none; display: inline-block; position: relative; top: 10px; }
    #cartView .cartView-Title { clear: both; text-align: center; position: relative; top: 5px; }
    #cartView .cartView-continue { float: right }
    #cartView .cartView-subtotal { margin: 0 auto; text-align: left; margin-left: 5px; }
    #cartView .cartView-continue { margin-right: 0; }
    #cartView .cartView-empty { margin-right: 0; }
}



#cartView .cartView-subtotal { color: #000; margin-top: 25px; font-weight: bold; }
#cartView .cartView-Footer { padding: 10px; }
#cartView .cartView-order { text-decoration: none; padding: 10px; border: 1px solid; margin: 10px; font-size: 26px; background: #f68c1f; color: #fff; text-align: center; display: inline-block; cursor: pointer; border-radius: 5px; }

/**********************scroller******************************/
.scrollbar::-webkit-scrollbar-button { margin-bottom: 1px; }
.scrollbar::-webkit-scrollbar-track { }
.scrollbar::-webkit-scrollbar-track-piece { background-color: #D1D1D1; }
.scrollbar::-webkit-scrollbar-thumb { height: 10px; background: #F68B1F; }
.scrollbar::-webkit-scrollbar-corner { }
.scrollbar::-webkit-resizer { }

.scrollbar::-webkit-scrollbar { width: 5px; }
/*.scrollbar::-webkit-scrollbar-button:start:decrement, .scrollbar::-webkit-scrollbar-button:end:increment { height: 0px; width: 13px; display: block; background: #999; background-repeat: no-repeat; }*/
.scrollbar::-webkit-scrollbar-track-piece { background-color: #D1D1D1; }
.scrollbar::-webkit-scrollbar-thumb:vertical { background: #F68B1F; border-radius: 50px; }



/**************************************************************/


.cartTitle { background: #EAE9E9; padding: 20px; position: relative; }
.cartTitle h2 { font-size: 200%; }
#nav-cart-container .cartBrief-details .cartTitle { padding: 25px 20px; text-align: right; }
#nav-cart-container .cartBrief-details .cartTitle h2 { font-size: 215%; }
#nav-cart-container .cartBrief-details .cartTitle h2 span:first-child { border-bottom: 1px solid #757373; }
.cartBrief-details-item:not(:last-child):after { content: ""; border-bottom: 1px solid #d1d1d1; display: block; position: absolute; bottom: 0; width: calc(100% - 40px); left: 20px; }
.cartTitle .closeCart { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.cartTitle .closeCart button.closeCartBtn { -webkit-appearance: none; background: transparent; margin: 0; width: 30px; height: 30px; background: #ffffff; border-radius: 50%; display: inline-block; padding: 0; color: #231f20; }

#cartView .cartView-Header .cartTitle { background: transparent; padding: 30px 0px; }


#CartSubTotal-Container .innerSubTotal { background: #ffffff; padding: 20px; overflow: auto; }
#CartSubTotal-Container .innerSubTotal .cartTotalContainer { position: relative; float: left; background: transparent; padding: 0; }
.innerSubTotal .innerSubTotalTitle, .innerSubTotalContent { width: 50%; float: right; font-size: 70%; margin-bottom: 10px; /*font-family: 'opensans';*/ }
.innerSubTotalContent { text-align: left; }
.couponDetails { float: left; width: 100%; }
.couponDetails button,
.ValueCardDetails button { background: transparent; color: inherit; padding: 0; text-align: left; -webkit-appearance: none; padding-bottom: 2px; border-bottom: 1px solid #d1d1d1; display: inline-block; width: auto; color: #757373; font-size: 68%; font-family: inherit; }
#CartSubTotal-Container .cartTotal { display: table; width: 100%; border-top: 1px solid #d1d1d1; padding-top: 20px; font-size: 90%; }
#CartSubTotal-Container .cartBrief-buy { float: left; width: 100%; font-size: 90%; margin-top: 15px; }
.couponDetails button.removeCoupon,
.ValueCardDetails button.removeValueCard { display: none; }

.couponBoxWrapper input,
.ValueCardBoxWrapper input { background: #f2f3f6; border: 0; box-shadow: none; height: 36px; margin-bottom: 0; }
span#coupon-message-error, span#coupon-message,
span#value-card-message-error, span#value-card-message { color: #ff0000; font-size: 75%; margin-bottom: 10px; }
span#coupon-message,
span#value-card-message { background: #f2f3f6; padding: 10px; color: inherit; opacity: 0; margin: 0; padding: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
span#coupon-message.open,
span#value-card-message.open { opacity: 1; padding: 10px; }
button.couponBox,
button.valueCardBox { background: #231f20; color: #ffffff; height: 36px; width: 70px; text-align: center; position: absolute; top: 0; margin: 0; left: 0; }
.couponBoxWrapper,
.ValueCardBoxWrapper { position: relative; width: 250px; margin-bottom: 20px; float: right; min-height: 36px; }
.ValueCardDetails { padding-bottom: 10px; }
.ValueCardBoxWrapper { margin-bottom: 0; float: none; padding-bottom: 0; }
.ValueCardBoxBigWrapper .innerSubTotalTitle { margin-bottom: 0; float: none; width: auto; }
.ValueCardBoxBigWrapper .innerSubTotalContent { margin-bottom: 0; float: none; width: auto; }
.ValueCardBoxBigWrapper { margin-bottom: 10px; clear: both; display: flex; flex-wrap: wrap; flex-direction: row; border-bottom: 1px solid #eae9e9; padding-block: 10px; }
.ValueCardBoxBigWrapper:not(:first-child) { }
.coupon-tnc { display: block; clear: both; font-size: 70%; color: #797979; margin-bottom: 20px; }

button.closeCoupon, .couponDetails button.removeCoupon,
button.closeValueCard, .ValueCardDetails button.removeValueCard { position: absolute; left: -32px; top: 6px; border: 0; }
.couponDetails button.removeCoupon { right: 5px; }
button.closeCoupon img,
.couponDetails button.removeCoupon img,
button.closeValueCard img,
.ValueCardDetails button.removeValueCard img { width: 24px; height: 24px; }
.row .row { margin: 0 auto; }
.addedTocartIcon { position: absolute; right: 25px; top: 46%; transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 0; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
.added .addedTocartIcon { opacity: 1; }
.addedTocartIcon svg, #quick-view-pop .addedTocartIcon svg { width: 12px; height: 12px; fill: #ffffff; display: inline-block; vertical-align: middle; }

.inventory-error { opacity: 0; font-size: 14px; color: red; font-weight: 500; transition: .2s all ease-in-out; height: 20px; display: block; margin-top: 3px; text-align: center; }
.inventory-error.active { opacity: 1; }
.inventory-error { position: absolute; bottom: -10px; left: 20px; color: red; }

@media(max-width:767px) {
    #navbar-cart-dropdown { height: 90vh; }
}


/*@media only screen and (width: 390px) and (height: 844px) and (-webkit-device-pixel-ratio: 3) { .cartTotalContainer { bottom:60px; }
}*/


.coupons-wrapper { display: none; }
.value-card-wrapper { display: none; }
.discount-wrapper.has-voucher .value-card-wrapper { display: block; }
.discount-wrapper.has-coupon .coupons-wrapper { display: block }


.selec-discount-wrapper a { height: 36px; width: 95px; display: flex; align-items: center; border: 1px solid #eae9e9; justify-content: center; font-size: 68%; }
.selec-discount-wrapper a.active { background: #231f20; color: #fff; }
.selec-discount-wrapper { display: flex; float: right; gap: 10px; }
.discount-wrapper { float: right; width: 100%; margin-top: 20px; }