/*Marushka*/
:root {
    --control-bg-color: rgba(36,101,145,0.8); /*barva pozadí ovládacích prvků*/ /* změna barvy NAHLÍŽENÍ */
    --control-bg-color-active: #FFD500; /*barva pozadí aktivních ovládacích prvků nebo po najetí myši*/ /* změna barvy NAHLÍŽENÍ */
    --control-color-active: var(--font-color-dark); /*barva fontu/symbolu aktivních ovládacích prvků nebo po najetí myši*/ /* změna barvy NAHLÍŽENÍ */
    --vip-button-font-color-active: var(--font-color-dark); /* barva fontu aktivnich VIP tlacitek */ /* změna barvy NAHLÍŽENÍ */
    --font-color-light: white; /* světlé písmo - použitý pro ovladací prvky */ /* změna barvy NAHLÍŽENÍ */
    --windows-active-header-bg: var(--control-bg-color-active); /*linear-gradient(var(--control-bg-color-active),var(--windows-bg-color))*/ /* barva pozadí hlavičky aktivního okna */ /* změna barvy NAHLÍŽENÍ */
    --window-layers-bg-color: rgba(50,119,165,1); /* pozadí obsahu okna se záložkami - vrstvy atp */ /* změna barvy NAHLÍŽENÍ */
    --tree-node-expanded-bg-color: var(--control-bg-color-active); /*linear-gradient(var(--control-bg-color-active) 50%,transparent);*/ /* barva pozadí rozbalené položky stromu, která má sub-položky */ /* změna barvy NAHLÍŽENÍ */
    --link-hover-color: var(--font-color-dark); /*barva linků po najetí myši*/
    --link-visited-color: var(--control-bg-color-active); /*barva navštívených linků*/
    --windows-control-color-active: black; /* aktivni barva (po najeti kurzorem) symbolu ovladacich tlacitek close/minimalizace/maximalizace */
    --menu-color-active: var(--font-color-dark); /* barva fontu aktivní položky menu (po najetí myší) */
    --control-border: 1px solid silver; /*okraje ovládacích prvků*/
    /*--basic-spacing: 3px;*/
}

/*zakázané tl.*/
.unavailable {
    color: silver;
    text-shadow: 0px 0px;
    text-decoration: none !important;
}

/*nedostupné vrstvy*/
.divVrstvy .disabled {
    color: silver;
    text-shadow: 0px 0px;
    -webkit-filter: none;
    filter: none;
    text-shadow: 0px 0px;
    text-decoration: none;
}

/*barva aktivního tl. okna*/
.divTlacitkoOknoOn {
    color: black;
}

/*Záhlaví*/
.HeadMain {
    position: fixed;
    top: 0;
    left: 0px;
    z-index: 1;
    background: linear-gradient(90deg,rgba(36,101,145,1) 15%, rgba(162,190,208,1) 85%, transparent 100%);
    height: 45px;
    border-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(246,183,60,1) 15%, rgb(246 183 60) 70%, rgba(255,255,255,0) 100%) 10;
    border-bottom: 4px solid;
    display: flex;
    align-items: center;
    padding-left: 60px;
    padding-right: 155px;
    justify-content: center;
}

/*Standard mód*/
.HeadText { 
    font-size: 18px;
    color: var(--control-basic-color);
    height: auto;
}

/*Responzivní mód*/
@media (max-width: 1270px), (max-height: 500px)  {
 .HeadText {
     font-size: 14px;
 }
}

/*Barva textu wait záhlaví*/
.waitText {
    color: #FFD500; 
}

/*Custom ikony navigační kříž*/
.divArrowLeft::after, .divArrowRight::after, .divArrowUp::after, .divArrowDown::after {
   content: url("../obrazy/svg/cuzk_arrow.svg");
}

/*Custom ikony navigační kříž hover*/
.divArrowLeftOn::after, .divArrowRightOn::after, .divArrowUpOn::after, .divArrowDownOn::after {
   content: url("../obrazy/svg/cuzk_arrow_hover.svg");
}

/*Ikona celkový pohled*/
.icoEarth {
   content: url("../obrazy/svg/cuzk_circle.svg");
}

/*Ikona celkový pohled hover*/
.icoEarthOn {
   content: url("../obrazy/svg/cuzk_circle_hover.svg"); 
}

/*zrušení přeškrtnutí u nedostupné vrstvy*/
.treeViewLabelGray {
    text-decoration: none;
}

/*End Marushka*/

/*GS-WE*/
/* override proměnných */
:root {
    --primary-fg-color: var(--font-color-dark); /* primární barva popředí - písmo atp */
    --control-fg-color-active: var(--control-color-active); /*aktivní barva ovládacích prvků*/
    --control-bg-color-hover: var(--control-bg-color-active); /*pozadí po najetí myši */
    --control-basic-color: var(--control-color); /* barva textu ovládacích prvků - button*/
    --control-basic-bg-color: var(--control-bg-color); /* pozadi pro prvky typu button */
    --treeview-item-expanded-bg-color: var(--tree-node-expanded-bg-color); /* pozadi rozbalene skupiny vrstev */
    --textfield-fg-color: var(--primary-fg-color); /*barva textu text a comboboxů*/
    --basic-window-header-color: var(--control-basic-color); /*barva textu záhlaví nezaostřených oken*/
    --link-color: var(--control-basic-bg-color);
    --link-hover-color: var(--control-bg-color-hover);
    --link-visited-color: var(--control-basic-bg-color);
    --treeview-item-bg-color: rgba(128,128,128,0);
    --tree-node-expanded-bg-color: rgba(128,128,128,0);
}

/*Na vybrané vrstvě je třeba link přebarvit*/
.treeViewItem:hover a:hover, .treeViewItemSelected a:hover { 
    color: var(--control-basic-bg-color);
}

/*Na vybrané/hover vrstvě je třeba nastavit šedivou barvu*/
.treeViewItem:hover .treeViewLabelGray {
    color: var(--treeview-item-color-disabled);
}

/*Nast. šířky a odsazení VIP panelu vrstev*/
.vipOuterBox {
    /*margin-left: 200px;*/
    width: 25px;
    margin-top: 10px;
}

/*Schovat záhlaví modulů v záložkách, okně*/
[data-module-id='Modules.LocalizeQueryMarushka'] .basic-window-header, [data-module-id='Modules.InfoQuery'] .basic-window-header, [data-module-id='Modules.Legend'] .basic-window-header {
    display: none;
}

/*Odsazení hlavního menu*/
[data-module-id='Modules.ToolBarMenu'] {
    margin-top: 0px;
    margin-left: 5px;
    z-index: 2;
}

/*Zmenšení hl. tlačítka menu*/
[data-module-id='Modules.ToolBarMenu'] .basic-button.float-button { 
    --control-basic-size: 32px;
    border: 1px solid #c5c5c5;
}

/*Odsadit populární dotaz od hlavičky doprava*/
[data-module-id='Modules.LocalizeQueryMarushkaVIP'] { 
    margin-left: 140px;
    z-index: 3;
}

/*Box s populárním dotazem zarovnat nahoru*/
#app-container #mapVisibleBox .top-box {
    margin-top: -5px;
}

/*Nezobrazovat tlačítka myši na mob. zařízeních*/
.mobile-button-box > .escButton, .mobile-button-box > .leftMouseButton, .mobile-button-box > .rightMouseButton {
    display: none;
}

/*U prvního modulu zrušeno odsazení*/
[data-layout-container='bottom'] ~ .basic-window { 
    margin-top: -5px;
}

/*První modul zarovnat doleva*/
#Modules\.ToolBarView { 
    margin-left: -5px;
}

/*Velikost custom obrázků populárních tlačítek vrstev*/
.vipPanel img { 
    min-width: 52px;
    min-height: 52px;
}

/*Velikost custom populárních tlačítek vrstev*/
.vipPanel .basic-button {
    min-width: 62px;
    min-height: 62px;
}

/*Při startu schovaná tlačítka VIP vrstev*/
.vipPanel span
{
    display: none;
}

/*Mobilní zařízení*/
@media (max-width: 440px) {
    /*Odsazení hl. menu*/
    [data-module-id='Modules.ToolBarMenu'] {
        margin-left: 0px;
    }

    /*Odsazení VIP vrstev*/
    [data-module-id='Modules.LocalizeQueryMarushkaVIP'] {
        margin-left: 0;
    }

    /*Zmenšení tl. VIP vrstev*/
    .vipPanel .basic-button {
        min-width: 38px;
        min-height: 38px;
    }

    /*Zmenšení obrázků tl. VIP vrstev*/
    .vipPanel img {
        min-height: 32px;
        min-width: 32px;
        width: 32px;
    }

    /*schová scale combo a tl. historie*/
    div#Modules\.ToolBarView .combo-box-input, div#Modules\.ToolBarView .combo-box-input + button, div#Modules\.ToolBarView .combo-box-input + button + button, .fullScreen {
        display: none;
    }
}

    /*End GS-WE*/