/*
=========================================================
NightBox Enterprise — Global page harmonization 1.1
=========================================================
*/

body {
    background: var(--nbx-bg);
    color: var(--nbx-text);
}

.main-content,
.container-fluid {
    background: transparent;
}

.header-lined h1 {
    color: var(--nbx-primary);
}

.breadcrumb {
    background: transparent;
    border-color: var(--nbx-border);
}

.panel,
.card,
.well {
    background: var(--nbx-surface);
    border: 1px solid var(--nbx-border);
    color: var(--nbx-text);
    border-radius: var(--nbx-radius);
    box-shadow: none;
}

.panel-heading,
.card-header {
    background: var(--nbx-surface-2);
    color: var(--nbx-text);
    border-color: var(--nbx-border);
}

.panel-body,
.card-body,
.panel-footer,
.card-footer {
    background: var(--nbx-surface);
    color: var(--nbx-muted);
    border-color: var(--nbx-border);
}

.panel-sidebar .panel-heading {
    background: #102238;
    color: #fff;
}

.panel-sidebar .list-group-item {
    background: var(--nbx-surface);
    color: var(--nbx-muted);
    border-color: var(--nbx-border);
}

.panel-sidebar .list-group-item:hover,
.panel-sidebar .list-group-item.active {
    background: var(--nbx-primary);
    color: #fff;
}

table.table,
table.dataTable {
    background: var(--nbx-surface);
    color: var(--nbx-text);
}

table.table thead th,
table.dataTable thead th {
    background: #102238 !important;
    color: #fff !important;
    border-color: var(--nbx-border) !important;
}

table.table tbody tr,
table.dataTable tbody tr {
    background: var(--nbx-surface-2) !important;
}

table.table tbody tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) {
    background: var(--nbx-surface) !important;
}

table.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background: var(--nbx-surface-3) !important;
}

table.table tbody td,
table.dataTable tbody td {
    background: transparent !important;
    color: var(--nbx-muted) !important;
    border-color: var(--nbx-border) !important;
}

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
textarea {
    background: #fff !important;
    color: #111827 !important;
    border-color: #cbd5e1 !important;
}

.btn-primary,
.btn-info,
.btn-success {
    background: var(--nbx-primary);
    border-color: var(--nbx-primary);
    color: #fff;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover {
    background: var(--nbx-primary-hover);
    border-color: var(--nbx-primary-hover);
}

.btn-default {
    background: #1e293b;
    border-color: var(--nbx-border-strong);
    color: var(--nbx-text);
}