

/*========================================================================*/
/* ------------------- Setting varian màu sắc -------------------- */




.color.swatch-element label.hong span {
	background: #f338c7 !important;
}




.color.swatch-element label.vang span {
	background: #f5c820 !important;
}




.color.swatch-element label.xam span {
	background: #7b6d94 !important;
}




.color.swatch-element label.tim-than span {
	background: #170149 !important;
}




.color.swatch-element label.xanh-duong-den span {
	background: #052e66 !important;
}




.color.swatch-element label.nau span {
	background: #854e1d !important;
}




.color.swatch-element label.xanh-la span {
	background: #78a971 !important;
}




.color.swatch-element label.den span {
	background: #000000 !important;
}




.color.swatch-element label.xanh-duong span {
	background: #46a3f1 !important;
}




.color.swatch-element label.do span {
	background: #f8120a !important;
}




.color.swatch-element label.tim-nhat span {
	background: #a4a0c2 !important;
}




.color.swatch-element label.xanh-ngoc span {
	background: #77f5d0 !important;
}




.color.swatch-element label.da-dam span {
	background: #d3a67a !important;
}




.color.swatch-element label.xanh-troi-xanh-duong span {
	background: #22dbca !important;
}




.color.swatch-element label.hong-nhat span {
	background: #f595f1 !important;
}




.color.swatch-element label.da span {
	background: #ecbb91 !important;
}




.color.swatch-element label.kem span {
	background: #fef6eb !important;
}




.color.swatch-element label.trang span {
	background: #fffafa !important;
}




.color.swatch-element label.xanh-la-ma span {
	background: #284706 !important;
}




.color.swatch-element label.do-tuoi span {
	background: #b80404 !important;
}




.color.swatch-element label.tim-cacao-nhat span {
	background: #856497 !important;
}




.color.swatch-element label.hong-phan span {
	background: #f0c2c2 !important;
}




.color.swatch-element label.den-da span {
	background: #e9be7d !important;
}




.color.swatch-element label.xanh-co-vit span {
	background: #0d6794 !important;
}




.color.swatch-element label.xanh span {
	background: #466e9e !important;
}




.color.swatch-element label.xam-nhat span {
	background: #bebebe !important;
}




.color.swatch-element label.da-nhat span {
	background: #e4c797 !important;
}




.color.swatch-element label.den-xam span {
	background: #9b9b9b !important;
}




.color.swatch-element label.trang-kem span {
	background: #ebe1ca !important;
}




.color.swatch-element label.do-hong span {
	background: #aa0c33 !important;
}




.color.swatch-element label.vang-sam span {
	background: #b69517 !important;
}




.color.swatch-element label.tim span {
	background: #9027ee !important;
}




.color.swatch-element label.hong-huong span {
	background: #e695e1 !important;
}




.color.swatch-element label.cam-nau-dam span {
	background: #c56018 !important;
}




.color.swatch-element label.cam-do span {
	background: #f54322 !important;
}




.color.swatch-element label.nau-den span {
	background: #6d2a2a !important;
}




.color.swatch-element label.xanh-duong span {
	background: #0c20b9 !important;
}




.color.swatch-element label.cam span {
	background: #e46226 !important;
}




.color.swatch-element label.hong-phan span {
	background: #ffb4f5 !important;
}




.color.swatch-element label.do-cam span {
	background: #ec2828 !important;
}




.color.swatch-element label.tim-cacao-dam span {
	background: #6c4d74 !important;
}




.color.swatch-element label.do-sam span {
	background:  #910132 !important;
}




.color.swatch-element label.tim-hong span {
	background: #d693b4 !important;
}




.color.swatch-element label.xanh-troi span {
	background: #d3effb !important;
}




.color.swatch-element label.tim-xanh span {
	background: #6c5881 !important;
}




.color.swatch-element label.xanh-reu span {
	background:  #182301 !important;
}




.color.swatch-element label.xanh-tim span {
	background: #50249f !important;
}




.color.swatch-element label.tim-dam span {
	background: #656a87 !important;
}




.color.swatch-element label.do-do span {
	background: #7c0000 !important;
}




.color.swatch-element label.hong-tim span {
	background: #eb63b5 !important;
}


.tag-wrapper label{	display: inline-block;margin-right:10px;font-size:14px;font-weight:700;}
.tag-wrapper ul.tags {display: inline-block;}
.tag-wrapper ul.tags li {display: inline-block;list-style-type: none;margin-right:3px;}
.tag-wrapper ul.tags li:after {content: ",";}


.product-gallery__thumbs button.slick-prev {
	font-size: 0;
	transform: rotate(-90deg);
	text-align: center;
	padding: 5px;
	margin-left: 15px;
}

.product-gallery__thumbs button.slick-prev:before{
	content: ">";
	font-size: 12px;
}


.product-gallery__thumbs button.slick-next {
	font-size: 0;
	transform: rotate(90deg);
	text-align: center;
	padding: 5px;
	margin-left: 15px;
}

.product-gallery__thumbs button.slick-next:before{
	content: ">";
	font-size: 12px;
}

.branch_list {
	border-top: 1px solid;
	padding-top: 15px;
}
.pro_sku{
	font-size: 12px;
	color: #a3a5a7;
	margin-right: 20px;
}


/*===== APP COMBO - BUY X TANG Y ============================================*/
.modal-productApp{
	text-align: center;padding: 0!important;
	font-size:0;background: rgba(3, 17, 27, 0.7);
	-webkit-transition: opacity .35s linear;-o-transition: opacity .35s linear;transition: opacity .35s linear;
}
.modal-productApp:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-productApp .modal-dialog-centered {display: inline-block;text-align: left;vertical-align: middle;font-size:14px;}
.modal-productApp.fade .modal-dialog{-webkit-transform: translate(0,0);-ms-transform: translate(0,0);-o-transform: translate(0,0);transform: translate(0,0);}
.modal-productApp .modal-dialog-centered .modal-content {width: 100%; }
.modal-productApp.fade .modal-dialog-centered {
	opacity: 0;
	-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);
	-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;
}
.modal-productApp.fade.in .modal-dialog-centered {	opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);	-ms-transform: scale(1);transform: scale(1);}
.modal-productApp .modal-footer {padding: 15px;text-align: center;}
.modal-productApp .modal-footer .button{margin:0 5px;}
.modal-productApp .modal-header{padding:15px 20px ;}
.modal-productApp .modal-header .name-combo,
.modal-productApp .modal-header .modal-title {margin: 0;font-weight: bold;font-size:22px;padding: 0px 30px 0px 0px;}
.modal-productApp .modal-header .combo-title {margin:10px 0 0;font-size: 14px;	font-weight: bold;}
.modal-productApp .modal-header .close-modal-app {display: inline-block;position: absolute;background-color: #ffffff;width: 30px;height: 30px;	border-radius: 50%;	border: 1px solid #333;	right: 13px;top: 9px;z-index: 9;	opacity: 1;margin: 0;}
.modal-productApp .modal-header .close-modal-app svg {display: inline-block;fill: currentColor;position: relative;width: 12px;line-height: 30px;margin-top:-2px;}
#combo-program {max-height:400px;    overflow: auto;}
#combo-program .combo-title b {color: #ff0707;}
#combo-program .combo-w {border: 0;margin-bottom:0px;padding:0px 10px 0px 40px;position: relative;}
#combo-program .combo-w:after {content: '\2714\fe0e';font-size: 16px;position: absolute;top: calc(50% - 11px);left: 11px;color:#65d1e6;opacity: 0;}
#combo-program .combo-w:before {content: '';width: 20px;height: 20px;border: 1px solid #e1e1e1;border-radius: 3px;position: absolute;top: calc(50% - 10px);left: 7px;}
#combo-program .combo-w.checked:after {opacity: 1;}
#combo-program .combo-w.checked:before {border: 1px solid #65d1e6;}
#combo-program table tr {margin-bottom: 3px;}
#combo-program table tr:first-child td { border-top:0; }
#combo-program table label {font-weight: normal;font-size: 13px;display: block;border: none;padding: 2px 5px;cursor: pointer;}
#combo-program table label:after {content: "";display: table;clear: both;}
#combo-program table label img {display: inline-block;width:85px;	float: left;}
#combo-program table label p {display: inline-block;width: calc(100% - 85px);float: left;margin-bottom: 0px;padding-left: 15px;}
#combo-program table label .discount-promotion-price b {color: #fa0303;}
#combo-program table label .discount-promotion-price del {margin-left: 5px;}
#combo-program table input {display: none;}
#combo-program table input:checked + label {color: #000;background: #fff8f8;}
#buyxgety-program {margin:20px 0;border: 2px dotted #65d1e6;padding:10px;position: relative;min-height: 100px;z-index: 0;}
#buyxgety-program .buyxgety-heading{padding:5px 10px;position: relative;padding-right:60px;}
#buyxgety-program .buyxgety-heading h3{font-size: 18px;font-weight: 600;margin: 0 0 4px;}
#buyxgety-program .buyxgety-heading:after {
	content: "";
	position: absolute;width:35px;height:35px;right: 10px;	top:6px;
	background-image: url(//theme.hstatic.net/1000409903/1000684029/14/appbuyxgety-icon.png?v=8);
	background-repeat: no-repeat;background-size: contain;
}
#buyxgety-program .modal-body{padding:15px 30px;}
.buyxgety_item {display: -webkit-flex;display: flex;padding: 5px 10px 10px;}
.buyxgety_item .buyxgety_checkbox {width:35px;float: left;padding-top:7px;}
.buyxgety_item .buyxgety_image {width: 60px;float: right;}
.buyxgety_item .buyxgety_item_title{width:calc(100% - 95px);float: right;padding-left:15px;}
.buyxgety_item .buyxgety_list_variant select{font-size: 94%; font-style: italic;min-width:110px;	outline: none; padding: 1px 15px 2px;	margin:2px 0 5px;}
.buyxgety_item .buyxgety_checkbox input[type=radio]{cursor: pointer;width:15px;height:15px;}
/* edit +++  
.pro-loop .product-img .sold-out == bottom:10 
.qty-click input.item-quantity 
table.table-cart tr td.item h3
.selector-actions
*/
.pro-loop .product-img .product_gift_label {width: 25px;position: absolute;top: 10px;right: 10px;z-index:1;}
.product-loop-special .product-col-left{position: relative;}
.product-loop-special .product-col-left .product_gift_label{position: absolute;width: 50px;top: 15px;	z-index: 2;left: 20px;}
button.btn-product-gift{width: 100%;padding: 14px 35px; font-size: 16px;}
table.table-cart tr td.item .ico-gift{display: inline-block;width: 16px;vertical-align: text-bottom;margin-left: 10px;}
@media(max-width:767px){
	.modal-productApp .modal-dialog-centered{margin:30px 10px 50px;}
	.modal-productApp .modal-header{padding-left:15px;}
	.modal-productApp .modal-header .name-combo,
	.modal-productApp .modal-header .modal-title{ font-size: 18px;}
	.modal-productApp .modal-footer .button{width:100%;margin: 0;}
	.modal-productApp .modal-footer .button + .button{margin-top:15px;}
}


.social-payment {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
	margin-top: 25px;
}

.social-payment li{
	padding: 0 2px;
}

.social-payment li img{
	height: 45px;
}
.pro-loop .product-detail .box-pro-detail span.pro_sku {
	display: block;
}
div#detail-product .onireviewapp-loop {
	display: block;
	width: 100%;
}


