:root {
    --font-family: Arial, Helvetica, sans-serif; /*Styl fontu*/
    --control-bg-color: rgba(0,120,250,0.8); /*barva pozadí ovládacích prvků*/
    --control-bg-color-active: #ea6800; /*barva pozadí aktivních ovládacích prvků nebo po najetí myši*/
    --control-color: var(--font-color-light); /*barva fontu/symbolu ovládacích prvků*/
    --control-color-active: var(--font-color-light); /*barva fontu/symbolu aktivních ovládacích prvků nebo po najetí myši*/
    --control-color-unavailable: #aaa; /*barva fontu/symbolu nedostupných ovládacích prvků*/
    --control-border: none; /*okraje ovládacích prvků*/
    --vip-button-bg-color: var(--control-bg-color); /* barva pozadí VIP tlacitek */
    --vip-button-bg-color-active: var(--control-bg-color-active); /* barva pozadí aktivnich VIP tlacitek */
    --vip-button-font-color: var(--font-color-light); /* barva fontu VIP tlacitek */
    --vip-button-font-color-active: var(--font-color-light); /* barva fontu aktivnich VIP tlacitek */
    --control-corner-radius: 5px; /* poloměr zaoblení rohů ovladacích prvků - tlačítka v lištách, v oknech, scale bar */
    --font-color-light: white; /* světlé písmo - použitý pro ovladací prvky */
    --font-color-dark: black; /* tmavé písmo - použitý pro nadpisy oken, souřadnice */
    --font-color-menu: var(--font-color-light); /* barva písma v menu */
    --menu-bg-color: rgba(50,50,50,0.9); /* barva pozadí menu */
    --menu-bg-color-active: var(--control-bg-color-active); /* barva pozadí aktivní položky menu (po najetí myší) */
    --menu-color-active: var(--font-color-light); /* barva fontu aktivní položky menu (po najetí myší) */
    --windows-bg-color: rgba(180,180,180,0.8); /* barva pozadí oken */
    --windows-active-header-bg: linear-gradient(var(--control-bg-color-active),var(--windows-bg-color)); /* barva pozadí hlavičky aktivního okna */
    --windows-control-color: var(--control-bg-color); /* barva symbolu ovladacich tlacitek close/minimalizace/maximalizace */
    --windows-control-color-active: var(--control-bg-color-active); /* aktivni barva (po najeti kurzorem) symbolu ovladacich tlacitek close/minimalizace/maximalizace */
    --windows-content-bg-color: var(--window-layers-bg-color); /*rgba(170,170,170,1);*/ /* barva pozadí obsahu okna - překrývá pozadí okna */
    --windows-content-iframe-bg-color: rgba(255,255,255,1); /*pozadí okna obsahu iframe*/
    --window-layers-bg-color: rgba(0, 70, 120, 1); /* pozadí obsahu okna se záložkami - vrstvy atp */
    --window-bubble-bg-color: var(--window-layers-bg-color); /* pozadí obsahu bubliny */
    --windows-border-color: #a9a9a9; /* barva orámovaní oken */
    --windows-border-width: 1px; /* tloušťka orámovaní oken */
    --windows-border-radius: 4px; /* poloměr zaoblení rohů oken */
    --scale-bar-bg: var(--windows-bg-color); /* barva pozadí scale baru */
    --bookmark-selected-bg-color: var(--window-layers-bg-color); /* barva pozadí vybrané záložky */
    --bookmark-selected-font-color: var(--font-color-light); /* barva písma vybrané záložky */
    --bookmark-unselected-bg-color: rgba(170,170,170,1); /*var(--windows-content-bg-color);*/ /* barva pozadí záložky */
    --bookmark-unselected-font-color: var(--font-color-dark); /* barva pozadí záložky */
    --bookmark-border-width: 1px; /* tloušťka orámovaní záložky */
    --bookmark-border-color: var(--windows-border-color); /* barva orámování záložky */
    --tree-node-collapsed-bg-color: linear-gradient(#777 70%, #555); /* barva pozadí nerozbalené položky stromu, která má sub-položky */
    --tree-node-collapsed-font-color: var(--font-color-light); /* barva fontu nerozbalené položky stromu, která má sub-položky */
    --tree-node-expanded-bg-color: linear-gradient(var(--control-bg-color-active) 50%,transparent); /* barva pozadí rozbalené položky stromu, která má sub-položky */
    --tree-node-expanded-font-color: var(--control-color-active); /* barva fontu rozbalené položky stromu, která má sub-položky */
    --tree-node-corner-radius: 4px; /* poloměr zaoblení rohů položky stromu - projeví se pouze na master položkách, které mají obarvené pozadí */
    --link-color: var(--control-bg-color-active); /*barva linků*/
    --link-hover-color: var(--font-color-light); /*barva linků po najetí myši*/
    --link-visited-color: var(--control-bg-color); /*barva navštívených linků*/
}

body {
    font-family: var(--font-family);
    font-weight: normal;
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-hover-color);
}

a:visited {
    color: var(--link-visited-color);
}


.divMapInner {
    border: var(--windows-border-width) solid var(--windows-border-color);
}

/* dark text */
.divNadpis, .divNadpisLogin,
.spanThemeText,
.Coors{
    color: var(--font-color-dark);
}

.tableLoc .tdLocLabel {
    color: var(--font-color-light);
}

.actionButton, .actionButtonon, .actionButt3DNew, .actionButtongray,
.actionButtonLong, .actionButtonLongon, .divTlacitkoPrint, .divTlacitkoPrinton,
.queryParamButton, .queryParamButtonon {
    border: 0 none;
    border-radius: var(--control-corner-radius);
    margin-right: 2px;
    transition: background 200ms;
    box-sizing: border-box;
    border: var(--control-border);
}
.divTlacitkoVipLeft, .divTlacitkoVipLeftGray, .divTlacitkoVipLeftOn, .divTlacitkoVipLeftGrayOn,
.divTlacitkoMenu, .divTlacitkoMenuOn, .divTlacitkoOkno, .divTlacitkoOknoOn,
.divTlacitko, .divTlacitkoon, .divLoc, .divLocon,
.icoPrint, .icoPrinton {
    border: 0 none;
    border-radius: var(--control-corner-radius);
    /*color: var(--font-color-light);*/
    transition: background 200ms;
}
.divTlacitkoVipIn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-right: 0;
    padding: 0;
    padding-right: 0.5em;
    text-shadow: none;
    font-weight: bold;
}
.divTlacitkoVipIn .divLayerMenu{
    background-image: none;
}
.divTlacitkoVipIn .divLayerMenu::after{
    color: inherit;
    content: "\2630";
    font-size: 120%;
    right: 3px;
    bottom: 1px;
    position: absolute
}
.divTlacitkoPaddTop, .divTlacitkoPaddTopLoc{
    margin: 0;
}
/* label tlacitka bez ikony */
.divTlacitkoPaddTop:only-child, .divTlacitkoPaddTopLoc:only-child{
    flex: 1;
    text-align: center;
}
input.divTlacitko, input.divTlacitkoon, input.divTlacitkoGray{
    padding: 0;
    margin: 0 2px 0 0;
    display: initial;
}
.actionButton > div:first-child, .actionButtonon > div:first-child,
.actionButtonLong > div:first-child, .actionButtonLongon > div:first-child,
.actionButtongray > div:first-child,
.actionButt3DNew > div:first-child {
    /*background-position: 4px 3px !important;*/
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

.actionButtonLong, .actionButtonLongon {
    position: relative;
}
.actionButtonLong::after, .actionButtonLongon::after{
    content: "\25B2";
    font-size: 80%;
    position: absolute;
    top: 25%;
    right: 2px;
}

/*.divTlacitkaObalka > .divTlacitko,
.divTlacitkaObalka > .divTlacitkoon,
.divTlacitkaObalkaPrint1 > .divTlacitko,
.divTlacitkaObalkaPrint1 > .divTlacitkoon,
.divTlacitkaObalkaPrint > .divTlacitkoPrint,
.divTlacitkaObalkaPrint > .divTlacitkoPrinton,
.icoPrint, .icoPrinton {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}*/

.divTlacitko,
.divTlacitkoon,
.divTlacitkoPrint,
.divTlacitkoPrinton,
.icoPrint, .icoPrinton {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

/* .divTlacitkoPrint je i na print strance a tam je bez textu, jenom ikona */
.divTlacitkaObalkaPrint .divTlacitkoPrint, .divTlacitkaObalkaPrint .divTlacitkoPrinton{
    width: 64px;
}

/* .divTlacitko na Login page */
.divTlacitkaObalka > input.divTlacitko, .divTlacitkaObalka > input.divTlacitkoon {
    justify-content: center;
}

.divTlacitkaObalkaPrint1 > .divTlacitko > .icoWin,
.divTlacitkaObalkaPrint > .divTlacitkoPrint > .icoWin,
.divTlacitkaObalka > .divTlacitko > .icoWin,
.divTlacitkaObalkaPrint1 > .divTlacitkoon > .icoWin,
.divTlacitkaObalkaPrint > .divTlacitkoPrinton > .icoWin,
.divTlacitkaObalka > .divTlacitkoon > .icoWin,
.divTlacitkaObalka > .divTlacitko > .icoDisconnect,
.divTlacitkaObalka > .divTlacitkoon > .icoDisconnect,
.icoPrint > .icoPrintIn, .icoPrinton > .icoPrintIn,
.icoPrint > .icoSaveIn, .icoPrinton > .icoSaveIn,
.icoPrint > .icoWin, .icoPrinton > .icoWin {
    left: auto; /*IE hack*/
    left: initial;
    margin-left: 2px;
    margin-right: 4px;
    position: static; /*IE hack*/
    position: initial;
    top: auto; /*IE hack*/
    top: initial;
}
/* reset pozadi VIP tlacitek */
.divTlacitkoVipLeftOn .divTlacitkoVipIn, .divTlacitkoVipLeft .divTlacitkoVipIn, .divTlacitkoVipLeftGrayOn .divTlacitkoVipIn, .divTlacitkoVipLeftGray .divTlacitkoVipIn,
.divTlacitkoVipLeftOn, .divTlacitkoVipLeft, .divTlacitkoVipLeftGrayOn, .divTlacitkoVipLeftGray,
.divTlacitkoVipLeftOn .divTlacitkoVipRight, .divTlacitkoVipLeft .divTlacitkoVipRight, .divTlacitkoVipLeftGrayOn .divTlacitkoVipRight, .divTlacitkoVipLeftGray .divTlacitkoVipRight,
.divTlacitkoMenu, .divTlacitkoMenuOn, .divTlacitkoOkno, .divTlacitkoOknoOn, .divLoc, .divLocon {
    background: transparent; /*IE hack*/
    background: initial;
}
.actionButton, .actionButt3DNew, .actionButtongray, .actionButtonLong, .queryParamButton, .divTlacitkoPrint,
.divTlacitkoMenu, .divMenuBgr .divTlacitkoMenu, .divTlacitkoOkno,
.divTlacitko, .divLoc,
.icoPrint,
.divReload, .divCancel, .okButton, .cancelCHButton, input[type=button].actionButton {
    background: var(--control-bg-color);
    color: var(--control-color);
}
input[type=button].actionButton, input[type=button].actionButtonon {
    background-position: center center;
    background-repeat: no-repeat;
}

input[type=button].actionButton {
    background-color: var(--control-bg-color);
    color: var(--control-color);
}
    input[type=button].actionButton:disabled, input[type=button].actionButtonon:disabled, input[type=submit].divTlacitko:disabled, input[type=submit].divTlacitkoon:disabled, input[type=button].divTlacitko:disabled, input[type=button].divTlacitkoon:disabled, input[type=text]:disabled {
        background-color: var(--control-color-unavailable) !important;
    }

input[type=text]:disabled {
    background-image: none;
}

        .actionButtonon, .actionButtonLongon, .queryParamButtonon, .divTlacitkoPrinton, .divTlacitkoMenuOn, .divMenuBgrOn .divTlacitkoMenu, .divTlacitkoOknoOn, .divTlacitkoon, .divLocon, .icoPrinton, .trMenuOn, .divReloadon, .divCancelon, .okButtonon, .cancelCHButtonon {
            background: var(--control-bg-color-active);
            color: var(--control-color-active);
        }

input[type=button].actionButtonon {
    background-color: var(--control-bg-color-active);
    color: var(--control-color-active);
}
.divTlacitkoVipLeft, .divTlacitkoVipLeftGray, .divTlacitkoVipLeftOn, .divTlacitkoVipLeftGrayOn, .divTlacitkoMenu, .divTlacitkoMenuOn, .divTlacitkoOkno, .divTlacitkoOknoOn,
.divTlacitko, .divTlacitkoon, .divTlacitko, .divTlacitkoon, .divTlacitkoPrint, .divTlacitkoPrinton, .icoPrint, .icoPrinton, .divLoc, .divLocon, .buttFence, .buttFenceOn {
    box-sizing: border-box;
    border: var(--control-border);
}
.divTlacitkoVipLeft, .divTlacitkoVipLeftGray {
    background: var(--vip-button-bg-color);
    color: var(--vip-button-font-color);
}
.divTlacitkoVipLeftOn, .divTlacitkoVipLeftGrayOn {
    background: var(--vip-button-bg-color-active);
    color: var(--vip-button-font-color-active);
}
.unavailable, .divTlacitkoVipLeftGrayOn {
    color: var(--control-color-unavailable);
}

.divLoc, .divLocon{
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 0;
}
/*
.queryParamButton, .queryParamButtonon, .divTlacitkoPrint, .divTlacitkoPrinton{
    height: 24px;
}
*/
.tdAddr input.queryParamButton, .tdAddr input.queryParamButtonon {
    margin-top: 0px;
    padding-bottom: 0;
}
td > div.queryParamButton, td > div.queryParamButtonon{
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: -1px !important;
}
td > div.queryParamButton > div, td > div.queryParamButtonon > div{
    height: 100%;
    width: 100%;
}
.disabled, .actionButtongray, .divTlacitkoVipLeftGray{
    filter: grayscale(100%);
    cursor: default !important;
}

/* opacity slider */
.divBgSlider {
    background: var(--windows-content-bg-color);
    border-color: var(--windows-border-color);
}
/* okna / tabulky */
/* reset pozadi/ramecku */
.tdBg01, .tdBg02, .tdBg04,
.tdBg08, .tdBg06, .tblOknoZalozky .tdBg06, .tdBg09,
.tdBg10small, .tdBg11small, .tdBg16small, .tdBg10smallResize, .tdBg16smallResize, .divText {
    background: none;
    background-color: var(--windows-bg-color);
}
.tdBg06, .tblOknoZalozky .tdBg06, #print_window3 .tdBg06 {
    background-color: transparent; /* pozadi obsahu okna resi pravidlo pro .divObsahOkno */
}

body.tdBg06, .divText { /*pro bubble*/
    background-color: var(--window-bubble-bg-color);
}
.tblOknoOknoon .tdBg01, .tblOknoOknoon .tdBg02, .tblOknoOknoon .tdBg04 {
    background: var(--windows-active-header-bg);
}
.tdBg01{
    border-radius: var(--windows-border-radius) 0 0 0;
}
.tdBg04{
    border-radius: 0 var(--windows-border-radius) 0 0;
}
.tdBg10small, .tdBg10smallResize {
    border-radius: 0 0 0 var(--windows-border-radius);
}
.tdBg16small, .tdBg16smallResize {
    border-radius: 0 0 var(--windows-border-radius) 0;
}
#tblprehledova_mapa {
    border-bottom-right-radius: 0; /* prehledova mapa ma resize corner */
}
#tblseznam_vrstev{
    border-bottom-left-radius: 0; /* seznam vrstev ma resize corner */
}
.divVrstvyBgr, .divPrehledkaBgr, .divOknoBgr, .divAdresyBgr{
    background: none;
}
/* nastaveni pozadi celemu oknu */
.tblOknoPrehledka, .tblOknoOkno, .tblOknoOknoon, .tblOknoZalozky, .tblOknoZalozkyon, .tblOknoAdresy, .tblOknoMenu,
.lgnTableBody, .divTheme, .infoTablegrid, .infoTablegrid1 {
    border-color: var(--windows-border-color);
    border-style: solid;
    border-width: var(--windows-border-width);
    border-radius: var(--windows-border-radius);
}
/* vnitrek okna */
.divMapTools, .divMapToolsQ{
    background: transparent;
}
.tdBg06 .divObsahOkno {
    background: var(--windows-content-bg-color);
}

.divObsahOknoiFrame {
    background: var(--windows-content-iframe-bg-color);
}

/* pozadi legendy v tisku pri pozadavku na pruhlednost */
.tdBg06tp .divObsahOkno {
    background: transparent;
}

#InnerNastroje{
    height: auto !important;
    width: auto !important;
}
#InnerNastroje > .divMapTools{
    bottom: auto; /*IE hack*/
    bottom: initial;
    display: flex;
    height: auto;
    left: auto; /*IE hack*/
    left: initial;
    padding-bottom: 2px;
    padding-right: 0;
    position: static; /*IE hack*/
    position: initial;
    width: auto;
}

/* tlacitka minimalizovanych oken */
.divMenuBgr .divTlacitkoMenu, .divMenuBgr .divTlacitkoMenuOn,  .divMenuBgrOn .divTlacitkoMenu, .divMenuBgrOn .divTlacitkoMenuOn,
.divAdresyBgr .divTlacitkoMenu, .divAdresyBgr .divTlacitkoMenuOn, .divOknoBgr .divTlacitkoOkno, .divOknoBgr .divTlacitkoOknoOn{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.divMenuBgr, .divMenuBgrOn {
    bottom: -1px;
}
/* tlacitka min/max/close */
.divIcoMin, .divIcoMinOn, .divIcoMinoff, .divIcoOkno, .divIcoOknoOn,
.divIcoOknooff, .divIcoClose, .divIcoCloseOn, .divIcoCloseoff, .divIcoMinVert,
.divIcoMinVertOn, .divIcoMinVertoff, .OverviewScale, .OverviewScaleon{
    align-items: center;
    box-sizing: border-box;
    background: none;
    display: flex;
    height: 22px;
    justify-content: center;
    width: 22px;
}
.OverviewScale, .OverviewScaleon {
    left: auto; /*IE hack*/
    left: initial;
    margin: 0;
}
.divIcoMin::after, .divIcoMinOn::after,
.divIcoClose::after, .divIcoCloseOn::after,
.divIcoOkno::after, .divIcoOknoOn::after,
.divIcoMinVert::after, .divIcoMinVertOn::after,
.OverviewScale::after, .OverviewScaleon::after{
    font-size: 120%;
    height: 80%;
    text-align: center;
    width: 80%;
}
.divIcoMin::after, .divIcoMinOn::after{
    content: "\005F"; /* 005F 0332 FF3F*/
}
.divIcoClose::after, .divIcoCloseOn::after{
    content: "\00D7"; /* 00D7 2716 2A2F 2573 02DF*/
}
.divIcoOkno::after, .divIcoOknoOn::after{
    content: "\2752"; /* 25A1 25F1-4 274F-52 20DE */
}
.divIcoMinVert::after, .divIcoMinVertOn::after{
    content: "\005F"; /* vertikalni cary: 20D3 007C 2758 2759 23D0 2502 */
}
.OverviewScale::after, .OverviewScaleon::after{
    content: "\25BE"; /* 26DB 25BC 25BE */
}
.divIcoMin::after, .divIcoClose::after, .divIcoOkno::after, .divIcoMinVert::after, .OverviewScale::after{
    color: var(--windows-control-color);
}

.divIcoMinOn::after, .divIcoCloseOn::after, .divIcoOknoOn::after, .divIcoMinVertOn::after, .OverviewScaleon::after{
    border: 1px dotted var(--windows-control-color-active);
    color: var(--windows-control-color-active);
}

/* menu okna se seznamem vrstev */
.ulMoBox{
    background: transparent;
    border: 0 none;
}

/* SuggestBox */
.ActiveItem {
    background: var(--menu-bg-color-active);
    color: var(--menu-color-active);
}

/* menu */
.MenuItem, .MenuItemon, .MenuItemNull{
    background: none;
    color: var(--font-color-menu);
}
.MenuItemNull > .MenuItemin, .MenuItemNull > .MenuIteminon{
    padding: 0;
}
.MenuNode .MenuItemin, .MenuNode .MenuIteminon,
.liMo {
    border: 0 none;
    border-bottom: 1px dotted silver;
    padding: 3px 0.5em;
}
.liMo {
    font-weight: normal;
    padding: 1em 1.5em;
}
.MenuNode .MenuItem:last-child > .MenuItemin, .MenuNode .MenuItem:last-child > .MenuIteminon,
.liMo:last-child {
    border-bottom: 0 none;
}
.nodeMenuImg{
    background: none;
    top: 0;
}
.nodeMenuImg::after{
    content: "\25B8"; /* 00BB 276F 25B6-8 25B9 25BA */
    font-size: 120%;
    height: 80%;
    text-align: center;
    width: 80%;
}
.MenuItemin, .liMo {
    background: var(--menu-bg-color);
}
.MenuIteminon, .liMo:hover {
    background: var(--menu-bg-color-active);
    color: var(--menu-color-active);
}

/* velka tlacitka v oknech */
.buttFence > .divFence, .buttFenceOn > .divFence, .buttFenceGray > .divFence {
    display: none;
}
.buttFence, .buttFenceOn, .buttFenceGray {
    border-radius: var(--control-corner-radius);
    margin-right: 5px;
    position: relative;
}
.buttFence::after, .buttFenceOn::after, .buttFenceGray::after {
    align-items: center;
    content: attr(title);
    display: flex;
    justify-content: center;
    left: 0;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.buttFence, .buttFenceGray{
    background: var(--control-bg-color);
    color: var(--control-color);
}
.buttFenceGray{
    background-color: var(--control-color-unavailable);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.buttFenceOn {
    background: var(--control-bg-color-active);
    color: var(--control-color-active);
}
   
/* scale bar */
.scaleBar { /* cely scale bar */
    background: var(--scale-bar-bg);
    border-radius: var(--control-corner-radius);
    overflow: hidden;
}
.divScalePlus, .divScalePlusOn, .divScaleMinus, .divScaleMinusOn{
    color: var(--control-color);
    margin: 0;
    position: relative;
}
.divScalePlus::after, .divScalePlusOn::after, .divScaleMinus::after, .divScaleMinusOn::after{
    align-items: center;
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.divScalePlus::after, .divScalePlusOn::after { /* +button */
    content: "\002B"; /* 002B FF0B FE62 254B*/
}
.divScaleMinus::after, .divScaleMinusOn::after { /* -button */
    content: "\2212"; /* FF0D FE63 002D 02D7 2212 2501 */
}
.divScalePlus, .divScaleMinus {
    background: var(--control-bg-color);
}
.divScalePlusOn, .divScaleMinusOn {
    background: var(--control-bg-color-active);
    color: var(--control-color-active);
}
.scaleGrade, .scaleGrademax, .scaleGrademin{ /* scale znacka bezna--max--min */
    background: none;
    box-sizing: border-box;
    border-bottom-width: 0;
    border-color: var(--control-bg-color);
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-top-width: 0;
    position: relative;
}
.scaleGrade::after, .scaleGrademax::after, .scaleGrademin::after{
    content: "\2212"; /* FF0D 2212 2501 */
    color: var(--control-bg-color);
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.scaleGrade:hover::after, .scaleGrademax:hover::after, .scaleGrademin:hover::after{
    color: var(--control-bg-color-active);
    content: "\FF0D";
}
.scaleTab, .scaleTabOn { /* tahatko / selected scale  */
    background: none;
    border: 2px solid var(--control-bg-color);
    box-sizing: border-box;
}
.scaleTabOn { /* tahatko / selected scale  */
    border-color: var(--control-bg-color-active);
}

/* map position - arrowPanel */
/*.arrowPanel{
    
}*/
.icoEarth, .icoEarthOn {
    border-radius: 50%;
    box-sizing: border-box;
}
.icoEarth {
    background: none;
    border: 2px solid var(--control-bg-color);
}
.icoEarthOn {
    background: var(--control-bg-color-active);
    border: 2px solid var(--control-bg-color);
    color: var(--control-color-active);
}

.divArrowLeft, .divArrowLeftOn, .divArrowRight, .divArrowRightOn, .divArrowUp, .divArrowUpOn, .divArrowDown, .divArrowDownOn {
    background: none;
    font-weight: bold;
}

.divArrowLeft::after, .divArrowLeftOn::after,
.divArrowRight::after, .divArrowRightOn::after,
.divArrowUp::after, .divArrowUpOn::after,
.divArrowDown::after, .divArrowDownOn::after{
    align-items: center;
    content: "\21EA";
    display: flex;
    font-size: 20px;
    height: 100%;
    justify-content: center;
    width: 100%;
}
.divArrowRight::after, .divArrowRightOn::after{
    transform: rotate(90deg);
}
.divArrowDown::after, .divArrowDownOn::after{
    transform: rotate(180deg);
}
.divArrowLeft::after, .divArrowLeftOn::after{
    transform: rotate(-90deg);
}
.divArrowLeft::after,
.divArrowRight::after,
.divArrowUp::after,
.divArrowDown::after{
    color: var(--control-bg-color);
}
.divArrowLeftOn::after,
.divArrowRightOn::after,
.divArrowUpOn::after,
.divArrowDownOn::after{
    color: var(--control-bg-color-active);
}

/* strom / seznam vrstev */
#Innerseznam_vrstev.divObsahOkno {
    background: var(--window-layers-bg-color);
    border: var(--bookmark-border-width) solid var(--bookmark-border-color);
}
#Innerseznam_vrstev.divObsahOkno td,
#Innerseznam_vrstev.divObsahOkno .divPrintContent,
.floatL{
    /*color: var(--font-color-light) !important;*/ /*--font-color-light*/
    font-weight: normal;
    /*text-shadow: none;*/
}
.unavailable {
    text-decoration-color: rgba(64,64,64,0.5);
}
#Innerseznam_vrstev.divObsahOkno tr:hover > td.tdLabel,
#Innerseznam_vrstev.divObsahOkno tr:hover > td.tdLabelNode,
#Innerseznam_vrstev.divObsahOkno tr:hover > td.tdLabelLoc,
#Innerseznam_vrstev.divObsahOkno tr:hover > td.tdLabelNodeLoc{
    text-decoration: none;
}
#Innerseznam_vrstev.divObsahOkno td .divLayerMenu{
    background-image: none;
}
#Innerseznam_vrstev.divObsahOkno td .divLayerMenu::after{
    color: inherit;
    content: "\2630";
    font-size: 140%;
    right: 0px;
    top: 0;
    position: absolute
}
#Innerseznam_vrstev.divObsahOkno td .divLayerMenu:hover::after{
    color: var(--control-bg-color-active);
}

/* pozadi titulku NErozbalenych vetvi */
.tdInChckboxNode, .tdInChckboxNodeLoc,
.tdLabelNode, .tdLabelNodeLoc, .tdInfoTreeNode, .tdDocNode,
.divInRightNode, .divInRightNodeLoc {
    background: var(--tree-node-collapsed-bg-color);
    color: var(--tree-node-collapsed-font-color);
}
/* pozadi titulku rozbalenych vetvi */
.tdInChckboxNodeOn, .tdInChckboxNodeLocOn,
.tdLabelNodeOn, .tdLabelNodeLocOn, .tdInfoTreeNodeOn, .tdDocNodeOn,
.divInRightNodeOn, .divInRightNodeLocOn {
    background: var(--tree-node-expanded-bg-color);
    color: var(--tree-node-expanded-font-color);
}
.tdInChckboxNode, .tdInChckboxNodeLoc,
.tdLabelNode, .tdLabelNodeLoc, .tdInfoTreeNode, .tdDocNode,
.divInRightNode, .divInRightNodeLoc,
.tdInChckboxNodeOn, .tdInChckboxNodeLocOn,
.tdLabelNodeOn, .tdLabelNodeLocOn, .tdInfoTreeNodeOn, .tdDocNodeOn,
.divInRightNodeOn, .divInRightNodeLocOn {
    background-position: left 1px;
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 2px);
}
.tdInChckboxNode, .tdInChckboxNodeOn, .tdInChckboxNodeLoc, .tdInChckboxNodeLocOn {
    border-top-left-radius: var(--tree-node-corner-radius);
    border-bottom-left-radius: var(--tree-node-corner-radius);
}
.divInRightNodeLoc, .divInRightNode {
    border-top-right-radius: var(--tree-node-corner-radius);
    border-bottom-right-radius: var(--tree-node-corner-radius);
}
/* mezera mezi textem vetve a carou/+/- pro polozku bez checkboxu na zacatku */
.divTreeChckbox {
    width: 4px;
}

.trSkup td{
    background: none;
}
.trSkup:hover > .tdLabelCancelLoc > .floatL{
    text-decoration: none;
}
.trSkup > .tdLeftCancelLoc > .divIcoCloseLoc{
    background: var(--control-bg-color-active);
    color: var(--control-color-active);
}
.trSkup > .tdLeftCancelLoc > .divIcoCloseLocOn{
    background: var(--control-bg-color-active);
    color: var(--control-color-active);
}

.trSkup > .tdLeftCancelLoc > .divIcoCloseLoc,
.trSkup > .tdLeftCancelLoc > .divIcoCloseLocOn{
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 22px;
    justify-content: center;
    margin: 0;
    width: 22px;
}
.trSkup > .tdLeftCancelLoc > .divIcoCloseLoc::after,
.trSkup > .tdLeftCancelLoc > .divIcoCloseLocOn:after{
    content: "\254B"; /* cross: 2573 */
    transform: rotate(45deg);
}
.book0, .book1, .book2, .book3, .book4, .book5,
.book0gray, .book1gray, .book2gray, .book3gray, .book4gray, .book5gray{
    background: transparent;
}
.book0 > div, .book1 > div, .book2 > div, .book3 > div, .book4 > div, .book5 > div,
.book0gray > div, .book1gray > div, .book2gray > div, .book3gray > div, .book4gray > div, .book5gray > div {
    background: transparent !important;
    position: relative;
}

.book0 > div:after, .book1 > div:after, .book2 > div:after, .book3 > div:after, .book4 > div:after, .book5 > div:after,
.book0gray > div:after, .book1gray > div:after, .book2gray > div:after, .book3gray > div:after, .book4gray > div:after, .book5gray > div:after {
    content: attr(title);
    box-sizing: border-box;
    border-style: solid;
    border-width: var(--bookmark-border-width);
    border-color: var(--bookmark-border-color);
    display: flex;
    font-weight: bold;
    height: 28px;
    width: 78px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: calc(var(--bookmark-border-width) - 23px);
    top: 26px;
    transform: rotate(-90deg)
}

.book0 > div:after, .book1 > div:after, .book2 > div:after, .book3 > div:after, .book4 > div:after, .book5 > div:after {
    background: var(--bookmark-selected-bg-color) !important;
    border-bottom-width: 0;
    color: var(--bookmark-selected-font-color);
}
.book0gray > div:after, .book1gray > div:after, .book2gray > div:after, .book3gray > div:after, .book4gray > div:after, .book5gray > div:after {
    background: var(--bookmark-unselected-bg-color) !important;
    color: var(--bookmark-unselected-font-color);
}
.bookscollapsed .book0 > div:after, .bookscollapsed .book1 > div:after, .bookscollapsed .book2 > div:after, .bookscollapsed .book3 > div:after, .bookscollapsed .book4 > div:after, .bookscollapsed .book5 > div:after,
.bookscollapsed .book0gray > div:after, .bookscollapsed .book1gray > div:after, .bookscollapsed .book2gray > div:after, .bookscollapsed .book3gray > div:after, .bookscollapsed .book4gray > div:after, .bookscollapsed .book5gray > div:after {
    border-bottom-width: var(--bookmark-border-width);
}

/* tree info icon */
.divInfochecked, .divInfocheckedgray, .divInfocheckedon {
    background-image: url(../obrazy/InfoChecked.png);
}

.divInfounchecked, .divInfouncheckedgray, .divInfouncheckedon {
    background-image: url(../obrazy/InfoUnchecked.png);
}

.divInfounchecked, .divInfochecked {
    filter: hue-rotate(220deg); /* brightness(1.9);*/
}

.divInfocheckedon, .divInfouncheckedon {
    filter: hue-rotate(25deg); /*brightness(1.9);*/
}

.divInfocheckedgray, .divInfouncheckedgray {
    filter: grayscale(100); /*brightness(1.9);*/
}


/* zneviditelneni tlacitek a okraju oken v tisku */
@media print{
    .tblOknoPrehledka, .tblOknoOkno, .tblOknoOknoon, .tblOknoZalozky, .tblOknoZalozkyon, .tblOknoAdresy, .tblOknoMenu,
    .lgnTableBody, .divTheme {
        border: 0 none;
    }
    .divIcoMin, .divIcoMinOn, .divIcoMinoff, .divIcoOkno, .divIcoOknoOn,
    .divIcoOknooff, .divIcoClose, .divIcoCloseOn, .divIcoCloseoff, .divIcoMinVert,
    .divIcoMinVertOn, .divIcoMinVertoff, .OverviewScale, .OverviewScaleon {
        display: none;
    }
}

/*IE11 only*/
_:-ms-fullscreen, :root .divInfounchecked {
    background: url('../obrazy/InfoUncheckedIE.png') top left no-repeat;
}
_:-ms-fullscreen, :root .divInfouncheckedgray {
    background: url('../obrazy/InfoUncheckedGrayIE.png') top left no-repeat;
}
_:-ms-fullscreen, :root .divInfouncheckedon {
    background: url('../obrazy/InfoUncheckedOnIE.png') top left no-repeat;
}

_:-ms-fullscreen, :root .divInfochecked {
    background: url('../obrazy/InfoCheckedIE.png') top left no-repeat;
}
_:-ms-fullscreen, :root .divInfocheckedgray {
    background: url('../obrazy/InfoCheckedGrayIE.png') top left no-repeat;
}
_:-ms-fullscreen, :root .divInfocheckedon {
    background: url('../obrazy/InfoCheckedOnIE.png') top left no-repeat;
}
/*End IE11 only*/

.divBgSlider {
    background-color: var(--windows-bg-color);
    border-color: var(--windows-border-color);
}

/*Error bublina */
.divAlertBubble {
    background: none;
}

.divAlertBubble {
    border: 1px solid #a9a9a9;
    background-color: rgba(180,180,180,0.8);
}

.divBeakBL {
    width: 35px;
    height: 28px;
    bottom: -18px;
    left: -26px; /*_left:-19px;*/
    background: url('../obrazy/BeakBLsilver.png') top left no-repeat;
}

.divTextWhite {
    color: var(--font-color-dark);
}

/*end Error bublina*/

/* SVG symboly do tlacitek a nahrazeni background-image pomoci masky, aby se dal symbol obarvovat */
.actionButton > div:first-child, .actionButtonon > div:first-child,
.actionButtonLong > div:first-child:not(.actionButtAppl), .actionButtonLongon > div:first-child:not(.actionButtAppl),
.actionButtongray > div:first-child,
.actionButt3DNew > div:first-child {
    /*background-position: center center;*/
    /*background-size: 59%;*/
}


.actionButtProfile, .actionButtPanorama, .actionButtCallendar, .actionButtDial, .actionButtOkDraw, .actionButtCancel, .actionButtEdit, .actionButtCustomUIDesign, .actionButtPolygon, .actionButtAppl, .actionButtFullScreen, .actionButtImport, .actionButtExport, .actionButtPlus, .actionButtInfo, .actionButtMinus, .actionButtLeft, .actionButtRight, .actionButtShape, .actionButtEarth, .actionButtReload, .actionButtGps, .actionButtTarget, .actionButtPolyline, .actionButtPolygonDraw, .actionButtRectangleDraw, .actionButtCircleDraw, .actionButtTextDraw, .actionButtGeoLoc, .actionButtQuestionSmall, .actionButtDist, .icoWin, .icoSaveIn, .icoPrintIn, .icoSettingsIn, .actionButtLogon, .actionButtQuarter {
    background-color: currentColor;
    background-image: none;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 59%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 59%;
}
.actionButtProfile{
    -webkit-mask-image: url(../obrazy/svg/profile.svg);
    mask-image: url(../obrazy/svg/profile.svg);
}
.actionButtPanorama{
    -webkit-mask-image: url(../obrazy/svg/panorama.svg);
    mask-image: url(../obrazy/svg/panorama.svg);
}
.actionButtCallendar{
    -webkit-mask-image: url(../obrazy/svg/calendar.svg);
    mask-image: url(../obrazy/svg/calendar.svg);
}
.actionButtDial{
    -webkit-mask-image: url(../obrazy/svg/openarrowr.svg);
    mask-image: url(../obrazy/svg/openarrowr.svg);
}
.actionButtOkDraw{
    -webkit-mask-image: url(../obrazy/svg/checkmark.svg);
    mask-image: url(../obrazy/svg/checkmark.svg);
}
.actionButtCancel{
    -webkit-mask-image: url(../obrazy/svg/cross.svg);
    mask-image: url(../obrazy/svg/cross.svg);
    -webkit-mask-size: 40%;
    mask-size: 40%;
}
.actionButtEdit{
    -webkit-mask-image: url(../obrazy/svg/edit.svg);
    mask-image: url(../obrazy/svg/edit.svg);
}
.actionButtCustomUIDesign{
    -webkit-mask-size: initial;
    mask-size: initial;
}
.actionButtPolygon{
    -webkit-mask-image: url(../obrazy/svg/polygon.svg);
    mask-image: url(../obrazy/svg/polygon.svg);
}
.actionButtAppl{
    -webkit-mask-image: url(../obrazy/svg/appl.svg);
    mask-image: url(../obrazy/svg/appl.svg);
    mask-position: 5px center;
    -webkit-mask-position: 5px center;
}
.actionButtFullScreen{
    -webkit-mask-image: url(../obrazy/svg/fullscreen.svg);
    mask-image: url(../obrazy/svg/fullscreen.svg);
}
.actionButtImport{
    -webkit-mask-image: url(../obrazy/svg/import.svg);
    mask-image: url(../obrazy/svg/import.svg);
}
.actionButtExport{
    -webkit-mask-image: url(../obrazy/svg/export.svg);
    mask-image: url(../obrazy/svg/export.svg);
}
.actionButtPlus {
    -webkit-mask-image: url(../obrazy/svg/plus.svg);
    mask-image: url(../obrazy/svg/plus.svg);
    -webkit-mask-size: 80%;
    mask-size: 80%;
}
.actionButtInfo {
    -webkit-mask-image: url(../obrazy/svg/info.svg);
    mask-image: url(../obrazy/svg/info.svg);
}

.actionButtMinus {
    -webkit-mask-image: url(../obrazy/svg/minus.svg);
    mask-image: url(../obrazy/svg/minus.svg);
    -webkit-mask-size: 80%;
    mask-size: 80%;
}

.actionButtLeft {
    -webkit-mask-image: url(../obrazy/svg/left.svg);
    mask-image: url(../obrazy/svg/left.svg);
}

.actionButtRight {
    -webkit-mask-image: url(../obrazy/svg/right.svg);
    mask-image: url(../obrazy/svg/right.svg);
}

.actionButtShape {
    -webkit-mask-image: url(../obrazy/svg/shape.svg);
    mask-image: url(../obrazy/svg/shape.svg);
}

.actionButtEarth {
    -webkit-mask-image: url(../obrazy/svg/earth.svg);
    mask-image: url(../obrazy/svg/earth.svg);
}

.actionButtReload {
    -webkit-mask-image: url(../obrazy/svg/reload.svg);
    mask-image: url(../obrazy/svg/reload.svg);
}

.actionButtonLong > div:first-child.actionButtDist, .actionButtonLongon > div:first-child.actionButtDist {
    -webkit-mask-image: url(../obrazy/svg/dist.svg);
    mask-image: url(../obrazy/svg/dist.svg);
    -webkit-mask-position: 5px center;
    mask-position: 5px center;
    -webkit-mask-size: 54%;
    mask-size: 54%;
}

.actionButtGps {
    -webkit-mask-image: url(../obrazy/svg/gps.svg);
    mask-image: url(../obrazy/svg/gps.svg);
}

.actionButtTarget {
    -webkit-mask-image: url(../obrazy/svg/target.svg);
    mask-image: url(../obrazy/svg/target.svg);
}

.actionButton > div:first-child.actionButtQuestionSmall, .actionButtonon > div:first-child.actionButtQuestionSmall {
    -webkit-mask-image: url(../obrazy/svg/questionmark.svg);
    mask-image: url(../obrazy/svg/questionmark.svg);
    -webkit-mask-size: 45%;
    mask-size: 45%;
}

.actionButtPolyline {
    -webkit-mask-image: url(../obrazy/svg/draw-line.svg);
    mask-image: url(../obrazy/svg/draw-line.svg);
}

.actionButtPolygonDraw {
    -webkit-mask-image: url(../obrazy/svg/draw-polygon.svg);
    mask-image: url(../obrazy/svg/draw-polygon.svg);
}

.actionButtRectangleDraw {
    -webkit-mask-image: url(../obrazy/svg/draw-rectangle.svg);
    mask-image: url(../obrazy/svg/draw-rectangle.svg);
}

.actionButtCircleDraw {
    -webkit-mask-image: url(../obrazy/svg/draw-circle.svg);
    mask-image: url(../obrazy/svg/draw-circle.svg);
}

.actionButtTextDraw {
    -webkit-mask-image: url(../obrazy/svg/draw-text.svg);
    mask-image: url(../obrazy/svg/draw-text.svg);
}

.actionButtGeoLoc {
    -webkit-mask-image: url(../obrazy/svg/geoloc.svg);
    mask-image: url(../obrazy/svg/geoloc.svg);
}

.actionButtLogon {
    -webkit-mask-image: url(../obrazy/svg/logon.svg);
    mask-image: url(../obrazy/svg/logon.svg);
}

.actionButtQuarter {
    -webkit-mask-image: url(../obrazy/svg/quarter.svg);
    mask-image: url(../obrazy/svg/quarter.svg);
}

.icoWin {
    -webkit-mask-image: url(../obrazy/Win.png);
    mask-image: url(../obrazy/Win.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.icoSaveIn {
    -webkit-mask-image: url(../obrazy/Save.png);
    mask-image: url(../obrazy/Save.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.icoPrintIn {
    -webkit-mask-image: url(../obrazy/Print.png);
    mask-image: url(../obrazy/Print.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

.icoSettingsIn {
    -webkit-mask-image: url(../obrazy/Settings.png);
    mask-image: url(../obrazy/Settings.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}
/* velke aqua buttony */
.divReload, .divReloadon, .divCancel, .divCancelon, .okButton, .okButtonon, .cancelCHButton, .cancelCHButtonon{
    background-image: none;
    border: 0 none;
    border-radius: 999px;
    box-shadow: 2px 2px 6px gray;
}
.divReload::after, .divReloadon::after, .divCancel::after, .divCancelon::after, .okButton::after, .okButtonon::after, .cancelCHButton::after, .cancelCHButtonon::after{
    background-color: currentColor;
    content: "";
    display: block;
    height: 100%;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 59%;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 59%;
    width: 100%;
}
.divReload::after, .divReloadon::after {
    -webkit-mask-image: url(../obrazy/svg/reload.svg);
    mask-image: url(../obrazy/svg/reload.svg);
}
.divCancel::after, .divCancelon::after{
    -webkit-mask-image: url(../obrazy/svg/cancel.svg);
    mask-image: url(../obrazy/svg/cancel.svg);
}
.cancelCHButton::after, .cancelCHButtonon::after{
    -webkit-mask-image: url(../obrazy/svg/cancelhl.svg);
    mask-image: url(../obrazy/svg/cancelhl.svg);
}
.okButton::after, .okButtonon::after{
    -webkit-mask-image: url(../obrazy/svg/ok.svg);
    mask-image: url(../obrazy/svg/ok.svg);
}