:root {
    --principal-fuerte: #002167;
    --principal-medio: #097ff5;
    --principal-cielo: #08c6f9;
    --segundo-claro: #f0f0f0;
    --segundo-obscuro: #e2e2e2;
    --radiante-inicio: #002f75;
    --radiante-final: #0057a1;

}
.linea{
    background-color: var(--principal-medio);
    border: 0;
    padding: 0 4px
}

.redondo{
    border-radius: 25px;
}

.fondo-login{
    background-color: white;
 /*    position: absolute; */
    border-radius: 25px;
   /*  top: 50%; */
/*     transform: translateY(-50%); */
    margin-top: 15px;
    padding-top: 30px;
    padding-bottom: 35px;
    margin-top: 10%;
}
.imagen-login{
    padding-bottom: 25px;
    
}
.imagen-login-1{
    height: 6rem;
    margin-left:10%;
}
.imagen-login-2{
    height: 8rem;
    
}

.my-input {
    /* Resetear los estilos */
    border: none;
    outline: none;
    background: rgb(243, 244, 244);
    box-shadow: unset;

    /* Ajustar otros estilos según sea necesario */
  }

  .my-input:focus{
    border: none;
    outline: none;
    background: rgb(243, 244, 244);
    box-shadow: unset;
  
  }

  .btn-tam{
    padding: 9px;
    font-size: 13px !important;
    margin-top: 15px;
    background-color: var(--principal-medio);
  }
  .btn-my{
    background-color: var(--principal-medio);
    border-radius: 25px;
  }
  .my-btn-seg{
    background-color: var(--principal-cielo);
    border-radius: 25px;
  }
.my-btn-seg:hover{
  background-color: #02addd;
}

  .login-olvidar{
    color:var(--segundo-obscuro)
  }
  .login-olvidar:hover{
    color:#c3c0c0;
  }

  .centro{
    text-align: center;
  }

  .tabla-principal{
    background-color: var(--segundo-claro);
    border-radius: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 15px;
  }

  .barra-fondo{
    background-color: var(--principal-medio) !important;
  }
  

  .label-formulario{
    background-color: #ffffff;
    border: 0;
    padding: 3px;
    color: var(--principal-fuerte);
  }

  .archivo-formulario{
    background-color: #ffffff;
  }

  .contenedor-formulario{
    background: linear-gradient(to bottom right, var(--radiante-inicio), var(--radiante-final));
    padding-top: 15px;
    color: #ffffff;
    border-radius: 15px;
    margin-top: 15px;
    padding-bottom: 7px;
  }

  .observaciones{
    background-color: var(--segundo-obscuro);
    border-radius: 20px;
    padding-top: 15px;
  }
  .obs{
    color: var(--principal-fuerte);
    font: bold;
  }

  .form-btn{
    background-color: var(--principal-medio);
    border-radius: 20px;
    margin-top: 15px;
  }