*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body
{
  background-color: #FFFFFF;
  /*display: flex; */
}

html,body {
  height: -moz-calc(100% - 20px);
  /* WebKit */
  height: -webkit-calc(100% - 20px);
  /* Opera */
  height: -o-calc(100% - 20px);
  /* Standard */
  height: calc(100% - 20px);
  width:100%;
  margin:0;
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

#horni_pruh
{
  background-color: #eeeeee;
  border-top: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

#stranka
{
  background-color: #FFFFFF;
}

#substranka
{
  max-width: 1270px;
  margin: auto;
  margin-top: 32px;
  background-color: #FFFFFF;
}


#pred_footer
{
  height: 30px;
}

footer
{
  font-size: 10px;
  line-height: 1;
  display: table;
  position:fixed;
  bottom:0;
  text-align: center;
  width: 100%;
  padding: 5px;
  background-color: #16ace3;
  color: #000000;
  border-color: #16ace3;
  margin: 0px 0px 0px 0px;
  border: 1px solid #16ace3;
  padding: 10px;
  background: #16ace3;
}

header
{

}

header .hledat
{
  float: right;
}

footer .prihlaseny_uzivatel
{
  display: table-cell;
  float: left;
  text-align: left;
  width: 33%;
}

footer .autor
{
  display: table-cell;
  float: left;
  text-align: center;
  width: 33%;
}

footer .sklad
{
  display: table-cell;
  float: left;
  text-align: right;
  width: 34%;
}

.tabulka_tisk
{
  width: 100%;
  margin: auto;
  border: 1px solid #c5c5c5;
}

.tabulka_tisk td
{
  vertical-align: top;
  border: 1px solid #c5c5c5;
}

.tabulka_tisk .td50p
{
  width: 50%;
}

.tabulka_tisk .td50pr
{
  width: 50%;
  text-align:right;
}
.razitko
{
  width: 50mm;
  height: 23mm;
}

.tabulka
{
  max-width: 1270px;
  min-width: 780px;
  margin: auto;
  color: black;
  border: 1px solid #CDCDCD;
  border-spacing: 0;
  /*border-collapse: collapse;*/
  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;
}

.tabulka98p
{
  width: 98%;
  margin: auto;
  margin-bottom: 10px;
  color: black;
  border: 1px solid #CDCDCD;
  border-spacing: 0;
  /*border-collapse: collapse;*/
  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;
}

#idpolozky_rozdilne {color: #f00;}
#idpolozky_shodne {color: #2ECC71;}
#idpolozky_prevzato {color: #c5c5c5;}


.tabulka td,
.tabulka98p td
{
 /*border: 1px solid #CCCCCC;*/
 vertical-align: top;
 margin: 5px;
 padding: 5px;
}

.tabulka tr,
.tabulka98p tr
{
  margin: 5px;
}


.tabulka th,
.tabulka98p th
{
 vertical-align: top;
 text-align: left;
 margin: 5px;
 padding: 5px;
 color: #16ace3;
}

.tabulka .hrana_spodni,
.tabulka98p .hrana_spodni
{
  border-bottom: 1px solid #CDCDCD;
}

.tabulka .hrana_prava,
.tabulka98p .hrana_prava
{
  border-right: 1px solid #CDCDCD;
}

.tabulka .hrana_spodni_prava,
.tabulka98p .hrana_spodni_prava
{
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
}

.tabulka .hrana_prava,
.tabulka98p .hrana_prava
{
  border-right: 1px solid #CDCDCD;
}

.text_chyba
{
  color: #ff0000;
}

h1
{
  text-align: center;
  font-size: 18px;
  color: #ff0099;
  padding-top: 10px;
  padding-bottom: 3px;
  text-transform: uppercase;
  background: #FFFFFF;
  position: fixed;
  margin: auto;
  max-width: 1270px;
  width: 100%;
  z-index: 1;
}

.h1_index
{
  text-align: center;
  font-size: 18px;
  color: #ff0099;
  padding-top: 10px;
  padding-bottom: 5px;
  text-transform: uppercase;
  background: #FFFFFF;
  position: inherit;
}

h2
{
  text-align: center;
  font-size: 14px;
  color: #16ace3;
  padding: 2px;
  text-transform: uppercase;
  padding-top: 40px;
}

h3
{
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  padding: 2px;
  text-align: center;
}

h4
{
  text-align: center;
  font-size: 14px;
  color: #16ace3;
  padding: 2px;
  text-transform: uppercase;
}

.radek
{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-bottom: 10px;
}

.div_sl100,
.form_sl100
{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.div_sl1,
.form_sl1
{
  position: relative;
  width: 100%;
  max-width: 300px;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.div_sl2,
.form_sl2
{
  position: relative;
  width: 50%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.div_sl23,
.form_sl23
{
  position: relative;
  width: 66%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.div_sl3,
.form_sl3
{
  position: relative;
  width: 33%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.div_sl4,
.form_sl4
{
  position: relative;
  width: 25%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.form_polozka, .form_obrazek
{
  position: relative;
  width: 100%;
}

.form_obrazek img
{
  width: 100%;
}

.pri_tisku_schovany
{
  display: inline;
}


td img, .pri_tisku_schovany img
{
  max-width: 300px;
}


.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;
}

.form_obecny
{
  margin-top: 20px;
  padding: 10px;
  display: inline-block;
  border: 2px solid #DDDDDD;
  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_obecny .datum
{
  width: calc(100% - 25px) !important;
  width:    -moz-calc(100% - 25px) !important;
  width:         calc(100% - 25px) !important;
}

.form_1
{
  width: 320px;
  margin: auto;
}

.form_2
{
  width: 630px;
  margin: auto;
}

.form_3
{
  width: 950px;
  margin: auto;
}

.form_4
{
  width: 1260px;
  margin: auto;
}

.form_obecny p
{
  padding: 5px;
}

.form_obecny fieldset
{
  margin: 0px 0px 10px 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 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 fieldset legend
{
  margin-left: -1px;
    color: #16ace3;
    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;
    box-shadow: -0px -1px 2px #FFFFFF;
    -moz-box-shadow:-0px -1px 2px #FFFFFF;
    -webkit-box-shadow:-0px -1px 2px #FFFFFF;
    font-weight: normal;
    font-size: 14px;
}

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

.custom-ui-widget-header-warning {
  background: #EBCCCC;
  font-size: 1em;
}

.custom-ui-widget-header-accessible {
  background: #C2D7E9;
  font-size: 1em;
}

.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,
.poznamka_area
{
  width: 100%;
  color: #000000;
  border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  border: 1px solid #cccccc;
  outline: none;
  padding: 5px 8px 5px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  box-shadow: inset 1px 1px 4px #cccccc;
    -moz-box-shadow: inset 1px 1px 4px #cccccc;
    -webkit-box-shadow: inset 1px 1px 4px #cccccc;
  background: #FFFFFF;
}

.form_obecny input:focus,
.form_obecny select:focus
{
  border-color: #21cde8;
}

.form_obecny .zvyrazneny_input {font-size:16px;font-weight: bold;}


.form_obecny  input[type="checkbox"]:focus
{
  background: #21cde8;
  outline:2px solid #21cde8;

}

.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: #ff0099;
  border: 1px solid #ff0099;
  border-bottom-color: rgb(255, 0, 153);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom: 2px solid #cc007a;
  border-bottom-color: rgb(204, 0, 122);
  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
{
  background-color: #21cde8;
  border: 1px solid #21cde8;
  border-bottom-color: rgb(33, 205, 232);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom: 2px solid #14aac2;
  color: #ffffff;
}

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

.div_stred
{
  display: flex;
  padding-top: 43px;
  padding-bottom: 20px;
}
.div_stred2
{
  display: flex;
  padding-top: 13px;
  padding-bottom: 10px;
}


.div_tabulka
{
  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);
  background: #FFFFFF;
}


#filtr_schovany
{
  display: none;
}

#div_login
{
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#div_login_form
{
  width: 400px;
  display: flex;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  padding: 30px;
  padding-bottom: 40px;
  box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 60px;
}

.zarovnani_vpravo
{
  text-align: right !important;
  padding-right: 5px;
}

.ukazatel
{
  cursor: pointer;
}

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

.pevna_sirka
{
  display: inline-block;
  width: 90px;
}

.schovany
{
  display: none;
}

.pismo_male
{
  font-size: small;
}

.poznamka {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.poznamka .poznamkatext {
  visibility: hidden;
  width: 250px;
  background-color: #ccc;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the poznamka */
  position: absolute;
  z-index: 1;
}

.poznamka:hover .poznamkatext {
  visibility: visible;
}

#skok_top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 35px; /* Place the button at the bottom of the page */
  right: 35px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: white; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
}

#skok_top:hover
{
  background-color: #16ace3; /* Add a dark-grey background on hover */
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{
  #horni_pruh
  {
    position: relative;
  }

  h1
  {
    position: relative;
  }

  #substranka
  {
    margin-top: 2px;
  }

  .div_stred
  {
    padding-top: 2px;
  }
}