/* CSS for login page */
.logo img {display: block;margin: 0 auto;width: 250px;}
.custom-login-button{background-color: #00b36c;color: #ffffff;font-weight: 500 !important;font-size: 14px;line-height: 24px;}
.custom-login-button:hover, .custom-login-button:focus, .custom-login-button:not(:disabled):not(.disabled):active {
    background-color: #7fd9b5 !important;
    color: #ffffff;
    font-weight: 500;
}
body{
    line-height:20px;
}

.signup-link:hover{
    color: black !important;
}
.login-left-side{
    background-color: #151515;
    display: flex;
    align-items: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.be-login-logo{
    height: 54px;
    width: 250px;
    margin-top: 5px;
    object-fit: contain;
}

.gb-login-logo{
    height: 45px;
    width: 250px;
    margin-top: -35px;
    object-fit: contain;
}
.forgot-password{
    font-size: 14px;
    font-weight: 500;
    margin-left: 25px;
}
.left-side-heading{
    color: #FFFFFF;
    font-weight: 600;
}
.left-side-text{
    color: #FFFFFF;
    line-height: 1.5;
    padding: 10px;
}

.logo-glow-wrapper {
    background-image: url('../img/green-dot.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 21px 0 19px;
    margin-bottom: 10px;
}
.f-14{font-size: 12px;}

.font-weight-400{font-weight: 400;}

.security-alert {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffe0e0;
  padding: 10px;
  border: 1px solid #ffcccc;
  border-radius: 4px;
}

.security-msg-icon i {
  color: #1D4ED8;
  cursor: pointer;
  font-size: 16px;
}

.reset-msg-icon i {
  color: #047857;
  cursor: pointer;
  font-size: 16px;
}

.m-account--form .input-group-prepend {
    background-color: #F9FAFB;   
    color: #9CA3AF !important;
}
.input-group .input-group-prepend {
    border-right: none !important;
    padding: 0 14px !important;
}
.border-radius-8px{border-radius: 8px !important;}

.back-login .height-equal-form {margin-right: 0px; transition: ease 0.5s all;}

.show-black,.hide-black {justify-content: center; box-shadow: unset; transition: ease 0.5s all;}

.show-black.height-equal-form,.hide-black .height-equal-form {margin-right: -470px; background-color: transparent; transition: ease 0.5s all;}

.show-black.height-login-form,.hide-black .height-login-form {
    border-radius: 8px;   
    box-shadow: 0 14px 30px -8px rgba(0, 0, 0, 0.14);
}

.gb-green-burst{
    position: relative;
    bottom: 80px;
}

.m-account--form .logo {
    margin-bottom: 45px;
}
/* loader css */
#login-loader-btn {
  position: relative;
  padding: 8px 16px;
  font-size: 16px;
  cursor: pointer;
  background-color: #00b36c;
}

#login-loader-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top: 2px solid #00b36c;
  border-radius: 50%;
  margin-left: 8px;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@media (max-width:991px) {
    .row.no-gutters.mx-3.border-radius-8px.back-login.hide-black { width: 700px;margin: 0 auto !important;}
    .show-black.height-equal-form, .hide-black .height-equal-form {margin-right: -350px;}
}

@media (max-width:767px) {
    .row.no-gutters.mx-3.border-radius-8px.back-login.hide-black {
        width: 100%;
    }
    .show-black.height-equal-form, .hide-black .height-equal-form {
        margin-bottom: -600px;
        margin-right: 0;
    }
}

.form-main-div{
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border-radius: 8px 0 0 8px !important;
}
.m-account--form-w{
    background-color: #ffffff;
}

.m-account--form .form-control {
    color: #0a0a0a;
    background-color: #fff;
    border-color: #d6d1d1;
}

/* CSS for autologin page */

.height-login-form {
    box-shadow: 0 14px 30px -8px rgba(0, 0, 0, 0.14) !important;
    min-height:550px;
    min-width:455px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.create-password { margin-bottom: 33px; color: #00b36c; font-size: 18px; line-height: 28px; text-align: center; font-weight:bold; }

.custom-login-title{
    margin-bottom: 35px;
    color: #00b36c;
    font-size: 22px;
    line-height: 28px;
    text-align: center;
}

.alert-danger{
    color: #B91C1C;
    background-color: #FEF2F2;
    border-color: #FEF2F2;
}

.alert-danger button span {
    color: #B91C1C;
}

.alert-success{
    color: #047857;
    background-color: #ECFDF5;
    border-color: #ECFDF5;
}

.alert-success button span {
    color: #047857;
}

input::placeholder {
    font-size: 16px;
}

.reset-password-btn:hover, .reset-password-btn:focus, .reset-password-btn:not(:disabled):not(.disabled):active {
    background-color: #7fd9b5 !important;
    color: #ffffff;
    font-weight: 500;
}