/*
NeerXpress Dynamic Theme Overrides
Load after neerxpress-theme.css and theme-variables include.
*/

html, body,
body, button, input, select, textarea,
.table, .card, .modal, .dropdown-menu {
    font-family: var(--nx-font) !important;
}

body {
    font-size: var(--nx-base-font-size) !important;
    color: var(--nx-text) !important;
    background: var(--nx-bg) !important;
}

h1, h2, h3, h4, h5, h6,
.page-header h1, .page-header h2, .page-header h3,
.card-title, .modal-title {
    color: var(--nx-heading-text) !important;
    font-weight: var(--nx-heading-weight) !important;
}

a:not(.btn):not(.nav-link) {
    color: var(--nx-link-text);
}

.dashboard-header .navbar,
.navbar-top,
.navbar.navbar-expand-lg,
.dashboard-header {
    background: var(--nx-header-bg) !important;
    color: var(--nx-header-text) !important;
}

.dashboard-header .nav-link,
.navbar-top .nav-link,
.dashboard-header .navbar-nav .nav-link {
    color: var(--nx-header-text) !important;
}

.dashboard-header .nav-link i,
.navbar-top .nav-link i,
.dashboard-header .fa,
.dashboard-header .fas,
.dashboard-header .far {
    color: var(--nx-header-icon) !important;
}

.dashboard-header,
.navbar-top {
    border-bottom-color: var(--nx-header-accent) !important;
}

.nav-left-sidebar,
.sidebar-dark,
.sidebarNavidation.offcanvas {
    background: linear-gradient(180deg, var(--nx-sidebar), var(--nx-sidebar-2)) !important;
}

.nav-left-sidebar .nav-link,
.nav-left-sidebar .nav-link span,
.nav-left-sidebar .submenu .nav-link,
.nav-left-sidebar p,
.nav-left-sidebar small {
    color: var(--nx-sidebar-text) !important;
}

.nav-left-sidebar .nav-link i,
.nav-left-sidebar .nav-link .fa,
.nav-left-sidebar .nav-link .fas,
.nav-left-sidebar .nav-link .far {
    color: var(--nx-sidebar-icon) !important;
}

.nav-left-sidebar .text-muted,
.nav-left-sidebar .sidebar-footer,
.nav-left-sidebar .sidebar-footer p,
.nav-left-sidebar .sidebar-footer small,
.nav-left-sidebar .need-help,
.nav-left-sidebar .support-info {
    color: var(--nx-sidebar-muted) !important;
}

.nav-left-sidebar .nav-link.active,
.nav-left-sidebar .submenu .nav-link.active,
.nav-left-sidebar .nav-item > .nav-link.active {
    background: var(--nx-sidebar-active-bg) !important;
    color: var(--nx-sidebar-active-text) !important;
    border-left: 3px solid var(--nx-sidebar-active-accent) !important;
}

.nav-left-sidebar .nav-link.active i,
.nav-left-sidebar .submenu .nav-link.active i,
.nav-left-sidebar .nav-item > .nav-link.active i {
    color: var(--nx-sidebar-active-text) !important;
}

.dashboard-content,
.dashboard-wrapper,
.main-content,
.content-wrapper {
    background: var(--nx-bg) !important;
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item {
    background: var(--nx-card) !important;
    border-color: var(--nx-border) !important;
    border-radius: var(--nx-radius) !important;
    box-shadow: var(--nx-shadow) !important;
    color: var(--nx-text) !important;
}

.card-header,
.modal-header {
    background: var(--nx-card) !important;
    color: var(--nx-heading-text) !important;
    border-color: var(--nx-border) !important;
}

.dashboard-content .card .card-title,
.dashboard-content .card h5,
.dashboard-content .card h6,
.dashboard-content .card .metric-value,
.dashboard-content .card .card-title a {
    color: var(--nx-card-title) !important;
}

.dashboard-content .card h1,
.dashboard-content .card h2,
.dashboard-content .card h3,
.dashboard-content .card h4,
.dashboard-content .card .display-4,
.dashboard-content .card .display-5,
.dashboard-content .card .h1,
.dashboard-content .card .h2,
.dashboard-content .card .h3 {
    color: var(--nx-card-number) !important;
}

.text-success { color: var(--nx-success) !important; }
.text-warning { color: var(--nx-warning) !important; }
.text-danger  { color: var(--nx-danger) !important; }
.text-info    { color: var(--nx-info) !important; }
.text-muted   { color: var(--nx-muted) !important; }

.table {
    color: var(--nx-table-body-text) !important;
}

.table thead th,
.table thead td,
.table-header {
    background: var(--nx-table-header-bg) !important;
    color: var(--nx-table-header-text) !important;
    border-color: var(--nx-border) !important;
}

.table tbody td,
.table tbody th {
    color: var(--nx-table-body-text) !important;
    border-color: var(--nx-border) !important;
    padding-top: var(--nx-table-pad-y) !important;
    padding-bottom: var(--nx-table-pad-y) !important;
}

.btn {
    border-radius: var(--nx-button-radius) !important;
}

.btn-primary {
    background: var(--nx-btn-primary-bg) !important;
    border-color: var(--nx-btn-primary-bg) !important;
    color: var(--nx-btn-primary-text) !important;
}

.btn-secondary {
    background: var(--nx-btn-secondary-bg) !important;
    border-color: var(--nx-btn-secondary-bg) !important;
    color: var(--nx-btn-secondary-text) !important;
}

.form-control,
.custom-select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background: var(--nx-input-bg) !important;
    color: var(--nx-input-text) !important;
    border-color: var(--nx-input-border) !important;
    min-height: var(--nx-control-height);
    border-radius: var(--nx-button-radius) !important;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--nx-input-focus) !important;
}

.form-control::placeholder {
    color: var(--nx-muted) !important;
}

.page-link,
.breadcrumb-link,
.nav-tabs .nav-link {
    color: var(--nx-link-text) !important;
}

.page-item.active .page-link,
.nav-tabs .nav-link.active {
    background: var(--nx-primary) !important;
    border-color: var(--nx-primary) !important;
    color: #fff !important;
}

hr {
    border-color: var(--nx-border) !important;
}