﻿
/*cart*/
.cart-banner { margin-top:20px; margin-bottom:50px; background-color:#fff; border-radius:20px; padding:20px; }
.cart-banner:hover { background-color:#ff6600; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; color:#fff; }
.cart-banner a { color:#333; }
.cart-banner a img { opacity:0.8; width:100%;  }
.cart-banner a:hover img { opacity:1; }
.cart-banner a:hover h1 { color:#fff; }
.cart-banner a:hover h3 { text-decoration:underline; color:#fff;}

table.table td { vertical-align:middle !important; }
table.table tbody tr:hover td { color:#fff; }
table.table tbody tr:hover td i { color:#fff; }
table.table td a { color:#333;  font-size:13pt;}

/*table.table tbody tr:hover { background-color:#fe7943 !important; color:#fff; }*/
table.table > tbody > tr:hover td {
    background-color: #fe7943 !important;
}

/*table.table tbody tr:hover { background-color:black !important; color:#fff; }
*/						

table.table tbody tr:hover td a { color:#fff;}
table.table tbody tr:hover td a:hover { color:#fff; text-decoration:underline; }

i.remove-item-cart { font-size:24px; position:relative; top:0px; color:red; }
						
.cart-info { position:relative; border:solid 0px red; margin-top: 0px; }
.cart-info .cart-total { /*position:absolute; right:150px; top:0px;*/ text-align:center; font-weight:bold; font-size:22px; }
.cart-info .cart-info-label { text-align:center; }
.cart-info .cart-info-label i { font-size:34px; position:relative; top:4px; }
.cart-info .cart-info-label i.false { color:silver; }
.cart-info .cart-info-label i.true { color:#ff6600; }
.cart-info .cart-info-label span span { color:gray;  }

.checkout-info-label { font-size:18px; font-weight:bold; background:rgba(0,0,0,0.1); margin:10px; padding:20px 10px; display:block; border-radius:7px; color:#ff6600 }
.checkout-info-label i { font-size:44px; display:block; text-align:center; margin-bottom:5px; }
.checkout-info-label i.false { color:silver; }
.checkout-info-label i.true { color:#ff6600; }
.checkout-info-label span span { color:#333; font-size:11pt; font-weight:normal; letter-spacing:1px; }

.cart-img { width:80px; height:80px; overflow:hidden; border-radius:50%; }
.cart-img img { width:100%; }

/*checkout*/
.error-message { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding:10px 20px; margin-top:20px; margin-bottom:30px; }
.acc-info { text-align: left; /*border-top:solid 1px #eee; padding-top:30px;*/ }
.acc-info .form-group { margin-top:15px; }





.checkout .top-section { margin-top:30px; margin-bottom:50px;}
.checkout .payway { margin-top:50px; margin-bottom:50px; }
.paylbl { cursor:pointer;}

.payway { margin-bottom: 50px; }
.payway .row { margin-top:10px; padding-top:10px; padding-bottom:10px;}
.payway .row .col-md-2 i { font-size:30px; color:silver; }
.payway .row:hover { background-color:#eee; }

.payway .row.selected i { color:#ff6600; }
.payway .row.selected label.paylbl { color:#ff6600; font-weight:bold; }
.payway .row.selected { background-color:#eee; border-radius:10px; }



#pay1img { background: url('../images/pay/pay1-1.jpg') center no-repeat;}
.payway .row:hover #pay1img { background: url('../images/pay/pay1-2.jpg') center no-repeat; }
#pay1div.selected #pay1img { background: url('../images/pay/pay1-2.jpg') center no-repeat;}
#pay1div.selected i { color:#ff6600; }
#pay1div.selected label.paylbl { color:#ff6600; font-weight:bold; }
#pay1div.selected { background-color:#eee; border-radius:10px; }

#pay2img { background: url('../images/pay/pay2-1.jpg') center no-repeat;}
.payway .row:hover #pay2img { background: url('../images/pay/pay2-2.jpg') center no-repeat; }
#pay2div.selected #pay2img { background: url('../images/pay/pay2-2.jpg') center no-repeat;}

#pay3img { background: url('../images/pay/pay3-1.jpg') center no-repeat;}
.payway .row:hover #pay3img { background: url('../images/pay/pay3-2.jpg') center no-repeat; }
#pay3div.selected #pay3img { background: url('../images/pay/pay3-2.jpg') center no-repeat;}

#pay4img { background: url('../images/pay/pay4-1.jpg') center no-repeat;}
.payway .row:hover #pay4img { background: url('../images/pay/pay4-2.jpg') center no-repeat; }
#pay4div.selected #pay4img { background: url('../images/pay/pay4-2.jpg') center no-repeat;}

#pay3div .bxs-traffic-cone { position:absolute; left:0; top:0; color:orange; }

.checkout-cart {
    background-color: #eee;
    padding-top: 30px;
}
.cart-items { min-height:50px; margin-bottom:20px;}
.cart-items .row { margin-top:10px; border-bottom:solid 1px #fff; padding-bottom:10px; }
.cart-items .row .col-9 span { font-size:10pt; color: #333; }
.cart-items .row .col-3 img { width:100%; }
.cart-items .row .col-4 { text-align:right; }
.cart-total { font-weight:normal; margin-top:10px;}

.checkout-subtitle { margin-top:10px; }
.cart-box { min-height:40px;margin-bottom:20px; }
.cart-box .cart-input { border:solid 1px #eee; width:100px; }
.cart-box .cart-link { display:inline-block; margin-left:20px; }
.cart-box .cart-link:hover { font-weight:bold; color:#ff6600; }
.cart-box .cart-status { border:solid 1px #eee; font-size:11pt; margin-top:5px; }
.checkout-total-out { background-color:#fff; font-weight:bold; padding:10px; position:relative; margin:24px 1px; font-size:13pt; border-radius:10px;  }

.checkout-total-out .checkout-subtitle { position:absolute; left:0; top:0; }
.checkout-total { text-align:right;  }

.checkout-sep { text-align:center; margin:30px 0px; }
.checkout-sep hr { color:silver; border-bottom: dotted 1px gray; width:90%; margin:0 auto; }

.delivery-info i { font-size:100px; color: silver; }


.cart-status-err { color:red; }
.cart-status-ok { color:#1be28d; }

.radiobox { margin-top:10px; }

.custom-control-label { cursor:pointer; display:inline-block; border:solid 0px red; width:90%; }
.custom-checkbox input { position:relative; left :-10px; top:-15px;}   
.buyer_comment { height:100px; width:100%; border:solid 1px silver; border-radius:5px; }
.buyer_comment:focus, .cart-box .cart-input:focus {
    outline: none !important;
    border:2px solid #ff6600;
    box-shadow: 0 0 10px #719ECE;
  }



.custom-combobox {
    position: relative;
    display: inline-block;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 8px;
    border: solid 1px silver; color:#ff6600;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    border: solid 1px silver;
    width:400px;
}

    .custom-combobox-input:focus {
        border-color: #FF0000 !important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 102, 0, 0.6);
    }


.ui-menu { border:solid 1px #ff6600; background-color:#fff; width:350px; max-height:500px; overflow-x:scroll; margin-left:0; padding-left:0; }
.ui-menu-item { padding:5px; list-style:none; cursor:pointer; margin-left:0; padding-left:5px; border:solid 0px blue;}
.ui-menu-item:hover { background-color: #ff6600; color:#fff; }
.ui-menu-item-wrapper { margin-left:0; padding-left:0;}

.redb { border:solid 1px red; }

.customs-info { border:solid 1px silver; border-radius:10px; padding:20px; margin-bottom:20px; min-height:400px; }
.customs-info:hover { box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; background-color:#fff; }
.customs-info:hover .cn { color:#ff6600; font-weight:bold; }
.customs-info img { width:50px; }
.customs-info p.cip { margin-top:30px; }
.customs-info p .ci-source { color:gray; font-size:12pt; }
.customs-info p .ci-source i { color:red; font-size:12pt; position:relative; top:2px; }

.carti { text-align: center; }
.carti a { font-size: 13pt; }
.carti a i { font-size: 20px; color: #ff6600; position:relative; top: 4px; }
