/*@CHARSET "ISO-8859-1";
@CHARSET "ISO-8859-1";*/

:root {  
	--white: #FFFFFF;
	--black: #000000;
	--azulapac:   #132743;
	--very-ligth-pink: #C7C7C7;
	--text-input-field: #F7F7F7;
	--hospital-green: #ACD9B2;
	--sm: 14px;
	--md: 16px;
	--lg: 20px;

}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.marco{
	/*background-color:gray;*/
	background:#132743;
}
.titulo td,.titulo th,.titulo{
	background-color: gray;
	font-size: 12px;
	color: var(--white);
	padding: 2px;
	font-weight: bold;
}
.fPar td,.fPar th,.fPar{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}
.fImpar td,.fImpar th,.fImpar{
	
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
}
.costo{
	font-size: 13px;
	color: #000075;
	font-weight:bold;
}
p{
	margin: 0px;
}
td,th,a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}

.input{
	background-color:  #F7F7F7;
	border: none;
	border-radius: 8px;
	height: 30px;
	font-size: var(--md);
	padding: 6px;
	margin-bottom: 15px;
	align-self: center;
	width: 300px;
}

.form-container{
	display: grid;
	grid-template-rows;
	width: 300px;
}
.login{
	width: 100%;
	height: 100vh; 
	display: grid;
	place-items: center;        /* centro todo */
}

.logo{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px; 
	border-radius: 20px;
	align-self: center;
	width: 80%;
	height: 60%; 	
}
.form{
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:400px;
    padding:25px;
    background:var(--azulapac);
	box-shadow: 7px 13px 37px #000;
    border-radius:10px;
    align-items:stretch;

}

.primary-button{
	background-color: #ACD9B2;
	border-radius: 8px;
	border: none;
	color: var(--white);
	width:100%;
	max-width:200px;
	cursor: pointer;
	font-size: var(--md);
	font-weight: bold;
	height: 50px;
	align-self: center;

}
.login-button{
	color: var(--azulapac) !important;
	margin-top: 14px;
	margin-bottom: 30px; 
}
.label{
	color: var(--white);
	font-size: var(--sm);   
	font-weight: bold;
	margin-bottom: 4px;
	align-self: center;
}

/*  /////////////////// formulario ////////////////////////////////*/
 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
.container-form{

    width:100%;
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 20px;

}
  
.form-register {
	display:grid;
    width:100%;
    max-width:650px;
    background:#182c4f;
    border-radius:18px;
    padding:40px;
    box-shadow:0 15px 35px rgba(0,0,0,.35);
  }
  
.form-register h4{
    color: var(--white);
    text-align:center;
    margin-bottom:35px;
    font-size:28px;
    font-weight:700;
    letter-spacing:1px;
}
.form-register label{
	color: var(--white);
	font-size: var(--sm);   
	font-weight: bold;
	margin-bottom: 4px;
	align-self: center;
}
  .controls {
    width: 80%;
    background: #24303c;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid #1f53c5;
    font-family: 'calibri';
    font-size: 18px;
    color: white;
    align-self: center;
	
 }
  
  .form-register p {
    height: 40px;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
  }
  
  .form-register a {
    color: white;
    text-decoration: none;
  }
  
  .form-register a:hover {
    color: white;
    text-decoration: underline;
  }
  
  .form-register .botons {
    width: 100%;
    background: #1f53c5;
    border: none;
    padding: 12px;
    color: white;
    margin: 16px 0;
    font-size: 16px;
  }
  
  
  
  
 @media (max-width: 640px) {
	.logo {
		height: 50%;
	}
	
	.form{
    max-width:300px;
	}
	 .form-register {
    width:80%;
	}
}
	
	
	
#splash-screen{

    position:fixed;

    inset:0;

    background:linear-gradient(135deg,#243b85,#0f234f);

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:99999;

    transition:opacity .6s ease;

}