input, select, textarea, radio, checkbox {
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: #f9f9f9;
/*/border: 1px solid #e4e4e4;*/
border: none;
border-bottom: 1px solid #999;
text-align: center;
}


input::placeholder, textarea::placeholder, select::placeholder {color: #777;}


input.timer {width: 30%; float: left;}
span.timer {width: 5%; float: left; text-align: center; font-size: 18pt;}


/* form#login div.TDformLine div:first-of-type {display: none;}*/


input[type=checkbox] {width: 30px; height: 30px; 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: #ed1c24;  background-position: 50% 50%; background-repeat: no-repeat; background-size: 80% 80%;}
input[type=radio] {width: 22px; height: 22px; border-radius: 50%; padding: 0; float: left; margin-top: 12px; cursor: pointer; background: white;}
/*input[type=radio]:checked {background-color: #ed1c24;}*/
input[type='radio']:disabled { pointer-events: none; opacity: 0.5;}
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-image: url('/img/radio.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%;}

option {padding-left: 50%; }

textarea {
  resize: none;
  height: 248px;
}


input:focus, textarea:focus {
outline: none;
}


select#result_1, select#result_2 {text-align: left !important}

input[type=submit], input[type=button] {
text-transform: uppercase; 
cursor: pointer;
display: block;
float: left;
background-color: #fff;
border: 1px solid #ed1c24;
color: #ed1c24;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 15px;
width: 100%;
-webkit-appearance: none;
}


select:focus {outline: none;}
select {background-image: url('/img/sipka-dolu-svetla.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px 20px;} 
select:hover {background-image: url('/img/sipka-dolu-tmava.svg');} 


input.smallSubmit[type=submit] {
  margin-top: 5px; float: left; width: auto; padding: 7px 35px; font-size: 17px;
}

input.styledSubmit[type=submit] {background-color: #333333; display: flex; align-items: center; justify-content: center; padding: 15px 35px; font-weight: bold; color: white; width: auto; border: none;}
input.styledSubmit[type=submit]:hover {background-color: #000000; }
span.styledSubmit {background-color: #ed1c24; float: left;  display: flex; align-items: center; justify-content: center;  height: 58px; padding: 15px;}
span.styledSubmit img {width: 20px;}

form.smallerFonts input, form.smallerFonts select {
  font-size: 10pt;
  border: 1px solid #ddd; padding: 3px 5px;
  background-color: #fff;
  
}

.TDformGroup_percent-10 {width: 10% !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-75 {width: 75% !important;}
.TDformGroup_percent-80 {width: 80% !important;}
.TDformGroup_percent-90 {width: 90% !important;}
.TDformGroup_percent-100 {width: 100% !important;}

input#jmeno, input#email,input#telefon {background-repeat: no-repeat; background-position: 2% 50%; background-size: 35px 35px;;} 


input[type=submit]:hover, input[type=button]:hover {
  color: #fff;
  background-color: #ed1c24;
}

form.searchForm input[type='text'] {
  border: 1px solid #ed1c24; margin-bottom: 10px;
}

.smallSearchForm {float: right; width: 400px; margin-bottom: 15px; margin-top: -55px; z-index: 50000; 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;}

.calculate {border: 3px solid #ed1c24; padding: 25px;}
.calculate2 { padding: 25px 0;}
.calculate h2 {font-size: 18pt;}
.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;
}

.calculate div.TDformHeader {text-align: center;}
.calculate div.TDformField {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; float: left; width: 100%;}
.calculate div.TDformField p {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: center; float: left; width: 100%;}
.calculate div.TDformField p img {margin: 25px 0;}

div.TDformHeader {font-weight: bold;}


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: 5px; padding: 5px 15px;}
div.TDform div.TDformGroup_fullWidth {width: 100%; float: left;}
div.TDform div.TDformLine_submitix div.TDformHeader {display: none;}

#neprislaMedaile div.TDform div.TDformLine_submitix div.TDformHeader {display: block;}

div.TDform div.TDformLine_agree div.TDformField {display: flex; align-items: center; justify-content: center;}
div.TDform div.greyBackground {padding: 25px; background-color: #f9f9f9;}

div.TDform div.TDformGroup_width15 {width: 15%;}
div.TDform div.TDformGroup_width20 {width: 20%;}
div.TDform div.TDformGroup_width25 {width: 25%;}
div.TDform div.TDformGroup_width30 {width: 30%;}
div.TDform div.TDformGroup_width35 {width: 35%;}
div.TDform div.TDformGroup_width40 {width: 40%;}
div.TDform div.TDformGroup_width45 {width: 45%;}
div.TDform div.TDformGroup_width50 {width: 50%;}

div.TDform div.TDformLine_phonecode {width: 25%;}
div.TDform div.TDformLine_phonecode_2 {width: 25%;}
div.TDform div.TDformLine_phonecode_3 {width: 25%;}
div.TDform div.TDformLine_phonecode_4 {width: 25%;}
div.TDform div.TDformLine_phonecode_5 {width: 25%;}
div.TDform div.TDformLine_phonecode_6 {width: 25%;}
div.TDform div.TDformLine_phonecode_7 {width: 25%;}
div.TDform div.TDformLine_phonecode_8 {width: 25%;}
div.TDform div.TDformLine_phonecode_9 {width: 25%;}
div.TDform div.TDformLine_phonecode_10 {width: 25%;}
div.TDform div.TDformLine_phone {width: 75%;}
div.TDform div.TDformLine_phone_2 {width: 75%;}
div.TDform div.TDformLine_phone_3 {width: 75%;}
div.TDform div.TDformLine_phone_4 {width: 75%;}
div.TDform div.TDformLine_phone_5 {width: 75%;}
div.TDform div.TDformLine_phone_6 {width: 75%;}
div.TDform div.TDformLine_phone_7 {width: 75%;}
div.TDform div.TDformLine_phone_8 {width: 75%;}
div.TDform div.TDformLine_phone_9 {width: 75%;}
div.TDform div.TDformLine_phone_10 {width: 75%;}

select#phonecode {text-align:right; padding-right: 35px;}



div.neprislaMedaile {background-color: #dddddd; padding: 25px 10px;}

.calculate p, div.calculate div.TDformLine  {margin: 0;}
.postal_address {display: none;}


div.TDform {width: calc(100% + 4px); float: left; margin: 0 -2px;  margin-bottom: 35px;}
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%;}
   

#dialog-message p {color: black;}

.note {font-size: 8pt; color: red;}

.error {
  border: 1px solid #f00;
	background-color: #fffdd3;
}

label.error {
  color: #f00; background: none; border: 0;
  float: left; width: 100%; font-size: 11pt;
  padding: 10px 0; line-height: 120%;
}

#run_form label.error {width: auto;}

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;}
  div.TDform div.TDformGroup_width15 {width: 50%;}
  div.TDform div.TDformGroup_width20 {width: 50%;}
  div.TDform div.TDformGroup_width25 {width: 50%;}
  div.TDform div.TDformGroup_width30 {width: 50%;}
  div.TDform div.TDformGroup_width35 {width: 50%;}
  div.TDform div.TDformGroup_width40 {width: 50%;}
  div.TDform div.TDformGroup_width45 {width: 50%;}
  div.TDform div.TDformGroup_width50 {width: 50%;}
}


@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) { 
  div.TDform div.TDformGroup_width15 {width: 100%;}
  div.TDform div.TDformGroup_width20 {width: 100%;}
  div.TDform div.TDformGroup_width25 {width: 100%;}
  div.TDform div.TDformGroup_width30 {width: 100%;}
  div.TDform div.TDformGroup_width35 {width: 100%;}
  div.TDform div.TDformGroup_width40 {width: 100%;}
  div.TDform div.TDformGroup_width45 {width: 100%;}
  div.TDform div.TDformGroup_width50 {width: 100%;}
  form.searchform {display: none;}
  .bBox1 .table-corners {width: 100%;}
  input, select, textarea, radio, checkbox, input[type=submit] {width: 100%; box-sizing: border-box;}
  input.styledSubmit[type=submit] { font-size: 3vw; padding: 10px 20px;}
  span.styledSubmit {height: 42px;}
  span.styledSubmit  img {width: 20px;}
  div.TDform div.TDformGroup_fiftyWidth {width: 100%;}
  .TDformLine_track_id .formCollector, .TDformLine_track_id_2 .formCollector, .TDformLine_track_id_3 .formCollector, .TDformLine_track_id_4 .formCollector, .TDformLine_track_id_5 .formCollector, .TDformLine_track_id_6 .formCollector, .TDformLine_track_id_7 .formCollector, .TDformLine_track_id_8 .formCollector, .TDformLine_track_id_9 .formCollector, .TDformLine_track_id_10 .formCollector {width: 100%; margin: 0;}
}