:root {

    --primary: #1dd0b3;
    --secondary: #6c757d;

  }
  
.back-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }


  .login-form .sign-in-sign-up-form {
    padding: 0rem 15rem 0rem 0rem;
}

  .login-form {
    min-height: 100vh;
    /* overflow-y: hidden; */
    /* box-shadow: var(--default-box-shadow);
    background-color: var(--authentication-form-bg); */
}


.btn.btn-primary {
    color: #fff;
    border-color: var(--primary);
    background-color: var(--primary);
    transition: all .25s ease-in-out;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #009688;
    border-color: #009688;
}

.bluish-text
{
    color: white;
    font-size: 14px;
}
.bluish-text:hover
{
    color: white;
}


.login-cover
{
  background-image: url('/img/web.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.login-cover .form-control {

  height: 50px;
  padding: 0.375rem 1.5rem;
  color: white;
  background-color: #ffffff4f !important;
  border: 1px solid #ffffffad;
  border-radius: 100px;
}


.login-cover .form-control::placeholder {
  color: white;
}

 
.login-cover .form-control:focus {
  color: white;
  background-color: #ffffff4f ;
  border-color: #ffffff6b;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ffffff1f;
}




.login-cover .form-check-label
{
  color: white;
}

.login-cover .btn.btn-primary
{
  border-radius: 100px;
  padding: 0.7rem 0.5rem;
  font-size: 16px;
  background: white;
  color: #212529;
}

.footer-copy
{
  color: white;
}


.login-cover .btn-primary:not(:disabled):not(.disabled):active, .login-cover .btn-primary:not(:disabled):not(.disabled).active, .show > .login-cover .btn-primary.dropdown-toggle {
  background: white;
  color: #212529;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
 {
  border: 1px solid #ffffff6b;
  -webkit-text-fill-color: white;
  background-color:#ffffff4f ;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff4f inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media (max-width: 1400px)
{
  .login-form .sign-in-sign-up-form {
    padding: 0rem 8rem 0rem 0rem;
  }

}

@media (max-width: 1300px)
{
  .login-form .sign-in-sign-up-form {
    padding: 0rem 6rem 0rem 0rem;
  }

}



@media (max-width: 1100px)
{
  .login-form .sign-in-sign-up-form {
    padding: 0rem 0rem 0rem 0rem;
  }

}