.loading {z-index: 2000;position: fixed;top: 0; right: 0; bottom: 0; left: 0; background: #bbb; display: none; opacity: 0.7;}
.loader {left: 50%; margin-left: -4em; font-size: 10px; border: .8em solid rgba(218, 219, 223, 1); border-left: .8em solid rgba(58, 166, 165, 1); animation: spin 1.1s infinite linear;}
.loader, .loader:after { border-radius: 50%; width: 12em; height: 12em; display: block; position: absolute; top: 50%; margin-top: -4.05em;}
.loading-text { width: 120px; position: absolute; top: 51%; left: calc(50% - 40px); text-align: center;}
@keyframes spin { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); }}

.akce_tooltip {position: relative; display: inline-block; }
.akce_tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #2196f3; color: #fff; text-align: center;border-radius: 4px; padding: 4px; position: absolute; z-index: 1;}
.akce_tooltip:hover .tooltiptext {visibility: visible;}

.tooltip2 {position: relative; display: inline-block; }
.tooltip2 .tooltiptext2 { visibility: hidden; width: 120px; background-color: #2196f3; color: #fff; text-align: center;border-radius: 4px; padding: 4px; position: absolute; z-index: 1;}
.tooltip2:hover .tooltiptext2 {visibility: visible;}
.div_tooltip {cursor: help; position: relative; display: inline-block;}

.div_tooltip .tooltip2 { visibility: hidden; background-color: #FFFFFF; color: #000000; text-align: left; padding-left: 5px; margin: 0; border-radius: 6px;
    border: 1px solid #000000; position: absolute; z-index: 1; width: 200px; top: 100%; left: 50%; margin-left: -75px;}

.div_tooltip:hover { overflow: visible;}

.div_tooltip:hover .tooltip2 { visibility: visible;}

.platby_po_splatnosti {color: red;}
.platby_dnesni_splatnost {color: fuchsia;}
.platby_preplatek {color: red;}
.platby_uspora {color: green;}

.date-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    /* pointer-events: none; */
    cursor: pointer;
    color: #aaa;
  }

.ukazatel {cursor: pointer;}

.td1 {
  display: flex;
  align-items: center; /* zarovná vertikálně doprostřed */
  gap: 2px;
}

.form_obecny
{
  margin-top: 20px;
  padding: 10px;
  display: inline-block;
  border: 1px solid rgba(129,129,129,.25);
  border-radius: 5px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.form_images {display: inline-block; margin-left: 3px; margin-right: 3px;}

.form_obecny input[readonly]
{
  background-color: #e7e5e5 !important;
}
.form_obecny p input:readonly,
.form_obecny input:readonly
{
  background-color: #e7e5e5 !important;
}

.form_obecny p input:-moz-read-only
{
  background-color: #e7e5e5;
}

.rozvrh .hodina_sloupec {width: 9%;}
.hodina_sloupec {width: 9%;}

.form_obecny fieldset {
  margin: 10px 0px 6px 0px; border: 0px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px; box-shadow: 3px 3px 1px 0px #cccccc; -webkit-box-shadow: 3px 3px 1px 0px #cccccc; -moz-box-shadow: 3px 3px 1px 0px #cccccc;
}
.form_obecny fieldset legend
{
  position: relative;
  top: -10px;
  margin-left: -1px;
  width: auto;
  color: #000000;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  background: #FFFFFF;
  padding: 0px 8px 3px 8px;
  font-weight: normal;
  font-size: 14px;
}

.form_obecny .datum
{
  width: calc(100% - 26px) !important;
  width: -moz-calc(100% - 26px) !important;
  width: calc(100% - 26px) !important;
}

.form_obecny p {padding: 5px;}

.form_obecny label,
.form_obecny .label_req
{
  float: left;
  width: 100%;
  padding-right: 5px;
  margin-bottom: 5px;
}

.form_obecny .label_req:after
{
  content: ' *';
  color: #f00;
}

.form_obecny textarea
{
    width:250px;
    /**height:100px;**/
}

.form_obecny input[type=text],
.form_obecny input[type=password],
.form_obecny input[type=date],
.form_obecny input[type=datetime],
.form_obecny input[type=number],
.form_obecny input[type=search],
.form_obecny input[type=time],
.form_obecny input[type=url],
.form_obecny input[type=email],
.form_obecny select,
.form_obecny textarea
{
  width: 100%;
  color: #000000;
  border: 1px solid rgba(129,129,129,.25);
  transition: border-color .5s;
  outline: none;
  padding: 5px 8px 5px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  background: #FFFFFF;
}

.form_obecny input:focus,
.form_obecny select:focus
{
  border-color: rgba(0,0,0,.6);
  transition: border-color .4s;
}

.form_obecny  input[type="checkbox"]:focus
{
  background: rgba(0,0,0,.6);
  outline:2px solid rgba(0,0,0,.6);
  transition: border-color .4s;
}

.form_obecny  input[type="radio"]
{
  -webkit-appearance: radio;
 margin-right: 10px;
}

.form_obecny  input[type="checkbox"]
{
  -webkit-appearance: checkbox;
 margin-right: 10px;
}

.form_obecny  input[type=submit],
.form_obecny  input[type=button],
.form_obecny  button,
.samostatny_button
{
  background-color: #2196F3;
  border: 1px solid #2196F3;
  border-bottom-color: #2196F3;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom: 2px solid #2196F3;
  border-bottom-color: #2196F3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  margin: 5px;
  border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  font-weight: bold;
}

.form_obecny  input[type=submit]:focus,
.form_obecny  input[type=button]:focus,
.form_obecny  button:focus,
.form_obecny  input[type=submit]:hover,
.form_obecny  input[type=button]:hover,
.form_obecny  button:hover
{
  text-decoration: underline;
}

.float_center
{
  margin: 2px auto;
  align-items: center;
  justify-content: center;
  display: flex;
}

.form_1 {max-width: 320px; margin: auto;}
.form_2 {max-width: 630px; margin: auto;}
.form_3 {max-width: 950px; margin: auto;}
.form_4 {max-width: 1260px;margin: auto;}
.form_98 {width: 98%; margin: auto;}

.radek
{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 10px;
}
.form_polozka, .form_obrazek
{
  position: relative;
  width: 100%;
}


.form_sl1, .form_sl2, .form_sl23, .form_sl3, .form_sl4, .form_sl5, .form_sl6 { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px;}

.text_chyba, .text_cerveny {color: #ff0000;}

.nepritomnost1 {color: #f00; background-color: #f00 !important;}
.nepritomnost2 {color: yellow; background-color: yellow !important;}
.nepritomnost3 {color: #0e41FF;background-color: #0e41FF !important;}
.nepritomnost4 {color: #21cde8; background-color: #21cde8 !important;}
.nepritomnost5 {color: #0000ff; background-color: #0000ff !important;}
.nepritomnost6 {color: greenyellow; background-color: greenyellow !important;}
.nepritomnost7 {color: fuchsia; background-color: fuchsia !important; }
.nepritomnost8 {color: brown; background-color: brown !important;}
.nepritomnost9 {color: graytext; background-color: graytext !important; }
.nepritomnost10 {color: darkgrey; background-color: darkgrey !important; }
.nepritomnost11 {color: darkgreen; background-color: darkgreen !important;}
.nepritomnost12 {color: #A210ff; background-color: #A210ff !important;}
.nepritomnost13 {color: #21cdee; background-color: #21cde8 !important;}
.nepritomnost99 {color: #D6E7F7; background-color: #D6E7F7 !important;}

.pruhledny {opacity: 0.25; }


@media all and (min-width: 600px)
{
.form_sl2 {width: 50%;}
.form_sl23 {width: 66%;}
.form_sl3 {width: 33%;}
.form_sl4 {width: 25%;}
.form_sl5 {width: 20%;}
.form_sl6 {width: 16.5%;}
}

.plan_jizd { font-size: 12px; box-sizing: border-box; width: 100%; float: left; padding: 5px; margin-bottom: 10px; border: 1px solid #CDCDCD; border-spacing: 0; border-radius: 5px; box-shadow: 3px 3px 1px 0px #cccccc; -webkit-box-shadow: 3px 3px 1px 0px #cccccc; -moz-box-shadow: 3px 3px 1px 0px #cccccc;}
.plan_jizd .datum { width: 100%; color: white; border-radius: 5px 5px 0 0; text-align: center; border-color: white; border-style: solid; border-width: 0px 0px 1px 0px;}
.plan_jizd .pozadi_modre {background: #0E4194;}
.plan_jizd .pozadi_hodiny { background: #0E41CC;}
.plan_jizd .sloupec { width: 100%; box-sizing: border-box; color: white; height: 21px; max-height: 21px; border-color: white; border-style: solid; border-width: 0px 0px 1px 0px;}
.plan_jizd .sloupec .radek_sdp { background: #D6E7F7; color: black; height: 100%;}
.plan_jizd .sloupec table {padding: 10px; margin: auto; border: 2px solid #DDDDDD; /*border-collapse: collapse;*/ border-radius: 5px; box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}
.plan_jizd .sloupec .info { box-sizing: border-box; float: left; height: 100%; padding: 2px; border-color: white; border-style: solid; border-width: 0px 1px 0px 0px; overflow: hidden;}
.plan_jizd .sloupec .vozidlo {width: 45%; font-weight: bold;}
.plan_jizd .sloupec .pristaveni {width: 10%;}
.plan_jizd .sloupec .cas { width: 10%; text-align: right;}
.plan_jizd .sloupec .ucel { width: 35%;}
.plan_jizd .sloupec .hodina { box-sizing: border-box; color: white; float: left; width: 6.6%; height: 100%; padding: 2px; border-color: white; border-style: solid; border-width: 0px 1px 0px 1px; text-align: center;}
.plan_jizd .sloupec .jizda { color: black; height: 100%; box-sizing: border-box; background: #12c1f9; border-color: white; border-style: solid; border-width: 0px 1px 0px 1px;float: left; text-align: center; overflow: hidden;}
.plan_jizd .sloupec .nejizda { color: white; box-sizing: border-box; background: white; border-color: white; border-style: solid; border-width: 0px 1px 0px 1px; float: left;}

@media all and (min-width: 1024px)
{
.plan_jizd .sloupec { width: 50%; float: left;}
.plan_jizd .sloupec .vozidlo {font-weight: normal;}
}

.operace {float: right; height: 100%; width: 18px;}

#container {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
#organigram_osoby, #soucasti_k_zarazeni {
  flex: 1;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 10px;
}
.organigram_oddeleni {

  cursor: pointer;
}
.organigram_oddeleni.drag-over {
  background-color: #eef;
}
.organigram_osoba {
  display: inline-block;
  padding: 5px 5px;
  margin: 5px;
  background-color: #f2f2f2;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: move;
}
.organigram_osoba_zarazena {
  display: inline-block;
  padding: 2px 4px;
  margin: 1px;
  background-color: #f2f2f2;
  border: 1px solid #999;
  border-radius: 4px;
  /*cursor: move;*/
}

.soucast_k_zarazeni, .div_k_zarazeni {
  display: inline-block;
  padding: 2px 4px;
  margin: 4px;
  background-color: #f2f2f2;
  border: 1px solid #999;
  border-radius: 4px;
  /*cursor: move;*/
}

.cursor_cell
{
  cursor: cell;
}




@media print
{
   @page { size: landscape;}
  .ukazatel {display: none;}
  .form_images {display: none;}
  .tisk_neviditelny {display: none; }

.rozvrh {font-size: 12px;}
.rozvrh .vyucujici {font-size: small;}
.rozvrh .sdp, .rozvrh .ucebna, .rozvrh .katalog {font-size: smaller;}
.rozvrh h3 {font-size:16px;text-align: center;}
.rozvrh h4 {font-size:14px;text-align: center;}
.rozvrh h5 {font-size:12px;text-align: center;}
.rozvrh table {width: 98%; margin: auto; margin-bottom: 10px; color: black; border: 1px solid #000000; border-spacing: 0; border-radius: 5px; }
.rozvrh td {vertical-align: top; margin: 5px; padding: 5px; border: 1px solid #000000; }
.rozvrh td .operace {float: right; height: 100%; width: 18px;}
.rozvrh .den {height: 90px;}
.rozvrh .hrana_spodni {border-bottom: 1px solid #000000;}
.rozvrh .hrana_prava {border-right: 1px solid #000000;}
.rozvrh .hrana_spodni_prava {border-bottom: 1px solid #000000; border-right: 1px solid #000000;}
.rozvrh .zarovnani_stred {text-align: center;}
.rozvrh .hodina_sloupec {width: 9%;}
.hodina_sloupec {width: 9%;}

.doklad_pokladni_tisk {font-size: 12px;}
.doklad_pokladni_tisk h5 {font-size:16px;text-align: center;font-weight: bold;}
.doklad_pokladni_tisk table {width: 98%; margin: auto; margin-bottom: 10px; color: black; border: 1px solid #000000; border-spacing: 0; border-radius: 0px; }
.doklad_pokladni_tisk td {vertical-align: top; margin: 5px; padding: 5px; border: 1px solid #000000; }

}

.doklad_pokladni_tisk {font-size: 12px;}
.doklad_pokladni_tisk h5 {font-size:16px;text-align: center;font-weight: bold;}
.doklad_pokladni_tisk table {width: 98%; margin: auto; margin-bottom: 10px; color: black; border: 1px solid #000000; border-spacing: 0; border-radius: 0px; }
.doklad_pokladni_tisk td {vertical-align: top; margin: 5px; padding: 5px; border: 1px solid #000000; }


.text_podtrzeno
{
  text-decoration: underline;
}

.tabulka_info {margin: auto; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; padding: 10px 10px 0 10px; border: 1px solid rgba(129,129,129,.25); border-radius: 5px;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}

.tabulka_info_2 {width: 700px;}
.tabulka_info_3 {width: 1000px;}

.tabulka_sekce{width: 100%;  margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #CCCCCC;
  border-radius: 5px; box-shadow: 3px 3px 1px 0px #cccccc; -webkit-box-shadow: 3px 3px 1px 0px #cccccc; -moz-box-shadow: 3px 3px 1px 0px #cccccc;
  position: relative;}
.tabulka_sekce::after{content: "";clear: both;display: table;}

.tabulka_sekce .legenda {margin-left: -11px; top: -9px;position: absolute; color: #000000;
  border-top: 1px solid #cccccc;  border-left: 1px solid #cccccc;  border-right: 1px solid #cccccc;
  border-radius: 5px 5px 0px 0px;  -webkit-border-radius: 5px 5px 0px 0px;  -moz-border-radius: 5px 5px 0px 0px;
  background: #FFFFFF; padding: 0px 8px 3px 8px;}

.tabulka_radek{clear:both; padding-bottom: 4px;}

.tabulka_sloupec_nazev {color:#8799a9;}
.tabulka_sloupec_hodnota {font-size: larger;}

.tabulka_sloupec_1 {width: 100%; float:left;}
.tabulka_sloupec_2 {width: 50%; float:left;}
.tabulka_sloupec_23 {width: 66%; float:left;}
.tabulka_sloupec_25 {width: 40%; float:left;}
.tabulka_sloupec_3 {width: 33%; float:left;}
.tabulka_sloupec_4 {width: 25%; float:left;}
.tabulka_sloupec_45 {width: 80%; float:left;}
.tabulka_sloupec_5 {width: 20%; float:left;}
.tabulka_sloupec_6 {width: 16.6%; float:left;}


.calendar-day {
  width: 200px;
  min-width: 150px;
  max-width: 200px;
  height: 80px;
}
.calendar-table {
  margin: 0 auto;
  width: 700px;
}
.selected {
  background-color: #eee;
}
.outside .date {
  color: #ccc;
}
.timetitle {
  white-space: nowrap;
  text-align: right;
}
.event {
  border-top: 1px solid #b2dba1;
  border-bottom: 1px solid #b2dba1;
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  background-repeat: repeat-x;
  color: #3c763d;
  border-width: 1px;
  font-size: .75em;
  padding: 0 .75em;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.event.begin {
  border-left: 1px solid #b2dba1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.end {
  border-right: 1px solid #b2dba1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.all-day {
  border-top: 1px solid #9acfea;
  border-bottom: 1px solid #9acfea;
  background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  background-repeat: repeat-x;
  color: #31708f;
  border-width: 1px;
}
.event.all-day.begin {
  border-left: 1px solid #9acfea;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.all-day.end {
  border-right: 1px solid #9acfea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.all-day-1 { border-top: 1px solid #ff0000; border-bottom: 1px solid #ff8080; background-image: linear-gradient(to bottom, #ffcccc 0px, #ff6666 100%); color: #000000;border-width: 1px;
}
.event.all-day-1.begin { border-left: 1px solid #ff0000; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day-1.end { border-right: 1px solid #ff0000; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.event.all-day-2 {border-top: 1px solid #0000FF; border-bottom: 1px solid #0e41FF; background-image: linear-gradient(to bottom, #12c1f9 0px, #0e41FF 100%); color: #FFFFFF; border-width: 1px;}
.event.all-day-2.begin { border-left: 1px solid #0000FF; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day-2.end { border-right: 1px solid #0000FF; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.event.all-day-3 {border-top: 1px solid #008000; border-bottom: 1px solid #00b300; background-image: linear-gradient(to bottom, #00cc00 0px, #009900 100%); color: #000000;border-width: 1px; }
.event.all-day-3.begin { border-left: 1px solid  #008000; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.event.all-day-3.end { border-right: 1px solid  #008000; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.event.all-day-4 { border-top: 1px solid #ffff00; border-bottom: 1px solid #e6e600; background-image: linear-gradient(to bottom, #ffff66 0px, #ffff33 100%); color: #000000;border-width: 1px; }
.event.all-day-4.begin {border-left: 1px solid #ffff00;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.event.all-day-4.end { border-right: 1px solid #ffff00; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.event.all-day-5 {
  border-top: 1px solid #A52A2A; border-bottom: 1px solid #da7171; background-image: linear-gradient(to bottom, #d55d5d 0px, #b62f2f 100%); color: #FFFFFF; border-width: 1px; }
.event.all-day-5.begin {border-left: 1px solid #A52A2A; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day-5.end { border-right: 1px solid #A52A2A;border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.event.all-day-6 { border-top: 1px solid #FFA500; border-bottom: 1px solid #ffd280; background-image: linear-gradient(to bottom, #ffc966 0px, #ffaf1a 100%); color: #000000; border-width: 1px; }
.event.all-day-6.begin { border-left: 1px solid #FFA500; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day-6.end { border-right: 1px solid #FFA500; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.event.all-day-7 { border-top: 1px solid #800080; border-bottom: 1px solid #ff66ff; background-image: linear-gradient(to bottom, #ff4dff 0px, #e600e6 100%); color: #FFFFFF; border-width: 1px; }
.event.all-day-7.begin { border-left: 1px solid #800080; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.event.all-day-7.end { border-right: 1px solid #800080; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.event.all-day-8 {border-top: 1px solid #FFC0CB; border-bottom: 1px solid #ff99aa; background-image: linear-gradient(to bottom, #ffe6ea 0px, #ffb3bf 100%); color: #000000; border-width: 1px; }
.event.all-day-8.begin { border-left: 1px solid #FFC0CB; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.event.all-day-8.end { border-right: 1px solid #FFC0CB; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.event.all-day-9 {border-top: 1px solid #00FFFF; border-bottom: 1px solid #99ffff; background-image: linear-gradient(to bottom, #80ffff 0px, #1affff 100%); color: #000000;border-width: 1px;}
.event.all-day-9.begin { border-left: 1px solid #00FFFF; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.event.all-day-9.end {border-right: 1px solid #00FFFF; border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.event.clear {
  background: none;
  border: 1px solid transparent;
}
.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td {
  padding-left: 0;
  padding-right: 0;
}
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}

.voda {background: #00b0f0 !important;}
.chemicka {background: #ffff00 !important;}
.pila {background: #f4b083 !important;}
.vvh {background: #fbe4d5 !important;}
.fok {background: #deeaf6 !important;}

.header .svatek-bar {
  min-width: 400px;
  padding: 0 20px;
}

@media (min-width: 1200px) {
  .logo {
    width: 180px;
  }
}