:root {
    margin: 0px;
    padding: 0px;
    --color-primario: #071f5d;
    --color-secundario: #424242;
    --color-terciario: #ffffff;
    --color-fondo-primario: #eee;
    --color-boton-ok:#00b7f9;
}
body {
    background-color: var(--color-fondo-primario);
    font-family: 'Open Sans', sans-serif;

}

p{
    color: var(--color-primario);
}
input{
    color: blue;
    width: 100%;
}
label {
    color: var(--color-primario);
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 16px;
}
/*Inicio estilos formulario*/
/*form#form1 {
    /*border: 2px solid var(--color-secundario);
  border-radius: 4px;
  margin: 5px;
  text-align-last: center;*/
/*fin estilos formulario*/
/*}*/

input {
    border-radius: 10px;
    border: 1px solid var(--color-secundario);
    height: 20px;
    padding: 15px;
    margin-bottom: 5px;
}

select{

    border-radius: 20px;
    border: 2px solid var(--color-secundario);
    height: 50px;
    padding: 15px;
    margin-bottom: 20px;
}
h1{
    font-weight: bold;
    color: var(--color-boton-ok);

}
.btn
{
    font-size: 25px;
    background-color: var(--color-boton-ok);
    color: var(--color-terciario);
}

/* inicio ajustes version escritorio*/
@media (min-width: 999px){
    form#form1 {
        text-align-last: center;
    }
}
/* fin ajustes version escritorio*/
.oscuro{ 
    background-color: #2e2e2e;
    color: #f1eded;
}
.oscuro label{
    color: var(--color-terciario)!important;
}
.oscuro p{
    color: var(--color-terciario)!important;
}
.oscuro button{
    background-color: unset;
    filter: invert(100%);
}








/* The navigation bar */
.navbar {
    overflow: hidden;
    background-color: var(--color-fondo-primario);
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
  }
  
  /* Links inside the navbar */
  .navbar a {
    float: left;
    display: block;
    color: var(--color-primario);
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change background on mouse-over */
  .navbar a:hover {
    background: #ddd;
    color: black;
  }
  
  /* Main content */
  .main {
    margin-top: 30px; /* Add a top margin to avoid content overlay */
  }

  /* The navigation bar */
.navbar {
    position: fixed; /* Set the navbar to fixed position */
    bottom: 0; /* Position the navbar at the bottom of the page */
    width: 100%; /* Full width */
  }
  
  /* Main content */
  .main {
    margin-bottom: 30px; /* Add a bottom margin to avoid content overlay */
  }

  .navbar label {
    color: var(--color-primario);
    margin-top: 5px;
    margin-bottom: 0px;
    font-size: 16px;
}

/* cambio de tamaño para frmulario en reportes */
@media (min-width: 1024px) {
    form#form2 {
        width: 35%!important;
    }
  }