::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

::-webkit-scrollbar-button {
	width: 10px;
	height: 5px;
} 

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
	background-color: #545454;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #545454;
}

html {height: 100%; font-size: 10pt;}
body { min-height: 100%;       position: relative;      font-family:  'Open Sans', sans-serif;     margin: auto;     background-color: #F5F5F5;}
.a{-webkit-transition-property: all;	-webkit-transition-duration: 200ms;	-moz-transition-property: all;	-moz-transition-duration: 200ms;	transition: all 200ms ease-in-out;}
div,span.body,input,select,li,ul,body,a {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.clear{width:100%; clear: both;}
h1, h2, h3, h4, h5, p {margin: 0; padding: 0;}
form{margin: 0;}

*:focus { outline: 0; }

.err{      padding: 15px 10px;    color: #FFF;   width: 100%;  }
.err.red{background:rgba(238, 64, 64, 0.85);}
.err.green{background: rgba(34, 34, 34, 0.8)}

.top {text-align: center; width: 100%; padding: 20px; }
.top .logo {}

.container {max-width: 450px;     font-size: 10pt;
    background: white; overflow: hidden;
    margin: 0 auto 50px auto;;
    border-radius: 2px;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.09);}

.container .topPhoto {width: 100%; height: 160px; background-size: cover; background-position: center;}
.container h1 {    padding: 10px 10px 0 10px;    margin: 0;    font-weight: normal;}
.container h2 {    padding: 10px 10px 0 0;    margin: 0;    font-weight: normal;}
.container p {padding: 10px; margin: 0; line-height: 16pt;}
.container li {padding: 0; margin: 0; line-height: 16pt;}


.prepinace {padding: 10px 0 10px 10px; margin: 0 0 10px 0 ;}
.prepinace .col {width: 50%; float:left; padding: 0 10px 0 0;}
.prepinace .in {width: 100%; float: left; font-weight: bold; padding: 10px; text-align: center; cursor: pointer; background: #F5F5F5; border-radius: 2px;}
.prepinace .in i{font-size: 16pt;}
.prepinace .in:hover {    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.prepinace .in.aktivni {color:white;   background: #292929; font-weight: bold;}

.osoby {padding: 0 10px 0 0; margin: 0 0 10px 0 ;}
.osoby .label {float:left; width: 35%; padding: 10px;}
.osoby input {float:left; font-weight: bold; width: 65%;    background-color: #F5F5F5;    border-style: none;    padding: 10px;   border-radius: 2px;  font-size: 10pt;}
.osoby input:hover {    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}

.lektor {padding: 0 10px 0 0; margin: 0 0 10px 0 ;}
.lektor .label {float:left; width: 35%; padding: 10px;}
.lektor .checkbox{      margin: 0 10px 0 0;  background: #F5F5F5; color: #F5F5F5;   padding: 8px;    border-radius: 2px; height: 13px; width: 13px;}
.lektor .checkbox.aktivni{   color: #292929; }
.lektor .checkbox:hover{    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}

.datum {padding: 0 10px 0 0; margin: 0 0 10px 0 ;}
.datum .label {float:left; width: 35%; padding: 10px;}
.datum input {float:left; font-weight: bold; width: 65%;    background-color: #F5F5F5;    border-style: none;    padding: 10px;   border-radius: 2px;  font-size: 10pt;}
.datum input:hover {    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}

.hours {padding: 10px 0 10px 10px; margin: 0 0 10px 0 ;}
.hours i {    font-size: 20pt;    text-align: center;    display: block;    padding: 25px;    clear: both;}

.hours .line {    margin: 0 0 10px 0;    clear: both;    height: 38px;}
.hours {padding: 0 10px 0 0; margin: 0 0 10px 0 ;}
.hours .label {float:left; width: 35%; padding: 10px;}
.hours .data {float:left;  width: 65%;   }
.hours .line .info{    padding: 10px;    float: left;}
.hours .line .time{    float: left;    padding: 10px 20px;    background-color: #F5F5F5;    border-radius: 2px;    font-weight: bold;    color: #C5C5C5;  width: 80px;    text-align: center;}
.hours .line .time.avaible{    background-color: #F5F5F5;    color: #292929; cursor: pointer;}
.hours .line .time.aktivni{       color: #FFF;    background: #292929;}
.hours .line .time.avaible:hover{      box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}

.prehled {    clear: both;    background-color: #292929;    color: #FFF;    margin: 10px 0 0 0;    border-radius: 2px;    padding: 10px;}
.prehled table{    width: 100%;}
.prehled .strong{font-weight: bold;}
.prehled .submit{ color: #292929;   border: none;    border-radius: 2px;    padding: 10px 20px;    float: right;    cursor: pointer; background-color: #FFF;    font-weight: bold;     margin: 15px 0 0 0;}
.prehled .submit:hover{    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3); background-color: #EAEAEA;}

.loader {display:none;    position: absolute;    top: 190px;    text-align: center;    width: 100%;    font-size: 26pt;    padding: 10px;    color: #D5D5D5;}

.timer {}
.timer p{padding: 10px 10px;}
.timer timer{float: right;    background-color: #A60303;    color: #FFF;    margin: 10px;    padding: 5px 15px;    border-radius: 2px;}
.timer .moreTime { cursor: pointer;   background-color: rgba(166, 3, 3, 0.68);    color:white;  padding: 5px 10px;    float: right;    margin: 10px -12px 10px 0;    border-radius: 2px;}
.timer .moreTime:hover {     box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);  }

.form {padding: 0 10px 0 0; margin: 5px 0 10px 0 ;}
.form h2{padding: 10px;}
.form .line {margin: 0 0 10px 0;}
.form .label {float:left; width: 35%; padding: 10px;}
.form input {float:left; font-weight: bold; width: 65%;    background-color: #F5F5F5;    border-style: none;    padding: 10px;   border-radius: 2px;  font-size: 10pt;}
.form input:hover {    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.form select {  -webkit-appearance: none; float:left; font-weight: bold; width: 65%;    background-color: #F5F5F5;    border-style: none;    padding: 10px;   border-radius: 2px;  font-size: 10pt;}
.form select:hover {    box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.form .smallErr{    float: right;    margin: -26px 10px 0 0;}
.form .smallErr .fa-check{  color: #0CA603;}
.form .smallErr .fa-times{  color: #A60303;}
.form .smallErr .fa-asterisk{color:#FFB300;}
.form .bigErr {    width: 65%;    margin: 0 0 0 35%;    padding: 5px 10px;    background-color: #A60303;    color: #FFF;    border-radius: 2px; clear: both;}
.form .submit{    color: #FFF;    border: none;    border-radius: 2px;    padding: 10px 20px;    float: right;    cursor: pointer;    background-color: #292929;    font-weight: bold;    margin: 0 0 10px 0;}
.form .submit:hover{  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);}

.konec {text-align: center;}

.printbtn {    color: #FFF;    border: none;    border-radius: 2px;    padding: 10px 20px;    cursor: pointer;    background-color: #292929;    font-weight: bold;    margin: 25px auto 40px;    width: 130px;    display: block;    text-align: center;    text-decoration: none;}
.printbtn:hover { box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);}



.langs {width: 35px; margin: 5px 0 0 -35px; position: absolute}
.langs a{display:block; height: 30px; width: 30px; margin: 0 0 5px 5px; background-size: cover; background-position: center;	 float:left; border-radius: 2px 0 0 2px;      box-shadow: 0 0 10px 0px rgba(0,0,0,0.3);}
.langs a.aktivni{width: 35px; margin: 0 0 5px 0;}





@media screen and (max-width:500px) {
  .langs {width: auto; margin: -30px 0 0 5px; position: absolute}
.langs a{	 float:left; border-radius: 2px 2px 0 0;  }
.langs a.aktivni{width: 35px; margin: 0 0 5px 5px;}
}