@charset "utf-8";
/* CSS Document */

div.f-field_box{
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 1%;
}
div.f-label_box{
	float: left;
	width: 40%;
	height: 34px;
	border-radius: 5px 0 0 5px;
	background-color: #ccc;
	
}
p.f-label{
	padding: 8px 10px;
	font-size: 14px;
}
div.f-input{
	float: left;
	width: 59%;
}
div.f-input input{
	width: 98%;
	height: 30px;
	border: 1px solid #aaa;
	border-radius: 0 5px 5px 0;
	padding-left: 5px;
}
div.f-input_small{
	float: left;
	width: 60%;
}
div.f-input_small input{
	float: left;
	height: 30px;
	border: 1px solid #aaa;
	padding-left: 5px;
}
input#val_person{
	width: 52%;
	border-radius: 0px;
}
input#code_number{
	width: 40%;
	border-radius: 0 3px 3px 0;
}

div.f-field_box2{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
div.f-label_box2{
	width: 40%;
	height: 34px;
	border-radius: 3px 3px 0 0;
	background-color: #ccc
	
}
p.f-label2{
	padding: 8px 10px;
	font-size: 14px;
}
div.f-input2{
	width: 100%;
}
div.f-input2 textarea{
	width: 98%;
	border: 1px solid #aaa;
	border-radius: 0 0 3px 3px;
}
div.f-input3 textarea{
	float: left;
	width: 98%;
	border: 1px solid #aaa;
	border-radius: 0 0 3px 3px;
}

/************************************ Contact Form ************/
form#formfb{
	width: 100%;
	margin: 0 0 40px 0;
}
div.form_line{
	float: left;
	width: 100%;
}
p.label{
	float: left;
	width: 100px;
	padding: 5px 0 0 0;
	margin: 0 5px 5px 0;
	text-align: right;
}
p.data{
	float: left;
	width: 380px;
	margin: 0 0 5px 0;
	text-align: left;
}
#phone_optional{
	margin-left: 10px;
}
span#aster{
	font-size: 12px;
	margin-left: 50px;
}
/*input#fname, input#lname, input#fb_email, input#form_phone{
	height: 20px;
	border-radius: 3px;
	border: 1px solid #aaa;
	margin-bottom: 5px;
}
textarea#sender_msg{
	border: 1px solid #aaa;
	border-radius: 5px;
}*/
p#sub{
	float: left;
	width: 100px;
	margin: 5px 5px 0 0;
}
p#res{
	float: left;
	width: 100px;
	margin: 5px 0 0 0;
}
/******************************** Ene Contact Form *************/


/**************************************************************************** EV CHARGING FORM *******************************/

/*.flex-3{
	display: flex;
	justify-content: space-between;
	align-items: initial;
	height: 100%;
}*/
.ev-form{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	/*padding: 10px;*/
}
.ev-form .form-control{
	margin: 10px 0;
}
.ev-form input[type='text'], .ev-form input[type='email'], .ev-form input[type='date'], .ev-form textarea{
	box-sizing: border-box;
	border: 1px dotted #999;
	width: 100%;
	padding: 5px;
	font-size: 4vw;
}
.ev-form input[type='text'], .ev-form input[type='date'], .ev-form input[type='email']{
	height: 40px;
	/*padding: 6px;*/
}
.ev-form input[type='file']{
	margin-left: 10px;
}
.ev-form input:focus, .ev-form textarea:focus, .ev-form select:focus{
	outline: none;
}
.ev-form textarea{
	height: 100px;
}
.ev-form-submit-btn{
	font-size: 5vw;
	width: 100%;
	background-color: #17930C;
	color: #fff;
	padding: 10px 30px;
	border: 0;
	border-radius: 3px;
	margin-bottom: 10px;
}
.select-style{
	width: 100%;
	height: 40px;
	border: 1px dotted #bcbecb;
	font-size: 4vw;
	color: #666;
	font-weight: normal;
	padding-left: 5px;
	margin: 12px 0;
}
.sample-panel-photo{
	width: 46.4%;
	float: left;
	margin: 6px;
}
.sample-panel-photo img{
	width: 100%;
}
.upload-field{
	height: 350px;
	border: 1px solid #aaa;
	padding: 10px 0;
	margin: 20px 0;
}