.leaflet-middle { position: absolute; top: 50%; transform: translate(0%,-50%); z-index:1000; }
.leaflet-center { position: absolute; left: 50%; transform: translate(-50%,0%); z-index:1000; }
.leaflet-middle-center { position: absolute; left: 50%; transform: translate(-50%,0%); top: 50%; transform: translate(0%,-50%); z-index:1000; }

.leaflet-control-info { width:435px; height:70px; border-radius:4px; border:1px solid #FFFFFF; }
.coordTable { width:100%; height:70px; z-index:80; }
.coordEmpty { color:#FFFFFF; }
.rowCoord { font-family:Tahoma; font-size:12pt; font-weight:bold }

.leaflet-control-velocity { width:435px; height:70px; border-radius:4px; border:1px solid #FFFFFF; }
.velocity-overlay { position: absolute; z-index: 1; }

.leaflet-control-scale { width:156px; height:34px; border-radius:4px; border:1px solid #FFFFFF; }
.control-scale-canvas { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.control-scale-base { position:absolute; width:150px; height:30px; top:0px; left:0px; margin:2px; }
.rulerDiv { position:absolute; width:100%; height:14px; top:0px; left:0px; }
.rulerBlocks { position:absolute; width:120px; height:14px; top:0px; left:2px; background-color:#FFFFFF; border:1px solid #444444; }
.blockTopLeft { position:absolute; width:25%; height:50%; top:0%; left:0%; background-color:#444444; }
.blockTopRight { position:absolute; width:25%; height:50%; top:0%; left:50%; background-color:#444444; }
.blockBottomLeft { position:absolute; width:25%; height:50%; top:50%; left:25%; background-color:#444444; }
.blockBottomRight { position:absolute; width:25%; height:50%; top:50%; left:75%; background-color:#444444; }
.labelDiv { position:absolute; width:150px; height:13px; top:17px; left:2px; }
.labelBase { position:absolute; width:auto; height:5px; top:0px; left:0px; text-align:center; color:#FFFFFF; font:sans-serif; font-weight:bold; font-size:12px; }
.labelHalf { position:absolute; width:auto; height:5px; top:0px; left:60px; text-align:center; color:#FFFFFF; font:sans-serif; font-weight:bold; font-size:12px; }
.labelFull { position:absolute; width:auto; height:5px; top:0px; left:100px; text-align:center; color:#FFFFFF; font:sans-serif; font-weight:bold; font-size:12px; }
.labelUnit { position:absolute; width:auto; height:5px; top:0px; left:110px; text-align:right; color:#FFFFFF; font:sans-serif; font-weight:bold; font-size:12px; }

.leaflet-control-header { width:1200px; height:120px; }
.headerDiv { overflow:hidden; position:absolute; left:50px; right:0px; top:39px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; padding:10px 50px 10px 50px; text-align:center; width:auto; color:#000000; font-family:Tahoma; font-size:14pt; font-weight:bold; }
.headerCurtainDiv { position:absolute; left:0px; top:12px; width:100px; height:100px; border-radius:50%; background-color:#FFF8DC; border:1px solid #000000; }
.imgDiv { position:absolute; left:0px; top:12px; width:100px; height:100px; background:transparent url("https://view.meteorf.ru/Images/roshydromet.png") no-repeat fixed center; border:none; }

.leaflet-control-legend { width:100px; height:700px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.legend-header { position:absolute; left:0px; top:-7px; width:100%; height:12px; text-align:center; vertical-align:middle; font-family:Tahoma; font-size:10pt; font-weight:bold }
.control-legend-canvas { position:absolute; left:0px; top:0px; }

.leaflet-control-legends { width:1200px; height:100px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.leaflet-control-fronts { width:630px; height:132px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.leaflet-control-draw { width:490px; height:132px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.legends-header { position:absolute; left:0px; top:-7px; width:100%; height:12px; text-align:center; vertical-align:middle; font-family:Tahoma; font-size:10pt; font-weight:bold }
.control-legends-canvas { position:absolute; left:0px; top:0px; }
.control-legends-type { font-family:Tahoma; font-size:12pt; font-weight:bold; color:tan; }

.leaflet-control-identify { width:400px; height:800px; border:1px solid #000000; border-radius:6px; background-color:#FFF8DC; }
.headerTable { display:block; margin-left:10px; margin-top:10px; width:380px; }
.rowHeader { font-family:Tahoma; font-size:11pt; font-weight:bold; font-style:italic; border:1px solid #C5B7A0; border-radius:4px; }
.empty { color:#000000; }
.cellCanvas { border:1px solid #C5B7A0; border-radius:4px; }
.coordName { font-family:Tahoma; font-size:10pt; }
.adm_0 { font-family:Tahoma; font-size:11pt; font-style:italic; }
.adm_1 { font-family:Tahoma; font-size:11pt; }
.adm_2 { font-family:Tahoma; font-size:11pt; font-weight:bold; color:#FF0000; }
.adm_3 { font-family:Tahoma; font-size:11pt; font-weight:bold; }
.flags { top:-4px; left:-5px; }
.footerTable { display:block; margin-left:10px; margin-top:0px; width:380px; }
.station { font-family:Tahoma; font-size:10pt; padding: 0px 2px; }

.leaflet-control-prognosis { width:1200px;height:100px;border-radius:6px;border:1px solid #FFFFFF; }
.prognosis-canvas-div { width:100%;height:100%;z-index:10; }
.prognosis-table-div { position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:80; }
.prognosis-table { width:100%; height:100% }
.prognosis-header { font-family:Tahoma;font-weight:bold;font-size:14px;color:#FFFFFF; }
.prognosis-radio { width:19px; height:19px; }
.prognosis-date { font-family:Tahoma;font-weight:bold;font-size:12px;color:#FFFFFF; }

.leaflet-control-legends-cape { width:1350px; height:200px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.legends-header-cin { position:absolute; left:0px; top:-7px; width:100%; height:12px; text-align:center; vertical-align:middle; font-family:Tahoma; font-size:10pt; font-weight:bold }
.legends-header-cape { position:absolute; left:0px; top:93px; width:100%; height:12px; text-align:center; vertical-align:middle; font-family:Tahoma; font-size:10pt; font-weight:bold }
.control-legends-canvas-cape { position:absolute; left:0px; top:0px; }

.leaflet-control-prognosis-cape { width:1350px;height:100px;border-radius:6px;border:1px solid #FFFFFF; }

.fronts-table-div { position:absolute;left:0;top:0;width:630px;height:126px; }
.fronts-border-none { border:none; }
.fronts-table { position:absolute;left:10px;top:10px;border:solid 1px silver;border-collapse:separate;border-spacing:0;border-radius:5px;width:470px; }
.fact-table { position:absolute;left:490px;top:10px;border:solid 1px silver;border-collapse:separate;border-spacing:0;border-radius:5px;width:130px; }
.fronts-header { font-family:Tahoma;font-weight:bold;font-size:12px;color:#000000;border:none; }
.fronts-type { font-family:Tahoma;font-weight:bold;font-size:11px;color:#000000;border:none; }
.fronts-location { font-family:Tahoma;font-weight:bold;font-size:9px;color:#000000;border:none; }
.weather-radar { font-family:Meteo;font-size:28px;color:#FFCC00;border:none; }
.weather-station { font-family:Meteo;font-size:28px;color:#003399;border:none; }

.precTypes-table-div { position:absolute;left:375px;top:60px;width:600px;height:25px;z-index:80; }
.leaflet-control-legends-prec { width:1350px; height:100px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }

.leaflet-control-save { position:absolute; top: 50%; transform: translate(0%,-50%); left: 50%; transform: translate(-50%,0%); height:100px; width:290px; padding:20px; border-radius:6px; background-color:#FFF8DC; border:1px solid #000000; }
.file-name-container { float:left; margin-right:20px; }
.file-ext-container { float:left; }
.input { display:flex;flex-direction:column; }
.label { display:flex;flex-direction:column; }
.button { position:absolute; top:80px; left: 50%; transform: translate(-50%,0%); height:30px; width:100px }

.leaflet-control-color-picker { width:248px;height:563px;border-radius:6px;background-color:#FFF8DC;border:1px solid #000000; }
.color-button { position:absolute;width:32px;height:32px;border:1px solid #AAAAAA;outline:none;}
.color-button:hover {border:1px solid #000000;}

.leaflet-control-spinner { width:220px;height:220px;background-color:transparent;border:none; }

.leaflet-control-custom-zoom-box { width:30px;height:126px;background-color:transparent; }
.leaflet-control-zoom-to-start { position:absolute;left:0;top:0;width:28px;height:28px;background:#FFFFFF url(https://view.meteorf.ru/Images/zoom-to-start-26.png) no-repeat 1px 1px;border-bottom:1px solid #CCCCCC; }
.leaflet-control-zoom-to-in { position:absolute;left:0;top:31px;width:28px;height:28px;background:#FFFFFF url(https://view.meteorf.ru/Images/zoom-to-in-26.png) no-repeat 1px 2px;border-bottom:1px solid #CCCCCC; }
.leaflet-control-zoom-to-out { position:absolute;left:0;top:62px;width:28px;height:28px;background:#FFFFFF url(https://view.meteorf.ru/Images/zoom-to-out-26.png) no-repeat 1px 2px;border-bottom:1px solid #CCCCCC; }
.leaflet-control-zoom-to-area { position:absolute;left:0;top:93px;width:28px;height:28px;background:#FFFFFF url(https://view.meteorf.ru/Images/zoom-to-area-26.png) no-repeat 1px 2px; }
.leaflet-container.crosshair-cursor-enabled { cursor:crosshair; }

.redPushpinImage { width:64px; height:64px; border:none; background-image: url('https://view.meteorf.ru/Images/redPushpin.png'); }
.orangePushpinImage { width:64px; height:64px; border:none; background-image: url('https://view.meteorf.ru/Images/orangePushpin.png'); }

.statLandImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgStatLand.png'); }
.statAltImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgStatAlt.png'); }
.warmLandImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgWarmLand.png'); }
.warmAltImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgWarmAlt.png'); }
.coldLandImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgColdLand.png'); }
.coldAltImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgColdAlt.png'); }
.occlImage { width:100px; height:20px; border:none; background-image: url('https://view.meteorf.ru/Images/lgOccl.png'); }
.radarImage { width:24px; height:16px; border:none; background-image: url('https://view.meteorf.ru/Images/lgRadar.png'); }
.meteoImage { width:24px; height:16px; border:none; background-image: url('https://view.meteorf.ru/Images/lgMeteo.png'); }
.obliqueImage { position:absolute; left:651px; top:36px; width:48px; height:23px; border:none; background-image: url('https://view.meteorf.ru/Images/lgOblique.png'); }
.vertImage { position:absolute; left:701px; top:36px; width:48px; height:23px; border:none; background-image: url('https://view.meteorf.ru/Images/lgVert.png'); }
.spinnerImage { position:absolute; left:0px; top:0px; width:50px; height:50px; border:none; background-image: url('https://view.meteorf.ru/Images/spinner.png'); }
.spinner-table { width:100%; height:100%; }