.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;
}

/*		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;
}