/* Admin theme color override: Warm Stone Slate background with logo-red accents. */
:root {
    --admin-theme-bg: #dddbcf;
    --admin-theme-surface: #f2eee7;
    --admin-theme-surface-strong: #d0c8bd;
    --admin-theme-soft: #e6ded3;
    --admin-theme-field: #faf7f1;
    --admin-theme-sidebar-selected: #ebe3d9;
    --admin-theme-accent: #c93535;
    --admin-theme-accent-hover: #a92b2b;
    --admin-theme-secondary-accent: #315a78;
    --admin-theme-border: #c7bcb0;
    --admin-theme-text: #243342;
    --admin-theme-muted: #5a6c7c;
}

body,
.authentication-bg,
.content-page,
.content,
.footer {
    background-color: var(--admin-theme-bg);
    color: var(--admin-theme-text);
}

.navbar-custom,
.left-side-menu,
.card,
.card-box,
.dropdown-menu,
.modal-content {
    background-color: var(--admin-theme-surface);
}

#preloader {
    background-color: var(--admin-theme-bg) !important;
}

#preloader .spinner > div {
    background-color: var(--admin-theme-surface);
    border-color: var(--admin-theme-accent);
}

.container-fluid,
.tab-content,
.table-responsive {
    background-color: transparent;
}

.navtab-bg {
    background-color: var(--admin-theme-soft);
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--admin-theme-surface);
    color: var(--admin-theme-accent);
}

#sidebar-menu > ul > li > a {
    color: var(--admin-theme-text);
}

#sidebar-menu > ul > li > a svg {
    color: var(--admin-theme-muted);
    fill: rgba(36, 51, 66, 0.08);
}

#sidebar-menu > ul > li.mm-active > a,
#sidebar-menu > ul > li > a.active {
    background-color: var(--admin-theme-sidebar-selected);
    border-left-color: transparent;
    color: var(--admin-theme-accent);
}

#sidebar-menu > ul > li.mm-active > a::before,
#sidebar-menu > ul > li > a.active::before {
    background-color: var(--admin-theme-accent);
    border-radius: 999px;
    content: "";
    height: 7px;
    left: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
}

#sidebar-menu > ul > li.mm-active > a svg,
#sidebar-menu > ul > li > a.active svg {
    color: var(--admin-theme-accent);
    fill: rgba(201, 53, 53, 0.12);
}

#sidebar-menu > ul > li > a:hover,
#sidebar-menu > ul > li > a:focus,
#sidebar-menu > ul > li > a:active,
.nav-second-level li a:hover,
.nav-second-level li a:focus,
.nav-thrid-level li a:hover,
.nav-thrid-level li a:focus {
    background-color: rgba(201, 53, 53, 0.05);
    border-left-color: transparent;
    color: var(--admin-theme-accent);
}

#sidebar-menu > ul > li > a:hover svg,
#sidebar-menu > ul > li > a:focus svg,
#sidebar-menu > ul > li > a:active svg,
.metismenu li a[aria-expanded=true] svg {
    color: var(--admin-theme-accent);
    fill: rgba(201, 53, 53, 0.1);
}

.nav-second-level {
    background-color: transparent;
    margin-left: 42px;
    padding: 2px 0 8px 0 !important;
}

.nav-second-level li a,
.nav-thrid-level li a {
    background-color: transparent;
    color: var(--admin-theme-text);
    padding-left: 20px;
}

.nav-second-level li > a.active,
.nav-thrid-level li > a.active {
    background-color: rgba(201, 53, 53, 0.035);
    color: var(--admin-theme-accent);
}

.nav-second-level li > a.active::before,
.nav-thrid-level li > a.active::before {
    background-color: var(--admin-theme-accent);
    border-radius: 999px;
    content: "";
    height: 5px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
}

h1,
h2,
h3,
h4,
h5,
h6,
label,
.page-title h4,
.pro-user-name,
.table,
.table td,
.table th,
.form-control,
.custom-select,
.select2-container,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    color: var(--admin-theme-text);
}

.text-muted,
.pro-user-desc,
#sidebar-menu .menu-title {
    color: var(--admin-theme-muted) !important;
}

.btn-primary,
.btn-danger,
.badge-danger,
.bg-danger {
    background-color: var(--admin-theme-accent) !important;
    border-color: var(--admin-theme-accent) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.badge-danger:hover,
.bg-danger:hover {
    background-color: var(--admin-theme-accent-hover) !important;
    border-color: var(--admin-theme-accent-hover) !important;
    color: #fff !important;
}

.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: var(--admin-theme-accent) !important;
}

.border-danger {
    border-color: var(--admin-theme-accent) !important;
}

.table .thead,
.table thead.thead,
.table thead.thead th,
.table thead.thead td {
    background-color: var(--admin-theme-surface-strong) !important;
}

.table thead tr,
.table thead tr th,
.table thead tr td {
    color: var(--admin-theme-accent) !important;
}

.table tbody,
.table tbody tr,
.table tbody td,
.table-hover tbody tr:hover {
    background-color: var(--admin-theme-field) !important;
}

.table tbody tr:nth-child(even),
.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--admin-theme-surface) !important;
}

.form-control,
.custom-select,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple,
.input-group-text {
    background-color: var(--admin-theme-field);
    border-color: var(--admin-theme-border);
}

.form-control::placeholder {
    color: var(--admin-theme-muted);
}

.form-control:focus {
    border-color: var(--admin-theme-accent);
    box-shadow: 0 0 0 0.1rem rgba(201, 53, 53, 0.16);
}

.page-link {
    color: var(--admin-theme-accent);
}

.page-item.active .page-link {
    background-color: var(--admin-theme-accent);
    border-color: var(--admin-theme-accent);
}

.customer__info td,
.shipping_history_table th,
.shipping_history_table td {
    padding-left: 16px;
    padding-right: 16px;
}

.customer__info strong,
.shipping_history_table .thead,
.shipping_history_table .thead th {
    color: var(--admin-theme-accent) !important;
}