.color-pro-detail{display:inline-block; vertical-align:top; position:relative; width:30px; height:30px; cursor: pointer; margin:0px 0px 3px 0px;border:1px solid #ccc; border-radius: 50%; margin-right: 8px;}
.size-pro-detail{border:1px solid #ccc;/*padding:3px 10px 4px 10px;*/ padding: 0 5px;display:inline-block;position:relative; font-size: 14px; /*width: 40px;*/ height: 30px; line-height: 30px;text-align: center;margin-bottom: 5px;}
.color-pro-detail.active{border-color:#e5101d;color:#e5101d;}
.size-pro-detail.active,.size-pro-detail.active:hover{background: #FF3B00; border:1px solid #FF3B00; color: #fff !important;}
.size-pro-detail:hover{ border:1px solid #FF3B00; color: #FF3B00 !important;}
.color-pro-detail.active:before/*,.size-pro-detail.active:before*/{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../img/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail.active{border-radius: 50%;}
.color-pro-detail.active:before{background: none;}
.color-pro-detail input[type=radio],.size-pro-detail input[type=radio]{ appearance: none;-moz-appearance: none; border-radius: 0px;-webkit-appearance: none; outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}

.color-pro-detail input[type=radio]{border-radius: 50%; width:28px; height:28px; min-width: 28px; min-height: 28px;}
.color-pro-detail.active input[type=radio]{min-width: calc(100% - 10px); min-height: calc(100% - 10px); max-width: calc(100% - 4px); max-height: calc(100% - 4px); top: 2px; left: 2px;}
.color-pro-detail span{text-transform: capitalize; position: absolute;left:50%; top:50%; color: #fff; width: 100%; line-height: 1.1; text-align: center; padding: 0 3px; font-size: 12px; transform: translate(-50%,-50%); }


.color-pro-detail-ajax{display:inline-block; vertical-align:top; position:relative; width:30px; height:30px; cursor: pointer; margin:0px 0px 3px 0px;border:1px solid #ccc; border-radius: 50%; margin-right: 8px;}
.size-pro-detail-ajax{border:1px solid #ccc;/*padding:3px 10px 4px 10px;*/ padding: 0 5px;display:inline-block;position:relative; font-size: 14px; /*width: 40px;*/ height: 30px; line-height: 30px;text-align: center;margin-bottom: 5px;}
.color-pro-detail-ajax.active{border-color:#e5101d;color:#e5101d;}
.size-pro-detail-ajax.active,.size-pro-detail-ajax.active:hover{background: #FF3B00; border:1px solid #FF3B00; color: #fff !important;}
.size-pro-detail-ajax:hover{ border:1px solid #FF3B00; color: #FF3B00 !important;}
.color-pro-detail-ajax.active:before/*,.size-pro-detail.active:before*/{content:'';position:absolute;width:100%;height:100%;top:0px;left:0px;bottom:0px;right:0px;margin:auto;z-index:1;background-image:url(../img/check-cart.png);background-repeat:no-repeat;background-position:bottom right;}
.color-pro-detail-ajax.active{border-radius: 50%;}
.color-pro-detail-ajax.active:before{background: none;}
.color-pro-detail-ajax input[type=radio],.size-pro-detail-ajax input[type=radio]{ appearance: none;-moz-appearance: none; border-radius: 0px;-webkit-appearance: none; outline:none;position:absolute;cursor:pointer;width:100%;height:100%;-webkit-appearance:none;border:0px;top:0px;left:0px;}

.color-pro-detail-ajax input[type=radio]{border-radius: 50%; width:28px; height:28px; min-width: 28px; min-height: 28px;}
.color-pro-detail-ajax.active input[type=radio]{min-width: calc(100% - 10px); min-height: calc(100% - 10px); max-width: calc(100% - 4px); max-height: calc(100% - 4px); top: 2px; left: 2px;}
.color-pro-detail-ajax span{text-transform: capitalize; position: absolute;left:50%; top:50%; color: #fff; width: 100%; line-height: 1.1; text-align: center; padding: 0 3px; font-size: 12px; transform: translate(-50%,-50%); }
#show_btn_hethang-ajax button { width: 100%;}
.detail__price--new-ajax { font-size: 1.5rem; color: #FF3B00;}

.dc-mg{ margin-bottom:8px; }
.line-or{ text-align: center; margin-bottom: 10px; position: relative; height: 20px; line-height: 20px;}
.line-or::before{ content: ''; width: 100%; height: 1px; background:#ddd; position: absolute; left: 0px; top: 50%;  }
.line-or span{ background:#fff; display: inline-block; padding: 0 10px; position: relative; z-index: 1; }
.box_nhantaishop{ margin-bottom: 15px; }
.box_nhantaishop label { line-height: 20px; float: left; margin:0px;}
.box_nhantaishop input[type=checkbox] { position: relative; cursor: pointer; margin-top: 2px; width: 16px; height: 16px; float: left; margin-right: 5px;}
.box_nhantaishop input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; background-color:#e9e9e9;}
.box_nhantaishop input[type=checkbox]:checked:before { content: ""; display: block; position: absolute; width: 16px; height: 16px; top: 0; left: 0; background-color:#1E80EF;}
.box_nhantaishop input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; }
.info_nhanhang{ display: none; }


#popup-cart .modal-title{text-transform:uppercase;}
#popup-cart .modal-body .wrap-cart{padding:0px;box-shadow:none;border:0px;}
#popup-cart .modal-body .top-cart{width:100%;border:0px;padding:0px;margin:0px;}
#popup-cart .modal-footer{padding:0.75rem 0 0 0;border-top:0px;}
.buymore-cart{color:var(--color-red);cursor:pointer;margin:0px;}
.wrap-cart{padding:20px 15px;background:#ffffff;border:1px solid #d8d8d8;box-shadow:0 0 20px rgba(0,0,0,.15);}
.top-cart{width:60%;border-right:1px solid #eee;padding-right:15px;margin-right:15px;}
.procart{padding:20px 0px;}
.procart_item{border: 2px dashed #ebebeb; padding: 5px ; margin-top: 10px ; border-radius: 15px ;}
.pic-procart{width:16%;text-align:center;margin-right:2%;}
.pic-procart img{max-width:100%;max-height:100px;width: 100%;border-radius: 10px;}
.del-procart{font-size: 11px; display: inline-block; margin-top: 5px ; cursor: pointer; background: #f77070; padding: 2px 15px ; border-radius: 3px ; color: #fff !important;}
.del-procart i{margin-right: 5px;}
.del-procart:hover{background:#333;color:#fff !important;}
.pic-procart-rp{display:none;margin:10px auto auto auto;width:100%;max-width:85px;}
.info-procart{width:80%;margin-right:3%;align-self: center;}
.name-procart a{font-size:14px;color:#000;display:block;}
.name-procart a:hover{color:var(--color-red);}
.properties-procart{display:block;}
.properties-procart p{display:inline-block;margin-bottom:0px;}
.properties-procart p:first-child{margin-right:10px;}
.properties-procart p strong{font-weight:600;}
.quantity-procart{width:20%;margin-right:3%;align-self: center;}
.quantity-procart p{margin-bottom:0px;}
.quantity-counter-procart{/*border:1px solid #dfdfdf;*/width:100%;height:30px;line-height:normal;text-align:center;border-radius:3px;}
.counter-procart{background-color:#f7f7f7;border:0px;width:30%;color:#333;outline:none;cursor:pointer;font-size:23px;}
.counter-procart:hover{background-color:#ebebeb;}
.counter-procart:hover,.counter-procart:focus{color:var(--color-red);}
.counter-procart:disabled,.counter-procart:disabled:hover{color:#ccc;cursor:not-allowed;}
.counter-procart-minus{border-radius: 8px 0 0 8px;line-height:26px;}
.counter-procart-plus{border-radius: 0px 8px 8px 0px;line-height:24px;}
.quantity-counter-procart input[type=number] {-moz-appearance: textfield;}
.quantity-counter-procart input::-webkit-outer-spin-button, .quantity-counter-procart input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.quantity-counter-procart .quantity-procat{width:40%;box-sizing:border-box;border:0px;/*border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;*/outline:none;box-shadow:none;padding:0px;color:#333;text-align:center;margin: 0 3px;background-color: #f9f7f7;}
.price-procart{width:20%;text-align:right;align-self: center;}
.price-procart-rp{display:none;width:100%;margin-bottom:10px;font-size:13.5px;}
.price-new-cart{color:#f36161;margin-bottom:0px;font-weight: bold;}
.price-old-cart{color:#999;text-decoration:line-through;}
.procart-label{border:0px;background:rgb(235 235 235 / 40%);padding:10px;margin:0px;text-transform:capitalize;}
.procart-label .quantity-procart p:last-child{display:none;}
.money-procart{margin-top:15px;}
.total-procart{/*background:#eee;*/padding:7px 0px;/*border:1px solid #dddfe2;*/margin-bottom:-1px;}
.total-procart p{margin-bottom:0px;font-size:15px;}
.total-procart p:last-child{color:var(--color-red);}
.bottom-cart{width:40%;}
.section-cart{position:-webkit-sticky;position:sticky;top:15px;}
.title-cart{font-size:15px;text-transform:uppercase;color:var(--color-red);border-bottom:1px solid #eee;padding-bottom:5px;margin-bottom:15px;font-weight: bold;}
.information-cart{margin-bottom:1.5rem;}
.input-cart{margin-bottom:0.5rem;position:relative;}
.input-cart input,.input-cart textarea{font-size:14px;padding:0.5rem 0.75rem;outline:none;height:auto;}
.input-cart textarea{resize:none;height:100px;}
.input-cart select{cursor:pointer;font-size:14px;padding:0.5rem 1.75rem 0.5rem 0.75rem;height:auto;}
.input-double-cart{margin-bottom:0.5rem;}
.input-double-cart .input-cart{width:49%;float:left;margin-right:2%;margin-bottom:0px;}
.input-double-cart .input-cart:last-child{margin-right:0px;}
.input-triple-cart{margin-bottom:0.5rem;}
.input-triple-cart .input-cart{width:32.65%;float:left;margin-right:1%;margin-bottom:0px;}
.input-triple-cart .input-cart:last-child{margin-right:0px;}
.edit_sdt{ position: absolute; right: 0px; top: 0px; height: 39px; padding: 0 10px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #ced4da; border-left: 0; font-size: 14px; font-weight: 400; color: #fff; background-color: #343a40; border-color: #343a40; }

.payments-cart{text-align:left;margin-bottom:5px;min-height:auto;background: rgba(38, 185, 154, 0.04);border-radius: 5px; padding-left: 35px;border: 2px dashed transparent;}
.payments-cart:hover{border: 2px dashed rgba(38, 185, 154, 0.3); background: rgba(38, 185, 154, 0.1);}
.payments-cart:last-child{margin-bottom:0px;}
.payments-cart input{top:calc(50% - 1.25rem/2);}
.payments-label{cursor:pointer;/*background:#eee;*/display:block;padding:6px 12px 6px 3px;border-radius:3px;margin-bottom:0px;color:#313131!important; line-height: 30px;}
.payments-label::before,.payments-label::after{top:12px;}
.payments-cart-show{background: #fafafa; padding: 10px; border: 2px dashed #ebebeb;display: none;margin-bottom: 15px;border-radius: 8px;}

.payments-label svg{ max-height: 28px; float: left; margin-right: 5px;}
.payments-label.active svg path{ fill:#fff;}
.payments-label.active svg g{ fill:#f00;}
.payments-label.active svg rect{ fill:#f00;}


.payments-label.active{/*background:#333;color:var(--color-primary) !important;*/}
.payments-info{opacity:0;visibility:hidden;height:0px;overflow:hidden;background:var(--bg-primary);border-radius:5px;}
.payments-info p{margin-bottom:1em;}
.payments-info.active{padding:10px 15px;margin-top:5px;opacity:1;visibility:visible;height:auto;}
.empty-cart{padding:25px 30px;display:block;text-align:center;color:#333!important;width:100%;}
.empty-cart i{color:#333;font-size:70px;}
.empty-cart p{margin:15px 0px;color:#333;font-size:18px;}
.empty-cart span{display:inline-block;padding:10px;font-size:16px;text-transform:uppercase;width:100%;max-width:325px;background: #333; color: #fff;}
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #26b99a!important; }
.w-clear:after { content: ""; clear: both; display: block; }


/*=== FIX CART ===*/
.fixmodel_cart{position: fixed;z-index: 999999;background: #fff;width: 460px;height: 100vh;position: fixed; top: 0; right: -460px;transition: all ease 0.5s;overflow-y: scroll;}
.fixmodel_cart.active{right: 0;}

.fixmodel_cart_site{padding: 20px;width: 100%;height: 100%;}


.fix_site_overlay{position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.6); width: 100vw; height: 100vh;opacity: 0;
visibility: hidden;z-index: 99999;}
.fix_site_overlay.active{opacity: 1;visibility: visible;}
.fixmodel_cart_site_close{position: absolute; top: 10px; right: 25px; width: 35px; height: 35px; z-index: 1; outline: none; background: transparent; border: none; box-shadow: none; cursor: pointer;}
.fixmodel_title{text-transform: uppercase; font-weight: bold; border-bottom: 2px solid #ccc; padding-bottom: 5px; font-size: 17px;margin-bottom: 12px;}

.fixmodel_cart_view .wrap-cart { padding: 0; background: #ffffff; border: none; box-shadow: none; }
.fixmodel_cart_view .top-cart { width: 100%; border-left: none; padding-left: 0; margin-left: 0; }
.fixmodel_cart_view .procart{padding: 0;border: none;margin-bottom: 15px;padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.fixmodel_cart_view .properties-procart{font-size: 13px;}
.fixmodel_cart_view .name-procart{margin-bottom: 5px;}
.fixmodel_cart_view .total-price{font-weight: bold; font-size: 1.25rem;}
.fixmodel_cart_view .price-procart{width: initial;}
.fixmodel_cart_view .pic-procart .del-procart{background: #ebebeb;}
.fixmodel_cart_view .modal-footer{padding: 1rem 0;}
.fixmodel_cart_view .modal-footer > a{width: calc(100% / 2)}
.fixmodel_cart_view .modal-footer > a:first-child{background: #343a40; border: 1px solid #343a40;color:#fff;}
.fixmodel_cart_view .info-procart{width: 55%;}
.fixmodel_cart_view .pic-procart{width:20%;}

.fix_cart_count{cursor: pointer;}

.hide-price{display: none;}

.bg-slider{background: #fff;}
.fixbtn_buycart{margin-top: 15px;}
.fixbtn_buycart button{border-radius: 3px; font-size: 12px; border: 1px solid #00587a; background: #fff; color: #000; margin: 5px 0; padding: 3px 14px 3px 10px; line-height: 20px; outline: none; font-weight: 500; display: flex; align-items: center;}


.fix_color_prodetail{display: inline-block;position: relative;margin-top: 4px;margin-right: 5px;}
.fix_color_prodetail::before{content: '';position: absolute;width: calc(100% + 4px); height: calc(100% + 4px);top: 50%;left: 50%;border: 1px solid #ccc;border-radius: 50%; transform: translate(-50%,-50%);}
.fix_color_prodetail.active::before{border-color: red}
.fix_color_prodetail:hover{cursor: pointer;}
.fix_color_prodetail:hover::before{border-color: red}


.fix_color_prodetail input{appearance: none; -moz-appearance: none; border-radius: 0px; -webkit-appearance: none; outline: none; /* position: absolute; */ 
cursor: pointer; width: 100%; height: 100%; -webkit-appearance: none; border: 0px; top: 0px; left: 0px; border-radius: 50%;min-width: 16px;min-height: 16px;margin: 0;
line-height: inherit;display: block;}
.fix_btn_thanhtoan_left{display: none;}
.btn-cart-buy{background: #FD835E;border-color: #FD835E;}
.cart-warning-product{font-size: 13px;}

.form-cart-main .del-procart{font-size: 11px; display: inline-block; margin-top: 5px; cursor: pointer; background: #ffaeae; padding: 2px 6px; border-radius: 3px; color: #fff !important; position: absolute; top: -7px; left: -2px; border-radius: 15px 3px 6px 3px; padding-left: 8px; padding-top: 5px;opacity: 0;transition: all ease 0.3s;}
.form-cart-main .del-procart i{margin-right: 0;}
.form-cart-main .procart_item{position: relative;}
.form-cart-main .wrap-cart{border: none;box-shadow: none;padding: 0;}
.form-cart-main .top-cart{width: 45%; border: 1px solid #fafafa; border-radius: 20px; margin-left: 20px; padding: 15px; box-shadow: 0px 0px 10px #f5f5f5; display: flex; flex-direction: column; justify-content: space-between;}
.form-cart-main .title-cart{padding-bottom: 0;border-bottom: none;background: #f5f5f5; padding: 15px 10px; border-radius: 10px;}
.form-cart-main .form-control{line-height: 2;border: 1px solid #ebebeb;border-radius: 10px;box-shadow: 0px 0px 8px #f5f5f5;}
.form-cart-main .custom-select{line-height: 2;border: 1px solid #ebebeb;border-radius: 10px;box-shadow: 0px 0px 8px #f5f5f5;}
.form-cart-main .procart_item:hover .del-procart{opacity: 1;}
.form-cart-main .bottom-cart{width: 55%;}
.form-cart-main .pic-procart{width: 20%;}
.form-cart-main .quantity-procart{width: 30%;}

#fix_button_thanhtoan{display: none;}

@media(max-width:1024px){
	.wrap-cart{flex-wrap:wrap;padding: 0; border: none; box-shadow: unset;}
	#fix_button_thanhtoan { position: fixed; z-index: 9999; bottom: 0; left: 0; width: 100%; padding: 1%; background: #fff; border-top: 1px solid #ebebeb; display: flex; align-items: center; justify-content: space-between; }
	.form-cart-main .top-cart{padding-left: 0;margin-left: 0; border: none; padding: 0;}
}


@media(max-width:993px){
	.wrap-cart{flex-wrap:wrap;}
	.top-cart,.bottom-cart{width:100%;border-right:0px;margin-right:0px;}
	.top-cart{margin-bottom:30px;}
}
@media(max-width:769px){
	.price-procart,.procart-label .quantity-procart p:first-child{display:none;}
	.price-procart-rp,.procart-label .quantity-procart p:last-child{display:block;}
	.quantity-procart{width:25%;text-align:right;margin-right:0px;}
	.info-procart{width:65%;margin-right: 0;}
	.form-cart-main .quantity-procart{width: 100%;display: flex;}
	.form-cart-main .price-procart{text-align: left;}
	.form-cart-main .price-procart-rp{width: unset;margin-right: 10px;}
	.form-cart-main .quantity-counter-procart{width: unset;}
}
@media(max-width:441px){
	.procart-label{font-size:12px;}
	.pic-procart{/*display:none;*/ width: 38%;}
	.pic-procart-rp{/*display:block;*/}

	.fixmodel_cart_site .pic-procart{display:block;}
	.fixmodel_cart_site .pic-procart-rp{display:none;}

	.info-procart{width:65%;margin-right:5%;}
	.quantity-procart{width:35%;}
	.input-double-cart,.input-triple-cart{margin-bottom:0px;}
	.input-double-cart .input-cart,.input-triple-cart .input-cart{width:100%;float:none;margin:0 0 0.5rem 0!important;}
}

@media(max-width:380px){
	.fixmodel_cart_view .procart{flex-wrap: wrap;}
	.fixmodel_cart_site .pic-procart {width: 38%; margin-bottom: 5px;}
	.fixmodel_cart_site .quantity-procart { width: 38%; }
}