:root {
  --input-padding-x: 1.5rem;
  --input-padding-y: 0.75rem;
}

body {
    background-color: #fff !important;
}

.login,
.image {
  min-height: 100vh;
}

.bg-image {
  background-image: url('../../images/hello_logo.png');
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #3159a6;
}

.login-heading {
  font-weight: 300;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
  border-radius: 2rem;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.text-js{
  opacity: 0;
  font-size: 16px;
  color: #cf3154;
  font-weight: bold;
  line-height: 50px;
}

@keyframes flash{
  0%{
    opacity: 1;
  }
  100%{
    opacity: 0;
  }
}


#loginLogoDiv {
    display: none;
    padding-bottom: 20px;
}

@media (max-width: 576px) { 
    #loginLogoDiv {
        display: block;
    }

    .loginLogo {
        width: 80%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .login-heading {
      font-weight: 100;
    }
}