/* Or display content like unicode characters or fontawesome icons */
.slider-handle.custom::before {
	line-height: 20px;
	font-size: 20px;
	content: '\25B7'; /*unicode star character*/
	color: #726204;
    width: 100% !important;
} 

#playback-name {
	color: #0090e7;
}

.select2-selection {
	width: 101% !important;
	border-color: #2c2e33 !important; 
    background: #191c24 !important;
}

.select2-selection__rendered{
	color: #a9a9a9 !important;
}

.select2-results__option[aria-selected=true]{
	background-color: #5f5f5f !important;
}

.legend-title {
    text-align: left;
	color: #0090e7;
	font-size: 0.9375rem;
    }

.small-card{
	height: 90px;
	padding: 0.6rem 1.5625rem !important;
}

#playback-button {
	width: 35px;
    height: 35px;
}

.card .card-body {
    padding: 1rem;
}

.accordion .card .card-body{
	padding: 0 1rem 1rem 1.5rem;
}

#deck-gl-wrapper {
    position: relative;
    width: 100%;
}

.btn-custom{
	padding: 4px 7px;
	margin-top: 0.6rem !important;
	margin-right: 0.3rem !important;
}

[id^="legend"] {
    padding: 4px 7px;
}