#search-root {
	background: var(--box-gray);
	height: fit-content;
	top: var(--delta-from-top);
    min-height: 100vh;
}

#search-container {
	height: fit-content;
	background: var(--primary-background);
	display: grid;
	top: var(--delta-from-top);
	margin-top: 25px; 
	border-radius: 5px;
}

#userSearchDiv {
	width: 100%;
}

#searchResHdr {
	padding: 10px;
}

#allsearchresults {
	padding: 15px;
	position: relative;
    display: inline-grid;
}

.no_res_title {
	position: relative;
    top: var(--delta-from-top);
    text-align: center;
    margin-top: 25px;
}

.msli-lg {
	height: 75px!important;
}

.avtr-sr-lg {
	height: 60px;
    width: 60px;
    border-radius: 30px;
}

.resInfoBox {
	padding: 10px 0px;
}

.topSearch-outer {
	width: 100%;
	padding: 19px 10px;
}

form .inner-form {
	display: flex;
	width: 98%;
	max-width: 500px;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #e5e5e5;
}

.first-wrap,
.second-wrap,
.third-wrap {
	height: 36px;
	flex-grow: 1;
}

.second-wrap {
	width: 40px;
	border-left: 1px solid #e5e5e5;
}

.third-wrap {
width: 80px;
flex-grow: 0;
}

.searchbar {
	/* height: 100%; */
	background: #fff;
	border: 0;
	display: block;
	width: 100%;
	padding: 6px 10px;
	font-size: 14px;
	color: #333;
/*        border: 1px solid #e5e5e5;*/
}

.second-wrap select {
	height: 100%;
	width: 100%;
	padding: 6px 20px;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	border: none;
}

.second-wrap select optgroup {
	font-weight: 600;
}

.second-wrap select optgroup option {
	font-weight: 400;
}

.btn-search {
	height: 100%;
	width: inherit;
	white-space: nowrap;
	border-radius: 0px 2.5px 2.5px 0px;
	font-size: 14px;
	color: var(--secondary-label);
	border: 0;
	cursor: pointer;
	position: relative;
	z-index: 0;
	background: linear-gradient(45deg, var(--purple), var(--purple-light));
	transition: all .2s ease-out,color .2s ease-out;
	font-weight: 600;
}

.btn-search:hover {
	cursor: pointer;
	background-color: var(--purple-light);
}