/* POPUP CART */
#popup-cart{/* width: 800px; *//* font-family: 'Quicksand', sans-serif; */padding: 0;border-radius: 5px;max-width: 90%;margin: 0 auto;}
.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: #881920;line-height: 20px;position: relative;font-weight: 700;margin-bottom: 10px;display: block;}
.cart-left-item{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cart-left-content{width: calc(100% - 150px);}
.cart-left-content .brand{color: #646464;font-size: 13px;}
.cart-left-content label{color: #666;font-size: 14px;font-weight: 700;}
.cart-left-content .masp{color: #646464;font-size: 13px;}
.cart-left-content .gia{font-weight: 700;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: 700;font-size: 18px;color: #292929;line-height: 21px;position: relative;}
.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{padding-bottom: 5px;color: #666;line-height: 16px;}
.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;}
.box-cart-right .cart-right-total span{color: #292929;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: #881920;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;}
.table-cart thead{background: #ddd;line-height: 30px;font-size: 15px;font-weight: 700;color: #333;}
.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: 700;}
.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: 500; 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: 0px;border-radius: 3px;text-align: center;}

.table-cart-tt{font-weight: 700; color: #d90000;}

.table-cart tfoot{font-size: 15px; color: #333; font-weight: 500;}
.table-cart tfoot .table-cart-total{font-size: 18px; color: #d90000; font-weight: 700;}

.cart-link{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 10px 0 0 0;}
.cart-link .link-muatiep{font-size: 14px; color: #646464; font-weight: 400;}
.cart-link .link-muatiep:hover{color: #d90000;}
.cart-link .link-thanhtoan{font-size: 14px;color: #fff;background: #000;padding: 10px 20px;}
.cart-link .link-thanhtoan:hover{background: #d90000;}

/* Thanh Toan */
.frm-checkout{display: flex;flex-wrap: wrap;justify-content: space-between;}
.checkout-left{width: 60%;}
.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: 'Quicksand', sans-serif;font-size: 14px;color: #333;font-weight: 500;}
.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;}
.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: 400;}
.box-oder{padding: 10px;}
.order-item{display: grid;grid-template-columns: 4fr 1fr 2fr;grid-gap: 10px;margin: 0 0 10px 0; font-size: 13px;}
.order-item:first-child{background: #fafafa;font-size: 13px;}
.order-item:first-child span{font-weight: 500 !important;color: #737272 !important;}
.order-item span:nth-child(1),.order-item a:nth-child(1){text-align: left;font-weight: 500; 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:last-child{margin: 0;}

.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; margin: 0 0 5px 0;}
.order-total p label{color: #000;font-weight: 700;}
.order-total p span{font-weight: 700; color: #d90000;}

.checkout-payments{border: 1px solid #ddd;margin: 0 0 20px 0;}
.checkout-payments > h4{padding: 10px; border-bottom: 1px solid #ddd; font-size: 14px; color: #000; text-transform: uppercase;}
.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: 500;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: 700;padding: 10px;border: none;background: #000;text-transform: uppercase;cursor: pointer;}
.btn-submit:hover{background: #d90000;}

@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);}
}