BODY { background:#4471ff; color:white; margin:0; padding:0; height: 100%; xheight:100vh; xwidth:100vw; font-family:Arial; font-size:14pt; text-align:center }
INPUT { border:none; padding:12px; margin-top:10px; margin-bottom:40px; xwidth:70vw; border-radius:4px; }
A { color:lightyellow }
.page { display:flex; xjustify-content:center; align-items:flex-start; flex-direction:column; height:100%; }

.item { align-self:flex-start; width:100% }
.item.last { margin-top:auto; }

.login-icon { display: inline-block; width: 60px; height:60px; background-color: #ffffff; /* barva ikony */ -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / 70% 70% no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/></svg>") center / 70% 70% no-repeat; vertical-align: middle;}
#clock { margin-top:50px; font-size:2em }
.logo { padding:50px 0px; text-align:center; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; }
.logo A { text-decoration:none }
.button { xpadding:12px; background:#0039b3; color:white; border:none; font-size:14pt; xwidth:70vw; padding:12px 24px }

.buttonPrichod { padding:16px; background:green; color:white; border:none; font-size:24pt; width:70vw; border-radius:4px; }
.buttonOdchod { padding:16px; background:#ff6600; color:white; border:none; font-size:24pt; width:70vw; border-radius:4px; }

.buttonyPO { margin-top:50px; }
.vysledekPO { margin-top:50px; display:none }
.schovat { display:none }
.ukazat { display:block }


.prehled { width:100% }
.prehled-mesice { margin-top:20px; margin-bottom:10px; display:flex; align-items:center; justify-content:space-between; }
.prehled-mesice BUTTON { xwidth:80px; margin:0px 10px; border-radius:4px; }
TABLE { line-height:1em; width:100%; }
TD, TH { text-align:center }
.den-so { background:#6A8CFF }
.den-ne { background:#8FA6FF }
.den-act { background:#ff6600 }
.TDdark { background:#666 }