body {
	font-family: 'Open Sans', sans-serif;
	font-size: 60%;
	/*background-color:#B7CDEC;*/
	margin:0px;
	padding:0px;
}

label {
	color:#0024D3;
}

.checkboxes {
  z-index:1;;
}

.red {
	border-color: red;
	box-shadow: 0 0 30px red;
}

.hvezda {
	color: red;
}

.ruka {
	cursor:pointer;
}

.center {
	text-align: center;
}

.ui-menu {	
    border-radius: 5px;
    border: 1px solid #0024D3;
}

.ui-menu .ui-menu-item {
    color: #0024D3;
	font-size: 160%;
	margin:10px;
}

.ui-widget {
    font-size: 1.2em; /* zvetší písmo */
  }

  .ui-button {
    padding: 1em 2em; /* zvetší tlacítka */
  }

  .ui-slider-horizontal {
    height: 1em;
  }

  .ui-slider-handle {
    height: 1.5em;
    width: 1.5em;
    top: -0.3em; /* posun pro zarovnání */
  }
  .ui-dialog-titlebar {
    background-color:#0024D3;
	color:#FFFFFF;
  }
  
.ui-dialog-title {
    font-size: 1.2em;
  }
  
  .ui-dialog-content {
    font-size: 1.2em;
	line-height:1.5em;
  }

input[type=checkbox] {
  -ms-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  padding: 10px;
}

input:active {
    box-shadow: 0 0 30px #0024D3;
}
input:focus {
    box-shadow: 0 0 30px #0024D3;
}

#menu {
	position:relative;
	background-color:#0024D3;
	min-height: 8vh;
}

#logo_fau_menu {
	display: inline-block;
	margin:0px 0px 5px 5px;
	left:0px;
	width: 5.2vw;
	height: 8vh;
}

#menu a {
	display:inline-block;
	text-align: center;
	font-family: 'Open Sans';
	font-size:3.5vh;
	color:#FFFFFF;
	padding:1.7vh 2.5vw 1.5vh 2.5vw;
	text-decoration:none;
	font-weight:bold;
	transition: 0.5s;
}

#menu a:hover {
	background-color:#00A9EB;
}

#logo {
	display:inline-block;
    float:left;
}

#usermanagement {
	display:inline-block;
	position: absolute;
	margin:0;
	right:0;
	top:20%;
}

.stopro {
	width:100%;
}

.devade {
	width:90%;
}

.padede {
	width:50%;
}

.center {
	align-content: center;
	text-align:center;
}

.modra {
	color:#0024D3;
}

.bold {
	font-weight:bold;
}

.user {
    cursor:pointer;
    border: none;
	background:none;
}

.user:hover {
	background-color:#00A9EB;
	transition: 0.5s;
}

.user button {
	border:0;
	width: 4vw;
	height: 4.5vh;
}

.user svg {
	width: 4vw;
	height: 4.5vh;
}

table.vypis {
	border-collapse: collapse;
	width:100%;
}

table.nova_navsteva {
	border-collapse: collapse;
	width:90%;
	margin:10px;
}

table.nova_navsteva td {
	text-align:left;
	font-weight:bold;
}

table.nova_navsteva td.podtrzeny {
	border-bottom: 1px #050505;
	padding-bottom:15px;
}

.date {
	width: 80px;
}

.time {
	width: 60px;
}

table.nova_navsteva tr {
	height:150%;
	vertical-align:center;
}

table thead tr td {
	font-weight:bold;
	align-content: center;
}

td.nobreak {
	white-space:nowrap;
}

td.plnic {
	width:100%;
}

.cinnosti {
    cursor:pointer;
    border: none;
	background:none;
}

.cinnosti svg {
  width: 5vw;
  height: 5vh;
}

.cinnosti button {
  width: 5vw;
  height: 5vh;
}

.del:hover {
	background:#F06473;
	transition: 0.5s;
}

.prichazi:hover {
	background-color:#62f571;
	transition: 0.5s;
}

.odchazi:hover {
	background-color:#b5bdc9;
	transition: 0.5s;
}

.zrus:hover {
	background-color:#F58C35;
	transition: 0.5s;
}

tr.prichozi {
	color:#00B48F;
}

tr.ukoncene {
	color:#8C8C8C;
}

tr.zrusene {
	color:#F06473;
}

table.vypis tbody tr:nth-child(even) {
	background-color: #E9E9E9;
}

table.vypis tbody tr:nth-child(even):hover {
	background-color: #E6E6E6;
	transition: 0.5s;
}

table.vypis tbody tr:nth-child(odd) {
	background-color: #f3f3f3;
}

table.vypis tbody tr:nth-child(odd):hover {
	background-color: #f0f0f0;
	transition: 0.5s;
}

table.vypis tbody tr {
	height:4.2vh;
}

td .td_cinnosti {
	width:4vw;
}

td .ikona {
	width:2vw;
}

td .ikona svg {
	width:2vw;
}

.ikona svg {
  width: 2vw;
  height: 4vh;
}

table.vypis tbody tr td:nth-child(8) {
		width:4vw;
	}
	
table.vypis tbody tr td:nth-child(9) {
		width:4vw;
	}

table.vypis tbody tr td:nth-child(10) {
		width:4vw;
	}

table.vypis tbody tr td:nth-child(11) {
		width:4vw;
	}

table.vypis tbody tr td.text {
		padding: 0px 20px;
	}

input.nova_navsteva {
	height:4vw;
	width:8vw;
}