:root {
  /* Primární barvy */
  --color-primary-50: #f3f7fc;
  --color-primary-100: #e5eef9;
  --color-primary-200: #c5dbf2;
  --color-primary-300: #93bde6;
  --color-primary-400: #599bd7;
  --color-primary-500: #337fc4;
  --color-primary-600: #2362A2;
  --color-primary-700: #1e5086;
  --color-primary-800: #1d456f;
  --color-primary-900: #1d3c5d;
  --color-primary-950: #13263e;
  --color-primary-1000: #0f1f33;
  --color-primary-1050: #010409;
  
   /* Sekundární barvy */
  --color-secondary-50: #fef9f9;
  --color-secondary-100: #fff6e1;
  --color-secondary-200: #fef0d0;
  --color-secondary-300: #fde1a1;
  --color-secondary-400: #ffcf74;
  --color-secondary-500: #fbc342;
  --color-secondary-600: #fab413;
  --color-secondary-700: #c8900f;
  --color-secondary-800: #af7a00;
  --color-secondary-900: #4a3403;
  --color-secondary-950: #3d2b00;
  --color-secondary-1000: #241B04;
  
  /* Neutrální barvy */
  --color-neutral-0: #ffffff;
  --color-neutral-50: #f6f6f6;
  --color-neutral-100: #e7e7e7;
  --color-neutral-200: #d1d1d1;
  --color-neutral-300: #b0b0b0;
  --color-neutral-400: #888888;
  --color-neutral-500: #6d6d6d;
  --color-neutral-600: #5d5d5d;
  --color-neutral-700: #4f4f4f;
  --color-neutral-800: #454545;
  --color-neutral-900: #3b3b3b;
  --color-neutral-950: #262626;
  --color-neutral-1000: #000000;
  --color-neutral-transparent: rgba(255, 255, 255, 0);
  
  /* Akcentní barvy */
  /* Červená */
  --color-error-50: #fef2f2;
  --color-error-100: #fde3e3;
  --color-error-200: #fccccc;
  --color-error-300: #f8a9a9;
  --color-error-400: #f37676;
  --color-error-500: #e84b4b;
  --color-error-600: #c62828;
  --color-error-700: #7e1414;
  --color-error-800: #490c0c;
  --color-error-900: #300606;
  --color-error-950: #240303;
  
  /* Žlutá */
  --color-warning-50: #fefbe8;
  --color-warning-100: #fef7c3;
  --color-warning-200: #feed8a;
  --color-warning-300: #fdd835;
  --color-warning-400: #fac615;
  --color-warning-500: #eaad0b;
  --color-warning-600: #ca8504;
  --color-warning-700: #e49400;
  --color-warning-800: #be7d02;
  --color-warning-900: #6b4a0d;
  --color-warning-950: #432e06;
  --color-warning-1000: #2a1b00;
  
  /* Zelená */
  --color-success-50: #f3faf3;
  --color-success-100: #e2f6e3;
  --color-success-200: #c7ebc9;
  --color-success-300: #9bda9e;
  --color-success-400: #67c16b;
  --color-success-500: #42a547;
  --color-success-600: #2e7d32;
  --color-success-700: #2a6b2d;
  --color-success-800: #265529;
  --color-success-900: #204724;
  --color-success-950: #0d260f;
  --color-success-1000: #061b08;
  
  /* Sémantické barvy */
  --gov-color-success: var(--color-success-500);
  --gov-color-warning: var(--color-warning-500);
  --gov-color-danger: var(--color-danger-500);
  --gov-color-info: var(--color-primary-500);
  
  --color-focus-300: #6caef4;
  --color-focus-600: #007bff;
  --color-visited-300: #C4a7e6;
  --color-visited-600: #67329e;
  --color-visited-700: #60306b;
  
  /* Barvy pro odkazy */
  --gov-color-link: var(--color-primary-700);
  --gov-color-link-hover: var(--color-primary-800);
  --gov-color-link-visited: #551a8b;
  
  /* Barvy pozadí a textu */
  --gov-color-background-body: var(--color-neutral-100);
  --gov-color-text-body: var(--color-neutral-900);
  --gov-color-text-heading: var(--color-neutral-900);
  --gov-color-button-primary: var(--color-primary-700);
  --gov-color-button-secondary: #ffffff;
  
  /* Barvy pro stav tlačítek */
  --gov-color-button-hover: var(--color-primary-800);
  --gov-color-button-active: var(--color-primary-900);
  --gov-color-button-focus: var(--color-primary-300);
  
  --banner-h: 136px;
  --media-w: 210px;        /* užší výřez jako ve figmě (zkoušej 200–230) */
  
  --arc-rx: 200px;              /* vodorovný poloměr elipsy */
  --arc-ry: 180px;              /* svislý poloměr */
  --arc-spill: 34px;            /* kolik přesáhne maska ven doprava */
  --arc-width: calc(var(--arc-rx) * 2 + var(--arc-spill)); /* musí být ≥ 2*rx */
  --rim-w: 2px;                 /* tloušťka lemu */
  
  --img-zoom: 3;
}

@page {
  margin-bottom: 2cm;
  @bottom-center {
    content: "Stránka " counter(page) " z " counter(pages);
    font-size: 10px;
    color: grey;
  }
}

.print {
  padding-left:15px;
  padding-right:15px;
  font-family: Arial, sans-serif !important; /* Nebo jakýkoliv defaultní font */
  font-size: 16px !important;       /* Případně uprav podle potřeby */
  font-weight: normal !important;
  font-style: normal !important;
}


.print .bi,
.print [class^="bi-"],
.print [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: never;
  font-size: inherit !important;
  line-height: 1 !important;
  vertical-align: -.125em !important;
}

.my-title {
  font-size: 26px;
  color: #800000;
}

.nadpis {
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

.h1.nadpis {
  min-height: 1rem;
  font-size: 2.5rem;
}

.h2.nadpis{
  font-size: 2rem;
}

.h3.nadpis{
  font-size: 1.5rem;
}

.h4.nadpis{
  font-size: 1.25rem;
}

.h5.nadpis{
  font-size: 1.125rem;
}


h1, h2, h3, h4, h5 {
  line-height: 1.28571429em;
  margin: calc(2rem -  0.14285714em ) 0em 1rem;
  font-weight: bold;
  padding: 0em;
}

h1 {
  min-height: 1rem;
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
  margin-top: 0em;
}

h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
  margin-bottom: 0em;
}

h1.mnc.header {
  font-size: 2.5rem;
}

h2.mnc.header {
  font-size: 2rem;
}

h3.mnc.header {
  font-size: 1.5rem;
  font-weight: 500;
}

h4.mnc.header {
  font-size: 1.25rem;
}

h5.mnc.header {
  font-size: 1.125rem;
}

.mnc.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
  font-size: 1.28571429em;
}

/*velikost ikon*/
i.icon.huge::before {
    font-size: 3.5rem;
}

.infobar-primary-subtle i.icon {
  height: auto !important;
}

/*h2 {
  font-size: 36px;
  padding: 10px 10px 10px 50px;
}*/

.mnc.button>.icon:not(.button) {
    color: "";
    height: unset !important;
    opacity: .8;
    -webkit-transition: opacity .1sease;
    transition: opacity .1sease;
    vertical-align: "";
}

.panel-header {
  padding: 10px 10px 10px 50px!important;
  position: sticky;
  top: 0;
  width: 100vw;
  background-color: var(--color-primary-600);
  color: var(--color-neutral-0);
}

.panel-header.default .mnc.header {
  color: var(--color-primary-600);
}

.panel-header.default {
  padding: 10px 10px 10px 50px!important;
  position: sticky;
  top: 0;
  width: 100vw;
  background-color: var(--color-neutral-0);
  color: var(--color-primary-600);
}

body {
  background-color: var(--color-neutral-50);
}

#content {
    padding: 0px;
}

/*.mnc.grid { 
  padding: 0px 10px 0px;
}*/

.panel-lev-bg .mnc.header {
  color: var(--color-neutral-0);
}

.panel-lev-bg {
  margin: 40px 5px !important;
  position:relative;
  display:flex;
  align-items:center;
  gap:24px;
  padding: 24px !important;
  min-height: 300px;
  border-radius:32px;
  overflow:hidden;
  color:var(--color-neutral-0);
  background:
    /*radial-gradient(120% 140% at 35% -20%, rgba(255,255,255,.10) 0 60%, transparent 61%),*/
    /*radial-gradient(120% 120% at 75% 120%, rgba(0,0,0,.18) 0 60%, transparent 61%),*/
    linear-gradient(64.58deg, var(--color-primary-500) 0.52%, var(--color-primary-900) 62.59%);
  box-shadow:0 2px 4px rgba(0,0,0,.3);
}

.panel-lev-bg.lev-pixel::after {
  --lev-x: 60px;   /* odsazení od pravého okraje */
  --lev-y: 0px;  /* posun dolů (záporné = „pod“ panel) */
  --lev-h: 100%;    /* relativní výška lva k panelu */

  content: "";
  position: absolute;
  inset: 0;                  /* pseudo-element přes celý panel */
  background: url("images/lev-pixel.svg")
             right var(--lev-x) bottom var(--lev-y) / auto var(--lev-h) no-repeat;
  image-rendering: pixelated;
  pointer-events: none;      /* ať neblokuje kliky */
  z-index: 0;                /* pod textem, nad gradientem */
}

@media (max-width: 1400px) {
  .panel-lev-bg.lev-pixel::after {
    content: none;           /* pseudo-element se vůbec nevytvoří */
  }
}

.panel-lev-bg > * { position: relative; z-index: 1; }

/*.lev-pixel {
  background-image: url('images/lev-pixel.svg');
  background-size: cover;  Dynamické přizpůsobení velikosti 
  background-repeat: no-repeat;               NEopakovat 
  background-position: right 24px bottom;     ukotvi vpravo dole + odsazení 
  background-size: auto 100%;  
}*/

/*zaloha panelu se lvem
/*.panel-lev-bg {
  background-image: url('images/banner_new.svg');
  background-size: cover;  Dynamické přizpůsobení velikosti 
  border-radius: 3rem;  Zaoblení rohů 
  padding: 2rem!important;
  display: flex!important;
  align-items: center!important; zakomentovano celé
  justify-content: space-between;
  color: var(--color-neutral-0);
  margin: 1rem 0!important;
  padding: 64px;
  height: 30vh;
  min-height: 300px;    MKa - minimální hodnoty, kvůli chybnému zobrazení v nižších rozlišení 
  min-width: 900px;     minimální šířka 
  height: 360px;  Nastavte požadovanou výšku zakomentovano
}*/

.panel-footer {
    /*position: fixed;  /* Udrží patičku vždy dole */
    /*bottom: 0;        /* Umístí patičku na dolní okraj */
    width: 100%;      /* Roztáhne patičku na plnou šířku okna */
    background-color: var(--color-primary-900); /* Barva pozadí patičky */
    padding: 50px 0px;    /* Vnitřní odsazení patičky */
    box-sizing: border-box; /* Zahrne padding a border do celkové šířky */
    z-index: 1000;    /* Udrží patičku nad ostatním obsahem */
    color: var(--color-neutral-0);
    /*border-top: 2px solid #B9B9B9; /* Jemné orámování pro oddělení patičky od obsahu */
}

h4.footer {
    font-size: 20px;
    color: var(--color-neutral-0)!important;
}

a.detail-zadosti {
  color: var(--color-neutral-700);
  text-decoration: underline;
}

a.detail-zadosti-zavrit {
  color: var(--color-neutral-700);
}

a.footer {
  color: var(--color-neutral-0);
  text-decoration: underline;
}

a.footer:hover {
  color: var(--color-primary-200);
  text-decoration: underline;
}

.mnc-modal {
    background-color: #fff;
    border-radius: 8px;
    font-size: 1rem;
    margin: 0 auto;
    padding: 30px;
    position: relative;
    z-index: 2001;
}

.mnc.input>input {
  border-color: var(--color-neutral-700);
  border-radius: 8px;
}

.mnc.input > input:active {
  border-color: var(--color-neutral-700);
  background: var(--color-neutral-0);
  color: var(--color-neutral-950);
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea, input:not([type]), input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], textarea {
  border-radius: 8px;
  border-color: var(--color-neutral-700);
}

textarea:focus, input:not([type]):focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, 
input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="text"]:focus, input[type="file"]:focus, input[type="url"]:focus {
    border-color: var(--color-neutral-700);
    border-radius: 8px; /* Zaokrouhlení rohů */
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
}

.mnc.form .field.error textarea, .mnc.form .field.error select, .mnc.form .field.error input:not([type]), .mnc.form .field.error input[type="date"], .mnc.form .field.error input[type="datetime-local"],
.mnc.form .field.error input[type="email"], .mnc.form .field.error input[type="number"], .mnc.form .field.error input[type="password"], .mnc.form .field.error input[type="search"],
.mnc.form .field.error input[type="tel"], .mnc.form .field.error input[type="time"], .mnc.form .field.error input[type="text"], .mnc.form .field.error input[type="file"], 
.mnc.form .field.error input[type="url"] {
  background: var(--color-neutral-0);
  border-color: var(--color-error-600);
  color: #b32222;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.mnc.form .field label.error {
    color: #b32222;
    font-weight: 400;
    margin-top: 5px;
}

.mnc.disabled.dropdown, .mnc.dropdown .menu>.disabled.item {
    cursor: default;
    /*opacity: .45;*/
    border-radius: 8px;
    border-color: var(--color-neutral-100);
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-300);
    pointer-events: none;
}

.mnc.selection.dropdown:focus {
    border-color: var(--color-neutral-700);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
}

.mnc.field.focused .mnc.selection.dropdown {
  border-color: var(--color-neutral-700);
}



.panel-tabulky-uvodni {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  background-color: var(--color-neutral-0);
  padding: 10px;
  margin: 3px!important;
  box-sizing: border-box;
  min-width: calc(50% - 6px)!important;
  flex: 1;
  min-height: 150px;
}

.cards {
    border-radius: 16px;
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 220px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-login {
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    border-radius: 8px !important;
    margin: 10px !important;
    box-sizing: border-box;
    /*flex: 1;  Každá karta bude mít stejnou šířku */
    /*min-height: 260px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column;  /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-login-podsekce {
    padding: 10px !important;
    cursor:pointer;
    margin: 0 8px !important;
}

.cards-login-podsekce:hover {
  border-radius: 8px !important;
  background-color: var(--color-primary-100);
}

/*.cards-login:hover {
  background-color: var(--color-neutral-100);
  cursor:pointer;
}*/

.cards-repeater-grid-placer {

}

.cards-repeater-grid-placer > :first-child {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
}

.cards-repeater-height,
.cards-repeater-height :not(.cards-small){
  height: 100%;
}

.cards-small * {
  height: auto !important;
}

h4.mnc.header.cards {
  all: unset;
  margin:0!important;
  font-weight: 700;
  padding: 0!important;
  color: var(--color-primary-600);
}

a.cards-text {
  color: var(--color-neutral-950);
}

a.cards-text-aktuality {
  color: var(--color-primary-600);
  font-weight: 600;
}

.cards-small {
      height: 100%;
  min-height: 0;
  background-color: var(--color-neutral-0);
  padding: 16px !important;
  margin: 3px !important;
  color: var(--color-neutral-1000);
  border-radius: 16px;
    /*border-radius: 16px;
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    min-width: calc(25% - 6px);  Čtvrtinová šířka s mezery 
    flex: 1;  Každá karta bude mít stejnou šířku 
    min-height: 120px;  Zajišťuje minimální výšku 
    display: flex;  Umožňuje zarovnání obsahu uvnitř 
    flex-direction: column;  Obsah zarovnán ve sloupcích 
    justify-content: space-between;  Rovnoměrné rozložení obsahu vertikálně */
}

.cards-small-aktuality {
    border-radius: 16px;
    background-color: var(--color-neutral-0);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 200px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-comments {
    border-radius: 16px;
    background-color: var(--color-neutral-50);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-comments-answer {
    border-radius: 16px;
    border: 1px solid var(--color-neutral-100);
    background-color: none;
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.cards-comments-solved {
    border-radius: 16px;
    background-color: var(--color-primary-50);
    padding: 16px !important;
    margin: 3px !important;
    box-sizing: border-box;
    /*min-width: calc(25% - 6px); /* Čtvrtinová šířka s mezery */
    flex: 1; /* Každá karta bude mít stejnou šířku */
    min-height: 120px; /* Zajišťuje minimální výšku */
    display: flex; /* Umožňuje zarovnání obsahu uvnitř */
    flex-direction: column; /* Obsah zarovnán ve sloupcích */
    justify-content: space-between; /* Rovnoměrné rozložení obsahu vertikálně */
}

.container {
    display: flex; /* Umožňuje zarovnání karet vedle sebe */
    gap: 16px; /* Mezera mezi kartami */
    flex-wrap: wrap; /* Pokud se nevejdou na jednu řádku, přesunou se na další */
}

h4.mnc.header.cards {
  all: unset;
  margin:0!important;
  font-weight: 700;
  padding: 0!important;
  color: var(--color-primary-600);
}

i.icon.primary {
  color: var(--color-primary-600)!important;
}


.panel-tabulky {
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  border-radius: 8px;
  border: 1px solid var(--color-neutral-100);
  background-color: var(--color-neutral-0);
  padding: 10px;
  box-sizing: border-box;
  margin: 3px!important;
  flex: 1; /* Přizpůsobí šířku panelu dostupnému prostoru */
}

.panel-tabulky-rozcestnik {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #DDDDDD;
  background-color: var(--color-neutral-0);
  padding: 10px;
  box-sizing: border-box;
  margin: 3px!important;
  flex: 1; /* Přizpůsobí šířku panelu dostupnému prostoru */
  min-height: 350px;
}

.panel-tabulky-rozcestnik h3 {
    height: 50px; /* nebo jakákoliv vhodná výška */
}

.info {
  font-weight: 400;
  font-size: 16px;
  line-height:24px;
  padding: 16px, 24px, 16px, 24px;
  
}

.info.info-label {
  background: #ECF7FF;
  color: var(--color-primary-600);
}

.info.info-black {
  color: black;
}

.orez-text {
  white-space: nowrap;         /* Text zůstane v jednom řádku */
  overflow: hidden;            /* Skryje přečnívající obsah */
  text-overflow: ellipsis;     /* Přidá "…" na konec textu */
  width: 100%;             /* Aby se přizpůsobil šířce rodiče */
  display: inline-block;       /* Potřebné pro fungování max-width a overflow */
  min-width:0;
}

td[data-widget-name="lblProjekt"] {
  min-width: 0; /* tohle je zásadní */
  max-width: 1px;              /* hack pro umožnění smrštění */
  overflow: hidden;            /* schová přetékající obsah */
  white-space: nowrap;         /* ať se neroztahuje kvůli obsahu */
}

/*pagination a combobox záznamů na stránku*/
.mnc.pagination.menu .gap.item, .mnc.pagination.menu .rows-per-page.item {
    padding: .1em .2em;
    z-index:1001;
}

/*dropdown výběr ve filter row*/
.mnc.multiple.dropdown>.label {
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
    background: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-300);
    border-radius: 8px;
    display: inline-block;
    font-size: 1em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    padding: .35714286em .78571429em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    white-space: break-spaces;
}

i.icon.delete:before {
  font-family:bootstrap-icons!important;
  content: "\f659";
  color: var(--color-primary-600);
}

/*vytažení select/comboboxu nad patičku*/
.mnc.active.upward.selection.dropdown, .mnc.upward.selection.dropdown.visible {
    border-radius: 8px!important;
}
.mnc.active.selection.dropdown {
    /*min-width: 0;*/
    /*border-top-right-radius: 8px!important;
    border-top-left-radius: 8px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;*/
    outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
    outline-offset: 2px; /* Velikost mezery */
    border-radius:8px;
    z-index:1001;
}

.mnc.compact.selection.dropdown {
    /*min-width: 0;*/
    border-radius: 8px;
    border-color: var(--color-neutral-700);
    margin-right: 5px;
}

.mnc.selection.active.dropdown .menu {
    border-color: var(--color-neutral-700)!important;
    border-radius: 8px;
    max-width: 240px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    white-space: break-spaces;
    /*border-top-right-radius: 0!important;
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 8px!important;
    border-bottom-right-radius: 8px!important;*/
}

.mnc.multiple.search.dropdown {
  cursor: text;
  border-radius: 8px;
  border-color: var(--color-neutral-700);
}

.mnc.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  background-color: var(--color-neutral-0);
  display: inline-block;
  color: var(--color-neutral-500);
  border: 1px solid var(--color-neutral-700);
  border-radius: 8px;
}

.mnc.selection.dropdown:hover {
  border: 1px solid var(--color-neutral-700);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*paddingy pro repeatery*/
.mnc.grid>.column {
    padding-bottom: unset;
    padding-top: unset;
}

/*hover efekt tabulky*/
.table-row-hover tbody tr:hover {
  background-color: var(--color-neutral-100); /* Světle šedá barva pro zvýraznění */
  cursor: pointer; /* Ukáže ručičku jako u odkazů */
}

.table-row-warning {
  background-color: var(--color-primary-50);
}

/* Výjimka pro datepicker */
.rdtPicker tbody tr:hover {
  background-color: inherit; /* Zachová původní pozadí */
  cursor: default; /* Použije standardní kurzor */
}


/*radiogroup design egov*/
.mnc.column.field.widget.widget-radiobutton.mnc.button .mnc.checkbox.radio {
    padding: 6px;
    width: 100%;
}

.mnc.button.widget-radiobutton.button {
  height: 32px;
  /*padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
  font-size: 12px; /* Velikost písma */
  font-family: Roboto, sans-serif; /* Rodina písma */
  cursor: pointer; /* Ukazatel myši jako ruka */
  display: block!important; /* Zobrazení jako blok */
  text-align: center; /* Centrování textu */
  text-decoration: none; /* Žádná dekorace textu */
  line-height: 0.8; /* Výška řádku */
  margin: 0px 5px !important;
  white-space: nowrap;
  background-color: unset;
  color: var(--color-primary-600);
  background-image: none;
  border-radius: 16px; /* Zaokrouhlené rohy */
  border: 1px solid var(--color-primary-600);
}

.mnc.buttons .widget-radiobutton.button.first-left {
  background-color: none; /* Barva pozadí */
  color: var(--color-primary-600); /* Barva textu */
  height: 32px;
  /*padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
  border: 1px solid var(--color-primary-600); /* Žádné okraje */
  border-radius: 16px; /* Zaokrouhlené rohy */
  font-size: 12px; /* Velikost písma */
  font-family: Roboto, sans-serif; /* Rodina písma */
  cursor: pointer; /* Ukazatel myši jako ruka */
  display: block!important; /* Zobrazení jako blok */
  text-align: center; /* Centrování textu */
  text-decoration: none; /* Žádná dekorace textu */
  line-height: 0.8; /* Výška řádku */
  margin: 0px 5px !important;
  white-space: nowrap;
}

.mnc.buttons .widget-radiobutton.button.last-right {
  border-radius: 16px;
  background-color: unset; /* Barva pozadí */
  color: var(--color-primary-600); /* Barva textu */
  height: 32px;
  /*padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
  border: 1px solid var(--color-primary-600); /* Žádné okraje */
  border-radius: 16px; /* Zaokrouhlené rohy */
  font-size: 12px; /* Velikost písma */
  font-family: Roboto, sans-serif; /* Rodina písma */
  cursor: pointer; /* Ukazatel myši jako ruka */
  display: block!important; /* Zobrazení jako blok */
  text-align: center; /* Centrování textu */
  text-decoration: none; /* Žádná dekorace textu */
  line-height: 0.8; /* Výška řádku */
  margin: 0px 5px !important;
  white-space: nowrap;
}

.mnc.buttons .widget-radiobutton.button.first-left:hover {
  background-color: var(--color-primary-100); /* Barva pozadí */
}

.mnc.buttons .widget-radiobutton.button.last-right:hover {
  background-color: var(--color-primary-100); /* Barva pozadí */
}

.mnc.button.widget-radiobutton.button:hover {
    background-color: var(--color-primary-100); /* Barva pozadí */
}

.mnc.active.button.widget-radiobutton.button {
    background-color: var(--color-primary-600);
    color: var(--color-neutral-0);
    background-image: none;
}

.mnc.active.button.widget-radiobutton.button.first-left {
    background-color: var(--color-primary-600);
    color: var(--color-neutral-0);
    background-image: none;
}

.mnc.active.button.widget-radiobutton.button.last-right {
    background-color: var(--color-primary-600);
    color: var(--color-neutral-0);
    background-image: none;
}

.mnc.column.field.widget.widget-radiobutton.mnc.button .mnc.radio.checkbox label {
    padding-left: 0;
    color: unset;
    font-weight: 400!important;
}
/*konec radiogroup design egov*/


/*úprava icon pro button*/
.mnc.button>.icon:not(.button) {
    opacity: 1;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    vertical-align: bottom;
}
/*úprava icon vlevo pro button*/
.mnc.button:not(.icon)>.icon:not(.button):not(.dropdown), .mnc.button>.flag:not(.icon) {
    margin: 0 .42857143em 0 -.21428571em !important;
}

/*úprava icon vpravo pro button*/
.mnc.button:not(.icon)>.right-placed.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em !important;
}

.mnc.button.error {
  background: var(--color-error-600);
  color: var(--color-neutral-0)!important;
  font-weight: unset;
  width: 100%; /* Snížení šířky */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: 8px;
  border: 1px solid var(--color-error-600);
}

.mnc.button.neutral-link {
  background: none;
  color: var(--color-neutral-950);
  text-decoration: underline;
  font-weight: 700;
  width: 100%; /* Snížení šířky */
  padding: 8px 3px; /* Přidání horního a spodního odsazení */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: unset;
}

.mnc.button.neutral-link:hover {
  text-decoration: unset;
}

.mnc.button.comments {
  background: none;
  color: black;
  font-weight: unset;
  width: 100%; /* Snížení šířky */
  padding: 8px 3px; /* Přidání horního a spodního odsazení */
  justify-content: space-between; /* Ikona zarovnaná vpravo */
  display: flex;
  border-radius: unset;
}

/* Přidání oddělovače mezi položkami */
.mnc.button.comments:not(:last-child) {
  border-bottom: 1px solid #eee;
}

/* Zvýraznění při najetí myší */
.mnc.button.comments:hover {
  background: #f5f5f5;
}

/*primary button*/
.mnc.primary.button {
background: var(--color-primary-600);
border-radius: 8px;
white-space:nowrap;
}

.mnc.primary.button:hover {
background: var(--color-primary-700);
border-radius: 8px;
}

/*primary button outline*/
.mnc.primary.button.outline {
background: none;
color:var(--color-primary-600);
border-radius: 8px;
border: 1px solid var(--color-primary-600);
white-space:nowrap;
}

.mnc.primary.button.outline:hover {
background: var(--color-primary-100);
color:var(--color-primary-600);
border-radius: 8px;
border: 1px solid var(--color-primary-600);
}

/*button base*/
.mnc.button.base {
background: none;
color:var(--color-neutral-950);
white-space:nowrap;
pointer: cursor;
}

.mnc.button.base:hover {
  pointer: cursor;
color:var(--color-neutral-950);
}

/*primary button base*/
.mnc.primary.button.base {
background: none;
color:var(--color-primary-600);
white-space:nowrap;
}

.mnc.primary.button.base:hover {
background: var(--color-primary-100);
color:var(--color-primary-600);
}

/*secondary button*/
.mnc.secondary.button {
  background-color: #fab413!important;
  border-radius: 8px;
  color:black!important;
  white-space:nowrap;
}

.mnc.secondary.button:hover {
  background-color: #ffcf74!important;
  border-radius: 8px;

}
.mnc.secondary.button:active {
  background-color: #fab413!important;
  border-radius: 8px;

}
.mnc.secondary.button:focus {
  background-color: #fab413!important;
  border-radius: 8px;
}

.mnc.button.outline-neutral {
  background: none;
  color:var(--color-neutral-950);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
  white-space:nowrap;
}

.mnc.button.outline-neutral:hover {
  background: var(--color-neutral-100);
  color:var(--color-neutral-950);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
}

.mnc.button.success {
  background: var(--color-success-600);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-success-600);
  white-space:nowrap;
}

.mnc.button.success:hover {
  background: #2a6b2d;
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid #2a6b2d;
}

.mnc.button.neutral-solid {
  background: var(--color-neutral-1000);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-1000);
  white-space:nowrap;
}

.mnc.button.neutral-solid:hover {
  background: var(--color-neutral-700);
  color: var(--color-neutral-0);
  border-radius: 8px;
  border: 1px solid var(--color-neutral-700);
}

/*tabmenu a bordery*/
.mnc.tabular.menu {
    background: none transparent;
    border: none!important;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mnc.attached.segment {
    border: none;
    border-radius: 0;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 -1px;
    max-width: calc(100% + 2px);
    top: 0;
    width: calc(100% + 2px);
}

.mnc.segment {
    background: var(--color-neutral-0);
    /*border: 1px solid rgba(34, 36, 38, .15);*/
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    color: rgba(0, 0, 0, .87);
    font-size: 1rem;
    margin: 1rem 0;
    padding: 13px 1em;
    position: relative;
}

/*tabmenu active*/
.mnc.tabular.menu .active.item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

.mnc.tabular.menu .active.item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

.mnc.tabular.menu .active.item {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);

    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    font-weight: bold;
}

/*tabmenu hover*/
.mnc.tabular.menu :hover.item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B!important;
    font-weight: bold;
}

.mnc.tabular.menu :hover.item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;

    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B;
    font-weight: bold;
}

.mnc.tabular.menu :hover.item {
  box-sizing: border-box;
    border: none;
    background: white;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000F14;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
    border-bottom: 2px solid #3B3B3B;
    font-weight: bold;
}

/*tabmenu default*/
.mnc.top.attached.menu>.item:first-child {
    border-radius: 0 0 0 0;
    border: none;
}
.mnc.tabular.menu .item:first-child {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0 0 0 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

.mnc.tabular.menu .item:last-child {
  box-sizing: border-box;
    border: none;
    background: white;
    border-radius: 0 0 0 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

.mnc.tabular.menu .item {
  box-sizing: border-box;
    border: none;
    background: var(--color-neutral-0);
    border-radius: 0;
    border-top-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-primary-600);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 1px;
}

.mnc.form .inline.field>label {
    /*color: var(--color-neutral-0);*/
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

.mnc.form .inline.field>label.black {
    color: black;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: none;
    vertical-align: baseline;
    width: auto;
}

a.signed {
    color: var(--color-primary-700);
    font-weight: 600;
}

a.icon {
    color: var(--color-primary-700);
    font-weight: 600;  
    position: relative !important;   /* ukotvení rodiče */
  inset: auto !important;          /* reset top/right/bottom/left v jednom */
  width: auto !important;
  height: auto !important;
}

a.icon > span {
  position: absolute;
  top: -9px;
  right: -5px;
  width: 16px;
  height: 16px;
  z-index: 2;
}

a.icon.action{
  color: var(--color-primary-600);
}


.mnc.vertical.menu {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: var(--color-neutral-0);
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 15rem;
}

.mnc.menu {
    background: var(--color-neutral-0);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0;
    min-height: 2.85714286em;
}

.mnc.menu .active.item, .mnc.menu .active.item a {
    color: var(--color-primary-600);
}

.mnc.menu .active.item:hover, .mnc.vertical.menu .active.item:hover {
    background-color: initial;
    color: initial;
    /*border: 0;*/
}

/*menu pro public stránky*/
.mnc.menu.compact.headmenu-public {
    background: none;
    border: 0;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 700!important;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 2.85714286em;
    gap: 5px 0px;
}

.mnc.menu.headmenu-public .item, 
.mnc.menu.headmenu-public .item a {
    color: var(--color-primary-600);
    font-weight: 700!important;
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.mnc.menu.headmenu-public .dropdown.item:hover, .mnc.menu.headmenu-public .item:hover, .mnc.menu.headmenu-public a.item:hover {
    background: #93bde6;
    cursor: pointer;
    color: var(--color-primary-600);
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.mnc.menu.headmenu-public>.item:first-child {
    border-radius: 8px;
}

.mnc.compact.menu.headmenu-public .item:last-child {
    border-radius: 8px;
}

.mnc.menu.headmenu-public .active.item:hover, .mnc.vertical.menu.headmenu .active.item:hover {
    background-color: #93bde6;
    color: var(--color-primary-600);
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
}

.mnc.menu.headmenu-public .active.item {
    background: #93bde6;
    border-radius: 8px;
    color: var(--color-primary-600);
    font-weight: 700!important;
    margin-left: 5px;
    margin-right: 5px;
}

/*menu head používá se v css viz níže .headmenu*/

.mnc.menu .item:before {
    background: rgba(34, 36, 38, .1);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0px!important;
}

.mnc.menu.compact.headmenu {
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0;
    min-height: 2.85714286em;
}

.mnc.menu.headmenu .item, 
.mnc.menu.headmenu .item a {
    color: var(--color-neutral-0);
}

.mnc.menu.headmenu .dropdown.item:hover, .mnc.menu.headmenu .item:hover, .mnc.menu.headmenu a.item:hover {
    background: none;
    cursor: pointer;
    border-bottom-style: solid;
}

.mnc.menu.headmenu>.item:first-child {
    border-radius: 3px 3px 0px 0px;
}

.mnc.compact.menu.headmenu .item:last-child {
    border-radius: 3px 3px 0px 0px;
}

.mnc.menu.headmenu .active.item:hover, .mnc.vertical.menu.headmenu .active.item:hover {
    background-color: none;
    border-bottom-style: solid;
    color: var(--color-neutral-0);
}

.mnc.menu.headmenu .active.item {
    background: #1E5086;
    border-radius: 3px 3px 0px 0px;
    color: var(--color-neutral-0);
    font-weight: 400;
    border-bottom-style: solid;
}

/*menu head používá se v css viz níže .headmenu*/
.mnc.menu.compact.detail-zadosti {
    background: none;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700 !important;
    margin: 1rem 0;
    min-height: 2.85714286em;
}

.mnc.menu.detail-zadosti .item, 
.mnc.menu.detail-zadosti .item a {
    color: var(--color-neutral-950);
    font-weight: 700 !important;
}

.mnc.menu.detail-zadosti .dropdown.item:hover, .mnc.menu.detail-zadosti .item:hover, .mnc.menu.detail-zadosti a.item:hover {
    background: none;
    cursor: pointer;
    color: var(--color-neutral-950);
    border-bottom-style: solid;
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti>.item:first-child {
    border-radius: 0px;
}

.mnc.compact.menu.detail-zadosti .item:last-child {
    border-radius: 0px;
}

.mnc.menu.detail-zadosti .active.item:hover, .mnc.vertical.menu.detail-zadosti .active.item:hover {
    background: none;
    border-bottom-style: solid;
    color: var(--color-neutral-950);
    box-sizing: border-box;
}

.mnc.menu.detail-zadosti .active.item {
    background: none;
    cursor: pointer;
    border-bottom-style: solid;
    box-sizing: border-box;
    /*background: #1E5086;
    border-radius: 3px 3px 0px 0px;
    color: var(--color-neutral-0);
    font-weight: 400;
    border-bottom-style: solid;*/
}

.detail-zadosti-error {
    box-sizing: border-box;
    border-bottom-color: var(--color-error-600) !important; /* Změna barvy spodního borderu na červenou */
    color: var(--color-error-600) !important;
}

/*context filtrů nástěnky*/
.mnc-modal.context.filtr-panel-upravit {
  position: fixed;
  width: 350px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
}

.mnc-modal.context.filtr-panel {
  position: fixed;
  width: 350px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  right: 15px !important; /* Posunout panel do viditelné části */
  left: auto!important;
}

/*menu komentářů v žádosti*/
.mnc-modal.context.comments-menu-panel {
  width: 190px !important;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
}


/*Detail komentářů v žádosti*/
.mnc-modal.context.comments-panel {
  position: fixed !important; 
  top: 0 !important;
  right: -100% !important; /* Skryto mimo obrazovku */
  width: 500px !important;
  height: 100% !important;
  background-color: var(--color-neutral-0) !important;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10000 !important;
  overflow-y: auto !important;
  padding: 20px !important;
}

/* Viditelné komentáře žádosti*/
.mnc-modal.context.comments-panel.open {
  right: 0 !important; /* Posunout panel do viditelné části */
  left: auto!important;
  border-radius: 0!important;
}

/*Detail žádosti nástěnka*/
.mnc-modal.context.detail-panel {
  position: fixed !important; 
  top: 0 !important;
  right: -100% !important; /* Skryto mimo obrazovku */
  width: 650px !important;
  height: 100% !important;
  background-color: #f4f4f4 !important;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10000 !important;
  overflow-y: auto !important;
  /*padding: 20px !important;*/
  background-color: var(--color-neutral-0) !important;
  transition: right 1s ease;
}

/* Viditelný detail žádosti nástěnka*/
.mnc-modal.context.detail-panel.open {
  right: 0 !important; /* Posunout panel do viditelné části */
  left: auto!important;
  border-radius: 0!important;
  /*animation: slideIn 1s ease forwards;*/
}

/*@keyframes slideIn {
  from {
    right: -100%;
  }
  to {
    right: 0;
  }
}*/

/*modal storno zadosti*/
.mnc-modal.storno-zadosti {
    z-index: 10001!important;
}

i.large.icon {
  line-height: 0;
  vertical-align: middle;
  font-size: 1.5em;
}

/*accordion*/
@font-face{
    font-display:block;
    font-family:bootstrap-icons;
    src:url("fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"),url("fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff")
}

/*.mnc.accordion:hover {
  background: var(--color-primary-300);
}*/

.mnc.accordion .title .mnc.header{
    /*display: flex; /* Aktivace Flexboxu 
    align-items: center; /* Vertikální zarovnání textu a ikonky 
    justify-content: flex-start; /* Zarovnání textu a ikonky vlevo 
    gap: 0.5rem; /* Mezera mezi textem a ikonou */
    color: var(--color-primary-600) !important;
    cursor: pointer;
    font-size: 16px;
    padding: .5em 0;
    font-weight: 400;
}

.mnc.accordion .title {
    color: rgba(0, 0, 0, .87);
    cursor: pointer;
    font-size: 1em;
    padding: 1rem 0 1rem 1rem !important;
}

.mnc.accordion .title .dropdown.icon:before {
  font-family:bootstrap-icons!important;
  color: var(--color-primary-600) !important;
  content: '\f282';
}

.mnc.accordion .active.title .dropdown.icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(180deg)!important;
}

.mnc.accordion .icon.dropdown {
    position: absolute;
    right: 1.25rem;
}

.mnc.accordion:not(.styled) .title~.content {
    padding: 1rem;
}

.mnc.accordion .title:hover .dropdown.icon:before {
    background: var(--color-primary-200) !important;
}

.mnc.accordion .title .mnc.header:hover {
    background: var(--color-primary-200);
    /*color: var(--color-primary-800, #18529e);
    transition: background 0.15s, color 0.15s;
    cursor: pointer;*/
}

.mnc.accordion .title:hover {
    background: var(--color-primary-200);
    /*color: var(--color-primary-800, #18529e);
    transition: background 0.15s, color 0.15s;
    cursor: pointer;*/
}

/*dropdown icon*/
.mnc.dropdown>.dropdown.icon:before {
    font-family:bootstrap-icons!important;
    content: '\f282';
}

.zadostmenu-panel {
  position: sticky;
  top: 0;
  display: block!important;
  flex-direction: column !important;
  min-height: 48px;
  /*padding: 12px!important;*/
  margin: 0 20px;
  border-bottom: 1px solid var(--color-neutral-50);
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}

.zadostmenu-panel::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.zadostmenu-text {
  white-space: normal; /* Zajišťuje, že text může být zalomen */
  word-wrap: break-word; /* Zajišťuje, že dlouhá slova mohou být zalomena */
}

.zadostmenu-text-blue {
  color: var(--color-primary-600);
}

.zadostmenu-text-green {
  color: var(--color-success-700);
}

.zadostmenu-text-red {
  color: #b32222;
}

.zadostmenu-other {
  flex-shrink: 0; /* Zajišťuje, že ostatní prvky nebudou zmenšovány */
}

.zadostmenu-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  padding: 12px;
  border-bottom: 1px solid var(--color-neutral-50);
  cursor:pointer;
  /*max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  /*position: sticky;
  top: 0;*/
  /*padding: 12px!important;
  margin: 0 20px;*/
  /*flex-direction: column;*/
  /*overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  /*scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}

.zadostmenu-container:hover {
  background-color: var(--color-neutral-50);
}

.zadostmenu-container-active {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  padding: 12px;
  border-bottom: 1px solid var(--color-neutral-50);
  background-color: var(--color-neutral-50);
}

.zadostmenu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  min-height: 48px;
  /*border-bottom: 1px solid var(--color-neutral-50);*/
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  /*position: sticky;
  top: 0;*/
  /*padding: 12px!important;
  margin: 0 20px;*/
  /*flex-direction: column;*/
  /*overflow-y: auto; /* Přidá vertikální scrollování */
  /*scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  /*scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  /*width: inherit;*/
}



/*menu zadosti*/
.mnc.menutree.zadost {
  position: sticky;
  top: 0;
  display: block;
  flex-direction: column;
  min-height: 8em;
  padding-right: .5em;
  max-height: calc(100vh - 1em); /* Nastav maximální výšku podle potřeby */
  overflow-y: auto; /* Přidá vertikální scrollování */
  scrollbar-width: thin; /*Pro prohlížeče, které podporují upravitelné scrollbary */
  scrollbar-color: var(--mnc-overlay-hover-color) transparent; /* Barvy scrollbaru */
  width: inherit;
}

/* Webkit prohlížeče - schová scrollbar
.mnc.menutree.zadost::-webkit-scrollbar {
  display: none; 
}*/

/*css třidy pro scrollbar pokud bychom chtěli jeho viditelnost*/
.mnc.menutree.zadost::-webkit-scrollbar {
  width: 8px;
  border-radius: 8px;
}

.mnc.menutree.zadost::-webkit-scrollbar-thumb {
  background-color: var(--mnc-overlay-hover-color); /* Barva posuvníku */
  border-radius: 20px; /* Zaoblené rohy */
  border: 2px solid transparent;
  background-clip: padding-box;
}

.mnc.menutree.zadost::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
}

.mnc.menutree.zadost::-webkit-scrollbar-button {
  display: none; /* Skryje šipky */
}

.mnc.menutree.zadost.compact {
  display: inline-block;
  width: auto;
}

.mnc.menutree.zadost.fluid {
  width: 100%;
}

.mnc.menutree.zadost .item {
  padding: .2em 0 .2em 1.4em;
  position: relative;
}

.mnc.menutree.zadost .opened.item {
  padding-top: 0;
}

.mnc.menutree.zadost .item a {
  color: var(--mnc-on-surface-color);
  font-weight: 400;
  text-decoration: none;
}

.mnc.menutree.zadost .item-wrapper {
  /*border-radius: 1em;*/
  padding-right: 1em;
  border-bottom: 1px solid var(--color-neutral-100);
}

.mnc.menutree.zadost .item.opened > .item-wrapper {
  position: relative;
  margin-left: -1.4em;
  padding: .2em 1em .2em 1.4em;
}

.mnc.menutree.zadost .menu {
  margin-left: -.5em;
}

.mnc.menutree.zadost .active.item-wrapper {
  background: var(--color-neutral-100);
  scroll-margin: 20px; /* Vzdálenost od okraje viditelné části při scrollování */
}

.mnc.menutree.zadost .item-wrapper:hover {
  background: var(--color-neutral-100);
}

.mnc.menutree.zadost .disabled.item-wrapper:hover {
  background: transparent;
  cursor: auto;
}

/*.mnc.menutree.zadost .item .open-ico {
  float: left;
  height: 20px;
  left: 0;
  position: absolute;
}*/

/*chip třída - primárně pro labels*/
.chip-blue {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    height: 32px;
    padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: none; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-blue-outline {
    background-color: none; /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-blue-outline:hover {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    padding: 10px 1px 10px 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: block!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.chip-neutral {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-neutral-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-primary {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: #1e5086; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-warning {
    background-color: #fef7c3; /* Barva pozadí */
    color: #6b4a0d; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fef7c3; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-error {
    background-color: #fde3e3; /* Barva pozadí */
    color: #b32222; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fde3e3; /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.chip-success {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: #2a6b2d; /* Barva textu */
    min-height: 32px;
    padding: 10px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-success-100); /* Žádné okraje */
    border-radius: 16px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

/*tag třída - primárně pro labels*/
.tag-blue {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: none; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.tag-blue-outline {
    background-color: none; /* Barva pozadí */
    color: var(--color-primary-600); /* Barva textu */
    height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    white-space: nowrap;
}

.tag-neutral {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-neutral-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-primary {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: #1e5086; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-primary-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex !important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-warning {
    background-color: #fef7c3; /* Barva pozadí */
    color: #6b4a0d; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fef7c3; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-error {
    background-color: #fde3e3; /* Barva pozadí */
    color: #b32222; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid #fde3e3; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

.tag-success {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: #2a6b2d; /* Barva textu */
    min-height: 32px;
    min-width: max-content;
    gap: 12px;
    padding: 8px !important; /* Vnitřní okraje pro odsazení textu */
    border: 1px solid var(--color-success-100); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*cursor: pointer; /* Ukazatel myši jako ruka */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    justify-content: center; /* Horizontální centrování obsahu */
    text-align: center; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 0.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
    white-space: nowrap;
}

/*context dialog - komentování*/
.context-komentovani {
  position: fixed!important;
  /*width: 230px!important; /* Šířka vašeho popup okna */
  /*height: 170px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

/*context dialog - stav žádosti*/
.context-stav-zadosti {
  position: fixed!important;
  width: 230px!important; /* Šířka vašeho popup okna */
  height: 170px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

.context-stav-zadosti.right {
    right: 0;
    left: auto;
}

.context-stav-zadosti.bottom {
    bottom: 0;
    top: auto;
}


/*context dialog - stav žádosti*/
.context-bezpecnosti-slozky {
  position: fixed!important;
  width: 535px!important; /* Šířka vašeho popup okna */
  /*height: 200px; /* Výška vašeho popup okna */
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto;
  background-color: var(--color-neutral-0) !important;
  border-radius: 8px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) !important;
  transition: right 0.3s ease !important; /* Animovaný přechod */
  z-index: 10001 !important;
  overflow-y: auto !important;
  padding: 5px !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate3d(-50%, -50%, 0);
  backface-visibility: hidden;
}

.context-bezpecnosti-slozkyi.right {
    right: 0;
    left: auto;
}

.context-bezpecnosti-slozky.bottom {
    bottom: 0;
    top: auto;
}

/*onboarding message*/
.message-onboarding-blue {
  background-color: var(--color-primary-50); /* Barva pozadí */
  color: var(--color-neutral-950); /* Barva textu */
  border-radius: 8px; /* Zaokrouhlené rohy */
  line-height: 1.2; /* Výška řádku */
  text-decoration: none; /* Žádná dekorace textu */
  padding: 20px;
}

.message-onboarding-white {
  background-color: var(--color-neutral-0); /* Barva pozadí */
  border-radius: 8px; /* Zaokrouhlené rohy */
  line-height: 1.2; /* Výška řádku */
  text-decoration: none; /* Žádná dekorace textu */
  padding: 24px 40px !important;
  margin-top: 20px !important;
}

/*Kolečko v menu a odeslání úprav*/
.user-dots {
  display: flex;
  align-items: center;
}

.user-dot {
  box-sizing: border-box;
  margin-left:10px;
  border: 1px solid var(--color-primary-300);
  position:relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-neutral-0);
  color: var(--color-primary-700);
  text-align: center;
  width: 36px !important; 
  height: 36px;
}

.user-dot:not(:first-child) {
  margin-left: -7px;
}

.red-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-error-100);
  color: #B32222;
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.gray-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-neutral-100);
  color: var(--color-neutral-950);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.blue-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-primary-100);
  color: var(--color-primary-600);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

.green-step-dot {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: var(--color-error-100);
  color: var(--color-success-700);
  text-align: center;
  width: calc(1em + 25px); 
  height: calc(1em + 25px);
}

/*gov message*/
.message-primary-bold {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-primary-subtle {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-primary-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-neutral-bold {
    background-color: #000; /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-neutral-subtle {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-neutral-700); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-error-bold {
    background-color: var(--color-error-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-error-subtle {
    background-color: #fde3e3; /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-error-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-warning-bold {
    background-color: var(--color-warning-400); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-warning-subtle {
    background-color: #fef7c3; /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid #ca8504; /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-success-bold {
    background-color: var(--color-success-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.message-success-subtle {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 16px !important; /* Vnitřní okraje pro odsazení textu */
    border-left: 4px solid var(--color-success-600); /* Žádné okraje */
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.2; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

/*infobar*/

/*.infobar-primary-subtle .bi,
.infobar-primary-subtle [class^="bi-"],
.infobar-primary-subtle [class*=" bi-"] {
  display: inline-flex;          /* ať je to flex item s vlastním zarovnáním 
  align-items: center;
}*/

.infobar-primary-bold {
    background-color: var(--color-primary-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-primary-subtle {
    background-color: var(--color-primary-100); /* Barva pozadí */
    color: var(--color-neutral-950); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    display: flex!important; /* Zobrazení jako blok */
    align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 1.8; /* Výška řádku */
    margin: 0px 5px !important;
    vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-neutral-bold {
    background-color: var(--color-neutral-1000); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-neutral-subtle {
    background-color: var(--color-neutral-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-error-bold {
    background-color: var(--color-error-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-error-subtle {
    background-color: var(--color-error-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-warning-bold {
    background-color: var(--color-warning-400); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-warning-subtle {
    background-color: var(--color-warning-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-success-bold {
    background-color: var(--color-success-600); /* Barva pozadí */
    color: var(--color-neutral-0); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}

.infobar-success-subtle {
    background-color: var(--color-success-100); /* Barva pozadí */
    color: var(--color-neutral-1000); /* Barva textu */
    min-height: 56px;
    gap: 12px;
    padding: 12px 40px !important; /* Vnitřní okraje pro odsazení textu */
    font-weight:400;
    border-radius: 8px; /* Zaokrouhlené rohy */
    font-size: 12px; /* Velikost písma */
    font-family: Roboto, sans-serif; /* Rodina písma */
    /*display: flex!important; /* Zobrazení jako blok */
    /*align-items: center; /* Vertikální zarovnání položek */
    /*justify-content: center; /* Horizontální centrování obsahu */
    text-align: left; /* Centrování textu */
    text-decoration: none; /* Žádná dekorace textu */
    line-height: 2; /* Výška řádku */
    margin: 0px 5px !important;
    /*vertical-align: middle; /* Zarovná div vertikálně na střed */
}


/*checkbox*/
.mnc.checkbox label:before {
    background: var(--color-neutral-0);
    border: 2px solid var(--color-neutral-500);
    border-radius: 2px;
    content: "";
}

.mnc.checkbox label:hover:before {
  background: var(--color-neutral-0);
  border: 2px solid var(--color-neutral-500);
}

.mnc.checkbox input:focus ~ label:before {
  background: var(--color-neutral-0);
  border-color: var(--color-neutral-500);
  /*outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
  /*outline-offset: 2px; /* Velikost mezery */
}

.mnc.checkbox input:checked~label:after {
  font-family:bootstrap-icons!important;  
  content: "\f633";
  background-color: var(--color-primary-600);
  color: var(--color-neutral-0);
  border-radius: 2px;
}

.mnc.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
.mnc.checkbox input:checked:focus ~ label:after {
  color: var(--color-neutral-0);
}

.mnc.checkbox input:focus ~ label {
  border-radius: 2px;
  outline: 2px solid var(--color-focus-600); /* Vytvoření mezery */
  outline-offset: 3px; /* Velikost mezery */
}

.mnc.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .mnc.form .field.error .checkbox:not(.toggle):not(.slider) label:before {
    background: var(--color-neutral-0);
    border-color: var(--color-error-600);
}

.mnc.form .field.error .checkbox:not(.toggle):not(.slider) .box, .mnc.form .field.error .checkbox:not(.toggle):not(.slider) label {
  color: #b32222;
}

/*radiobutton*/
.mnc.radio.checkbox label:before {
    height: 16px;
    width: 16px;
}

.mnc.radio.checkbox label:after {
    background-color: var(--color-primary-600) !important;
    border: none;
    border-radius: 500rem !important;
    content: "" !important;
    height: 16px;
    left: 0;
    line-height: 15px;
    top: 1px;
    -webkit-transform: scale(.46666667);
    transform: scale(.46666667);
    width: 16px;
}

.mnc.checkbox input:checked~label:before {
    background: var(--color-neutral-0);
    border-color: var(--color-primary-600);
}

.mnc.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
.mnc.checkbox input:checked:focus ~ label:before {
  background: var(--color-neutral-0);
  border-color: var(--color-primary-600);
}

/*toggle vzhled*/
.mnc.toggle.checkbox label:before {
    border: 1px solid var(--color-neutral-500);
    border-radius: 500rem;
    content: "";
    background-color: var(--color-neutral-500);
    height: 24px;
    width: 40px;
    position: absolute;
    top: 0;
}

.mnc.toggle.checkbox label:after {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /*border: 1px solid var(--color-neutral-500;*/
    border-radius: 500rem;
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    top: 1px;
    left: 1px !important;
}

.mnc.toggle.checkbox input:checked~label:before {
    background-color: var(--color-primary-600);
}

.mnc.checkbox.slider input:checked~label:after, .mnc.checkbox.toggle input:checked~label:after {
    -webkit-box-shadow: none; 
    box-shadow: none;
    font-family: bootstrap-icons !important;
    content: "\f633" !important;
    border: none;
    align-content: center;
    color: var(--color-primary-600);
    border-radius: 500rem;
    background: var(--color-neutral-0);
    width: 22px;
    height: 22px;
    top: 1px;
    left: 17px !important;
}

.mnc.toggle.checkbox input:focus ~ label:before, .mnc.toggle.checkbox label:hover::before {
  background-color: var(--color-neutral-500);
  border: none;
}

/*detail žádosti - oprávnění*/
.opravneni-detail-zadost {
  border-bottom: 1px solid #eaeaea;
  min-height: 40px;
  margin-top: 10px !important;
}

/*detail žádosti - posuvný content dialogu*/
.scrollable-content {
    /*width: 100%; /* Šířka kontejneru */
    height: 800px; /* Výška kontejneru, můžeš upravit podle potřeby */
    overflow-y: auto; /* Zobrazí posuvníky, pokud je obsah větší než kontejner */
    overflow-x: hidden; /* Zabrání horizontálnímu scrollování */
    box-sizing: border-box; /* Zahrnuje padding a border do celkové šířky/výšky */
}

/*detail žádosti - posuvný content dialogu*/
.scrollable-content-pruvodce {
    /*width: 100%; /* Šířka kontejneru */
    max-height: 400px; /* Výška kontejneru, můžeš upravit podle potřeby */
    overflow-y: auto; /* Zobrazí posuvníky, pokud je obsah větší než kontejner */
    overflow-x: hidden; /* Zabrání horizontálnímu scrollování */
    box-sizing: border-box; /* Zahrnuje padding a border do celkové šířky/výšky */
}

/*upload dropzone*/
.mnc-file-drop-zone {
    border: 1px dashed var(--color-neutral-700);
    cursor: pointer;
    border-radius: 8px;
}

.mnc-file-drop-zone:hover {
    background-color: var(--color-primary-100);
}

/*textace upload v dropzone*/
.mnc-file-drop-zone-placeholder {
    color: var(--color-neutral-700);
    font-size: 14px;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}

/*help text pod inputy*/
.mnc.form .field label.help {
  font-style: italic;
  color: var(--color-neutral-700);
  font-weight: 400;
  margin: 0;
}

/*Widget table*/
.mnc.grid>.row>.column.widget-table:not(.inline) {
  padding-right: 0 !important;
}
.widget-table div.tableWrapper {
  padding-left: 0 !important;
  position: relative;
}

/*zadost levý panel*/
.sticky-header {
  padding-top: 20px;
  background-color: var(--color-neutral-0);
  position: sticky !important;
  top: 0;
}

.container-menu-sticky {
  align-self: stretch;
  height: calc(100%);
}

/*CSS tabulek*/
.mnc.sortable.table thead th {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    white-space: nowrap;
}

.mnc.table thead th {
    background: var(--color-neutral-50);
    border-bottom: none !important;
    border-left: none;
    color: var(--color-neutral-950);
    cursor: auto;
    font-style: none;
    font-weight: 400;
    padding: .92857143em .78571429em;
    text-align: inherit;
    text-transform: none;
    vertical-align: inherit;
}

.mnc.sortable.table thead th.sorted.ascending:after, .mnc.sortable.table thead th.sorted.descending:after {
    color: var(--color-primary-600);
}

.mnc.sortable.table thead th.sorted.ascending,.mnc.sortable.table thead th.sorted.descending {
    color: var(--color-primary-600);
}

.mnc.sortable.table thead th.sorted {
    background: var(--color-neutral-50);
}

.mnc.sortable.table thead th.sorted:hover {
    background: var(--color-neutral-50);
    color: var(--color-neutral-950);
}

.mnc.sortable.table thead th:hover {
    background: var(--color-neutral-50);
    color: var(--color-neutral-950);
}

/*pagination modelovaný widget*/
/*.rowsPerPage .dropdown {
    padding: 2px 2.1em 2px 2px;
    text-align: unset !important;
    min-height: initial;
    line-height: 1.21428571em;
}*/

.mnc.table td {
    padding: 8px;
    text-align: inherit;
}

.mnc.table .rdtPicker, .rdtPicker {
    background: #fff;
    border: 1px solid #f9f9f9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    color: rgba(0, 0, 0, .87);
    display: none;
    margin-top: 1px;
    padding: 4px;
    position: fixed;
    width: 250px;
    z-index: 99999;
}

.rdtPicker {
    position: absolute;
}

/*Css pro hlavičku a uživatele s organizací*/
.user-container {
  max-width: 248px;
  display: flex;      /* pokud používáš flexbox */
  align-items: center;
  gap: 8px;           /* rozestup mezi zvonkem a textem */
}

.user-row {
  display: flex;
  align-items: center;
  max-width: 248px;
  min-width: 0;
  gap: 8px;
}

.user-name {
  white-space: nowrap;
  overflow: hidden;
  min-width: 120px !important;
  text-overflow: ellipsis;
  margin-right: 20px;
  max-width: 150px;   /* dopočítej podle šířky zvonku a dalších ikon */
  display: inline-block; /* pro správné fungování s elipsou */
}

.user-institution {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px; /* nebo méně, podle prostoru */
  display: inline-block;
}

.mnc.row {
  display: flex;
  align-items: center;
}

.user-row .mnc.six.wide.column.field {
  min-width: 0;
  flex: 1 1 0%;
}

.a.user-name {
  display: block;
  width: 100%;
  min-width: 0;
}

.a.user-name > span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-width: 0;
}
/*
.tag-primary.compact {
    min-height: 24px;
    padding: 2px 6px !important;    výrazně menší padding – méně žere místo 
    gap: 6px;                       menší mezera mezi ikonou a textem 
    font-size: 11px;                menší písmo, ale čitelné 
    border-radius: 6px;
    margin: 0 2px !important;       zmenšený margin 
    flex-shrink: 0;
    margin-left: auto;
}*/

.user-row .tag-primary,
.user-row .tag-warning {
    margin-left: 16px !important;
    margin-right: 0 !important;
}

/*.icon-prihlaseni-caais {
  width: clamp(4rem, 6vw, 6rem);   min 64, ideál 6% viewportu, max 96 
  height: clamp(4rem, 6vw, 6rem);
  flex: 0 0 auto;
}*/

.icon-prihlaseni-caais {
  width: 4em !important;    /* navázáno na text → roste s text-zoomem */
  height: 4em;
  background: url('images/icon_caais.svg');
  background-size: cover;  /* vyplní box, zachová poměr stran */
}

.icon-prihlaseni-nia {
  width: 4em !important;    /* navázáno na text → roste s text-zoomem */
  height: 4em;
  background: url('images/icon_nia.svg');
  background-size: cover;  /* vyplní box, zachová poměr stran */
}


.icon-prihlaseni > svg {
  width: 100%;
  height: 100%;
  display: block;  /* žádné mezery kolem */
}
/* KONTEJNER */
.banner-video{
  margin: 40px 5px !important;
  position:relative;
  /*display:flex;*/
  align-items:center;
  gap:24px;
  padding:20px 24px;
  min-height:var(--banner-h);
  border-radius:32px;
  overflow:hidden;
  color:var(--color-neutral-0);
background:
    radial-gradient(120% 140% at 35% -20%, rgba(255,255,255,.10) 0 60%, transparent 61%),
    radial-gradient(120% 120% at 75% 120%, rgba(0,0,0,.18) 0 60%, transparent 61%),
    linear-gradient(64.58deg, var(--color-primary-500) 0.52%, var(--color-primary-900) 62.59%);
  box-shadow:0 2px 4px rgba(0,0,0,.3);
  
  display: grid;
  grid-template-columns: 200px 1fr auto; /* thumb | text | tlačítko */
  column-gap: 24px;
}

.banner-video .banner-content  {
  min-width: 0;
  max-width: 50%;
}

.banner-video .banner-button  {
  justify-self: end; 
  /*white-space: nowrap;*/
}

.banner-image{
  position:relative !important;
  /*flex:0 0 210px;            /*šířku si dolaď */
  align-self:stretch;
  border-radius: inherit;

  /* samotná fotka */
  background: url("images/volajiciPan.jpg")
              left 50% / auto calc(100% * var(--img-zoom)) no-repeat;
  /*background-size: cover;           vyplní celý box */
  /*background-size: 180%;     /*fokus – doladíš podle návrhu */

  /* Oblouk dovnitř na PRAVÉ hraně */
  /*-webkit-clip-path: ellipse(200px 180px at 0% 50%);
          clip-path: ellipse(200px 180px at 0% 50%);*/
            -webkit-clip-path: ellipse(var(--arc-rx) var(--arc-ry) at 0% 50%);
          clip-path: ellipse(var(--arc-rx) var(--arc-ry) at 0% 50%);
}

/* lem oblouku navrch */
.banner-image::after{
  content:"";
  position:absolute; top:0; bottom:0;
  right: calc(-1 * var(--arc-spill));
  width: var(--arc-w);
  pointer-events:none;
  /*border-right: 4px solid var(--color-neutral-0);*/
background:
    radial-gradient(ellipse at left center,
      var(--rim) calc(100% - var(--rim-w)),
      transparent 100%) left center /
      calc(var(--arc-rx) * 2) calc(var(--arc-ry) * 2) no-repeat,
    radial-gradient(120% 140% at 35% -20%, rgba(255,255,255,.10) 0 60%, transparent 61%),
    radial-gradient(120% 120% at 75% 120%, rgba(0,0,0,.18) 0 60%, transparent 61%),
    linear-gradient(64.58deg, var(--color-primary-500) 0.52%, var(--color-primary-900) 62.59%);
    
    /* Oblouk dovnitř na PRAVÉ hraně */
  /*-webkit-clip-path: ellipse(200px 180px at 0% 50%);
          clip-path: ellipse(200px 180px at 0% 50%);*/
}

@media (max-width: 1850px){
  .banner-image{
    --arc-w: 22%;
    --arc-rx: 100%;
    --arc-ry: 100%;
    --arc-spill: 2.5%;
  }
}

/* další stupně (volitelné) */
@media (max-width: 1400px){
  .banner-image{
    --arc-w: 20%;
    --arc-rx: 100%;
    --arc-ry: 100%;
    --arc-spill: 2%;
  }
}
@media (max-width: 1100px){
  .banner-image{
    --arc-w: 18%;
    --arc-rx: 100%;
    --arc-ry: 100%;
    --arc-spill: 1.5%;
  }
  
}