/* required styles */

.leaflet-map-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-pane,
.leaflet-tile-container,
.leaflet-overlay-pane,
.leaflet-shadow-pane,
.leaflet-marker-pane,
.leaflet-popup-pane,
.leaflet-overlay-pane svg,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	-ms-touch-action: none;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container img {
	max-width: none !important;
	}
/* stupid Android 2 doesn't understand "max-width: none" properly */
.leaflet-container img.leaflet-image-layer {
	max-width: 15000px !important;
	}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-tile-pane    { z-index: 2; }
.leaflet-objects-pane { z-index: 3; }
.leaflet-overlay-pane { z-index: 4; }
.leaflet-shadow-pane  { z-index: 5; }
.leaflet-marker-pane  { z-index: 6; }
.leaflet-popup-pane   { z-index: 7; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 7;
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-tile-loaded,
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile,
.leaflet-touching .leaflet-zoom-animated {
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-clickable {
	cursor: pointer;
	}
.leaflet-container {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-container,
.leaflet-dragging .leaflet-clickable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	}


/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}


/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}
.leaflet-control-zoom-out {
	font-size: 20px;
	}

.leaflet-touch .leaflet-control-zoom-in {
	font-size: 22px;
	}
.leaflet-touch .leaflet-control-zoom-out {
	font-size: 24px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	margin: 0 auto;
	width: 40px;
	height: 20px;
	position: relative;
	overflow: hidden;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;

	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* 
 * Leaflet TimeDimension v1.0.6 - 2016-07-28 
 * 
 * Copyright 2016 Biel Frontera (ICTS SOCIB) 
 * datacenter@socib.es 
 * http://www.socib.es/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demos: 
 * http://apps.socib.es/Leaflet.TimeDimension/ 
 * 
 * Source: 
 * git://github.com/socib/Leaflet.TimeDimension.git 
 * 
 */
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
    src: url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.leaflet-bar-timecontrol{
     background-color: #fff;
}
.leaflet-bar-timecontrol * {
    box-sizing: border-box;
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol {
    float: left;
    height: 26px;
    line-height: 26px;
    border: solid #a5a5a5;
    background-color: #fff;
    border-width: 0 1px 0 0;
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:first-child {
    border-radius: 4px 0 0 4px;
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:last-child {
    border-radius: 0 4px 4px 0;
}
.leaflet-bar-timecontrol .leaflet-control-timecontrol:before {
    font-family: "Glyphicons Halflings";
    display: block;
}
.leaflet-bar-timecontrol .timecontrol-slider {
    position: relative;
    width: auto;
    cursor: auto;
}
.leaflet-bar-timecontrol a.timecontrol-date,
.leaflet-bar-timecontrol a.timecontrol-date:hover {
    position: relative;
    min-width: 150px;
    width: auto;
    text-transform: capitalize;
    padding: 0 17px 0 22px;
    white-space: nowrap;
}
.leaflet-bar-timecontrol a.timecontrol-date.utc,
.leaflet-bar-timecontrol a.timecontrol-date.utc:hover {

}
.leaflet-bar-timecontrol a.var-name,
.leaflet-bar-timecontrol a.var-name:hover {
    background-color: #222; color: white; padding: 0 14px; width: auto;
}
.leaflet-bar-timecontrol a.timecontrol-date.loading,
.leaflet-bar-timecontrol a.timecontrol-date.loading:hover {
    background-color: #ffefa4;
}
.leaflet-bar-timecontrol .timecontrol-dateslider .slider {
    width: 120px;
}
.leaflet-bar-timecontrol .timecontrol-speed {
    white-space: nowrap;
    cursor: auto;
}
.leaflet-bar-timecontrol .timecontrol-speed .slider {
    width: 55px;
    display: inline-block;
}
.leaflet-bar-timecontrol .timecontrol-speed .speed {
    width: 55px;
    display: inline-block;
    float: left;
    text-align: right;
}
.leaflet-bar-timecontrol .timecontrol-play,
.leaflet-bar-timecontrol .timecontrol-play:hover {
    position: relative;
}
.leaflet-bar-timecontrol .timecontrol-play span {
    font-size: 10px;
}
.leaflet-bar-timecontrol a.timecontrol-play.loading {
    background-color: #ffefa4;
}

/**
* Slider/Knobs styles
*/

.timecontrol-slider .slider {
    position: relative;
    height: 12px;
    margin: 6px;
    border: 1px solid #a5a5a5;
    cursor: pointer;
}
.timecontrol-slider .slider.has-limits {
    margin-left: 15px;
    margin-right: 15px;
    background-color: #ddd;
}
.timecontrol-slider .slider.has-limits .range {
    position: absolute;
    height: 10px;
    background-color: #fff;
    /*opacity: 0.5;*/
}
.timecontrol-slider .knob {
    position: absolute;
    width: 8px;
    height: 22px;
    background-color: #ddd;
    border-radius: 2px;
    border: 1px solid #a5a5a5;
    /*use margins because on ie,leaflet will use top/left for positionning*/
    margin-top: -6px;
    margin-left: -4px;
    cursor: ew-resize;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.timecontrol-slider .knob:after {
    /** Big transparent block on top of the knob for easier grabbing on touch device*/
    content: ' ';
    display: block;
    position: absolute;
    width: 20px;
    top:-5px;
    height: 32px;
    left: -7px;
   /* opacity: 0.5;
    background: red;*/
    
}
.timecontrol-slider .knob.upper,
.timecontrol-slider .knob.lower {
    width: 11px;
    height: 20px;
    border: none;
    background-color: transparent;
}
.timecontrol-slider .knob.upper {
    margin-top: -5px;
    margin-left: -1px;
}
.timecontrol-slider .knob.lower {
    margin-top: -5px;
    margin-left: -10px;
}
.timecontrol-slider .knob.lower:after {
    right:0px;
    left: initial;
}
.timecontrol-slider .knob.upper:after {
    left:0px;
}
.timecontrol-slider .knob.upper:before,
.timecontrol-slider .knob.lower:before {
    display: block;
    content: '';
    position: relative;
    top: 2px;
    width: 0;
    height: 0;
    border-style: solid;
}
.timecontrol-slider .knob.upper:before {
    border-width: 16px 0 0 10px;
    border-color: transparent transparent transparent #a5a5a5;
}
.timecontrol-slider .knob.lower:before {
    border-width: 0 0 16px 10px;
    border-color: transparent transparent #a5a5a5;
}

.timecontrol-slider .slider.dragging,
.timecontrol-slider .dragging .knob,
.timecontrol-slider .knob.leaflet-drag-target {
    cursor: ew-resize;
    cursor: grabbing;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

/**
* Icons definitions
*/

@-webkit-keyframes icon-rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes icon-rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.timecontrol-loop.looped,
.timecontrol-loop.looped:hover {
    background-color: #ddd;
    color: #094F8E;
}

.timecontrol-backward:before,
.timecontrol-forward:before,
.timecontrol-stop:before,
.timecontrol-play:before,
.timecontrol-loop:before {    
    width: 100%;
    text-align: center;
}

.timecontrol-play:before {
    position: absolute;
    content: "\e072";
}
/*.timecontrol-play.play:before {
    content: "\e072";
}*/
.timecontrol-play.reverse:before {
    content: "\e072";
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 1px;
}
.timecontrol-play.pause:before {
    content: "\e073";
}
.timecontrol-play.reverse.pause:before {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    margin-top: 0;
}

a.timecontrol-play.loading:before {
    content: "\e031";
    opacity: 0.2;
    -webkit-animation: icon-rotation 6s infinite linear;
    animation: icon-rotation 6s infinite linear;
}
.timecontrol-date.loading:before {
    content: "\e031";
    left: 5px;
    position: absolute;
    -webkit-animation: icon-rotation 6s infinite linear;
    animation: icon-rotation 6s infinite linear;
}
.timecontrol-speed:before {
    content: "\e141";
    position: absolute;
    left: 7px;
}
.timecontrol-stop:before {
    content: "\e074";
}
.timecontrol-forward:before {
    content: "\e075";
}
.timecontrol-backward:before {
    content: "\e071";
}
.timecontrol-loop:before {
    content: "\e030";
}

@media (max-width: 767px){
    .leaflet-bar-timecontrol .timecontrol-date,
    .leaflet-bar-timecontrol .timecontrol-slider{
        clear: both;
        float: none;
        border-right: none;
    }
}
.leaflet-touch .leaflet-bar-timecontrol .leaflet-control-timecontrol{
     height: 30px;
    line-height: 30px;
}
.leaflet-touch .timecontrol-slider .slider{
    margin-top: 10px;
}
@font-face {
  font-family: 'climamap';
  src: url('font/climamap.eot?16768136');
  src: url('font/climamap.eot?16768136#iefix') format('embedded-opentype'),
       url('font/climamap.woff2?16768136') format('woff2'),
       url('font/climamap.woff?16768136') format('woff'),
       url('font/climamap.ttf?16768136') format('truetype'),
       url('font/climamap.svg?16768136#climamap') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'climamap';
    src: url('font/climamap.svg?16768136#climamap') format('svg');
  }
}
*/
 
 [class^="cm-icon-"]:before, [class*=" cm-icon-"]:before {
  font-family: "climamap";
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 .leaflet-container img.leaflet-image-layer {
    max-width: none !important;
    }
.cm-icon-resize-full:before { content: '\e800'; } /* '' */
.cm-icon-resize-small:before { content: '\e801'; } /* '' */
.cm-icon-plus-outline:before { content: '\e802'; } /* '' */
.cm-icon-play-outline:before { content: '\e804'; } /* '' */
.cm-icon-pause-outline:before { content: '\e805'; } /* '' */
.cm-icon-flow-line:before { content: '\e807'; } /* '' */
.cm-icon-pin:before { content: '\e808'; } /* '' */
.cm-icon-fast-fw-outline:before { content: '\e809'; } /* '' */
.cm-icon-rewind-outline:before { content: '\e80a'; } /* '' */
.cm-icon-stop-outline:before { content: '\e80b'; } /* '' */
.cm-icon-right-outline:before { content: '\e80c'; } /* '' */
.cm-icon-left-outline:before { content: '\e80d'; } /* '' */
.cm-icon-pause:before { content: '\e80e'; } /* '' */
.cm-icon-stop:before { content: '\e80f'; } /* '' */
.cm-icon-play:before { content: '\e810'; } /* '' */
.cm-icon-loop:before { content: '\e811'; } /* '' */
.cm-icon-minus-outline:before { content: '\e812'; } /* '' */
.cm-icon-fast-fw:before { content: '\e813'; } /* '' */
.cm-icon-plus-1:before { content: '\e814'; } /* '' */
.cm-icon-minus-1:before { content: '\e815'; } /* '' */
.cm-icon-circle:before { content: '\f111'; } /* '' */

.pin-icon:before { content: '\e808'; }

/* Save position */
.disnone{ display: none; }
.pin-icon{ position: relative; }
.saved-message { 
    background-color:#919187; 
    color: #fff; 
    font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif; 
    position: absolute;
    top: -1px;
    left: 26px;
    line-height: 29px;
    height: 29px;
    color: white;
    padding: 0 10px;
    -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}

/* Full screen stylesheets */
.fullscreen-icon { font-family: climamap; }
.fullscreen-icon:before{ content: '\e800'; }
.fullscreen-icon.exit-fullscreen:before{ content: '\e801'; }

/* one selector per rule as explained here : http://www.sitepoint.com/html5-full-screen-api/ */
.leaflet-container:-webkit-full-screen { width: 100% !important; height: 100% !important; max-height: 100% !important; z-index: 99999; }
.leaflet-container:-ms-fullscreen { width: 100% !important; height: 100% !important; max-height: 100% !important; z-index: 99999; }
.leaflet-container:full-screen { width: 100% !important; height: 100% !important; max-height: 100% !important; z-index: 99999; }
.leaflet-container:fullscreen { width: 100% !important; height: 100% !important; max-height: 100% !important; z-index: 99999; }
.leaflet-pseudo-fullscreen { position: fixed !important; width: 100% !important; max-height: 100% !important; height: 100% !important; top: 0px !important; left: 0px !important; z-index: 99999; }

/* Leaflet draw */

/* ================================================================== */
/* Toolbars
/* ================================================================== */

.leaflet-draw-section {
    position: relative;
}

.leaflet-draw-toolbar {
    margin-top: 12px;
}

.leaflet-draw-toolbar-top {
    margin-top: 0;
}

.leaflet-draw-toolbar-notop a:first-child {
    border-top-right-radius: 0;
}

.leaflet-draw-toolbar-nobottom a:last-child {
    border-bottom-right-radius: 0;
}

.leaflet-draw-toolbar a {
    font-family: climamap;
    padding-top: 2px;
    text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.leaflet-retina .leaflet-draw-toolbar a {
    font-family: climamap;
    padding-top: 2px;
    text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.leaflet-draw a {
    display: block;
    text-align: center;
    text-decoration: none;
}

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */
    top: 0;
    white-space: nowrap;
}

.leaflet-touch .leaflet-draw-actions {
    left: 32px;
}

.leaflet-right .leaflet-draw-actions {
    right:26px;
    left:auto;
}

.leaflet-touch .leaflet-right .leaflet-draw-actions {
    right:32px;
    left:auto;
}

.leaflet-draw-actions li {
    display: inline-block;
}

.leaflet-draw-actions li:first-child a {
    border-left: none;
}

.leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}

.leaflet-right .leaflet-draw-actions li:last-child a {
    -webkit-border-radius: 0;
            border-radius: 0;
}

.leaflet-right .leaflet-draw-actions li:first-child a {
    -webkit-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}

.leaflet-draw-actions a {
    background-color: #919187;
    border-left: 1px solid #AAA;
    color: #FFF;
    font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
    line-height: 28px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    height: 28px;
}

.leaflet-touch .leaflet-draw-actions a {
    font-size: 12px;
    line-height: 30px;
    height: 30px;
}

.leaflet-draw-actions-bottom {
    margin-top: 0;
}

.leaflet-draw-section {
   top: 11px !important;
   position: absolute;
}

.leaflet-draw-actions-top a,
.leaflet-draw-actions-bottom a {
    height: 29px;
    line-height: 29px;
    width: inherit;
}

.leaflet-draw-actions a:hover {
    background-color: #A0A098;
}

.leaflet-draw-actions-top.leaflet-draw-actions-bottom a {
    height: 26px;
    line-height: 26px;
}

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.leaflet-draw-toolbar .leaflet-draw-draw-polyline:before {
    /*background-position: -2px -2px;*/
    content: '\e807';
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline {
    /*background-position: 0 -1px;*/
    content: '\e807';
}

.leaflet-draw-toolbar .leaflet-draw-draw-circle:before {
    /*background-position: -92px -2px;*/
    content: '\f111';
}

.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle:before {
    /*background-position: -90px -1px;*/
    content: '\f111'
}

/* ================================================================== */
/* Drawing styles
/* ================================================================== */

.leaflet-mouse-marker {
    background-color: #fff;
    cursor: crosshair;
}

.leaflet-draw-tooltip {
    background: rgb(54, 54, 54);
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    color: #fff;
    /*Tamanho da fonte do rotulo*/
    font: 20px/30px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-left: 20px;
    margin-top: -21px;
    padding: 4px 8px;
    position: absolute;
    visibility: hidden;
    white-space: nowrap;
    z-index: 6;
}

.leaflet-draw-tooltip:before {
    border-right: 6px solid black;
    border-right-color: rgba(0, 0, 0, 0.5);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    position: absolute;
    top: 7px;
    left: -7px;
}

.leaflet-error-draw-tooltip {
    background-color: #F2DEDE;
    border: 1px solid #E6B6BD;
    color: #B94A48;
}

.leaflet-error-draw-tooltip:before {
    border-right-color: #E6B6BD;
}

.leaflet-draw-tooltip-single {
    margin-top: -12px
}

.leaflet-draw-tooltip-subtext {
    color: #f8d5e4;
}

.leaflet-draw-guide-dash {
    font-size: 1%;
    opacity: 0.6;
    position: absolute;
    width: 5px;
    height: 5px;
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-fade-anim .leaflet-popup {
    -webkit-transition: none !important;
       -moz-transition: none;
         -o-transition: none;
            transition: none !important;
}

/* ================================================================== */
/* Edit styles
/* ================================================================== */

.leaflet-edit-marker-selected {
    background: rgba(254, 87, 161, 0.1);
    border: 4px dashed rgba(254, 87, 161, 0.6);
    -webkit-border-radius: 4px;
            border-radius: 4px;
    box-sizing: content-box;
}

.leaflet-edit-move {
    cursor: move;
}

.leaflet-edit-resize {
    cursor: pointer;
}

/* ================================================================== */
/* Old IE styles
/* ================================================================== */

.leaflet-oldie .leaflet-draw-toolbar {
    border: 1px solid #999;
}