*,*:focus,*:hover {outline: none;}
input:focus {outline: none;}

/* login stranka */
body {background: #525d6e; font-family: 'Roboto', sans-serif; font-size: 100%; color: #080808; text-align: center; padding-top: 50px;}

/*---login okno---*/
#login {background: #eff0f0; text-align: center; font-size: 1em; /*16/16*/ width: 92%; max-width: 430px; margin: 0 auto; padding: 30px 25px 15px; border-radius: 4px;}
#login form {padding: 0 0 10px;}
#login form p.logoLogin {padding: 0 0 10px;}
#login form p.logoLogin img {width: 230px;}
#login form input.text {background: #fff; border: 1px solid #cdcdcd; padding: 9px 10px; margin-bottom: 8px; border-radius: 6px; width: 100%;}
#login table {text-align: left; width: 100%;}
#login table tr td {display: block; padding: 3px 0px;}
#login table tr td:first-child {padding-left: 11px;}
#login table tr td.center {padding-top: 20px;}

a.adminLogin {background: #4ac4d4; display: inline-block; padding: 15px 45px 0; height: 48px; text-decoration: none; color: #fff; text-align: center; font-weight: 600; border-radius: 31px; font-size: 1.25em; /*20/16*/ line-height: 1em;}
a.adminLogin:hover {background: #fff; box-shadow:inset 0px 0px 0px 3px #4ac4d4; color: #525d6e;}

.ok, .chyba {border: 1px solid; margin: 0 0 10px 0px; padding: 8px 20px 8px 15px!important; display: inline-block; width: auto; min-width: 294px; background-repeat: no-repeat; background-position: 15px center; border-radius: 4px; text-align: left!important;}
.ok {color: #000; border-color: #4ac4d4; background-color: #fff;}
.chyba {color: #cf1515; background-color: #fff;}
.ok i, .chyba i {padding-right: 4px;}
.ok i {color: #4ac4d4;}
.ok a {color: #4F8A10;}

span.chyba {background: none; border: none; margin: 0!important; padding: 0 0 0 10px!important; border-radius: 0; min-width: 0;}

/* responsive */
@media all and (min-width: 480px) {

body {padding-top: 180px;}
#login {padding: 25px 35px 15px;}

}
