.leaflet-container{background-color:#10181B}

.leaflet-layer,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.leaflet-control-attribution {
  filter: invert(100%) hue-rotate(180deg) brightness(100%) contrast(100%);
}



/*		Buttons		*/

.leaflet-touch .leaflet-bar a{
    color: #000 !important;
	background-color: #e0e8eb !important;
    border: 1px solid #777!important;
}
.leaflet-touch .leaflet-bar a:hover{
	background-color: #d0d8db !important;
    border: 1px solid #777!important;
}
.leaflet-bar a, .leaflet-bar a:hover {
    border-bottom-color: #777;
}

.leaflet-touch .leaflet-bar .leaflet-bar-part{
	background-color: #10181b !important;
    border: 1px solid #777 !important;
    color: #fff !important;
}
.leaflet-touch .leaflet-bar .leaflet-bar-part:hover{
	background-color: #20282b !important;
    border: 1px solid #777 !important;
    color: #fff !important;
}

.btn-map-box{
	background-color: #10181b !important;
    border-color: #777 !important;
    color: #fff !important;
}
.btn-map-box:hover{
	background-color: #20282b !important;
    border-color: #777 !important;
    color: #fff !important;
}
#map-settings-box .border-bottom {
    border-bottom-color: #777!important;
}

#map-settings-box .btn-map-li:hover {
	background-color: #40484b;
	color: #ccc;
}
/* 		loading map		 */
.load{
	background-color:rgba(16, 24, 27,.8)!important;
}

/* FIX WIND PARTICLES IN DARK MODE
   El mapa base se invierte en modo oscuro, lo que hace que las partículas blancas se vean negras.
   Aseguramos que el canvas de viento NO tenga filtros (se vea blanco original) */
.leaflet-overlay-pane canvas,
canvas.leaflet-layer {
    filter: none !important;
}

/*		Sidebox		
*/
.side-box .side-box-buttons .btn-disabled{
	color: #999;
}
.side-box .side-box-buttons .btn-disabled>div>svg>path{
	fill: #999;
}

.side-box .side-box-loading {
	background-color: #10181b;
}

/*		borders		*/
.side-box .side-box-forecast {
    border-bottom-color: #333;
}
.side-box .side-box-container .side-box-variables p {
    border-bottom-color: #333;
}

/*		Image		*/

.side-box-image {
    background-color: #10181b;
}

/*		search		*/
.leaflet-control-search .search-input {
    background: transparent!important;
	border-color: #fff!important;
}