body{
	padding: 10%;
	font-family: "Bw Modelica";
	font-size: 1rem;
	background-color: var(--colorBackgroundTabla);
}
.btn-form{
	border-radius: 20px;
	background-color: var(--colorPrincipal);
	color: white;
	font-size: 0.875rem;
	font-family: "Bw Modelica";
	text-align: center;
	padding: 0.4rem 0.6rem;
	width: 48%;
	border: 2px solid transparent;
	cursor: pointer;
}
.btn-form:hover{
	border-radius: 20px;
	background-color:white;
	color: var(--colorTerciario);
	border: 2px solid var(--colorTerciario);
	font-family: "Bw Modelica Bold";

}
.btn-form:focus{
	outline: none;
}

.fas{
	color: var(--colorPrincipal);
} 

.input-group-addon{
	padding: 1rem;
}
.input-group{
	background-color: var(--colorBackgroundTabla);
	margin-bottom: .5rem;
}

.form-control{
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ced4da;
	margin-bottom: 1rem;
	background-color: var(--colorBackgroundTabla);
}
.form-control:focus{
	border-color: transparent;
	box-shadow: 0 0 0 0.2rem #ebebeb;
	background-color: var(--colorBackgroundTabla);
}
.form-control:focus-visible{
	outline: none;
}

.divImg{
  	padding-top: 48px;
}

.imgLog{
	width: 300px;
}

.alert-danger{
	margin-bottom: 0px;
}
.main-login{
	border-radius: 8px;
	display: block;
	margin: 0 auto;
	min-height: 0;
	width: 100%;
	max-width: 450px;
	padding: 3rem;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.rememberme{
	margin-left: 2rem;
	width: fit-content;
}

@media (max-width: 575.98px) {
	.main-login {
		padding: 1.5rem .5rem;
	}
	.input-group-addon {
		padding: .5rem;
	}
	body {
		padding: 33% 2%;
	}
}