/*Acceso*/
.login-logo,
  .register-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: .9rem;
    text-align: center;
  }

  .login-logo a,
  .register-logo a {
    color: #495057;
  }

  .login-page,
  .register-page {
    -ms-flex-align: center;
    align-items: center;
    /*background: #e9ecef;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));

  }

  .login-page #back{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    background: url(../img/fondo.png);
    background-size:cover;
    overflow:hidden;
    z-index: -1;

  }

  .login-box,
  .register-box {
    width: 360px;
  }

  @media (max-width: 576px) {
    .login-box,
    .register-box {
      margin-top: .5rem;
      width: 90%;
    }
  }


.file-boton {          
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.file-boton::before {
  background-color: #F5876F;
  color: white;
  display: flex;            
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: 'Seleccionar Fotografia'; 
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;                
}

.file-boton input[type="file"] {
  opacity: 0;
  width: 200px;
  height: 32px;
  display: inline-block;
  cursor: pointer;            
}


.esperar {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/load1.GIF') 50% 50% no-repeat rgb(249,249,249);
    opacity: .2;    
}


.b-example-divider {
  width: 100%;
  height: 2rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}