@import url('https://fonts.googleapis.com/css2?family=Abel&family=Roboto:wght@100&display=swap');

.form_bg{
	/*background: linear-gradient(to bottom,#f83600,#fe8c00);*/
	background: rgb(79,174,224);
	background: linear-gradient(90deg, rgba(79,174,224,1) 0%, rgba(224,36,130,1) 31%, rgba(248,236,58,1) 65%, rgba(0,0,0,1) 100%);
	height: 100vh;
	display: flex;
	align-items: center;
}

.form_horizontal{
	font-family: 'Abel', sans-serif;
	text-align: center;
}

.form_horizontal .form_icon{
	color: #fff;
	font-size: 100px;
	line-height: 85px;
	margin: 0 0 14px;
}

.form_horizontal .title{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 35px 0 35px 0;
}

.form_horizontal .form-group{
	margin: 0 0 10px;
	position: relative;
}

.form_horizontal .input-icon{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #777;
}

.form_horizontal .form-control{
	color: #555;
	background-color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	height: 37px;
	padding: 2px 15px 2px 35px;
	border: none;
	border-radius: 50px;
}

.form_horizontal .form-control: :placeholder{
	color: rgba(0, 0, 0, 0.7);
	font-size: 15px;
	text-transform: capitalize;
}

.form_horizontal #entrarSistema{
	color: #fff;
	background-color: #222;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	width: 100%;
	padding: 10px 20px;
	margin: 0 0 15px 0;
	border: none;
	border-radius: 20px;
	text-transform: uppercase;
}

.form_horizontal .form-options{
	margin: 0;
	padding: 0;
	list-style: none;
}

.form_horizontal .form-options li a{
	color: #fff;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.form_horizontal .form-options li a i{
	font-size: 12px;
}


.form_horizontalO{
	font-family: 'Abel', sans-serif;
	text-align: center;
}

.form_horizontalO .form_icon{
	color: #fff;
	font-size: 100px;
	line-height: 85px;
	margin: 0 0 14px;
}

.form_horizontalO .title{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 35px 0 35px 0;
}

.form_horizontalO .form-group{
	margin: 0 0 10px;
	position: relative;
}

.form_horizontalO .input-icon{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #777;
}

.form_horizontalO .form-control{
	color: #555;
	background-color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	height: 37px;
	padding: 2px 15px 2px 35px;
	border: none;
	border-radius: 50px;
}

.form_horizontalO .form-control: :placeholder{
	color: rgba(0, 0, 0, 0.7);
	font-size: 15px;
	text-transform: capitalize;
}

.form_horizontalO #olvideClave{
	color: #fff;
	background-color: #E02482;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	width: 100%;
	padding: 10px 20px;
	margin: 0 0 15px 0;
	border: none;
	border-radius: 20px;
	text-transform: uppercase;
}

.form_horizontalO .form-options{
	margin: 0;
	padding: 0;
	list-style: none;
}

.form_horizontalO .form-options li a{
	color: #fff;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.form_horizontalO .form-options li a i{
	font-size: 12px;
}


.form_horizontalC{
	font-family: 'Abel', sans-serif;
	text-align: center;
}

.form_horizontalC .form_icon{
	color: #fff;
	font-size: 100px;
	line-height: 85px;
	margin: 0 0 14px;
}

.form_horizontalC .title{
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 35px 0 35px 0;
}

.form_horizontalC .form-group{
	margin: 0 0 10px;
	position: relative;
}

.form_horizontalC .input-icon{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 14px;
	color: #777;
}

.form_horizontalC .form-control{
	color: #555;
	background-color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	height: 37px;
	padding: 2px 15px 2px 35px;
	border: none;
	border-radius: 50px;
}

.form_horizontalC .form-control: :placeholder{
	color: rgba(0, 0, 0, 0.7);
	font-size: 15px;
	text-transform: capitalize;
}

.form_horizontalC #cambiarClave{
	color: #fff;
	background-color: #4FAEE0;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	width: 100%;
	padding: 10px 20px;
	margin: 0 0 15px 0;
	border: none;
	border-radius: 20px;
	text-transform: uppercase;
}

.form_horizontalC .form-options{
	margin: 0;
	padding: 0;
	list-style: none;
}

.form_horizontalC .form-options li a{
	color: #fff;
	letter-spacing: 0.5px;
	margin: 0 0 10px;
}

.form_horizontalC .form-options li a i{
	font-size: 12px;
}