/* koronavirus-mapy */
.koronavirus-mapa {position:relative; z-index:1; width:100%; height:auto; margin:0 auto 1em}
.koronavirus-mapa h3 {margin:0 0 .5em; font-weight:700}
.koronavirus-mapa .celarepublika, .koronavirus-mapa .celamapa {fill:#ECEFF1; stroke:#546E7A;}
.koronavirus-mapa .okres {cursor:pointer; fill:rgba(16,36,71,0); stroke:#fff; stroke-width:1;}
.koronavirus-mapa h4 {font-weight:700; font-size:100%}
.koronavirus-mapa table.fsm {white-space:nowrap; font-size:75%}
.koronavirus-mapa table td:nth-child(2) {padding-right:.5em}
.koronavirus-mapa .stupen {float:right; font-weight:700; font-size:62.5%}
.koronavirus-mapa .stupen:before {content:''; float:left; width:1em; height:1em; margin:0 .4em 0 0; border:1px solid rgba(0,0,0,.3); border-radius:100%}
.koronavirus-mapa .stupen-0:before {background:#FFF}
.koronavirus-mapa .stupen-1:before {background:#090}
.koronavirus-mapa .stupen-2:before {background:#FC0}
.koronavirus-mapa .stupen-3:before {background:#C33}
.koronavirus-mapa .stupen-0:after {content:'stupe\148 \20 0'}
.koronavirus-mapa .stupen-1:after {content:'stupe\148 \20 1'}
.koronavirus-mapa .stupen-2:after {content:'stupe\148 \20 2'}
.koronavirus-mapa .stupen-3:after {content:'stupe\148 \20 3'}
.koronavirus-mapa .pes-1:after {content:'Stupe\148 \20 1'}
.koronavirus-mapa .pes-2:after {content:'Stupe\148 \20 2'}
.koronavirus-mapa .pes-3:after {content:'Stupe\148 \20 3'}
.koronavirus-mapa .pes-4:after {content:'Stupe\148 \20 4'}
.koronavirus-mapa .pes-5:after {content:'Stupe\148 \20 5'}
.koronavirus-mapa .pes-1:before {background:#00CD61}
.koronavirus-mapa .pes-2:before {background:#F2D201}
.koronavirus-mapa .pes-3:before {background:#F85A1D}
.koronavirus-mapa .pes-4:before {background:#D31145}
.koronavirus-mapa .pes-5:before {background:#401088}

.koronavirus-mapa .legend-pes {position:absolute; top:0; right:0; line-height:1.2; font-size:medium}
.legend-pes li, .legend-pes ul li {display:block; margin:0; padding:.2em .3em .2em .6em; font-size:62.5%; background-image:none}
.legend-pes li:after {float:left}
.legend-pes li span:before {content:': ';}
@media screen and (max-width:480px){.legend-pes li span { display:inline-block; width:1px; overflow:hidden; text-indent:-99em}}
.legend-pes .pes-1 {color:#000; background:#00CD61 !important}
.legend-pes .pes-2 {color:#000; background:#F2D201 !important}
.legend-pes .pes-3 {color:#000; background:#F85A1D !important}
.legend-pes .pes-4 {color:#FFF; background:#D31145 !important}
.legend-pes .pes-5 {color:#FFF; background:#401088 !important}

.koronavirus-mapa .info-text {margin:1em 0; font-size:87.5%; color:#546E7A;}
.koronavirus-mapa .iebugfix {position:relative; width:100%; height:0; margin-bottom:.75em; padding:57.57% 0 0}
.koronavirus-mapa .iebugfix svg {position:absolute; top:0; left:0; width:100%; height:100%}
#koronavirus-mapa-mapEUnearby .iebugfix {padding-top:150%}
#koronavirus-mapa-mapEUnearby2 .iebugfix {padding-top:107%}

.koronavirus-mapa .legend {position:absolute; top:0; right:0; width:16%; height:1em; font-size:81.25%}
#wrapper .koronavirus-mapa .legend {font-size:62.5%}
.koronavirus-mapa .legend:before {content:'0'; position:absolute; top:1.2em; left:0;}
.koronavirus-mapa .legend i {position:absolute; top:1.2em; right:0; font-style:normal}
.koronavirus-mapa .legend, #koronavirus-mapa-mapEUnearby .legend, #koronavirus-mapa-mapEUnearby2 .legend {background:linear-gradient(to right, #B4F8C8, #FCF4B6, #EF5D5E, #912B81 25%, #1B3E7A 50%, #000)}
#koronavirus-mapa-mapEUnearby2 .legend {z-index:5; top:-3em}
#uprchlici-mapa .legend {background:linear-gradient(to right, #B4F8C8, #FCF4B6, #EF5D5E, #912B81 50%, #1B3E7A)}

.koronavirus-mapa .legend2 {display:inline-block; margin:-6em 0 5em; padding:.6em 1.5em; border:1px solid #CFDCF1; border-radius:3px; white-space:nowrap; text-align:center; text-transform:uppercase; font-weight:700; font-size:62.5%; color:#102447; background:#EFF3F9}
#wrapper .koronavirus-mapa .legend2 {font-size:38%}
.koronavirus-mapa .legend2 span {display:table; margin:0 auto; text-align:right}
.koronavirus-mapa .legend2 b {display:block; margin:0 0 .1em; border-radius:2px; line-height:1; font-weight:inherit; font-size:200%}
.koronavirus-mapa .legend2 b:before {content:''; float:left; display:block; width:1em; height:1em; margin:.1em .4em 0 0; font-size:80%; background:url('/o/sph/dart-sph.svg') no-repeat 0 0 / 1em 5em}
.koronavirus-mapa .legend2 i {position:absolute; top:50%; left:5%; z-index:2; display:none; width:10em; margin:0 .5em 0 0; padding:.4em .6em .4em 1.2em; border:1px solid #B0BEC5; border-radius:3px; color:#263238; background:#ECEFF1; font-style:normal; font-weight:400; line-height:1.4; font-size:10px; text-transform:none; white-space:normal; text-align:left; box-shadow:0 0 .4em #B0BEC5;}
.koronavirus-mapa .legend2:hover i {display:block}
.koronavirus-mapa .legend2 .megapruh-up:before {background-position:0 -3em}
.koronavirus-mapa .legend2 .megapruh-down:before {background-position:0 -4em}
.koronavirus-mapa .legend2 .megapruh-pes1:before, .koronavirus-mapa .legend2 .megapruh-pes2:before, .koronavirus-mapa .legend2 .megapruh-pes3:before, .koronavirus-mapa .legend2 .megapruh-pes4:before, .koronavirus-mapa .legend2 .megapruh-pes5:before {float:none; display:inline-block; border-radius:100%}
.koronavirus-mapa .legend2 .megapruh-pes1:before {background:#00CD61}
.koronavirus-mapa .legend2 .megapruh-pes2:before {background:#F2D201}
.koronavirus-mapa .legend2 .megapruh-pes3:before {background:#F85A1D}
.koronavirus-mapa .legend2 .megapruh-pes4:before {background:#D31145}
.koronavirus-mapa .legend2 .megapruh-pes5:before {background:#401088}
.koronavirus-mapa .legend2 .nobefore:before {display:none}

.koronavirus-mapa #CZ020-pes {stroke:transparent}

ellipse.stupen-0 {fill:#FFF}
ellipse.stupen-1 {fill:#090}
ellipse.stupen-2 {fill:#FC0}
ellipse.stupen-3 {fill:#C33}

.jsp-lineout {clear:both; overflow:hidden}
.jsp-lineout ul {position:relative; float:right; width:1000000em; padding:1em 0 4em; cursor:move}
.jsp-lineout ul:before {content:''; position:absolute; top:1.55em; right:0; width:100%; height:1px; background:#B0BEC5}
.jsp-lineout li, .text .jsp-lineout li {position:relative; float:right; display:flex; align-items:center; text-align:center; width:1.2em; height:1.2em; margin:0; padding:0; border:1px solid transparent; border-radius:100%; background:none; cursor:pointer; box-sizing:border-box}
.jsp-lineout li:before {content:''; display:block; width:57%; height:57%; margin:auto; border:2px solid #FFF; border-radius:100%; background:#B0BEC5; box-sizing:border-box}
.jsp-lineout li:hover:before {border-color:#E41F1F} 
.jsp-lineout li.act {border:1px solid #102447} 
.jsp-lineout li.act:before {border-color:#FFF; background-color:#E41F1F; width:100%; height:100%}
.jsp-lineout li i {position:absolute; top:100%; right:50%; line-height:1; margin:2em -1em 0; font-style:normal; font-size:71.43%; color:#546E7A; transform:rotate(-45deg); white-space:nowrap}