.form_col{
	margin:0 auto;
	max-width:400px;
	padding-bottom: 50px;
	}


::placeholder {
	color:var(--gray);
	}


/* input ================ */

.form_input{
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border:1px solid #E3E3E3;
	line-height: 40px;
	width:calc(100% - 2px);
	color:var(--black);
	border-radius: 5px;
	font-size: 18px;
	text-indent: 16px;
	}
.form_input:focus {
	box-shadow: 0 0 0 1px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 1px -moz-mac-focusring;
	border-color:rgba(59, 153, 252, .7);
	outline: none;
	}

.form_input:disabled{
	background-color: #EEEEEE;
	}


/* textarea ================ */
.form_textarea{
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border:1px solid #E3E3E3;
	line-height: 24px;
	width:calc(100% - 20px);
	color:var(--black);
	border-radius: 5px;
	font-size: 18px;
	font-family: inherit;
	padding:10px;
	height: 160px;
	}
.form_textarea:focus {
	box-shadow: 0 0 0 1px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 1px -moz-mac-focusring;
	border-color:rgba(59, 153, 252, .7);
	outline: none;
	}



/* label ================ */

label{
	display:block;
	font-size: 16px;
	line-height: 30px;
	}


/* button ================ */

.form_btn{
	display:block;
	width:100%;
	border-radius: 5px;
	line-height: 50px;
	height:50px;
	background-color: var(--blue);
	color:#FFFFFF;
	transition: 0.3s;
	cursor:pointer;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	padding-bottom: 1px;
	}

.form_btn:hover{
	background-color: var(--bluehov);
	}
	
.btnspinner{
	display:inline-block;
	width:50px;
	height:50px;
	background: url("../svg/spinner_btn.svg") no-repeat 50% 50%;
	}


.form_btn_orange{
	display:block;
	width:100%;
	border-radius: 5px;
	line-height: 50px;
	height:50px;
	background-color: var(--orange);
	color:#FFFFFF;
	transition: 0.3s;
	cursor:pointer;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	padding-bottom: 1px;
	}
	
.form_btn_green{
	display:block;
	width:100%;
	border-radius: 5px;
	line-height: 50px;
	height:50px;
	background-color: var(--green);
	color:#FFFFFF;
	transition: 0.3s;
	cursor:pointer;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	padding-bottom: 1px;
	}


button.sign_in_with_google{
	display:block;
	width:100%;
	border-radius: 5px;
	line-height: 43px;
	height:43px;
	background-color: #FFFFFF;
	border:1px solid var(--line);
	color:#757575;
	transition: 0.3s;
	cursor:pointer;
	background-image: url('../svg/sign_in_with_google.svg');
	background-repeat: no-repeat;
	background-position: center center;
	}
button.sign_in_with_google:hover{
	background-color: #EEEEEE;
	border:1px solid var(--line);
	}


button.sign_up_with_google{
	display:block;
	width:100%;
	border-radius: 5px;
	line-height: 43px;
	height:43px;
	background-color: #FFFFFF;
	border:1px solid #E3E3E3;
	color:#757575;
	transition: 0.3s;
	cursor:pointer;
	background-image: url('../svg/sign_up_with_google.svg');
	background-repeat: no-repeat;
	background-position: center center;
	}
button.sign_up_with_google:hover{
	background-color: #EEEEEE;
	border:1px solid #EEEEEE;
	}




/* space ================ */

.form_space5{
	display:block;
	height:5px;
	}
.form_space10{
	display:block;
	height:10px;
	}
.form_space16{
	display:block;
	height:16px;
	}
.form_space20{
	display:block;
	height:20px;
	}
.form_space30{
	display:block;
	height:30px;
	}
.form_space40{
	display:block;
	height:40px;
	}