/***
 * CSS for Baohanh Simigo
 * 
 ***/
:root{
	--primary-color: #c60e0e;
	--secondary-color: #fbd947;
	--text-color: #222;
	--link-color: #2F80ED;
	--subheader-color: #2f4858;
	--footer-color: #544d4d;
}
a.link {text-decoration: none;color: var(--text-color);cursor: pointer;}

/*** Header CSS ***/
header{background-color: var(--primary-color);padding-top: 10px;padding-bottom: 10px;}
	a.logo-wrapper{max-width: 248px;display: block;}
	.btn-action{
		background-color: var(--secondary-color);
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.search-dropdow .search__list {
	    display: block !important;
	    white-space: nowrap;
	    overflow: auto;
	}
	.search-dropdow .search__list > li {display: inline-block;}
		.search__list a {font-size: 12px;color: #fff;}

	.header-right {font-size: 14px;justify-content: space-around;color: #ccc;}
	.header-right a {color: #FFF;}

.subheader {
    --subheader-padding: 0px;
    background: #f0f0f0;
    color: var(--subheader-color);
    display: flex;
    align-items: center;
}
.subheader .container {
    display: grid;
    grid-template-columns: calc(25% - 15px) 1fr;
    justify-content: space-between;
    align-items: center;
    grid-gap: 10px;
}
	.subheader .toogle-nav-wrapper {
	    font-size: 15px;
	    padding: 9px 0;
	    border: 1px;
	    color: #fff;
	    background: var(--subheader-color);
	    font-weight: 500;
	}
		.subheader .toogle-nav-wrapper a{color: white;}
		.subheader .toogle-nav-wrapper .icon-bar {
		    width: 24px;
		    height: 24px;
		    margin-left: 10px;
		    border: 2px solid #fff;
		    border-radius: 2px;
		    vertical-align: top;
			flex-direction: column;
			justify-content: space-between;
		}
			.subheader .toogle-nav-wrapper .icon-bar .bar {
			    background: #FFF;
			    width: 14px;
			    border-radius: 2px;
			    margin-left: 3px;
			    height: 2px;
			}
			.subheader .toogle-nav-wrapper .icon-bar .bar:first-of-type {margin-top: 4px;}
			.subheader .toogle-nav-wrapper .icon-bar .bar:last-of-type {margin-bottom: 4px;}

	.shop-policises{box-shadow: inset 0px -1px 0px #f1f1f1;    justify-content: flex-start;}
		.shop-policises li {display: flex;align-items: center;margin-left: 25px;margin-right: 25px;}
			.shop-policises > li > div {
			    width: 40px;
			    height: 40px;
			    padding: 4px;
			    margin-right: 6px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			}
		.shop-policises .link {font-size: 14px;}
/*** End Header ***/

ul.bh-rafill {padding-bottom: 0;margin-bottom: 5px;padding-left: 10px;}
	.bh-rafill > li {display: inline-block;vertical-align: middle;margin: 0 10px;padding-bottom: 5px;}
	.bh-rafill > li > label{display: flex;margin-bottom: 0;}
	.bh-rafill > li > label > input {margin-right: 10px;}
	.bh-rafill > li > label > span {
	    position: relative;
	    display: block;
	    color: #252525;
	}

.table .thead-light th {font-size: 90%;}
.loading-m {display: none;position: fixed;left: 0;top: 0;z-index: 999992!important;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.loading-m.in {display: flex;align-items: center;justify-content: center;}

.content-baohanh{padding-bottom: 60px;}
.show-more-height{height: 520px;overflow: hidden;}
.btn-show-more{
    width: 100%;
    color: #777;
    position: relative;
    padding: 10px 0;
    text-align: center;
    background: #f1f1f1;
    cursor: pointer;
}
	.btn-show-more:before{
	    display: block;
	    content: "";
		height: 100px;
	    margin-top: -110px;
	    margin-bottom: 10px;
	    background: linear-gradient(to top, white,transparent);
	}
	.btn-show-more:hover { color: #1779dd;}

/*** Footer Css ***/
.footer{background-color: white;color: var(--text-color);}
	.top-footer {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    background: var(--text-color);
	    color: #fff;
	}
		ul.follow_option > li {margin-right: 20px;}
		ul.follow_option > li a{color: white;}

	.mid-footer {
	    padding-top: 40px;
	    background: white;
	    color: var(--footer-color);
	    font-size: 14px;
	    padding-bottom: 10px;
	}

	.mid-footer	.title-menu {
		    font-size: 1.3rem;
		    text-decoration: underline;
		    margin-bottom: 20px;
		}
		.mid-footer	.single-contact {
			    display: flex;
			    align-items: baseline;
			    font-size: 14px;
			    margin-bottom: 10px;
		}
		.mid-footer .single-contact > i{
			margin-right: 5px;
		    flex: 0 0 25px;
		    font-size: 16px;
		}
		.mid-footer .single-contact > .address > ul{margin: 0;padding-left: 15px;}

		.mid-footer .list-menu {list-style: square;padding-left: 20px;padding-bottom: 15px;font-size: 16px;}
		.mid-footer .list-menu > li{margin-bottom: 10px;}
			.mid-footer .list-menu > li > a{color: var(--subheader-color);}
			.mid-footer .list-menu > li > a:hover{color: var(--primary-color);text-decoration: underline;}

/*** End Footer ***/

@media only screen and (max-width: 600px) {
	#result {overflow: auto;}
	ul.follow_option{justify-content: space-between;}
	ul.follow_option > li{margin-right: inherit;}
		ul.follow_option > li > a{font-size: 14px;}

	.mid-footer .col-6{padding-left: 10px;padding-right: 10px;}
}