/* POPUP CART */
#popup-cart{width: 800px; font-family: 'Be Vietnam Pro', sans-serif;  padding: 0;border-radius: 5px;max-width: 90%;}
.box-popup-cart{display: flex; flex-wrap: wrap; justify-content: space-between;}
.box-cart-left,.box-cart-right{width: 50%; padding: 20px;}
.box-cart-left .cart-left-title{font-size: 18px;color: #d71515;line-height: 20px;position: relative;font-weight: 600;margin-bottom: 10px;display: block;}
.cart-left-item{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.cart-left-content{width: calc(100% - 150px);}
.cart-left-content .brand{color: #646464;font-size: 13px;}
.cart-left-content label{color: #d71515;font-size: 14px;font-weight: 400;}
.cart-left-content .masp{color: #646464;font-size: 13px;}
.cart-left-content .gia{font-weight: 600;font-size: 16px;line-height: 18px;color: #292929;margin-top: 5px;margin-bottom: 5px;}
.box-cart-right{border-left: 1px solid #eee;}
.box-cart-right .cart-right-title{font-weight: 600;font-size: 18px;color: #292929;line-height: 21px;position: relative;text-transform: uppercase;}
.box-cart-right .cart-right-title span{font-weight: 400;font-size: 13px;color: #292929;display: inline-block;margin: 0 5px;}
.box-cart-right .cart-right-title i{color: #1471ce;}
.box-cart-right .cart-right-tt{display: flex;margin-top: 10px;justify-content: space-between;}
.box-cart-right .cart-right-tt span{color: #666;line-height: 16px;font-weight: 700;}
.box-cart-right .cart-right-total{padding-top: 10px;border-top: 1px solid #e3e3e3;color: #666;margin: 10px 0;display: flex;justify-content: space-between;align-items: center;}
.box-cart-right .cart-right-total label{width: 150px;}
.box-cart-right .cart-right-total strong{color: #292929;font-weight: 100;}
.box-cart-right .cart-right-total span{color: #d71515;font-size: 18px;font-weight: 700;}
.box-cart-right .cart-right-more{display: flex; flex-wrap: wrap; align-items: center;}
.box-cart-right .cart-right-more a{width: 50%}
.box-cart-right .cart-right-more a.muatiep{color: #199cb7;font-weight: 400;font-size: 14px;text-align: center;}
.box-cart-right .cart-right-more a.thanhtoan{background: #d71515;text-align: center;font-weight: 400;color: #fff;font-size: 14px;text-transform: uppercase;padding: 7px 0;line-height: 24px;}
/* Gio Hang */
.table-cart{background: #eee; font-family: 'Be Vietnam Pro', sans-serif;}
.table-cart thead{background: #ddd;line-height: 30px;font-size: 15px;font-weight: 100;color: #333;text-transform: uppercase;font-weight: 100;}
.table-cart tbody{background: #fff;}
.table-cart-pro{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.table-cart-pro .pro-info{width: calc(100% - 120px);}
.table-cart-pro .pro-info .brand,.table-cart-pro .pro-info .masp{font-size: 13px; color: #646464; margin-bottom: 5px;}
.table-cart-pro .pro-info h3{margin-bottom: 5px;}
.table-cart-pro .pro-info h3 a{font-size: 15px;color: #000;font-weight: 400;display: block;}
.table-cart-pro .pro-info h3:hover a{color: #d90000;}
.table-cart-pro .pro-info .delete{display: inline-block;font-size: 14px;color: #333;font-weight: 400; cursor: pointer;}
.table-cart-pro .pro-info .delete:hover{color: #d90000; text-decoration: underline;}
.table-cart-price{font-weight: 700;font-size: 14px;color: #000;}
.table-cart-quantity input{display: block;width: 40px;padding: 5px;font-size: 14px;color: #333;border: 1px solid #ddd;border-radius: 3px;text-align: center;}
.table-cart-tt{font-weight: 700;color: #d90000;}
.table-cart tfoot{font-size: 15px; color: #333; font-weight: 400;}
.table-cart tfoot .table-cart-total{font-size: 18px; color: #d90000; font-weight: 700;}
.cart-link{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 10px 0 0 0;}
.cart-link a{ font-size: 14px;color: #646464;font-weight: 400;padding: 10px 20px; background: #000;color: #fff; }
.cart-link .link-muatiep{ margin-right: 10px; }
.cart-link a:hover{background: #fff000;color: #000;}
/* Thanh Toan */
.frm-checkout{display: flex;flex-wrap: wrap;justify-content: space-between;font-family: 'Be Vietnam Pro', sans-serif;position: relative;}
.frm-checkout.submit:before{ position: absolute; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff69 url('../images/loading.gif') no-repeat center; z-index: 99; }
.checkout-left{width: 60%;background: #fff;}
.box-checkout-left{border: 1px solid #ddd;}
.checkout-left h4{padding: 10px;font-size: 14px;color: #000;font-weight: 700;text-transform: uppercase;border-bottom: 1px solid #ddd;}
.checkout-left .checkout-shipment{padding: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.checkout-left .checkout-shipment .frm-ip{width: 100%;padding: 10px;border: 1px solid #eee;margin-bottom: 10px;font-family: 'Be Vietnam Pro', sans-serif;font-size: 14px;color: #333;font-weight: 400;}
.checkout-left .checkout-shipment .frm-ip.frm-place{width: calc((100% / 3) - 5px)}
.checkout-left .checkout-shipment .frm-ip::-webkit-input-placeholder {color: #333;}
.checkout-left .checkout-shipment .frm-ip:-moz-placeholder {color: #333;}
.checkout-left .checkout-shipment .frm-ip::-moz-placeholder { color: #333;}
.checkout-left .checkout-shipment .frm-ip:-ms-input-placeholder {  color: #333;  }
.checkout-left .checkout-shipment .frm-ip.frm-ip-50{width: calc(50% - 5px);}
.checkout-left .checkout-shipment .frm-ip:last-child{margin: 0;}
.checkout-right{width: calc(40% - 20px);}
.checkout-right .checkout-order{border: 1px solid #ddd;margin: 0 0 20px 0;background: #fff;}
.checkout-order .title-checkout-order{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #ddd;}
.checkout-order .title-checkout-order .link{color: #d90000; font-weight: 400; font-size: 13px;}
.checkout-order .title-checkout-order h4{font-size: 14px;color: #333;font-weight: 700;text-transform: uppercase;}
.box-oder{padding: 0;}
.order-item{display: grid;grid-template-columns: 4fr 1fr 2fr;grid-gap: 10px;padding: 8px 10px;font-size: 13px;border-bottom: 1px dashed #ddd;align-items: center;}
.order-item:first-child{background: #eee;font-size: 13px;}
.order-item:first-child span{font-weight: 400 !important;color: #737272 !important;}
.order-item span:nth-child(1),.order-item a:nth-child(1){text-align: left;font-weight: 400; color: #333;}
.order-item a:nth-child(1):hover{color: #d90000;}
.order-item span:nth-child(2){text-align: center;}
.order-item span:nth-child(3){text-align: right; font-weight: 700; color: #d90000;}
.order-item i{color: #d90000;}
.order-item:last-child{margin: 0;border: none;}
.order-total{border-top: 1px solid #ddd;padding: 10px;background: #eee;font-size: 13px;}
.order-total p{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.order-total p label{color: #000;font-weight: 600;text-transform: uppercase;}
.order-total p span{font-weight: 700; color: #d90000;}
.checkout-payments{border: 1px solid #ddd;margin: 0 0 20px 0;background: #fff;}
.checkout-payments > h4{padding: 10px;border-bottom: 1px solid #ddd;font-size: 14px;color: #000;text-transform: uppercase;font-weight: 700;}
.box-payments .payments-item{padding: 10px; border-bottom: 1px solid #ddd;}
.box-payments .payments-item > label{display: flex;flex-wrap: wrap;align-items: center;font-size: 13px;font-weight: 400;color: #000;cursor: pointer;}
.box-payments .payments-item .noidung{padding: 10px;background: #eee;margin-top: 10px;border-radius: 5px; display: none;}
.box-payments .payments-item:first-child .noidung{display: block;}
.box-payments .payments-item:last-child{border: none;}
.btn-submit{width: 100%;font-size: 14px;color: #fff;font-weight: 600;padding: 10px;border: none;background: #000;text-transform: uppercase;cursor: pointer;border-radius: 5px;}
.btn-submit:hover{background: #fff000;color: #fff;}
@media(max-width: 1000px){
    .checkout-left,.checkout-right{width: 100%;}
}
@media(max-width: 600px){
    .table-cart thead tr th:last-child,.table-cart tbody tr td:last-child{display: none;}
    .box-cart-left, .box-cart-right{width: 100%;}
}
@media(max-width: 500px){
    .table-cart-pro .image{width: 60px;}
    .table-cart-pro .pro-info{width: calc(100% - 70px);}
    .checkout-left .checkout-shipment .frm-ip.frm-place{width: 100%;}
}