.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 33% max(170px, 14%) max(200px, 20%) 33%;
	grid-gap: 1vw;
	padding: 0.1vw;
}

@media screen and (max-width: 600px) {
	.grid-container {
		grid-template-columns: 1fr;
	}
}

.grid-container3 {
	display: grid;
	width: 100%;
	grid-template-columns: auto auto;
	padding: 5px;
}

.grid-container13 {
	display: grid;
	width: 100%;
	grid-template-columns: 50% 50%;
}

.grid-container-bt {
	display: grid;
	width: 100%;
	grid-template-columns: 2.5vw auto;
}

.textLogin {
	color: #FFFFFF;
	font-family: arial;
	padding-top: 10px;
	font-size: max(20px, 1.1vw);
}

.textDialogo {
	color: #FFFFFF;
	font-family: arial;
	padding-top: 10px;
	font-size: max(15px, 1.1vw);
}

dialog::backdrop {
	background: rgba(0, 0, 0, .6);
}

#dialogo {
	border: none;
	border-radius: 10px;
	text-align: center;
}

.dialogo {
	width: max(250px, 35%);
	position: absolute;
	top: 30%;
	left: 30%;
	transform: translate(-50%, -50%);
	background-color: #00222B;
	border: 1px solid #37C8AB;;
	border-radius: 5px;
	font-family: arial;
}

.bn {
	width: max(110px, 8.5vw);
	height: max(35px, 1.5vh);
	position: relative;
	text-align: right;
	font-family: arial;
	font-size: max(15px, 2.1vh);
	color: grey;
	border: 1px solid #FFFFFF;
	border-radius: 1vh;
	transition: all 1s ease;
	cursor: pointer;
}

.bn:hover {
	color: #fff !important;
}

.bn-olvide-contrasenia {
	text-align: right;
	font-size: max(18px, 1.3vw);
	color: #37C8AB;
	background-color: rgba(255, 255, 255, 0);
	font-family: arial;
	transition: all 1s ease;
	cursor: pointer;
	border: none;
}

.bn-olvide-contrasenia:hover {
	color: #fff !important;
}

.bn-cancelar {
	width: 90px;
}

.bn-aceptar {
	background-color: #00222B;
}
.bn-aceptar-texto {
	text-align: right;
	font-size: max(18px, 1.3vw);
	background-color: rgba(255, 255, 255, 0);
	font-family: arial;
	transition: all 1s ease;
	cursor: pointer;
	border: none;
}