:root {

    --primary: #C8F31D;
    --secondary: #54595F;
    --tertiary: #8dff00;


    --bg-primary: #C8F31D;
    --bg-secondary: #131313;
    --bg-tertiary: #495057;
    --bg-blur-black: #1D1D1DE6;
    
    --box-gray: #1F1F1F;
    
    --border-black: #FFFFFF21;
    
    --color-bg-black: #FFFFFF;
    
}

/*CSS LOGIN ADMIN*/

.login_admin,
.forgot-password,
.two-factor-authentication-code{
    position: relative;
    background: var(--bg-secondary) url('https://crm.lbodev.com.br/uploads/lbodev/icon-lbodev-marca-dagua.png') no-repeat center center / contain !important;
    height: 100vh; /* Opcional: altura total da tela */
}

.login_admin::before,
.forgot-password::before,
.two-factor-authentication-code::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg-secondary);
    opacity: 0.8;
}

.login_admin::after,
.forgot-password::after,
.two-factor-authentication-code::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none; /* Remove background color */
}


.login_admin .company-logo img,
.forgot-password .logo img,
.two-factor-authentication-code .logo img{
    width: 250px !important;
}

.login_admin .tw-text-neutral-800,
.forgot-password h1,
.two-factor-authentication-code h1,
.two-factor-authentication-code h3{
    color: #54595F !important;
}

.login_admin .authentication-form-wrapper .tw-bg-white,
.forgot-password .tw-bg-white,
.two-factor-authentication-code .tw-bg-white{
    background: #1e1e1e !important;
    border: 1px solid #252525 !important;
}

.login_admin .authentication-form-wrapper form .form-group label,
.forgot-password form .form-group label,
.two-factor-authentication-code .form-group label{
    color: #e0e0e0;
}

.login_admin .authentication-form-wrapper form .form-control,
.forgot-password form .form-control,
.two-factor-authentication-code .form-control{
    background: #252525 !important;
    color: #e0e0e0 !important;
    border: 1px solid #3a3a3a !important;
}

.login_admin .authentication-form-wrapper form .form-control:focus,
.forgot-password form .form-control:focus,
.two-factor-authentication-code .form-control:focus{
    background: #2e2e2e;
    color: #ffffff;
    border-color: #4a90e2;
}

.login_admin .authentication-form-wrapper form .btn-primary,
.forgot-password .btn-primary,
.two-factor-authentication-code .btn-primary{
    background: var(--bg-primary) !important;
     color: #000 !important;
     border: 1px solid #000 !important;
     padding: 15px;
}

.login_admin .authentication-form-wrapper form .btn-primary:hover,
.forgot-password .btn-primary:hover,
.two-factor-authentication-code .btn-primary:hover{
    background-color: #357ab7;
    border-color: #357ab7;
}

.login_admin .authentication-form-wrapper form .checkbox-inline input[type="checkbox"] {
    accent-color: #4a90e2;
}

.login_admin .authentication-form-wrapper form .checkbox-inline label {
    color: #b3b3b3;
}

.login_admin .authentication-form-wrapper form .form-group a {
    color: var(--primary) !important;
    text-decoration: none;
}

.login_admin .authentication-form-wrapper form a:hover {
    color: var(--tertiary);
    text-decoration: underline;
}



/*CSS LOGIN CUSTOMER*/

/*.customers_login .navbar-default{*/
/*    background: var(--bg-secondary) !important;*/
/*    border: none !important;*/
/*    border-bottom: 1px solid #252525 !important;*/
/*}*/

/*.customers_login{*/
/*    background: var(--bg-secondary) url('https://crm.lbodev.com.br/uploads/lbodev/icon-lbodev-marca-dagua.png') no-repeat center center / contain !important;*/
/*}*/

/*.customers_login a.logo img{*/
/*    height: 60px !important;*/
/*}*/

/*.customers_login li.customers-nav-item-knowledge-base a{*/
/*    color: #fff !important;*/
/*    border-radius: 5px !important;*/
/*}*/

/*.customers_login li.customers-nav-item-knowledge-base:hover a{*/
/*    background: var(--primary) !important;*/
/*    color: #000 !important;*/
/*}*/

/*.customers_login li.customers-nav-item-login.active:hover a{*/
/*    background: var(--primary) !important;*/
/*    color: #000 !important;*/
/*}*/


/*.customers_login form.login-form label {*/
/*    color: #e0e0e0;*/
/*}*/

/*form.login-form{*/
/*    background: #252525 !important;*/
/*    color: #e0e0e0 !important;*/
/*    border: 1px solid #3a3a3a !important;*/
/*}*/

/*form.login-form:focus {*/
/*    background: #2e2e2e;*/
/*    color: #ffffff;*/
/*    border-color: #4a90e2;*/
/*}*/

/*form.btn-primary {*/
/*    background-color: #4a90e2;*/
/*    color: #ffffff;*/
/*    border-color: #4a90e2;*/
/*}*/

/*.customers_login form.btn-primary:hover {*/
/*    background-color: #357ab7;*/
/*    border-color: #357ab7;*/
/*}*/

/*.customers_login form.checkbox-inline input[type="checkbox"] {*/
/*    accent-color: #4a90e2;*/
/*}*/

/*.customers_login form.checkbox-inline label {*/
/*    color: #b3b3b3;*/
/*}*/

/*.customers_login form.form-group a {*/
/*    color: var(--primary) !important;*/
/*    text-decoration: none;*/
/*}*/

/*.customers_login form a:hover {*/
/*    color: var(--tertiary);*/
/*    text-decoration: underline;*/
/*}*/


.customers_login .logo img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  height: 50px !important;
}