/* CSS Document */

<style>
{color: black}

/* input jmeno */
.input_2 {
  font: 1em Tahoma; 
  vertical-align: baseline; 
  horizontal-align: left; 
  line-height: 1em ;
  width: 50%; 
  }

/* input jmeno */
.input_3 {
  font: 1em Tahoma; 
  vertical-align: baseline;
  line-height: 1em ; 
  horizontal-align: left; 
  width: 70%; 
  }

/* odkaz modry */
.href1{
  color: blue;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  margin: 0 0;  
}

/* odkaz bily */
.href2{
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0 0;
  cursor: pointer
}

/* Dlaždicky HOME */
.butt_tile_home {
  background-color: #bbf;
  border: solid 1px black;
  border-radius: 6px;
  color: black;
  border-color: black;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.05em;
  margin: 8px 8px;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  }

.butt_tile_home:hover {
  background-color: #88f;
  }

.butt_tile_home:active {
  background-color: #88f;
  color: black;
  transform: translateY(2px);
  }



/* Návrat */
.butt_back {
  background-color: #bbf; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 
  /*
  margin: 0.5em 0.5em;
  padding: 0.35em 1.2em;
  */
  
  .butt_back:hover {
  background-color: #88f;
  }

.butt_back:active {
  background-color: #88f;
  color: white;
  transform: translateY(2px);
  }


/* Erase */
.butt_erase {
  background-color: #fbb; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_erase:hover {
  background-color: #f88;
  }

.butt_erase:active {
  background-color: #f88;
  color: white;
  transform: translateY(2px);
  }


/* Tisk */
.butt_print {
  background-color: #bff; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_print:hover {
  background-color: #8ff;
  }

.butt_print:active {
  background-color: #8ff;
  color: white;
  transform: translateY(2px);
  }

/* Tile choice */
.butt_choice {
  background-color: #8cff66; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_choice:hover {
  background-color: #39e600;
  }

.butt_choice:active {
  background-color: #39e600;
  color: white;
  transform: translateY(2px);
  }

/* Tile choice */
.butt_choicea {
  background-color: #2db300; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_choicea:hover {
  background-color: #39e600;
  }

.butt_choicea:active {
  background-color: #39e600;
  color: white;
  transform: translateY(2px);
  }

/* Tile choice */
.butt_choiceb {
  background-color: #ffbb99; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_choiceb:hover {
  background-color: #ff884d;
  }

.butt_choiceb:active {
  background-color: #e64d00;
  color: white;
  transform: translateY(2px);
  }

/* Tile disable */
.butt_dis {
  background-color: #c3c3c3; 
  border: solid 1px black;
  border-radius: 3px;
  color: black;
  border-color: black;
  padding: 0.2em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.1em 0.1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

/* tlacitka rezervace ocupated */
.b_table_body_my {
  background-color: #ffc266;
  /* border: solid 1px black; */
  /* border-radius: 4px; */
  color: black; 
  /* border-color: black; */
  /* padding: 0.3em 0.4em; */
  text-align: center;
  /* text-decoration: none; */
  /* display: inline-block; */
  font-size: 1em;
  cursor: pointer;
  /* box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19); */
  /* width: 40Px; */
  }

.b_table_body_my:hover {
  background-color: #e68a00;
  }

.b_table_body_my:active {
  background-color:  #b36b00;
  color: white;
  transform: translateY(2px);
  }

/* tlacitka rezervace head */
.b_table_head {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 1em;
  /* cursor: none; */
  cursor: auto;
  width: 100Px; 
  border: solid 1px black;
  }

/* tlacitka rezervace head */
.b_table_datum {
  background-color: #e6ffe6;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;  
  /* cursor: none; */
  cursor: auto;
  width: 100Px; 
  /* border: solid 2px black; */
  }

/* tlacitka rezervace head */
.b_table_datum_x {
  background-color: #ffb3d1;
  text-align: left;
  font-size: 1em;
  font-weight: bold;
  /* cursor: none; */
  cursor: auto;
  width: 100Px; 
  /* border: solid 2px black; */
  }

/* tlacitka rezervace body weekend prazdniny */
.b_table_body_wee {
  background-color: #ffb3ff;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  }

/* tlacitka rezervace body free */
.b_table_body_free {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  color: black; 
  }

.b_table_body_free:hover {
  background-color: #d9d9d9;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  }

.b_table_body_free:active {
  background-color: #bfbfbf;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  }

/* tlacitka rezervace body ocupated */
.b_table_body_ocupated {
  background-color: #b3e6ff; 
  text-align: center;
  font-size: 1em;
  cursor: auto;
  width: 100Px; 
  }

/* tlacitka rezervace body ocupated  off
.b_table_body_ocupated:hover {
  background-color: #66ccff;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  }

.b_table_body_ocupated:active {
  background-color: #0099e6;
  text-align: center;
  font-size: 1em;
  cursor: pointer;
  width: 100Px; 
  }

*/

/* Tile home */
.butt_clss {
  background-color: #ff99cc; 
  border: solid 1px black;
  border-radius: 10px;
  color: black;
  border-color: black;
  padding: 0.35em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.5em 0.5em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_clss:hover {
  background-color: #ff66b3;
  color: black;
  }

.butt_clss:active {
  background-color:  #ff3399;
  color: black;
  transform: translateY(2px);
  }


/* Tile home */
.butt_home {
  background-color: #668cff; 
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.35em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.5em 0.5em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  } 

.butt_home:hover {
  background-color: #99b3ff;
  color: black;
  }

.butt_home:active {
  background-color: #99b3ff;
  color: black;
  transform: translateY(2px);
  }

/* Tile menu */
.butt_menu {
  background-color: #8cff66; 
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.35em 1.2em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  margin: 0.5em 0.5em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  width: 140Px
  } 

.butt_menu:hover {
  background-color: #39e600;  
  color: black;
  }

.butt_menu:active {
  background-color: #39e600;
  color: white;
  transform: translateY(2px);
  }

/* rezervace test */
.butt_rez_a {
  background-color: #8cff66; 
  border: solid 1px black;
  border-radius: 4px;
  color: black;
    padding: 0.35em 0.35em;
  border-color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.19);
  width: 27Px;
  } 

.butt_rez_a:hover {
  background-color: #39e600;  
  color: black;
  }

.butt_rez_a:active {
  background-color: #39e600;
  color: white;
  transform: translateY(2px);
  }


/* tlacitka rezervace free */
.butt_rb {
  background-color: #f2f2f2;
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  width: 40Px;
  }

.butt_rb:hover {
  background-color: #bfbfbf;
  }

.butt_rb:active {
  background-color: #999999;
  color: white;
  transform: translateY(2px);
  }


/* tlacitka rezervace free */
.butt_rc {
  background-color: #8cff66;
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  width: 40Px;
  }

.butt_rc:hover {
  background-color: #00b300;
  }

.butt_rc:active {
  background-color: #008000;
  color: white;
  transform: translateY(2px);
  }

/* tlacitka rezervace occ */
.butt_rd {
  background-color: #ff99ff;
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  width: 40Px;
  }

.butt_rd:hover {
  background-color: #ff33ff;
  }

.butt_rd:active {
  background-color: #b300b3;
  color: white;
  transform: translateY(2px);
  }

/* tlacitka rezervace occm */
.butt_re {
  background-color: #b3b3ff;
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  width: 40Px;
  }

.butt_re:hover {
  background-color: #6666ff;
  }

.butt_re:active {
  background-color: #0000cc;
  color: white;
  transform: translateY(2px);
  }

/* tlacitka rezervace occm */
.butt_rf {
  background-color: #ffc266;
  border: solid 1px black;
  border-radius: 4px;
  color: black;
  border-color: black;
  padding: 0.3em 0.4em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1em;
  cursor: pointer;
  box-shadow: 8px 8px 16px 0 rgba(0,0,0,0.2), 0 6px 5px 0 rgba(0,0,0,0.19);
  width: 40Px;
  }

.butt_rf:hover {
  background-color: #e68a00;
  }

.butt_rf:active {
  background-color:  #b36b00;
  color: white;
  transform: translateY(2px);
  }

 
.text-area {
  font: 1em Tahoma;
  background-color: #ffc;
  }

.sp_ucit {
  font: 1em Tahoma; 
  color: navy;
  vertical-align: baseline; 
  line-height: 22px ;
  padding: 0em 2em 0em 0.5em;
}

.sp_cls {
  font: 1em Tahoma; 
  color: maroon;
  vertical-align: baseline; 
  line-height: 22px ;
  padding: 0em 2em 0em 0.5em;
}

.sp_head {
  font: 1em Tahoma; 
  color: blue;
  vertical-align: baseline; 
  line-height: 22px ;
  padding: 0em 2em 0em 0.5em;
}

.dv2_head {
  font: Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  color: darkcyan;

.dv2_tile_head {
  font: Tahoma;
  font-size: 1.2em;
  font-weight: bold;
  color: firebrick;
}

.dv2_data {
  color: red;
}



</style>