/* Estilos Perzonalizados */

.userL {
    color: #fff !important;
}

.sidebar .nav-link {
    color: black;
}

.fuente-lg {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
  }
  
  
  .fuente-rg {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
  }
  
  .fuente-bld {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
  }
  
  .fuente-lgv1 {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
    color: #ef3b42;
  }
  
  .fuente-rgv1 {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #ef3b42;
  }
  
  .fuente-bldv1 {
    font-family: neuzeit-grotesk, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: #ef3b42;
  }
  
  .bg-login {
    background: url("imgs/bg-login.jpg") no-repeat;
    background-size: cover;
  }
  
  .bg-register-image {
    background: url("imgs/bg-body-control.jpg") no-repeat;
    background-size: cover;
  
  }

  .body-bg {
    background: url("imgs/bg-sanfer.jpg") no-repeat;
    background-size: cover;
  }
  
  .separador {
    border: 0;
    border-top: 1px solid #ef3b42;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #ef3b42;
}

.separadorB{
    width: 80%;
    border: 0;
    border-top: 1px solid #ef3b42;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #ef3b42;
}

.rvi {
  border-color:#00afbb !important;
  border-radius: 0% !important;
  box-shadow: #d1d1d1;
}

.btn-rsv {
  color: #ffff !important;
  background-color: #ff3340 !important;
  padding: 1.375rem 1.75rem;
  border-radius: 0%;
}

.btn-rsv-smll {
color: #ffff !important;
background-color: #00afbb !important;
padding: .25rem .25rem;
border-radius: 0%;
border-radius: 0.25rem;
} 

.btn-rsv-smll-c {
    color: #ffff;
    background-color: #ff3340;
    padding: .25rem .25rem;
    border-radius: 0%;
    }

.btn-rsv:hover {
color: #ffff;
text-decoration: underline white;
}

.btn-rsv-smll:hover {
  color: #ffff;
  text-decoration: underline white;
  }

  .animated-border-button {
    background-color: #3490dc;
    border: none;
    color: #ffffff;
    outline: none;
    padding: 12px 40px 10px;
    /* position: relative; */
  }

  /* .animated-border-button a:hover {
    color: #ffffff !important;
  } */

  .animated-border-button::before,
  .animated-border-button::after {
    border: 0 solid transparent;
    transition: all 0.3s;
    content: '';
    height: 0;
    position: absolute;
    width: 24px;
  }
  
  .animated-border-button::before {
    border-top: 2px solid #3490dc;
    right: 0;
    top: -4px;
  }
  
  .animated-border-button::after {
    border-bottom: 2px solid #3490dc;
    bottom: -4px;
    left: 0;
  }
  
  .animated-border-button:hover::before,
  .animated-border-button:hover::after {
    width: 100%;
  }

  /* Fin de estilos */