/* 233 R | last: 2024/08/01 */
/* -------------------------- calc(33.33% - 10px); */

body, html { margin: 0; padding: 0;}

.disp_block100 { display: block; width: 100%;}

.bw, { white-space: pre-wrap; /* bw=break-word */
      word-wrap: break-word; /* Zajistí, že se dlouhé str zlomí */
    }

.wauto { width: auto;} 
.w50 { width: 50px;}
.w100 { width: 100px;}
.w150 { width: 150px;}
.w200 { width: 200px;} 
.w250 { width: 250px;}
.w300 { width: 300px;} 
.w330 { width: 330px;} 
.w390 { width: 390px;}
.w500 { width: 500px;}

.pad5 { padding: 5px;}
.pad8  { padding: 8px;}
.pad16  { padding: 16px;}
.pad22 { padding: 22px;}
.pad33 { padding: 33px;}
.pad55 { padding: 55px;}

.lpad12  { padding-left: 12}
.rpad12  { padding-right: 12}
.tpad12 { padding-top: 12}

.lmar12  { margin-left: 12}
.rmar12  { margin-right: 12}

.bg_gra { background-color: Gray;}
.bg_ora { background-color: Orange;}
.bg_gre { background-color: Green;}
.bg_whi { background-color: White;}
.bg_sil { background-color: Silver;}
.bg_bla { background-color: Black;}
.bg_222 { background-color: #222;} /*dark*/
.bg_grad_0_2h { background: linear-gradient(to top, #000, #222); }
.bg_grad_2_0h { background: linear-gradient(to top, #222, #000); }
.bg_grad_2_9h { background: linear-gradient(to top, #222, #999); }
.bg_grad_0_2v { background: linear-gradient(to right, #000, #222); }
.bg_grad_002v { linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
        linear-gradient(to right, #000, #222);}

.shad3_bla { box-shadow: 3px 3px 7px black;}
.shad5_bla { box-shadow: 5px 5px 10px black;}

.glow_lim { box-shadow: 1px 1px 9px lime;} /*glow */
.glow_yel { box-shadow: 1px 1px 9px yellow;}
.glow_whi { box-shadow: 1px 1px 9px white;}

.col_whi { color: white;}
.col_bla { color: black;}
.col_sil { color: silver;}
.col_gra { color: gray;}
.col_red { color: red;}
.col_blu { color: blue;}
.col_ora { color: orange;}
.col_gre { color: green;}
.col_lim { color: lime;}

.bla_gre, .bla_sil, .bla_whi, .bla_ora, .bla_yel {
 background-color: Black;
 white-space: pre-wrap; /* Zajišťuje zalamování textu */
 word-wrap: break-word; /* Pro případy dlouhých slov bez mezer */
 padding: 8px; /* Pro lepší čitelnost */
}

.bla_whi { color: white;}
.bla_sil { color: silver;}
.bla_gre { background-color: Black; color: green;}
.bla_lim { background-color: Black; color: lime;}
.bla_ora { color: orange;}
.bla_yel { color: yellow;}

.bor_bla { border-style: solid; color: black;}
.bor_whi { border-style: solid; color: white;}
.bor_sil { border-style: solid; color: silver;}
.bor_red { border-style: solid; color: red;}
.bor_gre { border-style: solid; color: green;}
.bor_lim { border-style: solid; color: lime;}
.bor_dgre { border-style: solid; color: darkgreen;}
.bor_lgre { border-style: solid; color: #90EE90;}
.bor_gra { border-style: solid; color: gray;}
.bor_ora { border-style: solid; color: orange;}

.bbor_sil2 { border-bottom: 2px solid silver;}
.bbor_gre2 { border-bottom: 2px solid green;}
.bbor_dgre2 { border-bottom: 2px solid darkgreen;}
.bbor_ora2 { border-bottom: 2px solid orange;}

.rbor_gre2 { border-right: 2px solid green;}
.rbor_ora2 { border-right: 2px solid orange;}

.rc5 { border-radius: 5px;}
.rc10 { border-radius: 10px;} /* rc: rounded corners */
.rc15 { border-radius: 15px;}
.rc20 { border-radius: 20px;}
.rc30 { border-radius: 30px;}

.pen1 { border-width: 1px;}
.pen2 { border-width: 2px;}
.pen3 { border-width: 3px;}

.float_left { float: left;}
.float_right { float: right;}
.float_clear { float: clear;}

 hr.gre1, hr.ora1, hr.sil1, hr.whi1, hr.red1 {
  border: none; 
  height: 1px; 
  margin: 0; 
 }

hr.gre1 { background-color: green;}
hr.lim1 { background-color: lime;}
hr.ora1 { background-color: orange;}
hr.sil1 { background-color: dimgray;}
hr.whi1 { background-color: white;}
hr.bla1 { background-color: black;}
hr.red1 { background-color: red;}

hr.gre2dash, hr.gre2dott, hr.ora2dash, hr.ora2dott, hr.sil2dash, hr.sil2dott {
border: none;
margin: 0; 
}

hr.whi2dash { border-top: 2px dashed white;}
hr.whi2dott { border-top: 2px dotted white;}
hr.bla2dash { border-top: 2px dashed black;}
hr.bla2dott { border-top: 2px dotted black;}
hr.gre2dash { border-top: 2px dashed green;}
hr.gre2dott { border-top: 2px dotted green;}
hr.lim2dott { border-top: 2px dotted lime;}
hr.ora2dash { border-top: 2px dashed orange;}
hr.ora2dott {  border-top: 2px dotted orange;}
hr.sil2dash { border-top: 2px dashed dimgray;}
hr.sil2dott { border-top: 2px dotted dimgray;}

.small {
  font-size: 0.6em;
  line-height: 1.6em;
}

.fs1 { font-size: 1em;}
.fs08 { font-size: 0.8em;}
.fs06 { font-size: 0.6em;}
.fs12 { font-size: 1.2em;}
.fs15 { font-size: 1.5em;}
.fs2 { font-size: 2em;}


.btn2 { 
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px; /* mezera mezi ikonou a textem */
  }

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.div_centr { text-align: center; }


.cent_img {
   display: block;
  margin-left: auto;
  margin-right: auto;
  width: 39%;
  }

.pos_down {
  position: relative;
  right: 20px;
  top: 30px;
}

.pos_up {
  position: relative;
  right: -5px;
  bottom: -10px;
}

.table-container {
   width: 100%; /* Nastavuje šířku tabulky na 100% šířky rodičovského prvku */
   border-collapse: collapse; /* Sjednocuje okraje buněk tabulky */
} 

.corner_info {
  position: absolute;
  top: 0;
  right: 0;
  background-color: dimgray;
  color: silver;
  padding: 3px 5px;
  font-size: 0.8em;
}

.qr-code-container { display: flex; }
.qr-code { float: left; }


/* static menu bar 21*/
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #333;
  z-index: 1000;
}

.smenu {
  display: flex;
  justify-content: center;
  padding: 12px 0;
}

.smenu a {
  color: white;
  text-decoration: none;
  padding: 8px 8px 3px 5px;
  display: block;
}

.smenu a:hover {
  background-color: #111;
  color: white;
}

section {
  padding: 35px;
  height: 80vh;
}

/* ----- flex 2023 - test ------ */
.flex-container { display: flex; flex-wrap: wrap;}

.full-width { box-sizing: border-box; flex: 1 1 100%;}
.half-width { box-sizing: border-box; flex: 1 1 50%;}
.half-width-stat { box-sizing: border-box; flex: 0 1 50%;}
.third-width { box-sizing: border-box; flex: 1 1 33.33%;}

.flex-content {
  max-width: 900px;
  width: 100%;
}

.flex-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  justify-content: center;
  align-items: center;
}

.flex-center{
  display: flex;
  align-items: center; /* Vertikální centrování */
  justify-content: center; /* Horizontální centrování */
  /*text-align: center;*/
  flex: 1; /* Zajišťuje, že flex-img zabírá dostupný prostor */
}

.flex-center-just { justify-content: center;}
.flex-center-align { align-items: center;}


 .container-anim {
  width: 350px;
  height: 36px;
  overflow: hidden;
  position: relative;
  text-align: right;
}
.svg-wrapper {
  display: inline-block;
  position: relative;
  top: 0;
  left: 50px;
}