/* cart page style for 'lw' on 2025-03-07 */
h1,h2,h3,h4,h5,h6{}
input[type='checkbox']:checked:after{border-right:0 !important;border-bottom:0 !important;}
input[type='checkbox']:checked:before {background-color: transparent !important;}
/*
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background-color: var(--themefive);border-color: var(--themefive);}
*/
.form-check-input{border: 1px solid #333;cursor: pointer;}
.btn-outline-primary{color: #ff6600;border-color: #ff6600;}
.btn-outline-primary:hover{background: #FFFFFF;color: #ff6600;border-color: #ff6600;opacity: 0.8;}
.btn{font-weight: bold;font-size: 15px;}
.text-primary{color: #ff6600 !important;}

.qpage_m{float: left;width: 100%;margin: 140px 0 100px;text-align: center;line-height: 30px;display: none;}
.qpage_m i{color: var(--themethree);font-size: 30px;}
.qpage_m .showmdiv{padding: 0 10px;}
.qpage_m b{font-size: 25px;font-weight: 700;letter-spacing: 0px;line-height: 50px;color: rgba(37, 40, 60, 1);text-align: center;vertical-align: top;}
.cart{margin: 150px 0 60px 0;min-height: 450px;}
@media (max-width: 992px) {
    .cart{display: none;}
    .qpage_m{display: block;}
}
.cart .cart-title{font-size: 30px;font-weight: bold;margin-bottom: 20px;font-family: MB;display: flex;align-items: center;gap: 10px;}
.cart .cart-title .sub-name{font-size: 18px;}
.cart .model-list .model-box{min-height: 268px;background: #FFFFFF;}
.cart .model-list .no-model .content{font-size: 18px;margin-bottom: 10px;font-weight: bold;}
.cart .model-list .model-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.cart .model-list .model-head .form-check{display: flex;align-items: anchor-center;margin-left: 2px;gap:5px;}
.cart .model-list .model-head .form-check .form-check-input{position: absolute;cursor: pointer;}
.cart .model-list .model-head .form-check *{cursor: pointer;}
.cart .model-list .model-head .btn-group{display: flex;gap:30px;}
.cart .model-list .model-head .btn-group .btn-item{display: flex;align-items: center;gap: 5px;font-weight: bold;line-height: 15px;}
.model-head .btn-group .btn-item.hidden{cursor: not-allowed;color: #888;}
.cart .model-list .model-head .btn-group .bi{font-size: 18px;}
.cart .list-group-item.active{color: #000;background-color: rgba(211, 211, 211, 1);border-color: rgba(211, 211, 211, 1);}
.cart .supplier-group-list{display: grid;gap:30px;}
.cart .supplier-group-list .supplier-order-summary{display: flex;align-items: center;justify-content: end;gap:10px;padding-right:10px;}
.cart .supplier-group-list .supplier-order-summary .name{/*width: 80px;text-align: right;*/;}
.cart .supplier-group-list .supplier-order-summary .price{min-width: 55px;text-align: left;font-weight: bold;}
.cart .list-group .list-group-item.active{display: flex;justify-content: space-between;padding: 10px;align-items: center;}
.cart .list-group .list-group-item.active span{margin-right: 6px;;}
.cart .list-group .list-group-item.active b{font-weight: bold;}
.cart .list-group .list-group-item .top{display: flex;gap: 10px;}
.cart .list-group .list-group-item .column-one{display: flex;width: 40%;}
.cart .list-group .list-group-item .column-two{width: 20%;}
.cart .list-group .list-group-item .column-three{width: 25%;}
.cart .list-group .list-group-item .column-four{width: 15%;}
.cart .list-group .list-group-item .column-one .left-box{position: relative;}
.cart .list-group .list-group-item .column-one .left-box .model-sort{position:absolute;left: -11px;font-size: 12px;}
.cart .list-group .list-group-item .column-one .form-check{padding-left:10px;padding-top:0;}
.cart .list-group .list-group-item .column-one .image{padding: 0 10px 0 3px;}
.cart .list-group .list-group-item .column-one .image img{width: 120px;border-radius: 5px;cursor: pointer;min-width: 120px;}
.cart .list-group .list-group-item .column-one .file-name{font-size: 15px;font-weight: bold;}
.cart .list-group .list-group-item .column-one .info{display: grid;gap: 5px;max-height: 100px;}
.cart .list-group .list-group-item .material-info{text-align: left;padding: 0;}
.cart .list-group .list-group-item .material-info .name{font-weight: bold;}
.cart .list-group .list-group-item .column-four{display: grid;gap:8px;}
.cart .list-group .list-group-item .buttons{display: flex;gap:10px;}
.cart .list-group .list-group-item .buttons .bi{font-size: 16px;cursor: pointer;}
.cart .list-group .list-group-item .column-four .price{text-align: center;font-weight: bold;}
.cart .list-group .list-group-item  .bottom{background: #eee;border-radius: 5px;display: flex;justify-content: center;padding: 5px 15px;margin-top: 10px;gap: 40px;}
.cart .list-group .list-group-item  .bottom .name{margin-right: 5px;}
.cart .list-group .list-group-item .quantity-control {width: auto;margin: 0 auto;}
.cart .list-group .list-group-item .quantity-control .btn {width: 22px;height: 22px;padding: 0;border-color: #ccc;display: flex;align-items: center;justify-content: center;}
.cart .list-group .list-group-item .quantity-control .form-control {width: 50px;height: 22px;text-align: center;border-color: #ccc;padding:0;}
.cart .list-group .list-group-item .quantity-control .form-control:focus {border-color: #ccc;box-shadow: none;}
.cart .list-group .list-group-item .price {/* display: flex; *//* gap:5px; *//* justify-content: center; */}
.cart .list-group .list-group-item .price .total-price {
    font-weight: bold;
    font-size: 20px;
    padding-right: 5px;
}
.cart .list-group .list-group-item .price .total-ori-price{text-decoration: line-through;font-size: 12px;color: #888;}
.cart .list-group .list-group-item .unit-price{text-align: center;}
.cart .order-note{margin-top: 15px;}
.cart .order-note textarea{width: 500px;height: 50px;}
.cart .order-summary{z-index: 0;}
.cart .shipping-name{display: flex;gap:6px;align-items: center;}
.cart .shipping-name .bi{color: #ff6600;margin-top:3px;}
#checkoutReminderModal .modal-body .top{font-size: 14px;font-weight: bold;margin-bottom: 10px;line-height: 25px;}
#checkoutReminderModal .modal-body ul.list{padding: 0;display: grid;gap: 5px;}
#checkoutReminderModal .modal-body ul.list li{font-size: 14px;display: flex;gap: 5px;align-items: center;}
#checkoutReminderModal .modal-body ul.list .bi{font-size: 22px;color: #ff6600;}
#checkoutReminderModal .modal-body .buttons{text-align: center;/* margin-bottom: 30px; */}
#checkoutReminderModal .modal-body .sub-line {
    display: flex;
    align-items: center;
    text-align: center;
}

#checkoutReminderModal .modal-body .sub-line .line {
    flex: 1;
    height: 1px;
    background-color: #aaa;
    margin: 0 10px;
}

#checkoutReminderModal .modal-body .sub-line .text {
    white-space: nowrap;
}