/*začátek hlavních a univerzálních stylů*/
html{font-family: 'Source Sans Pro', sans-serif; color: black;}
@media screen and (max-width: 580px) , screen and (max-height: 800px) {
 .daterangepicker{height: 90vh; overflow: auto;}  
 }
body{margin: 0px; padding: 0px;}
a {text-decoration: none; color: blue;}
a.noborder{border: 0px !important;} 
a.button {
   margin-right:10px;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    padding: 1px 6px;
    text-decoration: none;
    color: black;
     border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial; 
}
/*styly obalovacích prvků, navigace a loga*/
#content{width: 100%; overflow: auto;} 
#header{
    width: 100%; 
    background-color: rgb(11,61,143); 
    color: #fff; 
    border-bottom: 4px solid #f6bd30; 
    height: 60px; 
    z-index: 99;
}
#logo {
    float: left; 
    margin-top: 5px; 
    margin-left: 10px;
    width: 200px;
}
#logo_small {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: 37px;
    display: none;
} 
#menu {text-align: center; padding: 0px; background-color: rgb(11,61,143); margin-right: 10px; float: right; margin-top: 5px;}
#menu a{border-right: 1px solid #f6bd30; text-decoration: none; color: white; display: inline-block; font-weight: bold; padding: 10px 10px; margin: 5px 0px;}
#menu a:hover{color: #f6bd30; } 
.responsive-menu{display: none;}

       /*start definice univerzální tabulky */
      .universal_table_body{
      margin:0px auto;
      width:100%;
      max-width: 800px;
      }
      .universal_table{
      width:100%;
      border-collapse: collapse;
      text-align:center;
      overflow: scroll;
      }
      .universal_table tr:nth-of-type(odd){
       background-color: #F2F2F2; 
      }
      .universal_table_head th{
      border:1px solid #fff;
      font-weight:bold;
      padding:5px 10px;
      border-top:0px;
      }
      .universal_table_zaznam td{
      padding:3px 5px;
      }
        
      /*end  definice univerzální tabulky */

    /*start definice tabulky, zastaralé identifikátory, zůstává pro zachování kompatibility, když budeš mít chut projít všechny soubory, můžeš všechno přepsat na nový universal_table :-)*/
    .lide_body{
    margin:0px auto;
    width:100%;
    max-width: 800px;
    }
    #lide_table{
    width:100%;
    border-collapse: collapse;
    text-align:center;
    }
    #lide_table tr:nth-of-type(odd){
     background-color: #F2F2F2; 
    }
    #lide_table_head td{
    border:1px solid #fff;
    font-weight:bold;
    padding:5px 10px;
    border-top:0px;
    }
    .lide_table_zaznam td{
    padding:3px 5px;
     }
    /*end definice tabulky, pro zastaralé identifikátory, zůstává pro zachování kompatibility, když budeš mít chut projít všechny soubory, můžeš všechno přepsat na nový universal_table :-)*/
 
.button_pridej{
    background-color:#F6A530;
    color:black;
    float:left;
   margin:20px;
   padding:5px 10px;
}
.button_pridej:hover{
    color:white;
}

/* mobilní menu*/ 
@media (max-width: 750px) {                             
#menu {display: none;}
#header{border: 0px;}
.responsive-menu{display: block;}
.responsive-menu .menu-icon {
  cursor: pointer;
  display: inline-block;
  width: 35px;
  float: right;
  padding: 17px 10px;
  position: relative;
  user-select: none;
  
}

.responsive-menu .menu-icon .navicon {
  background: white;
  display: block;
  height: 5px;
  position: relative;
  width: 35px;
  margin: 2px;
  border-radius: 2px;
}

.responsive-menu .menu-icon .navicon:before,
.responsive-menu .menu-icon .navicon:after {
  background: white;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  border-radius: 2px;
}

.responsive-menu .menu-icon .navicon:before {
  top: 9px;
}

.responsive-menu .menu-icon .navicon:after {
  top: -9px;
}
.responsive-menu ul {
  position: absolute;
  top: 49px;
  right: 0px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: rgb(11,61,143);
  z-index: 1999;
}
.responsive-menu li {
  display: block;
  position: relative;}
.responsive-menu li a {
  display: block;
  padding: 20px 20px;
  border-right: 1px solid #f4f4f4;
  text-decoration: none;
  width: 120px;
  color: white;
  white-space: nowrap;
}

.responsive-menu li a:hover {
  background-color: #f6bd30;
}

.responsive-menu ul {
  max-height: 0;
  transition: max-height .2s ease-out;
}
.responsive-menu .menu-btn {
  display: none;
}

.responsive-menu .menu-btn:checked ~ ul {
  max-height: 300px;
}

.responsive-menu .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.responsive-menu .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.responsive-menu .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.responsive-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.responsive-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
#menu_button_container{float: right; margin: 15px 10px;}
.menu_button {width: 35px; height: 5px; background-color: #fff; margin: 6px 0; border-radius: 5px;}
}
/* konec mobilní menu*/ 

@media (max-width: 359px) {#logo{display: none;} #logo_small{display: block;} }
.cistic{clear: both;}