/***********************************************
	leaflet-control-datetime.scss,

	(c) 2016, FCOO

	https://github.com/FCOO/leaflet-control-datetime
	https://github.com/FCOO


************************************************/
body {
  padding: 0;
  margin: 0; }

html, body, #map {
  height: 100%; }

.leaflet-control-datetime-title {
  font-size: larger;
  font-weight: bold;
  display: block;
  position: relative; }

.leaflet-control-datetime-dateselect {
  font-size: normal;
  font-weight: normal;
  display: block;
  position: relative; }

.leaflet-control-datetime-localtime {
  display: inline-block; }

.leaflet-control-datetime-float-left {
  float: left; }

.leaflet-control-datetime-mleft {
  margin-left: 7px; }

.leaflet-control-datetime-datediv {
  cursor: pointer; }

.leaflet-control-datetime-clearfloat {
  clear: all; }

#leaflet-control-datetime-range {
  height: 100%;
  top: 0;
  width: 0%;
  background: #00CC00; }

div.leaflet-control-datetime-localtime {
  display: none; }

div.leaflet-control-datetime-title {
  display: none; }

button.btn-default {
  width: 20%; }

.leaflet-left {
  width: 100%; }

.leaflet-control-datetime.leaflet-control {
  margin-left: 0px;
  margin-bottom: 0px;
  border: 0px;
  padding: 0px;
  width: 100%;
  height: 100%; }

/* Use smaller font for small retina screens */
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    button.btn-default {
        font-size: 125%;
    }
}*/
@media screen and (orientation: landscape) and (min-width: 641px) and (min-height: 481px), screen and (orientation: portrait) and (min-width: 481px) and (min-height: 641px) {
  button.btn-default {
    width: auto;
    height: auto; }
  .leaflet-left {
    width: auto; }
  .leaflet-control-datetime.leaflet-control {
    margin-left: 10px;
    margin-bottom: 10px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    padding: 6px;
    width: auto; }
  div.leaflet-control-datetime-title {
    display: block; }
  div.leaflet-control-datetime-localtime {
    display: block; } }

/* We override the jQuery UI slider colors */
.ui-slider {
  background: #E50000; }

.ui-slider-range {
  /*background: linear-gradient(to right, #00CC00, #ECE903, #E50000);*/
  background: #ECE903; }

.slider-green {
  float: left;
  height: 100%;
  width: 100%;
  background: #00CC00;
  border-radius: 0 4px 4px 0; }