
.custom_select {
	position:relative;
	display: block;
	text-wrap: balance;
}
.custom_select select {
  display:none!important;
}
.custom_select .list {
	display:none;
	border-top: 0;
	background-color:white;
	width:100%;
	position:absolute;
	z-index:7;
	border-radius: 0 0 20px 20px;
	box-shadow: rgb(0 0 0 / 20%) 0px 5px 5px 0px;
	text-align: left;
}
.custom_select .list .item {
	display: block;
	width: 100%!important;
	cursor: pointer;
}
.custom_select .list .item.disabled {
	opacity: 0.3;
}
.custom_select .list .item.disabled .label {
	cursor: default;
}
.custom_select .list .item.hide {
	display: none!important;
}
.custom_select .list .item .label {
	display: block;
	line-height: 1.4em;
    color: inherit;
    font-weight: bold;
}
.custom_select .custom_scroll_bar {
	display: block;
	max-height: 300px;
}
.custom_select .search,
.custom_select .search:focus {
	border-bottom: 1px solid #e1e1e1!important;
	box-shadow: none!important;
	text-indent: 10px;
}


.custom_select_prefix {
	position: relative;
}
.custom_select_prefix:after {
	content: '';
	display: table;
	clear: both;
}
.custom_select_prefix .prefix {
	width: 50px;
	float: left;
	text-align: center;
	border: 1px solid #444;
	border-width: 1px 0 1px 1px;
	height: 100%;
	position: absolute;
}
.custom_select_prefix .custom_select {
	width: calc( 100% - 50px );
	float: right;
}


.custom_select input.view {
	cursor:pointer;
	color:#3e4855;
	display: block;
}
body .custom_select input.view {
  	padding-right: 40px!important;
  	padding-left: 13px!important;
}
.custom_select .search {
	border-bottom: 1px solid #e1e1e1!important;
	margin-top: 0;
	text-indent: 10px;
    display: none;
}
.custom_select .search::-ms-clear {
    display: none;
}
.custom_select .search:focus {
	box-shadow: none!important;
	border-bottom: 1px solid #e1e1e1!important;
}
.custom_select .search_btn {
	content: '';
	top: 9px;
	position: absolute;
	right: 10px ;
  width: 19px;
  height: 19px;
  background-position: -51px -450px;
  background-size: 516px 908px;
  display: none;
}
.custom_select.open .search,
.custom_select.open .search_btn {
	display: block;
}

.custom_select .list .item {
	padding:10px;
}
.custom_select .list .item input[type=radio] + .label {
	padding-left: 10px;
	padding-right: 10px;
}
.custom_select .list .item input[type=radio] + .label:before,
.custom_select .list .item input[type=radio] + .label:after {
	display: none;
}
.custom_select .list .item:hover {
	background-color: rgba(0,0,0,0.03);
}
.custom_select .list .item.active {
	background-color: rgba(0,183,156,1);
	color: white;
}
.custom_select .list .item.active .label {
	color: inherit;
}
.custom_select .list .item.active [type="radio"]:checked + .label:after,
.custom_select .list .item.active [type="radio"].with-gap:checked + .label:after {
	background-color: white;
}




.custom_select > .icon {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px auto;
	position:absolute;
	display:block;
	z-index:1;
	top: 0;
	left: 0;
	height: 100%;
	width: 55px;
}
.custom_select .icon-people {
	background-size: 36px auto;
}

.custom_select .icon + .view {
	text-indent: 44px;
}

.custom_select .view {
	text-indent: 20px;
	background-position: center right 12px ;
	background-repeat:no-repeat;
	background-size: 13px 7px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTAgODYiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMzkgM2MxLTEgMy0yIDQtMiA0IDAgNyAyIDcgNiAwIDItMSAzLTIgNEw4MiA4MGMtNCA1LTkgNi0xMyAxTDIgMTJjLTEtMS0yLTMtMi00IDAtNCAzLTcgNi03IDIgMCA0IDEgNSAzbDY0IDY1IDY0LTY2eiIgc3Ryb2tlPSJub25lIiBmaWxsPSIjNDQ0IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
}
