@import '../styles/home.css';
@import '../comisiones/comisiones.css';


/*login*/

.login-content-container{
  display: flex;
  flex-direction: row;
  height: 100vh;
}

.login-menu-container{
  background: url("../assets/images/login-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  width: 100%;
}

@media(max-width: 1024px){
  .login-menu-container{
    display: none;
  }
}

.login-menu-container .navbar{
  position: relative;
  padding: 20px;
}

.login-menu-container button{
  margin-top: 0px;
}

.login-menu-container .navbar .container, 
.login-menu-container .navbar .container-fluid, 
.login-menu-container .navbar .container-lg, 
.login-menu-container .navbar .container-md, 
.login-menu-container .navbar .container-sm, 
.login-menu-container .navbar .container-xl{
  align-items: flex-start;
}

.login-section-title-container{
  width: 70%;
}

.login-section-title-container h1{
  font-size: 60px;
  font-family: "bebas_neue_bold";
  color: #93149a;
  margin-bottom: 0px;
}

.login-section-title-container h2{
  font-size: 25px;
  color: #93149a;
  margin-bottom: 20px;
  font-family: "bebas_neue_bold";
}

.ask-for-access{
  font-size: 14px;
  color: #283a4a;
  font-family: "bebas_neue_bold"; 
}

.ask-for-access a{
  color: #283a4a;
  font-weight: 700;
  font-family: "bebas_neue_bold";
}

.login-form-container{
  width: 655px;
  height: 100%;
  background-color: #fff;
  padding: 20px 60px;
  box-shadow: -10px 0px 10px 1px #aaaaaa;
  font-family: "bebas_neue_bold";
}

@media(max-width: 1024px){
  .login-form-container{
    width: 100%;
  }
}


.login-form-container h2{
  font-size: 40px;
  color: #93149a;
  margin-bottom: 20px;
}

.login-input{
  border-radius: 28px;
}

.login-btn{
  background-color: #93149a;
  border-radius: 28px;
  border-color: #93149a;
}

.login-btn:hover{
  background-color: #6a0a6f;
  border-color: #6a0a6f;
}


/*error*/


.error-container{
  margin-top: 20px;
}