:root {

    /* DARK THEME */
    --dark-theme-bg:            #1A1A1A;
    --dark-theme-bg-box:        #262626;

    --dark-theme-text-color:    #F2F2F2;

    --dark-theme-border-color:  #404040;

    --dark-theme-btn-outline-bg-color:      #404040;
    --dark-theme-btn-outline-border-color:  var(--dark-theme-btn-outline-bg-color);

    --dark-theme-btn-outline-bg-hover-color:      #505050;
    --dark-theme-btn-outline-border-hover-color:  var(--dark-theme-btn-outline-bg-hover-color);

    --dark-theme-input-bg:      #333;

}

body.dark-aio-theme {
    background-color: var(--dark-theme-bg);
    color: var(--dark-theme-text-color);
}

.dark-aio-theme .login-card {
    background: url("../img/login_bg-black.jpg");
}

/* .dark-aio-theme .login-image-banner-bg {
    background-image: url("../img/backgrounds/bg-aiomanager-dark.png")!important;
} */

.dark-aio-theme .btn-outline-light {
    background-color: var(--dark-theme-btn-outline-bg-color);
    border-color: var(--dark-theme-btn-outline-border-color);
    color: var(--dark-theme-text-color);
}

    .dark-aio-theme .btn-outline-light:hover {
        background-color: var(--dark-theme-btn-outline-bg-hover-color);
        border-color: var(--dark-theme-btn-outline-border-hover-color);
        color: var(--dark-theme-text-color);
    }

.dark-aio-theme .login-card .login-main .theme-form .checkbox label::before {
    background-color: var(--dark-theme-bg-box);
    border-color: var(--dark-theme-border-color);
    color: var(--theme-deafult);
}

.dark-aio-theme .login-card .login-main {
    background-color: var(--dark-theme-bg-box);
}

.dark-aio-theme h1,
.dark-aio-theme h2,
.dark-aio-theme h3,
.dark-aio-theme h4,
.dark-aio-theme h5,
.dark-aio-theme h6,
.dark-aio-theme .h1,
.dark-aio-theme .h2,
.dark-aio-theme .h3,
.dark-aio-theme .h4,
.dark-aio-theme .h5,
.dark-aio-theme .h6,
.dark-aio-theme .x-form-item-label-default {
    color: var(--dark-theme-text-color);
}

    .dark-aio-theme .text-muted {
        color: var(--dark-theme-text-color)!important;
    }

.dark-aio-theme .login-card .login-main .theme-form .or:before {
    background-color: var(--dark-theme-border-color);
}

.dark-aio-theme .login-card .login-main .theme-form input {
    background-color: var(--dark-theme-input-bg);
    color: var(--dark-theme-text-color);
}

    .dark-aio-theme .login-card .login-main .theme-form input::placeholder {
        color: var(--dark-theme-text-color);
        filter: opacity(0.3);
    }

.dark-aio-theme .radio-inputs {
    background-color: var(--dark-theme-bg);
}

    .dark-aio-theme .radio-inputs .radio input:checked + .name {
        background-color: var(--dark-theme-input-bg);
    }

.dark-aio-theme .theme-form .alert {
    background-color: #BB1616;
}