/*
// BuRPS (Budgeting Rostering and Payroll System)
// (c) YTT Solutions Pty. Ltd. Australia
//
// module: general.css
// folder: ./css
//
// Build   Date    PR     Comment
// 1.0.67 22/05/14 PR2445 IL - added class for password strength indicator - for "passowrd change" and "users>setup" screen
// 1.0.85  22/11/23  PR3105 IL - RESKIN - make it work on iphone - remove 100vh from the wrappers because if there is a browser error the 100vh is not high enough to fit it all
// 1.0.85  23/02/24  PR3114 IL - add border radius to the white box (.form-wrapper)
*/

:root {
  font-size: 16px;
}
/* NEW LOGIN */
#login-page {
  height: 100vh;
  overflow: hidden;
}
.login-page-template {
  background: #4068e1 !important;
  width: 100vw;
  height: 100vh;
  padding: 0 15px;
}
.login-content-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
.login-logo-wrapper {
  padding-bottom: 40px;
  width: 300px !important;
  margin: 0 auto;
}
.form-wrapper {
  width: 480px;
  background: #ffffff;
  padding: 30px;
  border: 1px solid #cccccc;
  margin: 0;
  border-radius:10px;
}
.form-wrapper h1 {
  color: #666666;
}
.form-wrapper h5 {
  color: #a2a2a2;
  margin-bottom: 15px !important;
}
.form-wrapper .form-label {
  font-weight: bold;
  color: #666666;
}
.form-wrapper .form-control {
  width: 100%;
  background: #ffffff;
  border: 1px solid #666666;
  border-radius: 1px;
}
.form-wrapper .form-control:hover {
  background: #d9e1f9;
}
.form-wrapper .form-control:focus {
  border-color: #83a2f2;
  -webkit-box-shadow: 0 0 0 2px rgba(0,119,179,.50);
  box-shadow: 0 0 0 2px rgba(64,104,225,.50);
}
.form-wrapper .form-check-label {
  float: right;
}
.custom-letter-spacing {
  letter-spacing: 2px;
}
.form-wrapper a {
  color: #666666;
}

.login-warning {
  color:red;
  font-weight:bold;
}

#browser-error {
  width: 480px;
  background: white;
  border-radius: 5px;
  color:red;
  margin-bottom: 20px;
  padding: 10px;
}

#browserTitle, #browserText {
  text-align:center;
  font-weight: bold;
  font-size: 18px;
}

#browserTitle {
  text-decoration: underline;
}

#browserText {
  font-size: 12px;
}

#login-submit-button {
  margin-bottom: 10px !important;
}


@media only screen and (max-width: 960px) {
  /* log in page */
  .form-wrapper {
    width:80vw;
    max-width:480px;
  }
  #browser-error {
    width:80vw;
    max-width:480px;
  }
}

@media only screen and (max-width: 576px) {
  #login-page {
    height: auto;
    min-height:100vh;
    overflow: auto;
  }
  .login-page-template {
    min-height:100vh;
    height:auto;
    padding-bottom:20px;
  }
  .login-content-container {
    margin: 0;
    position: relative;
    top: 0px;
    left: 0px;
    transform: unset;
    margin:auto !important;
  }
  .form-wrapper {
    width: 90%;
    margin:auto;
  }
  #browser-error {
    width:90vw;
  }
}