*{
	font-family:'Poppins';
	overflow-y: none;
	overflow-x:none;
}
body{
	background-image: url("../../view/img/FONDO3X3.jpg");
	background-size: cover;
}
.flex-container{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
}
.log-in-container{
	padding-top: 0;
	background-color: white;
	width: 500px;
	max-height: 500px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	overflow-y: auto;
}
.header{
	height: 40px;
	top: 0;
	align-items: center;
	background-color: white;
	position: sticky;
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
}
.header button{
	background: none;
	border: none;
	outline: none;
}

.logIn{
	color: rgb(119, 119, 119);
	flex: 10%;
	width: 10%;
	text-align: center;
}
.SignUp{
	color: rgb(119, 119, 119);
	flex: 10%;
	width: 10%;
	text-align: center;
}
.active{
	border-bottom: 2px #174060 solid;
}
h1{
	margin: 0;
	margin-top: 1em;
}
p{
	margin: 0;
}
.data-container{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	width: 80%;
	margin-block: 1em;
}
.form input, select{
	box-sizing:border-box;
	width: 90%;
	border: none	;
	outline: none;
	margin-left: 1em;
	border: 1px solid #E7E7E7 ;
	padding: 0.7em;
	border-bottom: 10px solid #E7E7E7;
	text-transform: uppercase;
}
input:focus, select:focus{
	border-bottom: 10px solid #B1B1B1;
}

.subtitle{
	font-weight: bold;
	width: 100%;
	margin: 0;
	
}
.form{
	transition: position 1s;
	flex-direction: column;
	display: flex;
	justify-content: center;
	    align-items: center;
}
.form{

}
.crearCuenta{
	display: none;
}

.Enviar{
	color: white;
	background-color:#174060 ;
	width: 100%;
	padding: 1em;
	border: none;
	outline: none;
}
.alert{
	margin-block: 2em;
	text-align: center;
}
.icon{
	color: green;
	font-size: 2em;
}
.title{
	font-weight: bold;
	font-size: 2em;
}
/* width */
::-webkit-scrollbar {
  width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
  background: white;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #DEDEDE ;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #174060;
}
@media only screen and (max-width: 500px) {
    .user-table-container{
        background-color:red;
    }
    
}