/*
    form-login.css
    web-communication.eu | 04/06/2018
    Copyright 2018 web-communication.eu
*/


#form-submit {
	position:					relative;
	margin:		 				0 auto;
	/*display: 					none;*/
	/*background: 				#EEEEEE;*/
	width: 100%;
}

#form-submit .row {
	width:						100%;
	display: 					inline-block;
	margin: 					5px 0 0 0;
	/*background: #ccc;*/
}

#form-submit .top-edge {
	margin-top:					25px;
}

#form-submit .bottom-edge {
	margin-top:					15px;
	margin-bottom:				8px;
}

#form-submit .alert {
	float: 						left;
	width:						10%;
	height: 					46px;
	/*background: #eeffee;*/
}	


#form-submit .alert_bg {
	background: 				url('../images/alert.png') no-repeat right 8px  top 13px;	
}

#form-submit .alert_ok {
	background: 			 	url('../images/ok.png') no-repeat right 8px  top 13px;	
	background-size: 			24px;
}


#form-submit .payme,
#form-submit .captcha,
#form-submit .control {
	display: none;
}




#form-submit .field {
	position: 					relative;
	float: 						left;
	width:						80%;
}

#form-submit .info {
	float: 						left;
	width:						10%;
	height: 					46px;
	/*background: #eeffee;*/
}	

#form-submit .infoimg {
	position: 					relative;
	top: 						10px;
	left: 						8px;
	width: 						30px;
	height: 					30px;
	display:                    block;
	cursor:                     pointer;
	background:                 url('../images/info.png') no-repeat 0 0;
}

#form-submit .infoimg:hover {
	background:                 url('../images/info.png') no-repeat 0 -30px;
}












#form-submit .input_img { 
	position:						absolute; 
	bottom:							8px;
	right:							10px; 
	width:							30px; 
	height: 						30px;
	display:						block;
	/*cursor:						pointer;*/
	background:                 	url('../images/info.png') no-repeat 0 0;
}


#form-submit .input_img:hover {
	background:                 	url('../images/info.png') no-repeat 0 -30px;
}


#form-submit .input_txt a { 
	position:						absolute; 
	top: 							15px;
	right:							10px; 
	width:							120px; 
	text-align: 					right;
	display:						block;
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	color:                   		#0000FF;
	font-size: 						12px;
	text-decoration: 				none;
}


#form-submit .input_txt a:hover { 
	
	text-decoration: 				underline;
}




#form-submit .error {
	float: 							left;
	margin: 						0 0 3px 10%;
	width:							90%;
	padding-left:					5px;
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	color:                   		#FF0000;
	font-size: 						14px;
	display: none;
}		


#form-submit form {
	width:							100%;
	margin:							0;
}


#form-submit input[type=text],
#form-submit input[type=email],
#form-submit input[type=password] {
	-webkit-appearance: 			none;
    -moz-appearance: 				none;
    appearance: 					none;
	
	width:							100%;
	height: 						46px;
	padding: 						10px;
	border:							1px solid #006699;
	 border-radius:            		5px;
    -moz-border-radius:        		5px;
    -webkit-border-radius:     		5px;
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	color:                   	    #000000;
	font-size: 						12.75px;
	font-weight:					bold;
}




#form-submit textarea {
	-webkit-appearance: 			none;
    -moz-appearance: 				none;
    appearance: 					none;
	
	width:							100%;
	height: 						200px;
	padding: 						15px;
	border:							1px solid #006699;
	 border-radius:            		5px;
    -moz-border-radius:        		5px;
    -webkit-border-radius:     		5px;
	resize:							none;
	font-family:               		Verdana, Arial, Helvetica, sans-serif;
	color:                     		#000000;
	font-size: 						14px;
	font-weight:					bold;
}

#form-submit input[type=text]:focus,
#form-submit input[type=email]:focus,
#form-submit input[type=password]:focus,
textarea:focus  {
	border-color:              		#0000FF;
    box-shadow:               		0 0 5px #000;
    -moz-box-shadow:         		0 0 5px #000;
    -webkit-box-shadow:     		0 0 5px #000;
    color:                  		#000000;
    -webkit-appearance:       	    none;
}

#form-submit input[type=text]:hover,
#form-submit input[type=email]:hover,
#form-submit input[type=password]:hover,
textarea:hover {
	border-color:              		#0000FF;
    box-shadow:                		0 0 5px #000;
    -moz-box-shadow:           		0 0 5px #000;
    -webkit-box-shadow:        		0 0 5px #000;
    color:                     		#000000;
    -webkit-appearance:        		none;
}

#form-submit input.red, 
#form-submit textarea.red {
	border:							1px solid #FF0000;
}



/* placeholder */
	
#form-submit ::-webkit-input-placeholder { color:#999999;}
#form-submit ::-moz-placeholder { color:#555555;} /* firefox 19+ */
#form-submit :-ms-input-placeholder { color:#999999;} /* ie */
#form-submit input:-moz-placeholder { color:#999999;}










/* checkbox, radio */

input[type=radio],
input[type=checkbox] {
	display: 					none;
}

label {
	display: 					inline-block;
	/*cursor: 					pointer;*/
	position: 					relative;
	padding-left: 				38px;
	padding-bottom: 			2px;
	margin-right: 				15px;
	margin-left:				10px;
	margin-top:					10px;
	font-family:               	Verdana, Arial, Helvetica, sans-serif;
	font-size: 					14px;
}

label:before {
	content: 					"";
	display: 					inline-block;

	width: 						20px;
	height: 					20px;

	margin-right: 				10px;
	position: 					absolute;
	left: 						10px;
	bottom: 					1px;
	background-color: 			#fff;
	/*box-shadow: 				inset 0px 0px 1px 1px rgba(68,68,68, .8), 0px 0px 0px 0px rgba(255, 255, 255, .8);*/
	border: 					1px solid #006699;
}

.radio label:before {
	 border-radius:            		8px;
    -moz-border-radius:        		8px;
    -webkit-border-radius:     		8px;
}

.checkbox label {
	margin-bottom: 				10px;
}

.checkbox label:before {
	 border-radius:            		3px;
    -moz-border-radius:        		3px;
    -webkit-border-radius:     		3px;
}


input[type=radio]:checked + label:before {
    color: 						#777777;
    font-size: 					30px;
    text-align: 				center;
    line-height: 				16px;
}

input[type=checkbox]:checked + label:before {
	text-shadow: 				1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 					22px;
	color: 						#0000ff;
	text-align: 				center;
    line-height: 				15px;
	background: 				#FFFFFF url('../images/check.png') no-repeat center;
	background-size: 			16px;
}


/* link */
#form-submit .link, 
#form-submit .link:visited {
	color:                     		#0000ff;
	text-decoration:				none;
}

#form-submit .link:hover {
	color:                     		#0000ff;
	text-decoration:				underline;
	
}
/*
#form-submit .style {
	float: 							left;
	margin-right: 						10%;
	width:							90%;
	padding-right: 5px;
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	font-size: 						14px;
	
	text-align: right;
}	
*/

#form-submit .style {
	float: 							left;
	margin-bottom: 						20px;
	width:							100%;
	
	font-family:                	Verdana, Arial, Helvetica, sans-serif;
	font-size: 						14px;
	/*background: #ccc;*/
	text-align: center;
}	





/* select */

select:required:invalid {
	color: 						#999999;
	background-color: 			#ffffff;
}

option[value=""][disabled] {
	display: 					none;
}

option {
	color: 						#000000;
}


.choice {
	-webkit-appearance: 		none;
    -moz-appearance:    		none;
    appearance:         		none;
    
	width: 						100%;
	height: 					50px;
    /*padding: 					5px 0 5px 10px;*/
	padding: 					15px;
    /*line-height: 				1;*/
    border: 					1px solid #0000ff; 
    -webkit-border-radius: 		6px;
    -moz-border-radius: 		6px;
    border-radius: 				6px;
    background: 				url(../images/br_down.png) no-repeat right #fff;
    background-position-x: 		calc(100% - 14px);
	cursor: 					pointer;
	
	font-family:                Verdana, Arial, Helvetica, sans-serif;
	font-size: 					14px;
	font-weight:				bold;
}

.red {
	border:						1px solid #ff0000;
}











/* SUBMIT */
#form-submit .submit, 
#form-submit .submit:visited {
    color:                     #FFF;
    font-family:               Arial, Helvetica, sans-serif;
    font-size:                 18px;
    font-weight:               normal;
    width:                     100%;
    height:                    46px;
    margin:                    0;
    background:                #0F67CC;
    cursor:                    pointer;
    border:                    none;
    padding-top: 				2px;
    text-decoration:           none;
    text-align:                center;
    display:                   inline-block;
    line-height:               1;
    -webkit-appearance:        none;
    border-radius:             5px;
    -moz-border-radius:        5px;
    -webkit-border-radius:     5px;
}

#form-submit .submit:hover {
    background:                #0F67CC;
}



#form-submit .box_captcha {
	margin: 					0 auto;
	width: 						250px;
	height:						125px;
	padding: 					0 15px;
}

#form-submit .captcha_img {
	float:                     left;
	width:                     44px;
	height:                    125px;
}



/* responsive */

@media only screen and (min-width: 320px) and (max-width: 639px) {
/*
	#form-submit {
		width:						100%;
		max-width:					400px;
		margin-bottom:		 		0;
	}
	*/
	#form-submit .top-edge {
		margin-top:					15px;
	}

	#form-submit .bottom-edge {
		margin-top:					15px;
		margin-bottom:				25px;
	}
	
}

@media only screen and (min-width: 640px) and (max-width: 720px) {
		/*
	#form-submit {
		width:						90%;
		max-width:					400px;
	}
	*/
}

@media only screen and (min-width: 721px) and (max-width: 989px) {
	/*
	#form-submit {
		width:						90%;
		max-width:					400px;
	}
	*/
}	

@media only screen and (min-width: 990px) {
	/*
	#form-submit {
		width:						60%;
		max-width:					400px;
	}
	*/
	#form-submit .submit:hover {
		background:                #009CDE;
	}
}	

@media only screen and (min-width: 990px) and (max-width: 1280px) {
	
	
}	

@media only screen and (min-width: 1281px) and (max-width: 1365px) {
	
	
}	


@media only screen and (min-width: 1366px) and (max-width: 1679px) {
	
	
}	

@media only screen and (min-width: 1680px) {
	
	
}