/*Creación del fondo*/
body{
background: url(fond.jpg);	
background-repeat: no-repeat;
background-size: 100% 920px;
}
/*creación del marco del login*/
.container{
	width: 400px;
	height: 478px;
	text-align: center;
background-color: rgba(0, 153, 204,0.5); 
border-radius: 30px;
margin: 0 auto;
margin-top: 50px;
}
.container img{
	
	width: 95px;
	height: 90px;
	margin-top: -50px;
	margin-bottom: 1px;
}
input[type="text"], input[type="password"]{
	height: 35px;
	width: 295px;
	font-size: 16px;
	color:#005664 ;
	font-weight: 700;
	border: none;
	margin-bottom: 15px;
	background-color:  #EFFDFF;
    padding-left: 10px; 
   font-family: "Font Awesome 5 Free";

}
.form-input::before{

	position: absolute;
	font-family: "Font Awesome 5 Free";
	padding-top: 5px;
	color: #0080ff;
	padding-left: 275px;
	font-size: 35px;
	
	
	
	







}





.icono{
  font-family: "Font Awesome 5 Free"; font-weight: 900;  
  
}
/*#0099B1 */
::-webkit-input-placeholder { color: #004761; } 
 ::-webkit-input-placeholder { font-weight: 600; }    

.form-input:nth-child(2)::before{


}
.btn-login{
	padding: 8px 55px;
	cursor: pointer;
	border-radius: 8px;
	border: none;
	color: #fff;
background-image: linear-gradient(180deg, #8460fe 0, #5d55fb 25%, #024cf8 50%, #0044f5 75%, #003ef2 100%);
	margin-bottom: 10px;
		font-size: 16px;
			font-weight: 700;
}
.btn-login:hover{
	color: #0099ff;
background: #Fff;
		
			padding: 8px 59px;
				border-radius: 10px;
}
a{
	color: #FF0000;
}
a:hover{
	color: #fff;
}
p{
	color: #E20000  ;
}
h1{
	text-align: center;
	color: white; 
		font-family: "Font Awesome 5 Free";
}
h2{
	text-align: center;
	color: #EFFDFF; 
		font-family: "Font Awesome 5 Free";
}
	.alert
{
width: 75%;
background: #FBFFC2;
border-radius: 4px;
margin: -2px auto;
font-size: 16px;
font-weight: 550;

}
.msg_error{
color: #F90000 ;
	}

	.msg_save{
color: #126e00;
	}
	.alert p{
padding: 1px;
	}