.frm_NuevoUsuario {
	width: 95%;
	height: 94%;
	min-width: 290px;
}

.nuevoUsuario-Bienvenida {
	background: rgba(255, 255, 255, 0.80);
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 49% 2% 49%;
	grid-gap: 8px;
	border-radius: 10px;
	grid-template-areas:	"a1 . ." 
							"a1 a2 ." 
							"a1 a2 ." 
							"a1 a2 ." 
							"a1 a2 ." 
							"a1 a2 ." 
							"a1 . .";
	
}

.contenedor-frame {
	grid-area: a1;
}

.nuevoUsuario-separador {
	grid-area: a2;
	border-left: 2px solid  #a6acaf ;
}

.divFrame {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	width: 65%;
	height: 95%;
	margin: 0 auto;
}

.frame-titulo {
	width: 100%;
	text-align: center;
	font-family: "IntercamMuseoSansBold" !important;
	font-size: 5rem;
	color: #658d3d;
}

.frame-img {
	width: 80px;
	height: 80px;
	padding-top: 20px;
}

.nuevoUsuario-salir {
	text-align: end;
	align-content: center;
	width: 95%;
	grid-column: 3;
}

.txtNvoUsuario, .txtUsuario, .txtBeneficios {
	width: 70%;
	text-align: justify;
	padding-left: 30px;
	grid-column: 3;
}

.txtUsuario {
	align-content: end;
}

.lblNvo-usuario {
	font-family: "IntercamMuseoSans" !important;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 24px;
	color: #000000;
}

.lblCliente {
	font-family: "IntercamMuseoSansBold" !important;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 26.4px;
}

.lblBenefUsu {
	font-family: "intercamMuseoSans" !important;
	font-weight: 400px;
	line-height: 24px;
	font-size: 1.8rem;
}

.lstPasos {
	color: #005DA6;
	font-family: "IntercamMuseoSansBold";
	padding-left: 50px;
	grid-column: 3;
	width: 72%;
}

.nuevoUsuario-Iniciar {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	grid-column: 3;
}

#btn_Iniciar {
	width: 308px !important;
	height: 48px;
	background: #658d3d !important;
	font-size: 2rem;
	border-radius: 10px;
}

.nuevoUsuario-personaliza {
	background: rgba(255, 255, 255, 0.80);
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 10% auto;
	grid-gap: 8px;
	border-radius: 10px;
	grid-template-areas:	"a1 a2"
							"a1 a2";
}

.personaliza-salir {
	align-content: center;
	text-align: end;
	width: 96%;
}

.contenedor-left {
	grid-area: a1;
	padding: 17px 0px 0px 35px;
	width: 90%;
}

.token-nuevoUsuario {
	grid-area: a2;
	display: flex;
	justify-content: center;
	padding-top: 35px;
}

.personaliza-proceso {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.num-proceso {
	width: 14%;
}

.img-proceso {
	width: 55px;
}

.tit-proceso {
	width: 80%;
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 32.5px;
}

.instr-usuario {
	font-family: "IntercamMuseoSans" !important;
	font-size: 17px;
	color: #000000;
	font-weight: 400;
	line-height: 20px;
	text-align: justify;
	/* height: 12vh; */
	align-content: center;
}

.usuario-info {
	font-family: "IntercamMuseoSans" !important;
	font-size: 1.5rem;
	color: #005DA6;
	font-weight: 600;
	text-align: justify;
}

.label-nuevoUsuario {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 24px;
	color: #000;
	font-family: "IntercamMuseoSans";
}

.Usu_UsuarioNvo {
	border-radius: 5px;
	width: 353px;
	height: 23px;
	font-size: 1.7rem;
}

.lblColorBanca {
	font-family: "IntercamMuseoSans" !important;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 24px;
	color: #000000;
}

.token-nuevoUsuario__boton {
	text-align: center;
}

#btn_Personaliza {
	width: 60%;
  height: 40px;
  background: #658D3D;
  border-radius: 10px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-family: "IntercamMuseoSans" !important;
}

.celdaColor {
	height: 23px;
}

#customColor {
	width: 70%;
}

@media screen and (min-width: 300px) {
	.frm_NuevoUsuario {
		height: auto;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.frame-titulo {
		font-size: 3rem;
	}
	
	.frame-img {
		width: 60px;
		height: 55px;
		padding-top: 20px;
	}
	
	.nuevoUsuario-salir {		
		width: 90%;
	}

	.btn_Salir {
		width: 10px !important;
	}

	.tit-proceso {
		font-size: 2.8rem;
	}
} 

@media screen and (min-width: 700px) {
	.frame-titulo {
		font-size: 4rem;
	}

	.frm_NuevoUsuario {
		height: auto;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.tit-proceso {
		font-size: 2.8rem;
	}
}

@media screen and (min-width: 900px) {
	.frm_NuevoUsuario {
		width: 95%;
		height: 94%;
	}

	.frame-titulo {
		font-size: 5rem;
	}
	
	.frame-img {
		width: 80px;
		height: 80px;
		padding-top: 20px;
	}
	
	.nuevoUsuario-salir {		
		width: 93%;
	}

	.btn_Salir {
		width: 12px !important;
	}

	.frm_NuevoUsuario {
		height: auto;
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.tit-proceso {
		font-size: 2.8rem;
	}

	.contenedor-left {
		width: 90%;
	}

}

@media screen and (min-width: 1100px) { 
	.frm_NuevoUsuario {
		width: 95%;
		height: 94%;
	}

	.frame-titulo {
		font-size: 5rem;
	}
	
	.frame-img {
		width: 80px;
		height: 80px;
		padding-top: 20px;
	}
	
	.nuevoUsuario-salir {		
		width: 95%;
	}

	.btn_Salir {
		width: 17px !important;
	}

	.tit-proceso {
		width: 85%;
		font-size: 2.6rem;
	}

	.contenedor-left {
		width: 73%;
	}

	.instr-usuario {
		padding-bottom: 6px;
		font-size: 1.5rem;
	}

	.usuario-info {
		font-size: 1.4rem;
		padding-bottom: 5px;
	}

	.label-nuevoUsuario, .lblColorBanca {
		font-size: 1.6rem;	
		line-height: 20px;	
	}

	.img-proceso { 
		width: 50px;
	}
	
}

@media screen and (min-width: 1450px) { 	
	.num-proceso {
		width: 14%;
	}
	
	.img-proceso {
		width: 55px;
	}
	
	.tit-proceso {
		/* width: 80%; */
		font-size: 2.8rem;
	}

	.contenedor-coloresBanca {
		padding-top: 5px;
	}

	.usuario-info {
		padding-top: 8px;
		padding-bottom: 16px;
		font-size: 1.7rem;
	}

	.contenedor-left {
		width: 75%;
	}

	.instr-usuario {
		padding-bottom: 8px;
		font-size: 1.9rem;
	}

	.label-nuevoUsuario, .lblColorBanca {
		font-size: 1.8rem;
		line-height: 24px;		
	}

	#customColor {
		width: 75%;
	}

	.celdaColor {
		height: 27px;
	}
}