input, select, textarea, radio, checkbox, .bootstrap-select button, .input_display, input[type='select'], input.es-input {
  float: left;
  display: block;
  text-align: center;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 15px;
  color: #000000;
  border-radius: none;
  -webkit-border-radius: 0.5px;
  -moz-border-radius: 0.5px;
  border-radius: 0.5px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  text-align: left;
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

span.select2 {
  width: 100% !important;
}

.select2-results__options {
  margin-left: 0 !important;
}

.transfers-table input, .transfers-table select, .form-input, .price-list input {
  padding: 2px 5px; font-size: 9pt; text-align: center; width: auto !important; min-width: 0 !important; background: none; border: 1px solid #eee;
}

.transfers-table input[type=checkbox] {
  width: 15px !important; height: 15px !important;
}

.transfers-table tr td {
  padding: 1px !important; /*border: none !important;*/
}

.transfers-table.table-h-padding tr td {
  padding: 1px 10px !important;
}

select.input-type {  width: 50px !important;}
input.input-date {  width: 110px !important; text-align: left;}
input.input-flight_number {  width: 70px !important; text-align: left; position: relative;}
input.input-client, input.input-comment {  width: auto !important; text-align: left;}
input.input-from, input.input-to {  width: 180px !important; text-align: left;}
input.input-adults, input.input-children {  width: 50px !important; text-align: center;}
input.input-in, input.input-out, input.input-departure, input.input-price, input.input-invoice {  width: 70px !important; text-align: center;}
select.input-car_type {  width: 60px !important; text-align: left;}
input.input-route {  width: 80px !important; text-align: center;}
select.input-driver {  width: 60px !important; text-align: center;}
select.input-partner_id {  width: 70px !important; text-align: center;}

.transfers-table input:not(.btn):hover, .transfers-table select:hover {
  border: 1px solid #ffb400; background-color: rgba(255, 180, 0, 0.1);
}


.price-list input:not(.btn):hover, .price-list input:not(.btn):focus, .pl-input-active {
  border: 1px solid #ffb400 !important; background-color: rgba(255, 180, 0, 0.1);
}

.alert-lighter {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
}

.TDformHeader {transition: 200ms; transform: translate(14px, 0px); position: relative; color: #999; width: auto !important; pointer-events:none;}

/*
.TDformHeader.empty {transform: translate(14px, 33px);  position: relative;}
*/

.TDformField { position: relative;}
select {text-align: left;}
select[multiple] {height: 500px;}


input[type=file] {
  padding: 4px 15px;
  }

input.input_sm, select.input_sm, textarea.input_sm, radio.input_sm, checkbox.input_sm {
  padding: 5px 5px;
  color: #000000;
  border-radius: none;
  width: auto;
  font-size: 10pt;
}

select.input_sm {
  min-width: 50px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
input.number {float: right; text-align: right;}  
form#login {float: left; width: 33.33%}
.select2-container--default .select2-results>.select2-results__options {float: left !important; width: 100% !important;}
input::placeholder, textarea::placeholder, select::placeholder {opacity: 0.2;  color: #000;}
input[type=checkbox] {width: 22px; height: 22px; padding: 0; float: left; margin-left: 4px; margin-right: 10px; cursor: pointer; background-color: #fff; border: 1px solid #555555;}
input[type=checkbox]:checked {background-color: #fff; background-image: url('/files/check.svg'); background-position: center center; background-size: 80% 80%; background-repeat: no-repeat;}
.form_matrixItem input[type=radio] {width: 22px; height: 22px; border-radius: 50%; padding: 0; float: left; margin-top: 12px; cursor: pointer; background: white;}
.form_matrixItem input[type=radio]:checked {background-color: black;}
form.searchform {float: right; width: auto; margin-top: 35px; height: auto;}
input.searchbox {width: 200px; margin-right: 15px; padding: 0px 15px; border: 0;}
input.searchbox:focus {border: 1px solid white;}
img.searchbutton {width: 30px; margin-right: 15px; margin-top: 7px; cursor: pointer; float: right;}
input[type=radio] {width: 30px; height: 30px; border-radius: 50%; padding: 0; float: left;  cursor: pointer; background: white; margin:4px 10px 0px 5px; border: 1px solid #555555;}
input[type=radio]:checked {background-color: #688947;  border: 1px solid #688947;}
option {padding-left: 0%; }
textarea {
  resize: none;
  height: 100px;
}
.TDformGroup_percent-10 { width: 10% !important; }
.TDformGroup_percent-12 { width: 12.5% !important; }
.TDformGroup_percent-15 { width: 15% !important; }
.TDformGroup_percent-20 { width: 20% !important; }
.TDformGroup_percent-25 { width: 25% !important; }
.TDformGroup_percent-30 { width: 30% !important; }
.TDformGroup_percent-33 { width: 33.33% !important; }
.TDformGroup_percent-40 { width: 40% !important; }
.TDformGroup_percent-50 { width: 50% !important; }
.TDformGroup_percent-60 { width: 60% !important; }
.TDformGroup_percent-66 { width: 66.66% !important; }
.TDformGroup_percent-70 { width: 70% !important; }
.TDformGroup_percent-80 { width: 80% !important; }
.TDformGroup_percent-90 { width: 90% !important; }
.TDformGroup_percent-100 { width: 100% !important; }
input:focus, textarea:focus {
outline: none;
}
form.searchform_FS {width: 100%; padding: 15px; font-size: 18pt; text-align: center; box-sizing: border-box;}
input.searchbox_FS {width: 100%; padding: 15px; font-size: 18pt; text-align: center; box-sizing: border-box; margin-top: 80px;}

.green-bar input, .green-bar select, .green-bar textarea {
  background-color: rgba(255,255,255,0.5);
  color: #fff;
  border-bottom: 1px solid #fff;
}


.green-bar .TDformHeader, .green-bar label, .green-bar a {
  color: white;
}



span.styledSubmit {background-color: #688947; float: left;  display: flex; align-items: center; justify-content: center;  height: 65px; padding: 15px;}
span.styledSubmit img {width: 35px;}
select.styledSelect {width: auto; min-width: 300px; background-color: #ffffff;}
select.styledSelect:focus {outline: none;}
select.styledSelect {background-image: url('/img/sipka-zelena-dolu.svg'); background-repeat: no-repeat; background-position: 95% 50%; background-size: 25px 25px;;} 
input#jmeno, input#email,input#telefon, input#prijmeni, input#umisteni, select#type, input#password, input#search  {background-repeat: no-repeat; background-position: 7px 50%; background-size: 35px 35px;;} 


form.searchForm input[type='text'] {
  border: 1px solid #832300; margin-bottom: 10px;
}
.smallSearchForm {float: right; width: 400px; margin-bottom: 15px; margin-top: -55px; position: relative;}
form.smallSearchForm input { padding: 5px;}
.bBox1 .table-corners {width: 75%;} 
.form_error {display: block; margin-top: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: red; width: 555px;}
.company_email {width: 1px; height: 1px; padding: 0; border: 0;}
.captcha {
margin-left: 4px;
vertical-align: middle;
height: 32px;
border-left: 1px solid #aaa;
border-top: 1px solid #aaa;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
clear: both;
}

#submit_register {
  font-size: 14pt; text-align: center; color: white;
}
div.TDform {width: 75%; float: left;}
div.TDform div.TDformGroup {width: 33.33%; float: left;}
div.TDform div.TDformLine {width: 100%; float: left; margin-bottom: 0px; padding: 5px 15px;}
div.TDform div.TDformGroup_fullWidth {width: 100%; float: left;}
div.TDform div.TDformGroup_halfWidth {width: 50%; float: left;}
div.TDform div.TDformLine_submitix div.TDformHeader, div.TDform div.TDformLine_submit div.TDformHeader , div.TDform div.TDformLine_submit_register div.TDformHeader  {display: none;}
div.TDform div.TDformLine_submitix div.TDformHeader, div.TDform div.TDformLine_submit30 div.TDformHeader {display: none;}
div.TDform div.TDformLine_submitix div:last-child, div.TDform div.TDformLine_submit div:last-child {display: flex; align-items: center; justify-content: center;}
div.TDform div.TDformLine_submitix div:last-child, div.TDform div.TDformLine_submit30 div:last-child {display: flex; align-items: center; justify-content: center;}
div.TDform div.TDformLine_agree div.TDformField {display: flex; align-items: center; justify-content: center;}
div.TDform {width: calc(100% + 4px); float: left; margin: 0 -2px; }
div.TDformGroup {width: 50%; float: left;}
div.TDformGroup h2 {padding: 0;}
div.TDformGroup_fullWidth {float: left; width: 100%; }
div.TDform div.TDformGroup_fiftyWidth {float: left; width: 50%; }
div.centeredLogin {transform: translate(-50%, 0); float: left; margin-left: 50%; margin-top: 100px;}
div.centeredLogin div.TDformGroup  {width: 100%;}
.form_matrix {width: 100%; float: left; background: #eee; padding: 15px;}
.form_matrixItem {width: 100%; float: left;}
.form_matrixItem table {border-spacing: 0;}
.form_matrixItem table .typDP {font-weight: bold; }
.form_matrixItem div {width: 100%; float: left; text-align: left; }
  .form_matrixItem div.form_matrix_label, .form_matrixItem div.form_matrix_radio  {margin: 0;}
  .form_matrixItem div.form_matrix_label {float:right; width: 90%;}
  .form_matrixItem div.form_matrix_radio {float:left; width: 10%;}
    

select.translate {padding: 1px 5px; font-size: 9pt; } 
#dialog-message p {color: black;}
.note {font-size: 8pt; color: red;}
.error, .error + .data-list {
    border: 1px solid #f00 !important;
	background-color: rgba(255, 250, 164, 0.5) !important;
}
label.error {
  color: #f00; background: none; border: 0; display: none !important;
}
input[type=radio].error,input[type=checkbox].error {background-color: #fffdd3; outline: 1px solid #f00;}
form.googleSearch {width: 300px; float: right; margin-top: 5px;}
form.googleSearch input {width: 50%; padding: 3px 10px;}
@media only screen and (max-width: 1023px) {
	input[type=checkbox] {transform: scale(1); }
  .form_matrixItem input {transform: scale(1); }
  form.searchform {margin-top: 30px; margin-right: 99px;}
}
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
  form.searchform {display: none;}
  .bBox1 .table-corners {width: 100%;}
  input, select, textarea, radio, checkbox, input[type=submit] {width: 100%; box-sizing: border-box;}
  div.TDform div.TDformGroup_fiftyWidth {float: left; width: 100%; }
  div.TDform div.TDformGroup { width: 100%;}
  form#login {float: left; width: 90%}
  input.search {widtH: 100% !important; margin-top: 15px;}

  .TDformGroup_percent-10 { width: 100% !important; }
.TDformGroup_percent-20 { width: 100% !important; }
.TDformGroup_percent-25 { width: 100% !important; }
.TDformGroup_percent-30 { width: 100% !important; }
.TDformGroup_percent-40 { width: 100% !important; }
.TDformGroup_percent-50 { width: 100% !important; }
.TDformGroup_percent-60 { width: 100% !important; }
.TDformGroup_percent-66 { width: 100% !important; }
.TDformGroup_percent-70 { width: 100% !important; }
.TDformGroup_percent-80 { width: 100% !important; }
.TDformGroup_percent-90 { width: 100% !important; }
.TDformGroup_percent-100 { width: 100% !important; }

}
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : landscape) { 
  div.TDform div.TDformGroup_fiftyWidth {float: left; width: 100%; }
  div.TDform div.TDformGroup { width: 100%;}
  form#login {float: left; width: 50%}
}