.hover-background{position:absolute;width:100%;height:500px;background-color:black;z-index:999;opacity:0.7;display:none;}
.w-5{width:5%}
.w-10{width:10%}
.w-15{width:15%}
.w-20{width:20%}
.w-25{width:25%}
.w-30{width:30%}
.w-35{width:35%}
.w-40{width:40%}
.w-45{width:45%}
.w-50{width:50%}
.w-55{width:55%}
.w-60{width:60%}
.w-65{width:65%}
.w-70{width:70%}
.w-75{width:75%}
.w-80{width:80%}
.w-85{width:85%}
.w-90{width:90%}
.w-95{width:95%}
.size-08{font-size:.8rem}
.size-09{font-size:.9rem}
.size-10{font-size:1rem}
.size-11{font-size:1.1rem}
.size-12{font-size:1.2rem}
.size-13{font-size:1.3rem}
.size-14{font-size:1.4rem}
.size-15{font-size:1.5rem}
.width_custom_30{width:30%}
.width_custom_70{width:65%}
body{background-color:#e9edf0}
a{color: #000;font-size: 1rem}
p{font-size:.9rem}
strong{font-weight:600}
label{font-weight:600}
.custom-width-menu{width:135% !important}
.logo{max-width:100%;height:60px;object-fit:contain}
.container{max-width: 1220px}
.container-color-white{background-color:#fff;padding:1rem}
.title_indust {float: left;height: 32px;background-color: #b5b8ba;text-align: center;line-height: 30px;color: #FFF;font-weight: bold;}
.box-info-footer{line-height:1}
.box-four-home:last-child{border-bottom:0px !important}
.box-detail img{max-width:100% !important;max-height:100%}
.box-detail table{max-width:100% !important}
.content-detail img{max-width:100% !important}
.form-text {
    display: block;
    margin-top: 0.25rem;
    font-size: 14px;
    color: #dc3545 !important;
}
.btn-xs {
    padding: .125rem .25rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .15rem;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    display: block;
    position: relative;
    z-index: 999; 
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    color: #fff;
    width:180px;
}
#cssmenu > ul > li.has-sub > a::after {
    position: absolute;  
    top: 10px;
    right: 0px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
}
#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #e43d1c;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}
#cssmenu li:hover > ul {
    left:-1rem;
}
#cssmenu.align-right li:hover > ul {
    right: 0;
}
#cssmenu ul ul ul {
    margin-left: 105.7%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #e43d1c; 
}
#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 20px;
    right: 10px;
    width: 4px;
    height: 4px;
}
#cssmenu .child {width:337% !important}
#cssmenu .child img{width:100%;height:88px;object-fit:contain}
/*------------Edn custom menu desktop------------*/

#bars{position:absolute;z-index:999}
#bars{margin-top:2rem}
#bars ul{background-color:#f5f5f5;list-style:none}
#bars ul li a i{font-size:20px;margin-right:5px}
#bars ul li a strong{margin-left:5px}
.logo{max-width:100%;object-fit:contain}
.logo-mobi{max-width:70%;object-fit:contain}
.cart-quantity{border:1px solid #000;padding:0px 4px;border-radius:39%;font-size:.8rem}
.border-bottom-dotted{border-bottom:1px dotted #ddd;}


/*-------------Custom select2-----------------*/
.select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    padding: .46875rem .75rem;
    height: calc(2.25rem + 2px);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    top:60%;
}


.cateId>.select2-search{width:150% !important;background-color:#fff}
#select2-cateId-results{width: 150%;background-color:#fff;max-height:500px;border:1px solid #ccc}
#select2-cateId-results li{border-bottom:1px dotted #ccc}
#select2-cateId-results.select2-dropdown{border:0px !important}


.provinceId>.select2-search{width:150% !important;background-color:#fff}
#select2-provinceId-results{width: 150%;background-color:#fff;max-height:500px;border:1px solid #ccc}
#select2-provinceId-results li{border-bottom:1px dotted #ccc}
#select2-provinceId-results.select2-dropdown{border:0px !important}

.wardId>.select2-search{width:150% !important;background-color:#fff}
#select2-wardId-results{width: 150%;background-color:#fff;max-height:500px;border:1px solid #ccc}
#select2-wardId-results li{border-bottom:1px dotted #ccc}
#select2-wardId-results.select2-dropdown{border:0px !important}

.streetId>.select2-search{width:150% !important;background-color:#fff}
#select2-streetId-results{width: 150%;background-color:#fff;max-height:500px;border:1px solid #ccc}
#select2-streetId-results li{border-bottom:1px dotted #ccc}
#select2-streetId-results.select2-dropdown{border:0px !important}

/*Province*/
.ProvinceIDM>.select2-search{width:300% !important;background-color:#fff;margin-left:-100%}
#select2-ProvinceIDM-results{width: 300%;background-color:#fff;max-height:300px;border:1px solid #ccc;margin-left:-100%}
#select2-ProvinceIDM-results li{border-bottom:1px dotted #ccc}
#select2-ProvinceIDM-results > .select2-dropdown{border:0px !important}

/*Ward*/
.WardIDM>.select2-search{width:300% !important;background-color:#fff;margin-left:-200%}
#select2-WardIDM-results{width: 300%;background-color:#fff;max-height:300px;border:1px solid #ccc;margin-left: -200%}
#select2-WardIDM-results li{border-bottom:1px dotted #ccc}
#select2-WardIDM-results.select2-dropdown{border:0px !important}


/*Street*/
.StreetIDM>.select2-search{width:300% !important;background-color:#fff;margin-left:-200%}
#select2-StreetIDM-results{width: 300%;background-color:#fff;max-height:300px;border:1px solid #ccc;margin-left: -200%}
#select2-StreetIDM-results li{border-bottom:1px dotted #ccc}
#select2-StreetIDM-results.select2-dropdown{border:0px !important}

/*Cate*/
.CateIDM>.select2-search{width:300% !important;background-color:#fff}
#select2-CateIDM-results{width: 300%;background-color:#fff;max-height:500px;border:1px solid #ccc}
#select2-CateIDM-results li{border-bottom:1px dotted #ccc}
#select2-CateIDM-results.select2-dropdown{border:0px !important}


/*-------------End custom select2-----------------*/

#proviceR .select2{width: 100% !important}
#wardR .select2{width: 100% !important}
#streetR .select2{width: 100% !important}

.inputTypeaheadDesk .twitter-typeahead{width:100% !important}
.inputTypeaheadDesk .tt-menu{
    width:150%;
    border:1px solid #ddd;
    background:#fff;
    max-height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-left: -50%;
}
.inputTypeaheadDesk .tt-menu .header-title-search{padding: .5rem 1rem;background-color: #f8f9fa}
.inputTypeaheadDesk .tt-menu .list-result-search{padding: .5rem 1rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadDesk .tt-menu .list-result-search-construct{padding: .3rem .5rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadDesk .tt-menu .list-result-search-construct img{width:100%;height:40px;object-fit:cover}
.inputTypeaheadDesk .tt-menu .list-result-search-construct .image-result{width:10%}
.inputTypeaheadDesk .tt-menu .list-result-search-construct .title-result{width:87%;line-height: 1.2 !important;margin-left:3%}

.inputTypeaheadMobi >.twitter-typeahead{width:100% !important}
.inputTypeaheadMobi .tt-menu{
    width:100%;
    border:1px solid #ddd;
    background:#fff;
    max-height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.inputTypeaheadMobi .tt-menu .header-title-search{padding: .5rem 1rem;background-color: #f8f9fa}
.inputTypeaheadMobi .tt-menu .list-result-search{padding: .5rem 1rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadMobi .tt-menu .list-result-search-construct{padding: .3rem .5rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadMobi .tt-menu .list-result-search-construct img{width:100%;height:40px;object-fit:cover}
.inputTypeaheadMobi .tt-menu .list-result-search-construct .image-result{width:15%}
.inputTypeaheadMobi .tt-menu .list-result-search-construct .title-result{width:82%;line-height: 1.2 !important;margin-left:3%}

.inputTypeaheadMobiModal >.twitter-typeahead{width:100% !important}
.inputTypeaheadMobiModal .tt-menu{
    width:100%;
    border:1px solid #ddd;
    background:#fff;
    max-height: 480px;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 125% !important;
    margin-left: -18%;
    width: 135%;
}
.inputTypeaheadMobiModal .tt-menu .header-title-search{padding: .5rem 1rem;background-color: #f8f9fa}
.inputTypeaheadMobiModal .tt-menu .list-result-search{padding: .5rem 1rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadMobiModal .tt-menu .list-result-search-construct{padding: .3rem .5rem;width:100%;border-bottom:1px dotted #ccc}
.inputTypeaheadMobiModal .tt-menu .list-result-search-construct img{width:100%;height:40px;object-fit:cover}
.inputTypeaheadMobiModal .tt-menu .list-result-search-construct .image-result{width:15%}
.inputTypeaheadMobiModal .tt-menu .list-result-search-construct .title-result{width:82%;line-height: 1.2 !important;margin-left:3%}
/*------------End custom search auto-------------*/

/*-------------See more-----------------*/
#seeMore p.collapse:not(.show) {overflow: hidden;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}
#seeMore p.collapsing {min-height: 100px !important;}
#seeMore span.collapsed:after  {content: '+ Xem thêm';}
#seeMore span:not(.collapsed):after {content: '- Thu gọn';}
#seeMore span{color:blue;cursor:pointer}


@media only screen and (max-width: 1080px) {
    .list-group{width:150% !important}
}
@media only screen and (max-width: 767px) {
	.box-detail img{width:100% !important;height:100% !important}
	.box-detail table{width:100% !important !important}
	.custon-padding-none 
	{
		padding: 0px;
	}
    .list-group{width:100% !important}
    .width_custom_30{width:30% !important}
    .width_custom_70{width:70% !important}
    .content-detail img{max-width:100% !important;height:auto !important}
    .custom-width-menu{width:150% !important}
}