/* mode dark change icon to white */

.mapboxgl-ctrl-group.mapboxgl-ctrl .mapbox-gl-draw_line {
	background-image: url("../icon-mapbox/circle_white.svg") !important;
}
.mapboxgl-ctrl-group.mapboxgl-ctrl .mapbox-gl-draw_polygon {
	background-image: url("../icon-mapbox/rectangle_white.svg") !important;
}
.mapboxgl-ctrl-group.mapboxgl-ctrl .mapbox-gl-draw_trash {
	background-image: url("../icon-mapbox/delete_white.svg") !important;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
	background-image: url("../icon-mapbox/zoom_in_white.svg") !important;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
	background-image: url("../icon-mapbox/zoom_out_white.svg") !important;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
	background-image: url("../icon-mapbox/compas_white.svg") !important;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
	background-image: url("../icon-mapbox/fullscreen_white.svg") !important;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
	background-image: url("../icon-mapbox/exit_fullscreen_white.svg") !important;
}

.mapboxgl-ctrl .mapbox-gl-draw_ctrl-draw-btn.active {
	/* background-color: #c3c3c3; */
	background-color: #a6b0cf !important;
}

.mapbox-gl-draw_ctrl-draw-btn,
.mapboxgl-ctrl-group>button{
	background-color: #2a3042 !important;
}
.mapboxgl-ctrl-group>button:hover {
	background-color: #a6b0cb !important;
}
.mapboxgl-ctrl-group>button.mapbox-gl-draw_ctrl-draw-btn:hover {
	background-color: #a6b0cb !important;
}
/* END mode dark */

/* START Slider captcha */
.sliderbg{
    background-color: #434a60 !important;
    border: 1px solid #a6b0cf !important;
}
.slider{
    background: #a6b0cf !important;
    box-shadow: 0 0 3px rgb(255 255 255 / 60%) !important;
    color: white !important;
}
.sliderText{
    color: #a6b0cf;
}
/* END Slider captcha */