.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

body {
	font-family: "Lato", sans-serif;
	transition: background-color .5s;
}

.hlavneVeci {

}

.hodnota {
	text-align: center;
	vertical-align: center;
	background-color: #ececec;
	padding: 17px;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 25px;
	margin: 1%;
	margin-top: 10px;
	border-radius: 10px;
	font-size: 25px;
    cursor: pointer;
}

.ikona {
	float: left;
	font-size: 40px;
}

.velkaIkona {
    float: left;
    font-size: 70px;
}

.viac {
	float: right;
	font-size: 40px;
}

.graf {
	text-align: center;
	vertical-align: center;
	background-color: #ececec;
	padding: 17px;
	padding-left: 2%;
	padding-right: 3%;
	padding-bottom: 40px;
	padding-bottom: 25px;
	margin: 1%;
	margin-bottom: 25px;
	border-radius: 10px;
}

#menuButton {
    min-height: 100px;
    display: inline-flex;
    align-items: center;
    font-size: 70px;
    cursor: pointer;
    margin-left: 2%;
    float: left;
}

#openMenu {
	width: 100%;
    background-color: #b2b2b2;
    position: fixed;
    vertical-align: middle;
    text-align: center;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.rekordy {
    text-align: center;
    vertical-align: center;
    background-color: #c6c6c6;
    padding: 17px;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 25px;
    margin: 1%;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 25px;
}

#rekordyIn {
    text-align: center;
    font-size: 25px;
}

#kamera {
    text-align: center;
    vertical-align: center;
    background-color: #ececec;
    padding: 17px;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 25px;
    margin: 1%;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 25px;
}

#archiv {
    text-align: center;
    font-size: ;
}

#stanica {
    text-align: center;
    font-size: 18px;
}

#aktualizacia {
    min-height: 100px;
    display: inline-flex;
    align-items: center;
    font-size: 140%;
    float: right;
    margin-right: 2%;
}