/**
* | Via Optimusm Themes
* =========================================================
* 1) Golden (Default) #be9132
* 2) Red #ce3139
* 3) Green
* 4) Gray
* 5) Blue
* 6) Dark Orange
* 7) Black
* 8) Dark Red
* 9) Dark Blue
* 10) Light Green
* 11) Navy Blue
* 12) Light Gray
* 13) Frosty
*/

:root {

    --bg-overlay: transparent;

    /* topbar */
    --topbar-bg: #ffffff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;

    /* sidebar */
    --sidebar-bg: #ffffff;
    --sidebar-brading-bg: #ffffff;
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #242424;
    --sidebar-menu-hover-text-color: #242424;
    --sidebar-menu-active-bg: transparent;

    /* button */
    --btn-bg: transparent;
    --btn-radius: 0;
    --btn-hover-bg: transparent;
    --btn-text-color: #242424;
    --btn-hover-text-color: #242424;

    /* footer */
    --footer-bg: #ffffff;
    --footer-text-color: #242424;
}

[data-theme="theme-viaoptimus"] {

    --bg-overlay: rgb(48 31 2);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(48 31 2);
    --sidebar-brading-bg: rgb(48 31 2);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #be9132;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #be9132;
    --btn-hover-bg: #e0bb5c;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #be9132;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #be9132;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-trx"] {

    --bg-overlay: rgb(64, 3, 2);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(64, 3, 2);
    --sidebar-brading-bg: rgb(64, 3, 2);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #ce3139;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #ce3139;
    --btn-hover-bg: #ff5964;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #ce3139;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #ce3139;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-green"] {

    --bg-overlay: rgb(9, 64, 2);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(0, 175, 80);
    --sidebar-brading-bg: rgb(2, 185, 85);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #048e42;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #00AF50;
    --btn-hover-bg: #00AF50;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #00AF50;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #00AF50;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-gray"] {

    --bg-overlay: rgb(73, 57, 57);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(73, 57, 57);
    --sidebar-brading-bg: rgb(73, 57, 57);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #555050;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #555050;
    --btn-hover-bg: #6e6d6d;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #555050;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #555050;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-blue"] {

    --bg-overlay: rgb(2, 33, 64);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(2, 33, 64);
    --sidebar-brading-bg: rgb(2, 33, 64);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #6031ce;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #6031ce;
    --btn-hover-bg: #8259ff;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #6031ce;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #6031ce;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-dark-orange"]{

    --bg-overlay: rgb(221, 66, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(221, 66, 0);
    --sidebar-brading-bg: rgb(221, 66, 0);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #ff4c00;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #ff4c00;
    --btn-hover-bg: #e34400;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #ff4c00;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #ff4c00;
    --bg-color-light: #ffffff;
    --bg-color-dark: #242424;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-black"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(17, 10, 0);
    --sidebar-brading-bg: rgb(17, 10, 0);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #000000;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #000000;
    --btn-hover-bg: #131212;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #000000;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #000000;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-dark-red"]{

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(34, 9, 10);
    --sidebar-brading-bg: rgb(34, 9, 10);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #3f0000;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #3f0000;
    --btn-hover-bg: #280404;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #3f0000;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #3f0000;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);

}

[data-theme="theme-dark-blue"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(10, 0, 36);
    --sidebar-brading-bg: rgb(10, 0, 36);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #00003f;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #00003f;
    --btn-hover-bg: #04042d;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #00003f;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #00003f;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);

}

[data-theme="theme-light-green"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(84, 209, 80);
    --sidebar-brading-bg: rgb(84, 209, 80);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #6fbf51;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #6fbf51;
    --btn-hover-bg: #64af49;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #6fbf51;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #6fbf51;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);
}

[data-theme="theme-navy-blue"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(40, 60, 78);
    --sidebar-brading-bg: rgb(40, 60, 78);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #ffffff;
    --sidebar-menu-hover-text-color: #ffffff;
    --sidebar-menu-active-bg: #163756;
    --sidebar-menu-active-text-color: #ffffff;

    /* button */
    --btn-bg: #163756;
    --btn-hover-bg: #112b44;
    --btn-text-color: #ffffff;
    --btn-hover-text-color: #ffffff;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #163756;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #163756;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);

}

[data-theme="theme-light-gray"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #242424;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #242424;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #242424;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #242424;

    /* sidebar */
    --sidebar-bg: rgb(229, 229, 230);
    --sidebar-brading-bg: rgb(229, 229, 230);
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #000000;
    --sidebar-menu-hover-text-color: #000000;
    --sidebar-menu-active-bg: rgb(202, 202, 206);
    --sidebar-menu-active-text-color: #000000;

    /* button */
    --btn-bg: rgb(229, 229, 230);
    --btn-hover-bg: rgb(199, 199, 203);
    --btn-text-color: #000000;
    --btn-hover-text-color: #000000;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #242424;

    --text-color-default: #163756;
    --text-color-light: #ffffff;
    --text-color-dark: #242424;

    --bg-color-default: #163756;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);

}

[data-theme="theme-frosty"] {

    --bg-overlay: rgb(17, 10, 0);

    /* topbar */
    --topbar-bg: #fff;
    --topbar-text-color: #000;
    --topbar-profile-bg: rgba(241, 244, 249, 255);
    --topbar-profile-dropdown-bg: #ffffff;
    --topbar-profile-dropdown-text-color: #000;
    --topbar-profile-dropdown-item-bg: transparent;
    --topbar-profile-dropdown-item-hover-bg: #000;
    --topbar-profile-img-border-color: #ffffff;
    --topbar-menu-bar-color: #000;

    /* sidebar */
    --sidebar-bg: #b0d5d4;
    --sidebar-brading-bg: #b0d5d4;
    --sidebar-menu-bg: transparent;
    --sidebar-menu-bg-hover: transparent;
    --sidebar-menu-text-color: #000000;
    --sidebar-menu-hover-text-color: #000000;
    --sidebar-menu-active-bg: #e5e5e5;
    --sidebar-menu-active-text-color: #000000;

    /* button */
    --btn-bg: #b0d5d4;
    --btn-hover-bg: #93b7b5;
    --btn-text-color: #000000;
    --btn-hover-text-color: #000000;

    /* footer */
    --footer-bg: transparent;
    --footer-text-color: #b0d5d4;

    --text-color-default: #000;
    --text-color-light: #ffffff;
    --text-color-dark: #000000;

    --bg-color-default: #b0d5d4;
    --bg-color-light: #ffffff;
    --bg-color-dark: #000000;
    --bg-color-secondary: rgba(241, 244, 249, 255);

}

/* topbar */
#page-topbar {
    background-color: var(--topbar-bg) !important;
}

.topbar-user {
    background-color: var(--topbar-profile-bg) !important;
}

.navbar-header{
    border-bottom: 3px solid #e5e5e5;
}

.navbar-header .user-name-text,
.navbar-header .user-name-sub-text {
    color: var(--topbar-profile-dropdown-text-color) !important;
}

.navbar-header .header-profile-user {
    border: 2px solid var(--topbar-profile-img-border-color) !important;
}

.navbar-header .hamburger-icon span {
    background-color: var(--topbar-menu-bar-color) !important;
}

.topbar-user .dropdown-menu {
    background-color: var(--topbar-profile-dropdown-bg) !important;
}

/* navbar */
.navbar-menu {
    background-color: var(--sidebar-bg);
    color: var(--sidebar-menu-text-color);
}


.navbar-menu .nav-link.menu-link{
    color: var(--sidebar-menu-text-color);
}

.navbar-menu .nav-link.menu-link.active {
    background-color: var(--sidebar-menu-active-bg);
    color: var(--sidebar-menu-active-text-color);
}

.navbar-menu .nav-link.menu-link:hover {
    background-color: var(--sidebar-menu-active-bg);
    color: var(--sidebar-menu-active-text-color);
}

.navbar-menu .navbar-nav .nav-link.active, .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true], .navbar-menu .navbar-nav .nav-sm .nav-link.active, [data-layout=twocolumn] .app-menu .navbar-nav .nav-sm .nav-link.active, .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:before, .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after, .navbar-menu .navbar-nav .nav-sm .nav-link, .navbar-menu .navbar-nav .nav-sm .nav-link:hover, .navbar-menu .navbar-nav .nav-sm .nav-link:before{
    color: var(--sidebar-menu-text-color);
}

/* buttons */
.btn-default,
.btn-soft,
.btn-soft-default {
    background-color: var(--btn-bg);
    color: var(--btn-text-color);
    border: none !important;
}

.btn-soft:hover,
.btn-soft:focus,
.btn-soft:active,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-soft-default:hover,
.btn-soft-default:focus,
.btn-soft-default:active {
    background-color: var(--btn-hover-bg);
    color: var(--btn-text-color);
    border: none !important;
}

.btn-soft.active,
.btn-soft-default.active,
.btn-default.active {
    background-color: var(--btn-hover-bg);
    color: var(--btn-hover-text-color);
    border: none !important;
}

.text-dark-green {
    color: var(--text-color-default);
}

.btn-soft-action {
    background-color: var(--bg-color-secondary);
    border: none !important;
}

.btn-soft-action:active,
.btn-soft-action:focus,
.btn-soft-action:hover {
    background-color: var(--btn-hover-bg);
    color: var(--btn-hover-text-color);
    border: none !important;
}

.btn-action,
.btn-action:hover,
.btn-action:focus {
    background-color: var(--btn-hover-bg);
    color: var(--btn-hover-text-color);
    border: none !important;
}

/* pagination */
.page-item.active .page-link {
    background-color: var(--btn-bg);
    color: var(--btn-hover-text-color);
    border-color: var(--btn-bg);
}

.select2-container--default .select2-results__option:hover {
    background-color: var(--btn-bg) !important;
    color: var(--btn-hover-text-color) !important;
}

/* select 2 */
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--btn-bg) !important;
    color: var(--btn-hover-text-color) !important;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: var(--btn-bg) !important;
    color: var(--btn-hover-text-color) !important;
}

.flatpickr-months {
    display: flex !important;
    background-color: var(--bg-color-default) !important;
    border-radius: 5px 5px 0 0 !important;
}
.flatpickr-weekdays {
    background-color: var(--bg-color-default) !important;
}
.flatpickr-day.selected {
    background-color: var(--bg-color-default) !important;
    border: 1px solid var(--bg-color-default) !important;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background-color: var(--bg-color-default) !important;
    border: 1px solid var(--bg-color-default) !important;
}

.auth-page-wrapper{
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.form-check-input{
    cursor: pointer;
}

.form-check-input:checked {
    background-color: var(--bg-color-default)!important;
    border-color: var(--bg-color-default)!important;
}


/* .auth-page-wrapper .footer{
    color: #fff;
} */

/* .bg-overlay{
    background-color: rgba(0,0,0,.5) !important;
} */


/* .auth-card .card-header,
.auth-card .card-body,
.auth-card .card-footer{
    background: none
}

.auth-card{
    background-color: rgba(0,0,0, .1);
}

.auth-card .form-label{
    color: #fff;
}

.auth-card .form-control,
.auth-card .form-control:focus{
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}


.auth-card p,
.auth-card a,
.auth-card #password-addon{
    color: #ffffff !important;
} */


.custom-wizard {
    /* padding: 30px; */
    /* background: #fff; */
    border-radius: 8px;
}

.custom-wizard.wizard-horizontal .wizard-nav {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    width: 100%;
}

.custom-wizard.wizard-vertical {
    display: flex;
    gap: 5px;
}

.custom-wizard.wizard-vertical .wizard-nav {
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.custom-wizard .wizard-nav-item {
    background: transparent;
}

.custom-wizard .wizard-nav-item .wizard-nav-link {
    padding: 10px;
    text-align: center;
    font-weight: 600;
    border: none;
    background-color: transparent;
    color: #8d8d8d;
}

/* .custom-wizard .wizard-nav-item:hover .wizard-nav-link {
    color: var(--btn-bg);
} */

/* .custom-wizard .wizard-nav-item:hover .icon-text {
    background: var(--btn-bg);
    color: #fff;
} */

.custom-wizard .wizard-nav-item.active .wizard-nav-link {
    color: var(--btn-bg);
}

.custom-wizard .wizard-nav-item.active .icon-text {
    background: var(--btn-bg);
    color: #fff;
    transition: background 0.3s ease, color 0.3s ease; /* Adding transitions to background and color properties */
}

.custom-wizard .wizard-nav-item .icon-text {
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background: rgb(235 238 240);
    transition: background 0.3s ease, color 0.3s ease; /* Adding transitions to background and color properties */
}

.custom-wizard .wizard-nav-item .label-text {
    margin-left: 5px;
}


.select2-container .select2-selection--multiple .select2-selection__choice {
    background-color: var(--btn-bg) !important;
    border-radius: 25px !important;
    padding: 5px 15px !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    border-color:  var(--btn-bg) !important;
}

.footer-social-link .avatar-title:hover,.select2-container .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color:  var(--btn-bg) !important
}


.btn-light {
    color: #000;
    background-color: #d2d3d4;
    border-color: #d2d3d4;
}

.btn-light:hover,
.btn-light:focus {
    color: #000;
    background-color: #c6c7c9;
    border-color: #c6c7c9;
}


.bg-default {
    background-color: var(--bg-color-default) !important;
}

.bg-light-custom {
    background-color: var(--bg-color-light) !important;
}

.bg-dark-custom {
    background-color: var(--bg-color-dark) !important;
}

.bg-secondary-custom {
    background-color: var(--bg-color-secondary) !important;
}