:root{
  /* Brand palette (kept in sync with style.css; auth pages load only this file) */
  --ink: #17221d;
  --primary: #045c35;
  --primary-light: #087a45;
  --primary-rgb: 4, 92, 53;
  --accent: #045c35;
  --accent-rgb: 4, 92, 53;
  --accent-2: #087a45;
  --accent-bright: #f4e51c;
  --accent-bright-rgb: 244, 229, 28;
  --accent-soft: #f4e51c;
  --accent-3: #f4e51c;
  --accent-3-rgb: 244, 229, 28;
  --accent-gold-2: #dccd0f;
  --sidebar: #045c35;
  --sidebar-dark: #03482a;
  --sidebar-rgb: 4, 92, 53;
  --cta: #f4e51c;
  --cta-ink: #17221d;
  --surface-tint: #f5f8f6;
  --bs-primary: var(--primary);
  --bs-primary-rgb: var(--primary-rgb);
  --bs-link-color: var(--accent);
  --bs-link-color-rgb: var(--accent-rgb);
  --bs-link-hover-color: var(--primary-light);
  --bs-link-hover-color-rgb: var(--primary-rgb);
}
.h-90{
    height: 100vh;
}.form-group {
    margin-bottom: 22px;
}
/*}.response-msg {*/
/*    position: fixed;*/
/*    top: 10%;*/
/*    width: 100%;*/
/*    left: 0%;*/
/*    display: flex;*/
    /* align-items: center; */
/*    justify-content: center;*/
/*}.alert {*/
/*    position: fixed;*/
/*    top: 6%;*/
/*    margin: auto;*/
/*    min-width: 165px;*/
/*    padding: 5px;*/
/*    font-size: 13px;*/
/*    text-align: center;*/
/*    font-weight: 600;*/
/*}*/
.bg-light{
    background: linear-gradient(135deg, var(--sidebar-dark), var(--primary));
}.card{
    border: 1px solid #0606061a!important;
}.card-body {
    padding: 10px 30px;
}.card-title {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 35px!important;
    /* border-left: 6px solid #ff0303;
    background: #ff03030d; */
    /* padding: 15px 10px; */
}.card-title-2 {
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 15px!important;
    /* border-left: 6px solid #ff0303;
    background: #ff03030d; */
    /* padding: 15px 10px; */
}span.small {
    font-size: 14px;
    color: var(--accent);
    font-weight: 500;
    text-transform: capitalize;
}.form-control {
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 5px;
}button.btn {
    border-radius: 5px;
    padding: 10px;
}.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--accent-2);
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(var(--accent-rgb), .15);
}.input-icon {
    width: 45px;
    background: var(--accent);
    padding: 0px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}.input-group input, .input-group input:active {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: var(--surface-tint)!important;
    border: 1px solid var(--surface-tint)!important;
    padding: 10px!important;
}.logo_details {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #fff;
    font-weight: 600;
    justify-content: center;
    font-size: 20px;
    padding: 20px 0px;
    text-shadow: 0px 0px 6px #00000036;
    filter: drop-shadow(2px 4px 6px #00000036);
}img.slogo {
    width: 60px;
    height: 60px;
    padding: 6px;
    border: 1px solid #ffffff7a;
    background: #fff;
    border-radius: 5px;
}
.response-msg {
    position: fixed;
    bottom: 30px;
    width: 100%;
    left: 0%;
    display: flex;
    align-items: center;
    z-index: 16000;
    justify-content: center;
}

.alert {
    position: fixed;
    bottom: 30px;
    margin: auto;
    min-width: 165px;
    max-width: 50%;
    padding: 10px 12px;
    font-size: 14px;
    /*text-align: center;*/
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url('https://manage.myhabitat.in/assets/icons/close.svg');
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 14px 13px !important;
}

.alert-dismissible{
    padding-right: 40px!important;
}

.alert.alert-default.shadow.alert-dismissible {
    background: #000000e0;
    color: #ffffffe8;
}

.btn-trans, .btn-trans:hover, .btn-trans:focus{
    background: #e8f0fe;
    color: #000;
    border: 0px;
}

a.forgotPassword {
    float: right;
    font-size: 13px;
    position: absolute;
    right: 30px;
    margin-top: -20px;
    text-decoration: none;
    color: #444;
}

div#passwordError {
    position: absolute;
    right: 30px;
    font-size: 13px;
    margin-top: -19px;
}

/* Auth pages: the dark login/submit buttons follow the brand primary */
.btn-dark {
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
}
.text-dark:hover {
    color: var(--accent) !important;
}