#map_canvas{width:100%;height:100%;position:relative;margin:0;padding:0}
#map{position:fixed;width:100%;top:0;bottom:0}
#mapfooter{position:absolute;bottom:24px;width:100%;pointer-events:none}
#mapfooter img{opacity:.7;float:right}
#map-settings-box{position:fixed;top:60px;right:10px;z-index:1001}
#map-settings-box .btn-map-box{font-size: 14px;color:#666;background-color:rgba(255,0255,255,0.9);width:30px;height:30px;line-height:32px;display:inline-block;text-align:center;text-decoration:none;border:1px solid rgba(0,0,0,0.2);background-clip:padding-box}
#map-settings-box .btn-map-box:hover{color:#444;background-color:#f5f5f5;text-decoration:none}
#map-settings-box .btn-map-li{padding:0; width:30px; height:30px; font-size:14px;text-align: center;line-height:32px}
#map-settings-box .btn-map-li:hover{color:#444;background-color:#f5f5f5;text-decoration:none}
#map-settings-box .border-bottom{border-bottom:1px solid #ccc}
#map-weather-icon{position:fixed;bottom:2px;left:50%;margin-left:-30px;z-index:1}
#map-weather-icon span{opacity:0.8;color:#FFF;text-shadow:1px 1px #888}
#map-settings-search{position:fixed;top:56px;left:7px;z-index:2}
#map-settings-search span{color:#FFF;text-shadow:1px 1px #888}
#map_search_field{float:left;margin-left:7px;display:block}
#map_search_icon{margin-top:2px;float:left;color:#FFF;text-shadow:1px 1px #888}
#map_search_field_input{width:400px;opacity:0.1;transition:opacity .5s ease-out}
.map-tooltip{width:160px;text-align:center;color:#fff;background:rgba(0,0,0,0.8);font-size:11px;line-height:1.4;font-weight:700;padding:5px}
.map-tooltip:after,.map-tooltip:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.map-tooltip:after{left:50%;margin-left:-10px;border-color:rgba(0,0,0,0.55) rgba(0,0,0,0) rgba(0,0,0,0);border-width:10px}
.map-tooltip:before{left:50%;margin-left:-11px;border-color:rgba(0,0,0,0.55) rgba(0,0,0,0) rgba(0,0,0,0);border-width:11px}
.leaflet-tooltip{position:absolute;background-color:rgba(0,0,0,0.8);border:0;border-radius:0;color:#fff;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,0.4);font-size:14px;padding:6px}
.leaflet-tooltip-bottom{margin-top:6px}
.leaflet-tooltip-top{margin-top:-6px}
.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}
.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:rgba(0,0,0,0.8)}
.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:rgba(0,0,0,0.8)}
.leaflet-tooltip-left{margin-left:-6px}
.leaflet-tooltip-right{margin-left:6px}
.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}
.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:rgba(0,0,0,0.8)}
.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:rgba(0,0,0,0.8)}
.leaflet-marker-icon{pointer-events:none!important}
.leaflet-bar,.leaflet-touch .leaflet-bar a{color:#666;background-color:rgba(255,0255,255,0.9);border-radius:0!important}
.leaflet-bar,.leaflet-touch .leaflet-bar a:hover{color:#444;background-color:#f5f5f5}
.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:1px solid rgba(0,0,0,0.2)}
.leaflet-control-search .search-input {box-sizing: border-box; padding: 20px;width: 100%;}
.search-box-container{box-shadow:inset 0 2px 4px rgba(100,100,100,0.3);position:fixed;top:50px;left:0;right:0;bottom:0;z-index:1031;background-image:linear-gradient(to bottom,rgba(0,136,187,0.9), rgba(0,136,187,0.6));padding-top:10px}
.search-box-container h2{font-size:40px;color:#fff;margin-bottom:20px}
.search-box-container .close{color:#fff;font-size:38px;font-weight:300;line-height:40px;text-shadow:0 0 4px #000;opacity:.8}
.side-box{position:fixed;overflow-y:auto;overflow-x:hidden;background-color:#FFF;top:50px;left:0;width:408px;bottom:0;z-index:1029;box-shadow:inset 1px 1px 4px rgba(100,100,100,0.3), 1px 1px 4px rgba(100,100,100,0.3)}
.side-box-image{position:relative;background-color:#F5F5F5;background-repeat:no-repeat;background-size:cover;height:240px;box-shadow:inset 1px 1px 4px rgba(100,100,100,0.3)}
.side-box .close, .ad-box .close{font-size:38px;font-weight:300;text-shadow:0 0 4px #000;color:#fff;opacity:.8;padding:10px}
.side-box .close:hover,.search-box-container .close:hover,.ad-box .close:hover{color:#fff;opacity:1}
.side-box .side-box-buttons{min-height:56px;margin:0!important;padding:4px 20px}
.side-box .side-box-container{padding:10px 20px}
.side-box .side-box-nowcast{position:relative;color:#FFF;min-height:160px;text-shadow:1px 1px 1px rgba(0,0,0,.5);padding:0}
.side-box .side-box-nowcast .span6:first-child{padding-left:30px}
.side-box .side-box-nowcast .span6:last-child{padding-right:30px}
.side-box .side-box-nowcast .side-box-nowcast-body{border-top:1px solid rgba(0,0,0,.125);padding:25px 0 14px}
.side-box .side-box-nowcast .side-box-nowcast-middle{line-height:16px}
.side-box .side-box-nowcast .side-box-nowcast-footer{position:absolute;bottom:0;border-top:1px solid rgba(0,0,0,.125);border-bottom:1px solid rgba(0,0,0,.125);background-color:rgba(0,0,0,0.03);line-height:30px}
.side-box .side-box-nowcast .forecast-icon{font-size:4em;color:#FFF}
.side-box .side-box-nowcast .side-box-variable{font-size:4em;font-weight:300;color:#FFF;line-height:.8em}
.side-box .side-box-nowcast .side-box-variable-small{font-size:1em;font-weight:300;color:#FFF;opacity:0.9}
.side-box .side-box-nowcast .side-box-variable small{font-size:50%;vertical-align:super;opacity:0.9}
.side-box .side-box-forecast{border-bottom:solid 1px #e3e3e3; padding:10px 30px 5px; min-height:118px}
.side-box .side-box-forecast ul{width:100%;display: inline-flex;list-style: none;margin:0;padding:0;justify-content: center}
.side-box .side-box-container .side-box-variables p{border-bottom:solid 1px #e3e3e3;margin:0;padding:10px}
.side-box .side-box-container .side-box-variables .wi{opacity:0.5;min-width:18px;text-align:center}
.side-box .side-box-buttons .btn{text-transform:uppercase;font-size:9px;background-color:transparent;color:#08B;border:0;padding:6px 0 0}
.side-box .side-box-buttons a.btn:hover{color:#00719E}
.side-box .side-box-buttons .btn i{font-size:24px}
.side-box .side-box-buttons .btn-disabled{cursor:default;color:#CCC}
.side-box .side-box-buttons .btn-group.open .btn.dropdown-toggle {background-color: transparent}
.side-box .side-box-info{position:absolute;box-sizing:border-box;bottom:0;width:100%;color:#FFF;overflow:hidden;text-shadow:1px 1px 1px rgba(0,0,0,.5);padding:50px 20px 6px}
.side-box .side-box-gradient{background-image:linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0.7))}
.side-box .side-box-info h1{font-size:28px;font-weight:300;line-height:28px;margin:0 0 12px}
.side-box .side-box-info h1 small{color:#FFF;font-size:68%}
.side-box .side-box-info h2{font-size:18px;font-weight:300;line-height:18px;margin:0 0 10px}
.side-box .side-box-info p{margin:0 0 4px}
.side-box .side-box-loading{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#FAFAFA;z-index:1;padding-top:30px;opacity:0.6}
#social-share-btn .dropdown-menu>li>a{margin:1px 0;padding:10px 20px}
#social-share-btn a.facebook-bg:hover{background-color:#3b5998}
#social-share-btn a.twitter-bg:hover{background-color:#000}
#social-share-btn a.whatsapp-bg:hover{background-color:#25d366}
#social-share-btn a.telegram-bg:hover{background-color:#0088cc}
#social-share-btn a.reddit-bg:hover {background-color: #ff5700}
#social-share-btn a.linkedin-bg:hover {background-color: #0e76a8}
#social-share-btn a.google-plus-bg:hover{background-color:#dd4b39}
.color-sky-day-0,.color-sky-night-0{background:linear-gradient(#99BBCCAF,#99BBCC)}
.color-sky-day-1{background:linear-gradient(#00B9FFAF,#00B9FF)}
.color-sky-day-2{background:linear-gradient(#00A1DDAF,#00A1DD)}
.color-sky-day-3{background:linear-gradient(#0088BBAF,#0088BB)}
.color-sky-day-4{background:linear-gradient(#006f99AF,#006F99)}
.color-sky-day-5{background:linear-gradient(#005777AF,#005777)}
.color-sky-day-6{background:linear-gradient(#003e55AF,#003E55)}
.color-sky-day-7{background:linear-gradient(#002533AF,#002533)}
.color-sky-night-1{background:linear-gradient(#7755D1AF,#7755D1)}
.color-sky-night-2{background:linear-gradient(#6038CAAF,#6038CA)}
.color-sky-night-3{background:linear-gradient(#491CC2AF,#491CC2)}
.color-sky-night-4{background:linear-gradient(#4018ACAF,#4018AC)}
.color-sky-night-5{background:linear-gradient(#381596AF,#381596)}
.color-sky-night-6{background:linear-gradient(#301281AF,#301281)}
.color-sky-night-7{background:linear-gradient(#280F6BAF,#280F6B)}
.text-offline{color:#E19191}
.daynight{pointer-events:none !important;}
.tooltip.left{ margin-left: -12px !important;}
#map-settings-search:hover > #map_search_field > #map_search_field_input,#map_search_field_input:hover,#map_search_field_input:active,#map_search_field_input:focus{opacity:0.9;transition:opacity .5s ease-out}
@media (max-width: 767px) {
	.side-box{width:100%}
	.side-box .side-box-buttons .span3{float:left;width:25%}
	.side-box .side-box-nowcast .span6{float:left;width:50%}
	.side-box .side-box-nowcast .text-right{text-align:right}
}
@media (max-width: 580px) {
	.side-box {top:46px}
	#map_search_field_input{width:236px}
}
/* .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%); */
/* } */