html{
  height: 100%;
}

body.auth-page{
  background: url('/images/shore-bg.jpg') top left no-repeat;
  background-color: #000;
}

.auth-wrap{

}

.auth-container{
  border: solid 4px #0786fb;
  padding: 20px;
  margin-top: 5%;
  margin-bottom: 5%;
  position: relative;
}

.auth-content-bg{
  width: 30%;
  height: calc(100% - 40px);
  background: url('/images/auth-bg.png') top left no-repeat;
  background-size: cover;
  position: absolute;
  left: 20px;
}

.day-mode .auth-content{
  background: #fff;

}

.auth-content{
  background: #1e1e1e;
  padding: 20px 40px;
  margin-left: 30%;
}

.auth-content h1{
  font-size: 50px;
  margin-top: 0px;
}

.auth-content input.form-control{
  padding: 20px 15px;
  font-size: 13px;
  border-radius: 0px;
  font-size: 14px;
}

.auth-content select.form-control{
  padding: 5px 15px;
  font-size: 13px;
  border-radius: 0px;
  font-size: 14px;
  height: 42px;
}

.auth-content .btn-primary{
/*  color: #fff; */
  background: #000;
}

.auth-content .register-form{
  float: left;
  width: 57%;
  margin-right: 35px;
}

.auth-content .social-logins{
  margin-top: 100px;
}

.auth-content .login-auth .social-logins{
  margin-top: 0px;
}

.auth-content h1 .app-icon{
  width: 70px;
}

.auth-content label{
  font-weight: 500;
  color: #7c7c7c;
}

.generalModalBack .auth-container{
  margin-top: 5%;
  padding: 0px;
  border: none;
}

.generalModalBack .auth-content-bg{
  height: 100%;
}



@media (max-width: 1150px){

  .container-fluid{

  }

  .auth-wrap{
    width: 100%;
  }



  .auth-content-bg{
    float: none;
    width: 100%;
    position: relative;
    height: 100px;
    background: url('/images/random-bg-mobile.jpg') top left no-repeat;
    background-size: cover;
    left: 0;
  }

  .auth-content .register-form{
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .auth-content .social-logins{
    margin-top: 0px;
  }

  .auth-content{
    margin-left: 0;
    padding: 10px 20px;
    padding-bottom: 75px;
  }

  .auth-content input.form-control{
    padding: 10px;
    height: 42px;
    margin-right: 0;
  }

  .auth-content select.form-control{
    padding: 10px 10px;
    margin-right: 0;

  }

  .auth-content h1{
    margin-bottom: 20px;
  }

  .generalModalBack{
    overflow: scroll;
    align-items: normal;
  }

  .generalModalBack .auth-container{
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 50px;
    width: 100%;
  }

  .generalModalBack .auth-container .app-icon{
    display: none;
  }

  .generalModalBack .auth-content-bg{
    height: 86px;
  }
}