/* CSS Document */

/*
* {
	margin: 0;
	padding: 0;
}
*/

html, body{
  font:100 2vw/1.3 Helvetica, Arial, sans-serif;
  text-align: center; 
}

#dialog, #dialogSmazat {
  display: none; 
  position: fixed; 
  left: 20%; 
  top: 30%; 
  text-align: left; 
  background-color: lightgray;
  border: 1px solid black;
}

#dialog td, #dialogSmazat td {
  padding: 0.75vw;
}

#login td {
  padding: 0.5vw;
}

#tabulka, #tabulka2 {
  border-spacing: 0;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  width: 95%;  
}

.celkem {
  background-color: cyan;
}

#tabulka td, th, #tabulka2 td, th  {
  border: 1px solid gray;
} 

th {
  height: 4vw;
  background-color: lightgray;
} 

.jmeno {
  text-align: left; 
  padding: 0.6vw 2vw;
}

.red {
  color: red; 
}

.blue {
  color: blue; 
}

input[type=time], input[type=date], input[type=text], input[type=password] {
  font-size: 2vw;
  margin: auto;
}


input[type=checkbox] {
  height: 2.5vw;
  width: 2.5vw;
  margin-top: 0.5vw;
}

button, input[type=submit] {
  font-size: 2vw;
  margin: auto;
  padding: 0 20px;
}

select {
  font-size: 2vw;
}

#hlavicka {
  margin-left: auto;
  margin-right: auto;
  width: 95%;  
}

#datum {
  font-size: 3vw;
}

@media print {
  button, input[type=submit] {
    display: none;
  }
}