.left{ float:left}.right{ float:right}.block{ display:block}.linear{ background:#505050; background:linear-gradient(to bottom,#505050 0%,#505050 50%,#3c3c3c 50%,#3c3c3c 50%,#505050 100%)}.linear2{ background:#505050; background:linear-gradient(to bottom,rgba(80,80,80,0.7) 0%,rgba(80,80,80,0.7) 50%,rgba(60,60,60,0.7) 50%,rgba(60,60,60,0.7) 50%,rgba(80,80,80,0.7) 100%)}.bold{ font-weight:700}.overflow{ overflow:hidden}.clear{ clear:both}.noselect{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}body{ margin:20px; background:#e2f6fe; color:#444; font-size:14px; font-family:'Open Sans',sans-serif; font-weight:100}a,img{ border:none}p{ margin:15px 15px 0 0}.page{ display:block; width:900px; padding:20px; margin:auto; background:white; box-shadow:0 5px 5px rgba(0,0,0,0.2); position:relative}.shake{ animation:shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform:translate3d(0,0,0); backface-visibility:hidden}@keyframes shake{ 10%, 90%{  transform:translate3d(-1px,0,0); } 20%, 80%{  transform:translate3d(2px,0,0); } 30%, 50%, 70%{  transform:translate3d(-4px,0,0); } 40%, 60%{  transform:translate3d(4px,0,0); }}.logo1{ border:none; width:auto; height:60px}.logo2{ display:none}.flag img{ height:22px; width:22px; position:relative; top:1px; display:block}.flag .active img{ opacity:.4}.prava-cast{ margin-right:25px; margin-left:auto; display:flex}a{ color:#0072ce; text-decoration:none}a:hover{ text-decoration:underline}#logout{ margin-right:15px; line-height:22px}input[type=text],input[type=password],select{ padding:0.45em; box-sizing:border-box; width:100%; border-radius:4px; border:none; outline:none; background:#ddd; font-size:.8em}input[type=submit]{ padding:0.45em 2.5em; border-radius:4px; border:none; background:#0072ce; color:white; font-weight:700}input[type=submit]:hover:enabled{ cursor:pointer}input:disabled{ background:gray}#genForm-gen-control,#genForm-back-control,#genForm-ktab-control{ padding:0.45em 0}#genForm-back-control,#genForm-ktab-control{ width:45%}input[name='new_pwd']{ border-radius:4px 4px 0px 0px}tr,td,th,table{ position:relative; text-align:left; font-weight:400; padding:0 0 5px 0}#genForm tr,#genForm td,#genForm table{ display:flex; align-items:center}#genForm th{ display:none}#genForm td{ width:340px; justify-content:space-between}.fzu-form tbody{ display:block}option{ padding:2px 10px}button:hover{ background:#8ab; background:linear-gradient(to bottom,#35a,#8ab)}header{ display:flex; align-items:center; margin-bottom:20px}main{ display:flex}section{ flex:1}.formular{ display:block; margin-right:15px; margin-top:15px}.popis{ flex:0.9; font-size:small; font-weight:400; padding:10px 25px 25px 25px; margin:0 -20px -20px 0; background-color:#003c95; color:white}h1{ padding:15px 15px 15px 40px; margin:0px -20px; font-size:22px; font-weight:400; background-color:#002c71; color:white}#passwordChangeForm-new_pwd-description,#passwordChangeForm-verify-description{ box-sizing:border-box; background:#0072ce; color:white; padding:0.6em; position:absolute; right:-100%; top:0; width:calc(98.4%); display:none; border-radius:4px; box-shadow:2px 2px 5px #bbb}#passwordChangeForm-new_pwd-description::before,#passwordChangeForm-verify-description::before{ content:''; position:absolute; border:.5rem solid transparent; border-left:none; border-right-color:#0072ce; top:0.5em; left:-0.6em}.fzu-form table [id$="-error"]:not(:empty){ box-sizing:border-box; padding:0.6em 0.6em 0 0.6em; margin-top:0.32em; background:#d80606; color:white; display:block; position:relative; border-radius:4px; box-shadow:2px 2px 5px #bbb}.fzu-form table [id$="-error"]:not(:empty)::before{ content:''; position:absolute; bottom:100%; left:0.9em; border:.5rem solid transparent; border-top:none; border-bottom-color:#d85251}.fzu-form table [id$="-error"]:not(:empty) .error,.fzu-form table [id$="-error"]:not(:empty) .warning{ padding-bottom:0.6em}ul.error:not(:empty),ul.info:not(:empty),ul.warning:not(:empty){ box-sizing:border-box; display:block; list-style-type:none; padding:1em; font-weight:400; border-radius:4px; box-shadow:2px 2px 5px #bbb; pointer-events:none; position:absolute; margin-top:50px; left:15%; right:15%; cursor:pointer}ul.error:not(:empty){ background:#d80606; color:white; z-index:3}ul.info:not(:empty){ background:#349839; color:white; z-index:1}ul.warning:not(:empty){ background:#ffbf00; color:black; z-index:2}ul.error:not(:empty)::before,ul.info:not(:empty)::before,ul.warning:not(:empty)::before{ pointer-events:all; float:right; content:'✕'; margin-left:3em}ul.error li:not(:last-child),ul.info li:not(:last-child){ margin-bottom:1em}.strengthmeter{ display:block; height:3px; width:100%; background:#ddd; border-radius:0px 0px 4px 4px; overflow:hidden}.strengthmeter span{ display:block; width:0%; background:#ff0000; height:3px}.strength-evaluation{ display:block; text-align:right}@media only screen and (max-width:1024px){ body{  padding:0;  margin:0; } .page{  box-sizing:border-box;  width:100%;  margin:0; } .logo1{  display:none; } .logo2{  display:inline;  width:120px; }}@media only screen and (max-width:910px){ main{  justify-content:space-between; } section{  flex-grow:0;  flex-basis:400px; }}@media only screen and (max-width:640px){ p{  margin:15px 0 0 0; } main{  flex-direction:column;  box-sizing:border-box; } section{  flex:none; } .popis{  flex:none;  width:100%;  padding:0 20px 20px 20px;  margin:0 -20px -20px -20px; } .formular{  margin-right:0; }}form{ margin:20px 10px 10px 0}form th,form td{ padding:5px 10px 5px 0; text-align:left}span.active{ color:green}.nowrap{ white-space:nowrap}.fzu-grid-table{ width:100%}.fzu-grid-table tr.even{ background:#f3f3f3}.fzu-grid-table tr:hover{ background:#deefff}.fzu-grid-table th{ background:#0072ce; color:white}.fzu-grid-table th,.fzu-grid-table td{ padding-left:5px}.fzu-grid-table{ border-collapse:collapse}.fzu-grid-table a.ajax{ color:white}.fzu-grid th{ font-weight:700}.fzu-grid a:link,.fzu-grid a:visited,.fzu-grid a:hover,.fzu-grid a:active{ text-decoration:none; color:#0072ce; font-weight:700}#genForm-password-control{ width:230px}#genForm-gen-control{ width:90px}@font-face{  font-family:'Open Sans';  src:url('/img/OpenSans/OpenSans-Bold.woff2') format('woff2');  font-weight:700;  font-style:normal;  font-display:swap} @font-face{  font-family:'Open Sans';  src:url('/img/OpenSans/OpenSans-SemiBold.woff2') format('woff2');  font-weight:400;  font-style:normal;  font-display:swap}@font-face{  font-family:'Open Sans';  src:url('/img/OpenSans/OpenSans-Regular.woff2') format('woff2'), url('/img/OpenSans/OpenSans-Regular.woff') format('woff');  font-weight:100;  font-style:normal;  font-display:swap}