:root {
    --font-family: Arial, Helvetica, sans-serif; /*Styl fontu*/
    --control-bg-color: rgba(20,51,106,0.8); /*barva pozadí ovládacích prvků*/
    --control-bg-color-active: rgb(192,155,106); /*barva pozadí aktivních ovládacích prvků nebo po najetí myši*/
    --vip-button-bg-color: rgba(20,51,106,0.8); /* barva pozadí VIP tlacitek */
    --control-corner-radius: 3px; /* poloměr zaoblení rohů ovladacích prvků - tlačítka v lištách, v oknech, scale bar */
    --font-color-light: rgb(249,249,249); /* světlé písmo - použitý pro ovladací prvky */
    --font-color-dark: rgb(192,155,106); /* tmavé písmo - použitý pro nadpisy oken, souřadnice */
    --menu-bg-color: rgba(50,50,50,0.9); /* barva pozadí menu */
    --windows-bg-color: rgba(20,51,106,0.9); /* 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 */
    --window-layers-bg-color: rgba(20,51,106,0.9); /* pozadí obsahu okna se záložkami - vrstvy atp */
    --windows-border-width: 1px; /* tloušťka orámovaní oken */
    --windows-border-radius: 4px; /* poloměr zaoblení rohů oken */
    --link-color: rgba(249,249,249,0.9); /*barva linků*/
    --link-hover-color: rgba(192,155,106,0.9); /*barva linků po najetí myši*/
    --link-visited-color: rgba(249,249,249,0.5); /*barva navštívených linků*/
    --windows-content-iframe-bg-color: rgba(20,52,106,0.9); /*pozadí okna obsahu iframe*/
}

body {
    font-family: var(--font-family, Arial, Helvetica, sans-serif);
    font-size: 0.75em;
    color: rgb(249,249,249);
    font-weight: bold;
    overflow: hidden;
    margin: 0;
    padding: 0;
    /* Přepsání původního pozadí */
    background: linear-gradient(rgba(20,51,106,.93), rgba(200,200,200,0.9)) no-repeat center center fixed !important;
    background-size: cover !important;
    }
.divMapInner {
    border: var(--windows-border-width) solid var(--windows-border-color);
}

.divAlertBubblegray {
    padding-top: 20px;
    background-size: cover;
    border: 1px solid white;
}
.divText {
   border: none;
}

.snowflake {
    position: fixed;
    top: -10px;
    color: white;
    font-size: 12px;
    user-select: none;
    pointer-events: none;
    animation-name: fall;
    animation-timing-function: linear;
    z-index: 999999; /* přidáno – zobrazí nad Marushkou */
  }

  @keyframes fall {
    0% {
      transform: translateY(-10vh);
      opacity: 0;
    }
    10% {
      opacity: 1;
    }
    100% {
      transform: translateY(110vh);
      opacity: 0.9;
    }
  }
/*zarovnava tlacitka vyberu temat doprava*/
#VipPanel{
    flex-flow: row;
}
#VipPanel .left-col-flex{
    flex: 1 1 auto;
}
#VipPanel .right-col-fix{
    position: fixed;
    right: 11px;
    top: 30px;           /* uprav podle výšky hlavičky */
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

.divTlacitkoVipLeft.hckd-button.active{
    background-color: var(--control-bg-color-active);
}
.divTlacitkoVipLeft.hckd-button:hover {
    background-color: var(--control-bg-color-active);
}

.VipPanel {
	left: 2px !important;
}

.HeadPanelIn, .QuarterPanelIn {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin:5px;
	background-color: rgba(20,51,106,0.1);
	border: none !important;
	outline: none !important;
	font-family: Arial, Helvetica, sans-serif;
}
.HeadPanelIn {
	margin-bottom:0px;
	border-radius: 5px;
}

.HeadText {
	height: 14px;
	padding-top:2px;
	text-align:left;
	padding-left: 6px;
	font-size: 11px;
}
.HeadText a {
    color: rgba(249,249,249,0.9);
}

.HeadText a:hover {
    color: rgba(170,170,170,0.9) !important;
}

.HeadText a:visited {
    color: rgba(249,249,249,0.5) !importnat;
}

.HeadName {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	color: rgb(192,155,106);
	font-size: 16px;
}

table.infoCustom td /*MEU PCE custom info table*/
{
    border:1px solid black;
    color:#2D4156;
}

  /* Tlačítko – pozice podle velikosti obrazovky */
  .mz-float-btn{
    position: fixed;
    top: 68px;      /* velká obrazovka: 150 px od horního okraje */
    left: 10px;      /* vlevo */
    z-index: 2147483647; /* Vždy nad mapou */
    padding: 5px 10px;
    border-radius: 4px;
    border: rgba(20,51,106,.9) solid 1px;
    background: rgba(192, 155, 106, 0.9);
    color: rgb(249,249,249);
    font-size: 13px;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0 2px 10px rgba(0,0,0,.25);
  }
/* Popup box – vždy nad mapou, zarovná se pod tlačítko */
  .mz-popup{
    position: fixed;
    display: none;
    z-index: 2147483646; /* těsně pod tlačítkem */
    max-width: min(92vw, 380px);
    max-height: min(70vh, 520px);
    overflow: auto;
    background: rgba(20,51,106,.8);
    color: rgb(249,249,249);
    border-radius: 6px;
    padding: 5px 6px;
    box-shadow: 0 8px 24px rgba(0,0,0,.35);
    pointer-events: auto;
  }
} 

@media (max-width: 800px) {
    body {
	background:transparent;
	}
    #HeadPanel {
	background-color: rgba(20,51,106,.8);
	}
    .HeadName {
	left: auto;              /* zruší centrování */
	right: 4px;              /* odsazení od pravého okraje */
	bottom: 1px;
	transform: none;         /* zruší translateX */
	}
     .mz-float-btn{
	top: auto; 
	left: 10px;
	right: auto;          /* malá obrazovka: vpravo */
	bottom: 54px;        /* 200 px od spodního okraje */
    	}
     }
.ZUL {
	font-family: Arial, Helvetica, sans-serif;
}
.ZUL h2 {
	font-size: 11px;
	color: rgb(192,155,106);
}
.ZUL td {
	padding: 2px;
	font-size: 10px;
}
.poradi{
	width: 50px;
	height: 4px;
}
.Ich {
	background-color: rgb(0,142,0);
}
.IIch {
	background-color: rgb(0,107,107);
}
.IIIch {
	background-color: rgb(178,0,0);
}
.IVch {
	background-color: rgb(178,81,0);
}
.IK {
	background-color: rgb(0,253,0);
}
.IIK {
	background-color: rgb(0,251,251);
}
.IIIK {
	background-color: rgb(255,0,0);
}
.IVK {
	background-color: rgb(255,166,0);
}
.IIC {
	background-color: rgb(0,137,137);
}
.IIIC {
	background-color: rgb(228,0,0);
}
.IZ {
	background-color: rgb(138,209,138);
}
.IIZ {
	background-color: rgb(107,163,163);
}
.IIIZ {
	background-color: rgb(255,168,168);
}