#file_upload_form form {
	margin-top: 20px !important;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#objednavka {
	display:flex; 
	flex-direction:column; 
	padding-top:50px; 
	padding:10px;
}

#input_fields {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

#form_title h1 {
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.upload-form {
  display: flex;
  max-width: 100%;
  padding: 20px;
  flex-flow: column;
  margin: 100px auto 15px auto;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
.upload-form h1 {
  margin: 0;
  padding: 15px;
	font-size:1.4vw;
  font-weight: 500;
  color: #434850;
  text-align: center;
}
.upload-form label {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  border: 1px solid #e6e8ec;
  color: #000;
  padding: 10px 12px;
  font-size: 1.4vw;
  margin: 10px 0;
  border-radius: 4px;
  cursor: pointer;
  text-shadow: unset !important;
}
.upload-form label i {
  margin-right: 10px;
  padding: 5px 0;
  color: #000 !important;
  text-shadow: unset;
  font-size:1.2vw !important;
}
.upload-form label span {
  display: flex;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  font-size:1.2vw !important;
}
.upload-form label:hover {
  background-color: #f7f8f9;
  border: 1px solid #e3e5ea;
  color: #68686a;
}
.upload-form label:hover i {
  color: #cfd1d4;
}
.upload-form input[type="file"] {
  appearance: none;
  visibility: hidden;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  font-size:1.2vw;
}
.upload-form .progress {
  height: 20px;
  border-radius: 4px;
  margin: 10px 0;
  background-color: #e6e8ec;
}
.upload-form button {
  appearance: none;
  background-color: #be5a41;
  border-radius: 4px;
  font-weight: 500;
	font-size:1.4vw;
  border: 0;
  padding: 10px 12px;
  margin-top: 10px;
  color: #fff;
  cursor: pointer;
}
.upload-form button:hover {
  background-color: #b6563e;
}
.upload-form button:disabled {
  background-color: #aca7a5;
}
.upload-form .result {
  padding-top: 15px;
}

.objednavka_input_field {
	border:1px solid #ccc;
	border-collapse: collapse;
	width:100%;
	background-color:#fff;
	box-sizing: border-box;
}


#objednavka_top {
	display:flex; 
	flex-direction:column;
	margin:0 auto; 
	text-align:center; 
	margin-bottom:50px;
}

#objednavka {
	display:flex;
	flex-direction:column;
	font-family:'FontAwesome';
	color:#666;
	font-size:1.4vw;
	display:inline-block;
	text-align:center;
	transition: all 0.3s;
	opacity:1;
	
}

#objednavka h1 {
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	padding:10px;
}

#objednavka li {
	font-size:1.4vw;
}


#objednavka fieldset {
	font-family:'FontAwesome';
	border:1px solid #ccc;
	padding:22px;
	color:#fff;
}

/*
#objednavka textarea {
	font-family:'FontAwesome';
	font-size:1.4vw !important;
	color:#666;
	padding:5px;
	margin:0px !important;
	resize: none; 
	width:100%; 
	height:100px;
	box-sizing: border-box;
	border-collapse:collapse;
	border:0px;
}
*/

#sprava_obj {
	 text-size-adjust: none;
	font-family:'FontAwesome';
	font-size:1.4vw !important;
	color:#666;
	padding:20px !important;
	margin:0px !important;
	resize: none; 
	width:100%; 
	height:100px;
	box-sizing: border-box;
	border-collapse:collapse;
	border:0px;
}


#objednavka span {
	font-weight:bold;
	font-family:'FontAwesome';
	font-size:1.4vw;
	color: #fff;
	margin:10px;
}


#input_fields input[type=text], input[type=tel], input[type=email], input[type=number]{
	font-family:'FontAwesome';
	font-size:1.4vw;
	color:#666;
	padding:20px !important;
	margin:0px !important;
	border:0px solid #fff;
	-webkit-text-fill-color: #666;
	width:100% !important;
	height:30px;
	border-radius: 0px;
	box-shadow: none;
	display:inline-block;
	box-sizing: border-box;
	-moz-appearance: textfield;
}


#input_fields input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


#objednavka input[type=button], input[type=submit], input[type=reset] {
 	width:auto;
	font-family:'FontAwesome';
	font-size:1.4vw;
	background-color: #2d7dc4;
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: none;
  color: white;
  padding: 10px 17px;
  text-decoration: none;
  margin: 0px 2px;
  cursor: pointer;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  transition: all 0.3s;
  padding:10px;
}

#objednavka input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	opacity:0.8; filter:alpha(opacity=80);
	
}

#objednavka option {
	width:100%;
	font-family:'FontAwesome';
	font-size:1.4vw;
	background-color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: none;
  color: ccc;
  padding: 10px 17px;
  text-decoration: none;
  margin: 0px 2px;
  cursor: pointer;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
  transition: all 0.3s;
  	text-align:left;
}

#objednavka select {
	width:100%;
	font-family:'FontAwesome';
	font-size:1.4vw;
	background-color: #fff;
	-moz-border-radius: 5px;
	border-radius: 5px;
  border: none;
  color: ccc;

  text-decoration: none;
  margin: 0px 2px;
  cursor: pointer;
  /*box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);*/
  transition: all 0.3s;
  padding:5px;
   padding-left:3px;
  display:inline-block;
	-moz-border-radius: 0px;
	border-radius: 0px;

}
	
#objednavka label {
	display:block;
	text-align:left;
	margin-left:3px;
	color:#888;
	text-shadow:1px 1px 1px #000, 1px 1px 1px #000;
}

.objednavkaDiv {
	display:inline-table;
	width:calc(50% - 4px);
}

#objednavka div input[type=text], input[type=number] {
	width:calc(100% - 10px);
}

#kodx_obj {
	width:auto !important;
	text-align:center;
}

.bin_button {
	color:red !important;
	cursor:pointer;
}

#field_1 {
	display: flex; flex-direction: row;
}

#field_2 {
	display: flex; flex-direction: row;
}


#contact_privacy_notice3 {
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		padding:0px;
		margin:0px;
		border-collapse:collapse;
		border:0px solid #fff;
		background: rgba(0, 0, 0, 0.5);
		padding:5px;
		margin-top:10px;
		display:flex;
		flex-direction: column;
		font-size:1.4vw;
}

#contact_privacy_notice3 input[type=checkbox] {
	width:2rem;
	height:2rem;
	vertical-align:middle;
}

#contact_privacy_notice3 span {
		cursor:pointer;
		vertical-align:middle;
		font-size:1.4vw;
}


@media screen and (max-device-width: 6in) {

	#field_1 {
		display: flex; flex-direction: column;
	}

	#field_2 {
		display: flex; flex-direction: column;
	}

	#objednavka_top {
		transform-origin:top center;
	}
	#objednavka h1 {
		font-size:3vw;
	}
	#objednavka span {
		font-size:3vw;
	}

	.objednavka_input_field {
		
	}
	
	.upload-form h1 {
		font-size:3vw;
	}
	
	.upload-form label {
		font-size:3vw;
	}
	.upload-form label i {	
		font-size:3vw;
	}
	.upload-form label span {
		font-size:3vw;
	}
	
	.upload-form input[type="file"] {
		font-size:3vw;
	}
	.upload-form button {
		font-size:3vw;
	}
	#objednavka li {
		font-size:3vw;
	}
	.upload-form .result {
		font-size:3vw;
	}


	#sprava_obj {
		text-size-adjust: none;
		font-size:3vw !important;
	}	
	
	#objednavka input[type=text], input[type=tel], input[type=email], input[type=number] {
		font-size:3vw;
		padding: 40px 20px !important;
	}

	#objednavka input[type=button], input[type=submit], input[type=reset] {
		font-size:3vw;
		padding: 20px 20px !important;
	}


	#contact_privacy_notice3 {
			font-size:3vw;
	}

	#contact_privacy_notice3 input[type=checkbox] {
		width:3rem;
		height:3rem;
		vertical-align:middle;
	}

	#contact_privacy_notice3 span {
			font-size:3vw;
	}
	

}
