/********** CUSTOM SELECT **********/

select {
	display:none;
}

.custom_select {
	position:relative;
	color:white;
	font-size:12px;
	font-weight:300;
	cursor:pointer;
	background-color:#484644;
}
.custom_select.selected {
	background-color:var(--orange);
}
.custom_select.disabled {
	opacity: .5;
}
.custom_select *::selection {
    background: transparent;
}

.custom_select > .fechar {
	background-image:url("../img/close.svg");
	background-repeat:no-repeat;
	position:absolute;
	display:none;
	right:20px;
	top:0;bottom:0;
	margin:auto;
	width:9px;
	height:9px;
}
.custom_select.selected > .fechar {
	display:inline-block;
}

.custom_select > .selected {
	padding:18px 17px;
	position:relative;
	line-height:15px;
}
.custom_select > .selected::after {
	content:"";
	background-image:url("../img/chevron.svg");
	position:absolute;
	display:inline-block;
	right:20px;
	top:0;bottom:0;
	margin:auto;
	width:9px;
	height:5px;
	transition:transform .2s ease-in-out;
	background-repeat:no-repeat;
}
.custom_select.selected > .selected::after {
	display:none;
}
.custom_select.aberto > .selected::after {
	transform:rotate(-180deg);
}

.custom_select > .options {
	position:absolute;
	width:100%;
	display:none;
	transition:all .2s ease-in-out;
	background-color:#484644;
	border-top:1px solid #383634;
	z-index:3;
	max-height:300px;
	overflow:auto;
	padding:10px 0;
}
.custom_select.aberto > .options {
	display:block;
}
.custom_select > .options > div {
	padding:7px 15px;
	position:relative;
	transition:all .2s ease-in-out;
	font-size:12px;
	color:#bfbebe;
}
.custom_select > .options > div[disabled] {
	opacity:.5;
	pointer-events:none;
}
.custom_select > .options > div:hover, .custom_select > .options > div.selected {
	color:white;
}