.checkbox input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
}  
hr {
    margin-top: 0;
    margin-bottom: 3em;
    border: 0;
    height: 1px;
    background: #fff;
        }
    

.souhlas-text {font-size:15px; color:grey; line-height: 1.3em; margin-top: 1em;}

#contactform table{width:100%}
#contactform table td {position:relative}
p.error { 
    font-weight: 800;   
    position: absolute;
    bottom: 0.7em;
    right: 3.4em;
    color: #ff1414;
    pointer-events: none;
    font-size: 14px;
}

.error.err_souhlas {position:absolute;     top: 0; right: 2em;}

p.err_final {position:static; font-size:1.5em; margin-top:0; margin-bottom:1em}
#contactform .btn{ display:block; }
.terms {font-size:1.2em; }
.terms a {text-decoration:underline}
.odeslano {font-size: 2.4em; }
.wait {display:none; width:100px}

input[type=text], textarea , input[type="date"], input[type="time"]{
    color: white;
    -webkit-appearance: none;
    font-style: normal; 
    font-size:16px;
    background:transparent;
    text-decoration: none;
    border: 2px solid white;
    box-sizing:border-box;
    padding: .8em;
    margin-bottom: 1.7em;
    margin-right: 4%;
    width:90%
    }

 textarea {    font-size: 16px; color: #4b4949; height: 8em;}
 select { color: #fff;
    font-style: normal; 
    font-size:16px;
    background:transparent;
    text-decoration: none;
    border: 2px solid white;
    box-sizing:border-box;
    padding: 0.5em 0.7em;
    margin-bottom: 1.7em;
    margin-right: 4%;
    /* styling minimal */
    display: inline-block;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* reset minimal*/
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  }  
        
select option{ color: #000;}

/*select minimal*/

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #6a6a6a, #6a6a6a);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}



select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


 /* end select minimal*/



input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
  margin-left: 0.3em;
}
.checkboxtext
{
  margin-left: 0.5em;
  display: inline;
  line-height: 2.1em;
}




input[type=text].shortform {width:14em;}


 .selecttag {margin-bottom: 0.4em;}
 .smallselect {width:5em}


 input[type="radio"] {margin-right: 0.5em; }
 form label {margin-right:2em}
 

input::-webkit-input-placeholder { color: #fff;}
input::-moz-placeholder { color: #fff;}
input:-ms-input-placeholder { color: #fff;}
input:-moz-placeholder { color: #fff;}
 textarea::-webkit-input-placeholder {color:#fff;}
 textarea:-moz-placeholder {color:#fff;}
 textarea::-moz-placeholder {color:#fff;}
 textarea:-ms-input-placeholder {color:#fff;}

input[type="date"] {color:black}

   
    
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px #00222e;
  -moz-box-shadow: 0px 0px 0px #00222e;
  box-shadow: 0px 0px 0px #00222e;
  color: #ffffff;
  background-color: #00adef;
  border:0;
  padding: 0.5em 1em;
  text-decoration: none;
  font-family: inherit; font-size: 18px; color:white; font-weight:800; font-style: normal;text-align:center;
  transition: background-color 0.5s ease;
  cursor:pointer;
 /* letter-spacing: 0.03em;*/
}

.btn:hover {
  background:#006aff;
  text-decoration: none;
}


/*#datumprijezdu, #datumodjezdu, #casprijezdu, #casodjezdu {width: 60%;}*/
#prodlouzeni {width: 50%;}

.confirmation { display:none; }

    /*  MEDIA  */
  
  
/*  BIG SCREEN  */
@media only screen and (min-width: 1400px) {




p.error {        
   bottom: 0.5em;
    right: 6.2em;

}
}

@media only screen and (max-width: 500px) {

.tagline {display:none}

.form-cont {
    margin: 0 auto;
    width: 90%;
    float:none;
}
p.error {right:3%}
.form-nadpis { font-weight: 100; font-size: 2em;}
#contactform table td {
    display: block;
}
input[type=text], textarea, input[type="date"], input[type="time"], select { margin-right:0; width:100% }

.error.err_souhlas { position: static;}
    


}