.select-search {
	 height: auto;
	 position: relative;
	 min-width: 200px;
	 width: 100%;
}

 .select-search.active .select-search-sub {
	 z-index: 9999 !important;
	 opacity: 1 !important;
	 transform: translate3d(0, 0px, 0) !important;
	 -webkit-transform: translate3d(0, 0px, 0) !important;
	 -moz-transform: translate3d(0, 0px, 0) !important;
	 visibility: visible !important;
}
 .select-search.disabled {
	 pointer-events: none !important;
	 opacity: 0.7 !important;
}

 .select-search div.trigger {
	 width: 100%;
	 border-radius: 0;
	 position: relative;
	 text-decoration: none;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	 transition: all 0.3s ease;
	 -webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 cursor: pointer;
	display: flex;
    align-items: center;
}

 .select-search div.trigger span.clear-btn {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjU2LDBDMTE0Ljg0NCwwLDAsMTE0Ljg0NCwwLDI1NnMxMTQuODQ0LDI1NiwyNTYsMjU2czI1Ni0xMTQuODQ0LDI1Ni0yNTZTMzk3LjE1NiwwLDI1NiwweiBNMzU5LjU0LDMyOS4zNzQgICAgYzQuMTY3LDQuMTY1LDQuMTY3LDEwLjkxOSwwLDE1LjA4NUwzNDQuNDYsMzU5LjU0Yy00LjE2Nyw0LjE2NS0xMC45MTksNC4xNjUtMTUuMDg2LDBMMjU2LDI4Ni4xNjdsLTczLjM3NCw3My4zNzQgICAgYy00LjE2Nyw0LjE2NS0xMC45MTksNC4xNjUtMTUuMDg2LDBsLTE1LjA4MS0xNS4wODJjLTQuMTY3LTQuMTY1LTQuMTY3LTEwLjkxOSwwLTE1LjA4NWw3My4zNzQtNzMuMzc1bC03My4zNzQtNzMuMzc0ICAgIGMtNC4xNjctNC4xNjUtNC4xNjctMTAuOTE5LDAtMTUuMDg1bDE1LjA4MS0xNS4wODJjNC4xNjctNC4xNjUsMTAuOTE5LTQuMTY1LDE1LjA4NiwwTDI1NiwyMjUuODMybDczLjM3NC03My4zNzQgICAgYzQuMTY3LTQuMTY1LDEwLjkxOS00LjE2NSwxNS4wODYsMGwxNS4wODEsMTUuMDgyYzQuMTY3LDQuMTY1LDQuMTY3LDEwLjkxOSwwLDE1LjA4NWwtNzMuMzc0LDczLjM3NEwzNTkuNTQsMzI5LjM3NHoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 24px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
}
 .select-search div.trigger span.clear-btn:hover {
	 opacity: 1 !important;
}
 .select-search i {
	 position: absolute;
	 font-size: 14px;
	 right: 7px;
	 bottom: 12px;
	 z-index: 2;
	 pointer-events: none;
	 transition: all 0.3s ease;
	 -webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 cursor: pointer;
}
 .select-search select {
	 display: none !important;
}
 .select-search .sub-wrapper {
	 position: relative;
}
 .select-search .sub-wrapper .select-search-sub {
	 width: 100%;
	 position: absolute;
	 z-index: -99;
	 opacity: 0;
	 transition: all 0.3s ease;
	 -webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 transform: translate3d(0, 10px, 0);
	 -webkit-transform: translate3d(0, 10px, 0);
	 -moz-transform: translate3d(0, 10px, 0);
	 visibility: hidden;
	 padding: 10px;
	 border: 1px solid #ededed;
	 box-shadow: 0 10px 40px -6px rgba(0, 0, 0, .1);
	 background: #fff;
}
 .select-search .sub-wrapper .select-search-sub input {
	 box-sizing: border-box;
	 width: 100%;
	 padding: 6px;
	 border: 1px solid #ededed;
	 margin-bottom: 16px;
}
 .select-search .sub-wrapper .select-search-sub ul {
	 padding: 0px;
	 margin: 0px;
	 list-style: none;
	 max-height: 170px;
	 overflow-x: hidden;
	 overflow-y: auto;
}
 .select-search .sub-wrapper .select-search-sub ul li {
	 clear: both;
	 float: none;
	 margin-bottom: 5px;
}
 .select-search .sub-wrapper .select-search-sub ul li:last-child {
	 margin-bottom: 0px !important;
}
 .select-search .sub-wrapper .select-search-sub ul li a {
	 display: block;
	 color: #242424;
	 text-decoration: none;
	 font-size: 14px;
}
 .select-search .sub-wrapper .select-search-sub ul li a:hover {
	 opacity: 1;
	 color: #003da6;
}