
/*@media only screen and (max-width: 375px) {*/
/*    .main-background {*/
/*        height: 150vh !important;*/
/*    }*/
/*}*/



#div-image-login{
    background-image:url('/images/banner-img.png');
    background-position: unset;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.login-card{
    border-radius: 15px;
}

#loginForm > button {

    --bs-btn-color: #fff;
    --bs-btn-bg: #fb923c;
    --bs-btn-border-color: #fb923c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f97316;
    --bs-btn-hover-border-color: ##f97316;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f97316;
    --bs-btn-active-border-color: #f97316;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #fb923c;
    --bs-btn-disabled-border-color: #fb923c;

    border-radius: 15px;
}

#div-image-login > div.container-fluid > div > div.col-md-12.main-background > div > div > div > div.card.login-card > div > div > h4 {
    color: #b4782a;
}

#loginForm > div:nth-child(2) > div > span , #loginForm > div:nth-child(3) > div > span:nth-child(1) , #loginForm > div:nth-child(3) > div > span.input-group-text.password-toggle{
    color: #fb923c;
}

#loginForm > div.d-flex.justify-content-between.align-items-center.mb-4 > a ,#loginForm > div.text-center.auth-links > a {
    color: #fb923c;
}

#email , #password {
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
  }


#email:focus , #password:focus {
    border-color: #fb923c;
    box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.3); /* optional glow */
  }


  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #fb923c;
    color: white;
  }

  .login-logo{
    width: 150px;
    height: 150px;
    padding: 40px;
  }

@media only screen and (max-width: 375px) {
    .main-background {
        height: 150vh !important;
    }
}





