@import "fieldselector.css";
@import "timecontrol.css";
@import "scalarlegend.css";
body {
            padding: 0;
            margin: 0;
        }
html, body {
            height: 100%;
            width: 100%;
}
  
#karte {  
    height: 100%;
    width: 100%;
}



.informacija,  .navigacija-slider {
	border: 0.02vmax solid #777;
	line-height: 1.1;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	
    background: rgba(255, 255, 255, 0.8);
    padding:0.2vmax;
}

.leaflet-left .leaflet-control {
    margin-left:1vw;
}
.leaflet-right .leaflet-control {
    margin-right:1vw;
}
.leaflet-top .leaflet-control {
    margin-top:1vh;
}
.leaflet-bottom .leaflet-control {
    margin-bottom:1vh;
}
.informacija-laiks {  
    font-size: 2vmax;
}

.navigacija-slider {
    min-width:20px;
    max-width:100%;
    width:33vw;
    height:2.5vmax;
    padding:0.5vh;
}
.navigacija-slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 15px; /* Set a specific slider handle width */
    height: 4vmax; /* Slider handle height */
    background: black;
    cursor: pointer; /* Cursor on hover */
}

.navigacija-slider::-moz-range-thumb {
    width: 15px; /* Set a specific slider handle width */
    height: 4vmax; /* Slider handle height */
    background: black; /* Green background */
    cursor: pointer; /* Cursor on hover */
}

.GLGrapher {
    opacity: 1.0;
}

.leaflet-container .leaflet-control-attribution {
    font-size: 0.5vmax;
}