body{
    background:  #ffffff;
    background-size: cover;    
}

.header{
	background: #2a4150;
    height: 70px;
    width: 100%;
	align-items: center;
    padding: 20px;   
}


.titulo{
    color: #ffffff;
    background: #2a4150;
    text-align: center;  
    height: 50px;  
}

.main-section{
    margin:0 auto;
    margin-top:10%;
    padding: 0;
    width: 100%;
}

.modal-content{
    background-color: #ffffff;
    opacity: .70;
    padding: 0 0px;
    box-shadow: 0px 0px 0px #5f3f3f;    
    border-color: transparent;
    align-items: center;
    
}

.form-group#user-group::before{
    content: "\f007";
}

.form-group#contrasena-group::before{
    content: "\f023";
}

button{
    width: 80%;
    margin: 5px 0 20px;    
}

.forgot{
    padding: 5px 0;
}

.forgot a{
    color: rgb(28, 180, 124);
}

.boton1{
    color: white;
    width: 90%;
    height: 50px;
    background-color: #2a4150;
    border: transparent;
    align-items: center;       
}