body{
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	background: #fafafa;
	
}
.brand a>img{
	height:120px;
}
.search-form .input-group{
	background-color:#fff;
	border-radius:48px;
	padding:16px 16px 16px 24px;
	border:1px solid #ededed;
}
.search-form .input-group .input-group-text{
	background-color:transparent;
	border:none;
	padding:0px;
	box-shadow:none;
}
.search-form .input-group .form-control{
	background-color:transparent;
	border:none;
	padding:0px 16px;
	min-width:400px;
	box-shadow:none;
}
.search-form .input-group .form-select{
	background-color:transparent;
	border:none;
	padding:0px 16px 0px 16px;
	box-shadow:none;
	border-left:1px solid #ededed;
}
.search-form .btn{
	width: 140px;
    padding: 8px 16px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0px auto;
    border-radius: 24px;
}

header{
	padding:24px 0px;
	border-bottom:1px solid #ededed;
	width:100%;
}
header .container{
	position:relative;
}
.header-search .brand{
	position:absolute;
	left:-160px;
}
.header-search .search-form .btn{
	min-width:140px;border-radius:48px;
}

.search-form .input-group .form-select{
	padding:0px 36px 0px 16px;
}

.header-search .brand a>img{
	height:48px;
}


.search-content{
	padding:24px 0px;background: #fbfbfb;width:100%;
}

.search-content h1{
	font-size:24px;
	color:#242424;
	margin-bottom:8px;
}
.search-content h1 span{
	color:#787878;
}

.search-result-list{
	list-style:none;
	margin:0px 0px 24px 0px;
	padding:0px; 
}
.search-result-list li{
	margin:0px 0px 0px 0px;
	padding:24px 0px;
border-bottom:1px solid #efefef;
}

.search-result-list .icon{
	
	height:64px;
	width:64px;
	border-radius:8px;
	background-color:#efefef;
	font-size:30px;
	
}
.search-result-list h3{
	font-size:18px;color:#01675f;
	margin:0px;
	    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}
.search-result-list a{
	font-size: 14px;
    color: #242424;
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: none;
    border-bottom: 1px dashed #dedede;
	    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.status-text{
	font-size:14px;
	font-weight:500;color:#242424;
}
.badge-category{
	font-size:14px;font-weight:500;color:#242424;
}
.text-bg-light{
	background-color:#efefef !important;
}
.text-success{
	color:#05cc47 !important;
}

@media (max-width: 575.98px) {
	header{
		padding:16px 0px;
	}
	.search-navbar{
		flex-direction:column;
	}
	.search-navbar .brand{
		position:relative;
		left:auto;
		margin-bottom:16px;
	}
	.search-form .btn{
		width:100%;
	}
	.brand a>img{
		height:72px;
	}
	.search-form{
		padding:0px 0px;
	}
	.search-form .input-group {
		padding: 12px 4px 12px 18px;
	}
	.search-form .input-group .form-control{
		min-width:auto;font-size: 14px;
	}
	.search-form .input-group .form-select{
		font-size:14px;
	}
	.header-search .search-form .btn{
		min-width: 48px;
    border-radius: 48px;
    width: 48px;
    height: 48px;
	}
	
	.header-search .search-form .btn span{
		display:none;
	}
	.search-content h1{
		font-size:18px;
	}
	.search-result-list li{
		padding:16px 0px;
	}
	.search-result-list a {
		max-width: 90%;font-size: 12px;
	}
	.search-result-list h3{
		max-width: 90%;
	}
	.search-result-list .icon {
		height: 48px;
		width: 48px;
		border-radius: 8px;
		background-color: #efefef;
		font-size: 20px;
	}
}