* {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

.logo-vya {
  width: 10rem;
}

.bg-vya {
  background-color: #082c50;
}

.index-gaby{
  width: 13rem;
}

.btn-vya {
  background: #082c50;
  color: white;
  font-weight: 400;
  border: unset;
}

.btn-vya:hover{
  background: #4256a4;
}

a.nav-link {
  color: white!important;
  font-weight: 400;
}

a.nav-link:hover {
  color: #5eb9e8!important;
}

.qr-code {
  width: 15rem;
}

.registro_repetido {
  background-color: red;
  padding: .2rem .5rem;
  border-radius: 5px;
}

.map-vya {
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 2rem;
}

.no_aprobado {
  background-color: yellow;
  padding: .2rem .5rem;
  border-radius: 5px;
}

.esta_aprobado {
  background-color: green;
  padding: .2rem .5rem;
  border-radius: 5px;
}

.form_nomina_info {
  display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: flex-end;
}

#resultado {
  padding-top: 5%;
}

#resultado h3 {
  text-decoration: underline;
}

.div-agente {
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  padding: 5%;
  border-color: rgba(0,0,0,.05);
}

.formularios-nomina {
  display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}

.form_nomina_info label {
  padding: 0rem .5rem;
}

#send {
  margin: 0rem .5rem;
}

#asistente {
  width: 16rem;
}

.ABIERTO{
  background: red;
  padding: .5rem;
  border-radius: 5px;
  margin: 0.1 0!important;

}

.CERRADO{
  background: green;
  padding: .5rem;
  border-radius: 5px;
  margin: 0.1 0!important;
}