.dropdown {
	flex: 1;
}

.selected .active {
	display: none;
	height: 0px;
}

.filter-option-inner-inner > span {
	display: none;
	height: 0px;
}

.btn-light:not(:disabled):not(.disabled):active:focus {
	box-shadow: transparent;
}

.bootstrap-select > .dropdown-toggle {
	width: 4.5em !important;
}

.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
	outline-offset: 0;
}
 
.btn-light:hover {
	background-color: transparent;
	border-color: transparent;
}

.btn-light:focus {
	background-color: transparent;
	border-color: transparent;
	outline: none;
}

.show > .btn-light.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
	box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
	color: #212529;
	background-color: transparent;
	border-color: transparent;
}

.btn-light.focus,
.btn-light:focus,
.btn.focus,
.btn:focus {
	box-shadow: none;
}

.bootstrap-select .dropdown-menu {
	min-width: auto;
}

.dropdown-menu {
	margin-left: 0px !important;
	border-radius: 16px;
	box-shadow: 0px 4px 8px 0px var(--shadow-color);
	-webkit-box-shadow: 0px 4px 8px 0px var(--shadow-color);
	-moz-box-shadow: 0px 4px 8px 0px var(--shadow-color);
	border: none;
	min-width: auto;
	left: .8em !important;
	margin: -.3rem 0 0;
}

.bootstrap-select > button {
	padding-top: 10%;
	background-color: transparent;
	border: transparent;
	float: right;
	width: 5em;
}

.dropdown-item {
	font-size: .6rem;
	padding: .25rem .8rem;
}

	.dropdown-item > img {
		width: 30%;
	}

	.dropdown-item:active {
		color: #fff;
		text-decoration: none;
		background-color: transparent;
	}

	.dropdown-item:focus, .dropdown-item:hover {
		color: #16181b;
		text-decoration: none;
		background-color: transparent;
	}

.bootstrap-select .dropdown-menu li a {
	cursor: pointer;
	outline: none;
}

.flag {
	border-radius: 50%;
	border-color: white;
	width: 2em;
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: url('../images/icons/triangle_dark.svg');
	border: 0px;
}