
/* 2025 */

/* body#cart || #detail -> rfq */

#cart-upd-alert{margin-bottom:5px;}

.line-thru{text-decoration:line-through;}

.escart_basket_wrapper span{display:inline-block;}
.escart_basket_wrapper .cart-input{ display: block; }

.escart_basket_wrapper .page-header{padding-left: 0 !important; margin-left: 0 !important;}

.escart_basket_wrapper .row,
.escart_basket_wrapper .cart-items{padding:0 0 30px 0;}

/*.escart_basket_wrapper .cart-items * {line-height:155%;}*/
.escart_basket_wrapper .cart-items ul{padding:0;margin:5px 0 10px 26px;}
.escart_basket_wrapper .cart-items ul > li{font-size:11px;line-height:185%;}

.escart_basket_wrapper .cart-items .thumb{padding:0;}
.escart_basket_wrapper .cart-items .thumb > img{width:100%;;}

.escart_basket_wrapper .title{line-height:155%;}
.escart_basket_wrapper a.cart-btn-del{color: #555; font-size: 85%; margin-left: 15px; text-decoration: underline;}
.escart_basket_wrapper a.cart-btn-del:hover,
.escart_basket_wrapper a.cart-btn-del:visited{text-decoration:none;}

.escart_basket_wrapper .cart-items.disabled,
.escart_basket_wrapper .cart-items.disabled span{color:#bbb;}
.escart_basket_wrapper .cart-items.disabled .thumb > img{filter:opacity(0.5);}

.escart_basket_wrapper .cart-items INPUT[es-qty-input]:not([disabled]){color:#000;}

.escart_basket_wrapper .cart-input{margin:8px 5px 8px 0;}

.escart_basket_wrapper .cart-rfq-options{line-height:185%;}

.escart_basket_wrapper .cart-rfq-options,
.escart_basket_wrapper .cart-rfq-options * {font-size:11px;margin:0;line-height:185%;}
.escart_basket_wrapper .cart-rfq-options > iframe,
.escart_basket_wrapper .cart-rfq-options > video,
.escart_basket_wrapper .cart-rfq-options > table{max-width:calc(100% - 15px);}

.escart_basket_wrapper div.disabled,
.escart_basket_wrapper div.disabled small{ color: #999 !important; background: none !important; }

.escart_basket_wrapper div.disabled a.cart-btn-del{ color: red !important; }

.soft-disabled{ color:#bbbbbb !important; background: none; }

/* checkout_body */

body#checkout_body .container-fluid.top{
   position: fixed; z-index: 1; top: 0; width: 100%; background-color: rgba(255, 255, 255, .65); border-bottom: 1px solid #ddd; padding: 8px 0 !important;
}

body#checkout_body .container-fluid.top > .container > a > img{ height: 49px; }

body#checkout_body .container-fluid.BRCB{margin-top:85px;}

body#checkout_body .container-fluid.BRCB .breadcrumb{margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important;}

body#checkout_body .container-fluid{padding:0;}
body#checkout_body .container-fluid > .row{display:flex;}
body#checkout_body .container-fluid > .row.reverse{flex-direction: row-reverse;} /* + display:flex; */

#checkout-form{width:55%;padding:20px 15px 150px 15px;text-align:-webkit-right;}
#checkout-cart{width:45%;padding:15px 15px 150px 15px;}


#checkout-form > .inner{ max-width:567px; padding:0 15px 15px 15px; text-align: left; line-height: 180%; }
@media screen and (max-width: 767px){
	#checkout-form > .inner{ padding: 0; }
}

#checkout-form > .inner > #checkout-body{margin-top: 35px;}

#checkout-form > .inner > .breadcrumb{ margin-left: 0 !important; padding-left: 0 !important; }

#checkout-form > .inner > .breadcrumb > li{padding: 0 5px 0 0;}
#checkout-form > .inner > .breadcrumb > li > a{ color:#000; text-decoration: none; }
#checkout-form > .inner > .breadcrumb > li > a:not([href]).pending{ color: #999; }
#checkout-form > .inner > .breadcrumb > li > a.ready{ font-weight: bold; }
#checkout-form > .inner > .breadcrumb > li > a.active{ color:#000; text-decoration: underline ; }
#checkout-form > .inner > .breadcrumb > li > a:hover{ text-decoration: underline ; }

#checkout-form > .inner > .breadcrumb > li + li:before{ content: "\27A7"; padding: 10px; } /* https://www.toptal.com/designers/htmlarrows/arrows/ */

#checkout-form hr.for-btn{margin-top: 30px; margin-bottom: 15px;}

#checkout-cart BUTTON#checkout-cart-toggle{display:none;}

#checkout-cart .row,
#checkout-cart .cart-items{padding:0 0 15px 0;}

#checkout-cart{border-top:1px solid #ddd; border-left:1px solid #ddd; background-color: rgba( 255, 255, 255, .8);}
#checkout-cart > .inner{max-width: 452px; padding: 20px 20px 50px 20px; background: #eee; } /*outline:1px solid blue;*/

#checkout-cart .cart-items *{line-height: 150%;}
#checkout-cart .title{line-height: normal;}

#checkout-cart .cart-items .thumb{width:55px;background:white;border:1px solid #ccc;border-radius:3px;padding:3px;}

#checkout-cart dl.summary dt{float:left;}
#checkout-cart dl.summary dd{float:right; text-align: right;}
#checkout-cart dl.summary dd ins{margin-top: 5px; margin-right: 0;}
#checkout-cart dl.summary hr{margin-top: 8px; margin-bottom: 8px;}
#cart #checkout-ui-panel, #checkout_body #checkout-ui-panel{clear: both;}
#checkout-ui-panel > dl > .row{ padding: 0 0 15px 0; }
#checkout_body #checkout-ui-panel{ padding-top: 50px; }

@media screen and (max-width: 767px){

   body#checkout_body .container-fluid > .row{position:relative;}

   #checkout-form{width:100%;text-align:unset;}

   #checkout-cart{
      position:absolute;left:calc(100% - 100px);
      box-shadow: -5px 0px 15px rgb(238 238 238 / 50%);
   }

   #checkout-cart.in{
      left:auto;right:0;min-width:345px;
      -webkit-transition: all .25s ease-out;
      -o-transition: all .25s ease-out;
      transition: all .25s ease-out;
      z-index: 999999;
   }

   #checkout-cart BUTTON#checkout-cart-toggle{
      display: block;
      position: absolute;
      top: 55px;
      left: -55px;
      font-size: 35px;
      width: 55px;
      height: 52px;
      /*
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-top: 1px solid #ddd;
      border-right: none;
      background: #eee;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      box-shadow: -5px 0px 15px rgb(238 238 238 / 60%);
      */
      border: none; background: none;
   }

   #checkout-cart BUTTON#checkout-cart-toggle:hover{
      color:#666;
   }
   
   #checkout-cart:hover{
      box-shadow: -5px 0px 15px rgb(238 238 238 / 60%);
   }
}

@media screen and (max-width: 685px){
   #checkout-cart{left:calc(100% - 15px);}
}

@media screen and (max-width: 405px){
  #checkout-cart.in{min-width:calc(100% - 60px);}
}


.combo-price{margin-left:5px;}
.combo-price.primary{font-weight:bold;font-size:11px;}
.combo-price:not(.primary){color:orangered;}

.badge {
   padding: 7px 4px;
   min-width: 26px;
   background-color: #eaeaea;
   color:#000;
   border-radius: 50%;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.badge.m{
   padding: 13px 8px;
   min-width:38px;
}

#navbar_wrapper .badge{margin:-2px 0 0 5px;}

.escart_basket_wrapper span.badge{margin-top:-8px; margin-left:5px;}

a[es-btn="empty-cart"]{font-size: 15px; margin-left: 15px; text-decoration: underline;}
a[es-btn="empty-cart"]:hover{ text-decoration: none; }

.es-btn-add > .badge{display:none;border-radius:50%;}
.es-btn-add.in > .badge{display:block;}

.es-btn-add{position:relative;}
.es-btn-add > .badge{
   position: absolute;
   right: -10px;
   top: -20px;
   z-index: 100000;
}

input[type="number"]::-webkit-inner-spin-button { /* step always on */
	opacity: 1;
}

#currency-li i, #currency-btn i{font-size: 20px;}

#checkout-form .panel-title{ font-size: 1.3em; font-weight: bold; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }

.btn.gs-btn-xs{ font-size: 11px; padding: 4px 10px; }
.btn.gs-btn-md{ font-size: 13px; padding: 8px 20px; }
.btn.gs-btn-lg{padding:10px 30px; margin-top:15px;}

.btn.gs-btn-lg > i:before{ font-size: 15px !important; padding-left: 15px; }

#checkout-form .accordion.CK-acc .accordion-button .cart-accordion-radio{ right: 45px; position: absolute; top: 3px; }
#checkout-form .accordion.CK-acc .accordion-button i{ color: #ccc; margin-right: 10px; }
#checkout-form .accordion.CK-acc .accordion-button i.on{ color: green; }
#checkout-form .accordion.CK-acc .accordion-button.completed{background-color: rgba(233, 255, 255, .55) !important;}

@media screen and (min-width: 425px){
   #checkout-form .accordion.CK-acc .accordion-body{ padding: 15px 35px; }
}
@media screen and (max-width: 424px){
   #checkout-form .accordion.CK-acc .accordion-body td > *{ width: 100%; }
}

#checkout-form .tdHead{font-weight: bold; padding: 8px 0 0 0;}
#checkout-form .tdRow{line-height: 200%;}
#checkout-form .tdRow > p{line-height: 100%; padding-top: 10px;}
/* #checkout-form .accordion.CK-acc BUTTON[data-bs-target]{ scroll-margin-top: 150px; } */

body#order_body > p{ margin: 15px;}
body#order_body table[cellpadding="8"] td{ padding: 6px; }
body#order_body table[cellpadding="15"] td{ padding: 13px; }
body#order_body table[rules="rows"] td{ padding: 15px; }

body#order_detail{padding-top: 0 !important;}

a.top-prev{ position: absolute; top: 5px; left: 5px; color: #888; }
a.top-prev:hover{ color: #555; }

sub > sub{font-size: 105%; bottom: -.8em;}
sub > sup{font-size: 105%;}

ins, mark{display:inline-block;min-width:50px;line-height:100% !important; margin:3px 3px 3px 0;font-size:80%;font-family:Arial, Helvetica, sans-serif;border-radius:3px;}
ins{background:white;color:#333;border:1px dashed #666;text-decoration:none;padding:3px 6px;}
mark{background:red;color:white;padding:5px 6px;}

curr{vertical-align:baseline;font-size:80%;margin-right:3px;}

.price, .price-inline{ color: orangered; }

.price-special, .price-special s{color:red;}
.price-inline > ins, ins.price-inline{ color:orangered; border-color: orangered; }

.alert-danger a{ color: orangered; }

#checkout-body .accordion-header{ border-bottom:none !important; }