.contenedor {
		width: 100%; 
		min-height: 100vh;
		box-sizing: border-box; 
		background-color: #fff; /* #DAE3F3 */
		margin:0;
	}
	/* header */
	.header {
		padding: 10px;
		padding-bottom: 5px;
		color: #040420;
	}
	.linea {
		height: 5px;
		width: 100%;
	/*background: linear-gradient(80deg, #19a5b3, #10bfb0);*/
	background: linear-gradient(80deg, #05021c, #05021c);
}

	.logo-left, .login {
		display: flex;
    	align-items: flex-end;
	}
	.contactanos {
		text-align: right;
		font-size: 14px;
	}
	.contactanos * {
		margin: 0;
		padding: 0;
	}
	.d-none {
		display: none;
	}





	.inputN {
		border: none;
		border-bottom: 1px solid #05021c;
	}
	.titulo {
		color: #05021c;
		font-weight: 200;
		font-family: 'Fredoka One', cursive;
	}
	.contactosN {
		font-weight: 700;
		font-size: 20px;
	}
	.pagueS {
		color: #040420;
		font-size: 20px;
	}
	.datos-empresa * {
		margin: 0;
		padding: 0;
		text-align: center;
		color: #05021c;
	}
	
	
	.inf-pago {
		text-align: center;
	}
	.m-0 {
		margin: 0;
	}
	.p-0 {
		padding: 0;
	}
	.pl {
		padding-left: 1px;
	}
	.pr {
		padding-right: 1px;
	}

	/* datos del detalle del usuario */
	.cotenedor-tabla {
		margin: 0 auto;
		width: 50%;
	}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    background-color: #00308f;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container{
    background-color: #ffffff;
    height: 400px;
    width: 600px;  
    padding: 80px;
    border-radius: 10px;
    margin: 0 15px;
}
.container .progress-box{
    width: 100%;
    margin: 100%;
    height: 60px;
}
.progress-box .title{
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #181433;
} 
.progress-box .progress-bg{
    height: 20px;
    width: 100%;
    background-color: #d3d3d3;
}
.html{
    background-color: #F7D526;
    height: 20px;
}