/* Softer admin theme override. Loaded after gold-panel.css. */
body.admin-panel-page {
    --calm-bg: #f3f6f7;
    --calm-surface: #ffffff;
    --calm-surface-soft: #f8fafb;
    --calm-border: #d9e2e3;
    --calm-border-strong: #c5d2d3;
    --calm-text: #243034;
    --calm-muted: #637276;
    --calm-sidebar: #20362f;
    --calm-sidebar-soft: #28433a;
    --calm-accent: #2f7f75;
    --calm-accent-dark: #25675f;
    --calm-accent-soft: #e1f1ee;
    --calm-warn: #b7832d;
    --calm-danger: #bd4b4b;
    background: var(--calm-bg) !important;
    color: var(--calm-text) !important;
}

body.admin-panel-page::before,
body.admin-panel-page::after {
    display: none !important;
}

.admin-panel-page .wrapper,
.admin-panel-page #content {
    background: var(--calm-bg) !important;
}

.admin-panel-page #content {
    margin-left: 280px;
    padding: 22px;
}

.admin-panel-page #sidebar {
    width: 280px;
    padding: 16px 12px;
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    background: var(--calm-sidebar) !important;
    color: #edf5f2 !important;
    box-shadow: 12px 0 28px rgba(32, 54, 47, 0.16) !important;
    justify-content: flex-start;
    scrollbar-width: thin;
    scrollbar-color: rgba(225, 241, 238, 0.38) transparent;
}

.admin-panel-page #sidebar::-webkit-scrollbar {
    width: 6px;
}

.admin-panel-page #sidebar::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(225, 241, 238, 0.36);
}

.admin-panel-page #sidebar .sidebar-header {
    width: 100%;
    margin: 0 0 14px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}

.admin-panel-page #sidebar .sidebar-header h3 img {
    max-width: 168px;
    padding: 8px 10px;
    border-radius: 8px;
    background: #ffffff !important;
    box-shadow: none !important;
}

.admin-panel-page #sidebar ul li {
    margin: 3px 0;
}

.admin-panel-page #sidebar ul li a {
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent !important;
    color: rgba(237, 245, 242, 0.82) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    box-shadow: none !important;
    transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.admin-panel-page #sidebar ul li a span,
.admin-panel-page #sidebar .in_bg li a span {
    color: inherit !important;
}

.admin-panel-page #sidebar ul li a i {
    width: 22px;
    margin-right: 9px;
    color: #a9cbc4 !important;
}

.admin-panel-page #sidebar ul li a:hover,
.admin-panel-page #sidebar ul li a:focus,
.admin-panel-page #sidebar ul li a.active,
.admin-panel-page #sidebar ul li.active > a,
.admin-panel-page #sidebar a[aria-expanded="true"] {
    border-color: rgba(225, 241, 238, 0.16) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.admin-panel-page #sidebar .in_bg,
.admin-panel-page #sidebar ul.collapse.in_bg,
.admin-panel-page #sidebar ul.collapsing.in_bg,
.admin-panel-page #sidebar ul.in_bg.show {
    margin: 4px 0 8px 18px;
    padding: 7px 8px;
    border: 1px solid rgba(225, 241, 238, 0.12);
    border-left: 2px solid rgba(169, 203, 196, 0.45);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.12) !important;
    box-shadow: none !important;
}

.admin-panel-page #sidebar .in_bg a {
    min-height: 34px;
    margin: 2px 0;
    padding: 8px 10px;
    border-radius: 7px;
    background: transparent !important;
    color: rgba(237, 245, 242, 0.78) !important;
    font-size: 12.5px;
    font-weight: 600;
}

.admin-panel-page #sidebar .in_bg a:hover,
.admin-panel-page #sidebar .in_bg a:focus,
.admin-panel-page #sidebar .in_bg a.active {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    transform: none !important;
}

.admin-panel-page #sidebar .dropdown-toggle::after {
    border-top-color: #a9cbc4 !important;
}

.admin-panel-page #sidebar ul.components > li,
.admin-panel-page #sidebar .collapse.show.in_bg li,
.admin-panel-page #sidebar .collapsing.in_bg li {
    animation: none !important;
}

.admin-panel-page #sidebar .count,
.admin-panel-page .dropdown-pending .count {
    min-width: 22px;
    height: 21px;
    padding: 0 7px;
    border: 0;
    border-radius: 999px;
    background: var(--calm-accent-soft) !important;
    color: var(--calm-accent-dark) !important;
    font-size: 11px;
    font-weight: 700;
}

.admin-panel-page #dismiss {
    background: var(--calm-accent-soft) !important;
    color: var(--calm-accent-dark) !important;
    border-radius: 8px;
}

.admin-panel-page .navbar {
    position: sticky;
    top: 14px;
    z-index: 90;
    min-height: 62px;
    margin: 0 0 20px;
    padding: 10px 14px;
    border: 1px solid var(--calm-border);
    border-radius: 8px;
    background: var(--calm-surface) !important;
    box-shadow: 0 8px 22px rgba(36, 48, 52, 0.07) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.admin-panel-page .navbar::before {
    content: "Sara777 Admin";
    margin-left: 10px;
    color: var(--calm-text);
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}

.admin-panel-page .navbar .container-fluid,
.admin-panel-page .navbar-collapse {
    background: transparent !important;
    box-shadow: none !important;
}

.admin-panel-page .navbar-light .navbar-nav .nav-link,
.admin-panel-page .navbar-collapse span {
    color: var(--calm-muted) !important;
    font-weight: 600;
}

.admin-panel-page .logout_btn,
.admin-panel-page .admin-chat-bell {
    min-height: 40px;
    padding: 8px 13px !important;
    border: 1px solid var(--calm-border);
    border-radius: 8px;
    background: var(--calm-surface-soft) !important;
    color: var(--calm-text) !important;
    font-size: 14px;
    font-weight: 600;
    box-shadow: none !important;
}

.admin-panel-page .logout_btn i,
.admin-panel-page .admin-chat-bell i {
    color: inherit !important;
}

.admin-panel-page .logout_btn:hover,
.admin-panel-page .admin-chat-bell:hover {
    border-color: var(--calm-accent);
    background: var(--calm-accent-soft) !important;
    color: var(--calm-accent-dark) !important;
}

.admin-panel-page .btn.btn-theme,
.admin-panel-page .btn-theme,
.admin-panel-page .submit-btn,
.admin-panel-page button.btn-theme,
.admin-panel-page a.btn-theme,
.admin-panel-page .btn:not(.btn-danger):not(.btn-outline-danger):not(.btn-link),
.admin-panel-page .btn2,
.admin-panel-page .n_btn,
.admin-panel-page .btn-primary,
.admin-panel-page .btn-info,
.admin-panel-page .btn-secondary,
.admin-panel-page .btn-default,
.admin-panel-page .btn_admin_theme,
.admin-panel-page button[type="submit"]:not(.btn-danger):not(.btn-outline-danger),
.admin-panel-page input[type="submit"]:not(.btn-danger):not(.btn-outline-danger),
.admin-panel-page input[type="button"]:not(.btn-danger):not(.btn-outline-danger) {
    border: 1px solid var(--calm-accent-dark) !important;
    border-radius: 8px !important;
    background: var(--calm-accent) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

.admin-panel-page .btn.btn-theme:hover,
.admin-panel-page .btn.btn-theme:focus,
.admin-panel-page .btn-theme:hover,
.admin-panel-page .btn-theme:focus,
.admin-panel-page .submit-btn:hover,
.admin-panel-page .submit-btn:focus,
.admin-panel-page .btn:not(.btn-danger):not(.btn-outline-danger):not(.btn-link):hover,
.admin-panel-page .btn:not(.btn-danger):not(.btn-outline-danger):not(.btn-link):focus,
.admin-panel-page button[type="submit"]:not(.btn-danger):not(.btn-outline-danger):hover,
.admin-panel-page input[type="submit"]:not(.btn-danger):not(.btn-outline-danger):hover,
.admin-panel-page input[type="button"]:not(.btn-danger):not(.btn-outline-danger):hover {
    background: var(--calm-accent-dark) !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

.admin-panel-page .btn-danger,
.admin-panel-page .btn-outline-danger {
    border-color: var(--calm-danger) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.admin-panel-page .header-menu-btn {
    width: 42px !important;
    max-width: 42px;
    height: 42px;
    padding: 0 !important;
    line-height: 40px !important;
}

.admin-panel-page .dash_row,
.admin-panel-page .table_bg,
.admin-panel-page .card,
.admin-panel-page div#data-grid_wrapper,
.admin-panel-page .chat_box .mesgs,
.admin-panel-page .ibox,
.admin-panel-page .table-bg {
    border: 1px solid var(--calm-border) !important;
    border-radius: 8px !important;
    background: var(--calm-surface) !important;
    box-shadow: 0 8px 22px rgba(36, 48, 52, 0.06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.admin-panel-page .dash_row,
.admin-panel-page .table_bg,
.admin-panel-page .table_bg.card {
    margin: 0 0 20px;
    padding: 16px;
}

.admin-panel-page .dash_row::before,
.admin-panel-page .card::before,
.admin-panel-page .dash_box::after {
    display: none !important;
}

.admin-panel-page .dash_row h2,
.admin-panel-page .main_head,
.admin-panel-page .sec_title,
.admin-panel-page .table-bg h3,
.admin-panel-page .table-bg > h3 {
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--calm-border);
    color: var(--calm-text) !important;
    font-size: 20px;
    font-weight: 700;
}

.admin-panel-page .dash_box {
    min-height: 112px;
    margin-bottom: 16px;
    padding: 17px;
    border: 1px solid var(--calm-border) !important;
    border-left: 4px solid var(--calm-accent) !important;
    border-radius: 8px !important;
    background: var(--calm-surface-soft) !important;
    color: var(--calm-text) !important;
    box-shadow: none !important;
    transition: border-color 120ms ease, background-color 120ms ease;
}

.admin-panel-page .dash_box:hover {
    transform: none !important;
    border-color: var(--calm-border-strong) !important;
    border-left-color: var(--calm-accent-dark) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.admin-panel-page .dash_left .d_icon,
.admin-panel-page .d_icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background: var(--calm-accent-soft) !important;
    color: var(--calm-accent-dark) !important;
    box-shadow: none !important;
}

.admin-panel-page .dash_right h3 {
    color: var(--calm-text) !important;
    font-size: 23px;
    font-weight: 700;
}

.admin-panel-page .dash_right p {
    color: var(--calm-muted) !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
}

.admin-panel-page .card {
    overflow: hidden;
    margin-bottom: 22px;
}

.admin-panel-page .card-header {
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid var(--calm-border);
    background: var(--calm-surface-soft) !important;
}

.admin-panel-page .card-header h5,
.admin-panel-page h5.modal-title,
.admin-panel-page .modal-header h5 {
    margin: 0;
    color: var(--calm-text) !important;
    font-size: 16px;
    font-weight: 700;
}

.admin-panel-page .breadcrumb {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid var(--calm-border);
    border-radius: 8px;
    background: var(--calm-surface) !important;
    box-shadow: none !important;
}

.admin-panel-page .breadcrumb-item,
.admin-panel-page .breadcrumb-item a,
.admin-panel-page .breadcrumb-item.active {
    color: var(--calm-muted) !important;
    font-weight: 600;
}

.admin-panel-page .breadcrumb-item.active {
    color: var(--calm-text) !important;
}

.admin-panel-page .table-responsive,
.admin-panel-page #content .table-responsive,
.admin-panel-page #content .card .table-responsive {
    border: 1px solid var(--calm-border) !important;
    border-radius: 8px !important;
    background: var(--calm-surface) !important;
}

.admin-panel-page .table,
.admin-panel-page table.dataTable,
.admin-panel-page #data-grid_wrapper table.dataTable.no-footer,
.admin-panel-page .table_bg.card table#mydiv,
.admin-panel-page .card-body .table {
    margin-bottom: 0;
    border-radius: 8px;
    background: var(--calm-surface) !important;
    box-shadow: none !important;
}

.admin-panel-page .table thead th,
.admin-panel-page .table-striped thead th,
.admin-panel-page #data-grid_wrapper table.dataTable thead th,
.admin-panel-page #data-grid_wrapper table.dataTable tfoot th,
.admin-panel-page .table_bg.card .table-striped thead th {
    border: 0 !important;
    border-bottom: 1px solid var(--calm-border-strong) !important;
    background: #eef3f3 !important;
    color: var(--calm-text) !important;
    font-size: 12px;
    font-weight: 700 !important;
    text-transform: none;
}

.admin-panel-page .table td,
.admin-panel-page .table th,
.admin-panel-page table.dataTable tbody th,
.admin-panel-page table.dataTable tbody td,
.admin-panel-page #data-grid_wrapper table.dataTable tbody th,
.admin-panel-page #data-grid_wrapper table.dataTable tbody td,
.admin-panel-page .card-body .table td {
    border-top: 1px solid var(--calm-border) !important;
    color: var(--calm-text) !important;
    font-weight: 500 !important;
}

.admin-panel-page .table-striped tbody tr:nth-of-type(odd),
.admin-panel-page #data-grid_wrapper table.dataTable.stripe tbody tr.odd,
.admin-panel-page #data-grid_wrapper table.dataTable.display tbody tr.odd {
    background: #ffffff !important;
}

.admin-panel-page .table-striped tbody tr:nth-of-type(even),
.admin-panel-page #data-grid_wrapper table.dataTable.stripe tbody tr.even,
.admin-panel-page #data-grid_wrapper table.dataTable.display tbody tr.even {
    background: #f8fafb !important;
}

.admin-panel-page .table-hover tbody tr:hover,
.admin-panel-page table.dataTable.display tbody tr:hover {
    background: var(--calm-accent-soft) !important;
}

.admin-panel-page .table_bg a:not(.btn),
.admin-panel-page .card-body a:not(.btn) {
    color: var(--calm-accent-dark) !important;
    font-weight: 600;
}

.admin-panel-page .form-control,
.admin-panel-page .custom-select,
.admin-panel-page .dataTables_length select,
.admin-panel-page .table-bg input,
.admin-panel-page select,
.admin-panel-page textarea,
.admin-panel-page .select2-container .select2-selection--single,
.admin-panel-page .select2-container .select2-selection--multiple {
    min-height: 40px;
    border: 1px solid var(--calm-border-strong) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: var(--calm-text) !important;
    font-weight: 500;
    box-shadow: none !important;
}

.admin-panel-page .form-control:hover,
.admin-panel-page .form-control:focus,
.admin-panel-page .custom-select:hover,
.admin-panel-page .custom-select:focus,
.admin-panel-page select:focus,
.admin-panel-page textarea:focus {
    border-color: var(--calm-accent) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(47, 127, 117, 0.12) !important;
}

.admin-panel-page label,
.admin-panel-page .export_div label,
.admin-panel-page .dataTables_length label,
.admin-panel-page .dataTables_filter label {
    color: var(--calm-text) !important;
    font-weight: 600;
}

.admin-panel-page .dataTables_wrapper,
.admin-panel-page .dataTables_info,
.admin-panel-page div#data-grid_info {
    color: var(--calm-muted) !important;
    font-weight: 500;
}

.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button,
.admin-panel-page .dataTables_wrapper .dataTables_paginate .paginate_button,
.admin-panel-page .page-link {
    border: 1px solid var(--calm-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: var(--calm-text) !important;
    font-weight: 600;
}

.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.admin-panel-page #content .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.admin-panel-page .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.admin-panel-page .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.admin-panel-page .page-item.active .page-link,
.admin-panel-page .pagination .active a {
    border-color: var(--calm-accent) !important;
    background: var(--calm-accent) !important;
    color: #ffffff !important;
}

.admin-panel-page .modal-content {
    border: 1px solid var(--calm-border);
    border-radius: 8px;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(36, 48, 52, 0.18) !important;
}

.admin-panel-page .modal-header {
    border-bottom: 1px solid var(--calm-border);
    background: var(--calm-surface-soft) !important;
}

.admin-panel-page .text-success {
    color: #2d7a53 !important;
}

.admin-panel-page .text-danger {
    color: var(--calm-danger) !important;
}

.admin-panel-page .text-warning {
    color: var(--calm-warn) !important;
}

.admin-panel-page .select2-container--default .select2-results__option--highlighted[aria-selected],
.admin-panel-page .select2-container--default .select2-results__option--highlighted[data-selected] {
    background: var(--calm-accent) !important;
    color: #ffffff !important;
}

.admin-panel-page .tabs_custom a,
.admin-panel-page .nav-tabs .nav-link {
    border-color: var(--calm-border) !important;
    background: var(--calm-surface-soft) !important;
    color: var(--calm-muted) !important;
}

.admin-panel-page .tabs_custom a.active,
.admin-panel-page .nav-tabs .nav-link.active {
    background: var(--calm-accent-soft) !important;
    color: var(--calm-accent-dark) !important;
}

.admin-panel-page .overlay.active {
    background: rgba(36, 48, 52, 0.30) !important;
}

.admin-panel-page .chat-container {
    border: 1px solid var(--calm-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(36, 48, 52, 0.07) !important;
}

.admin-panel-page .chat-users {
    border-right: 1px solid var(--calm-border) !important;
    background: var(--calm-sidebar) !important;
}

.admin-panel-page .chat-users-header,
.admin-panel-page .chat-header {
    background: var(--calm-sidebar-soft) !important;
    color: #edf5f2 !important;
}

.admin-panel-page .chat-users-search-wrap {
    background: rgba(255, 255, 255, 0.06) !important;
    border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}

.admin-panel-page .chat-users-search-wrap input {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: #ffffff !important;
    color: var(--calm-text) !important;
}

.admin-panel-page .chat-users-search-wrap .search-inner i,
.admin-panel-page .user-item i {
    color: #a9cbc4 !important;
}

.admin-panel-page .user-item {
    border-bottom-color: rgba(255, 255, 255, 0.10) !important;
    color: rgba(237, 245, 242, 0.86) !important;
}

.admin-panel-page .user-item:hover,
.admin-panel-page .user-item.active {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.admin-panel-page .user-item .user-mobile,
.admin-panel-page .user-item .user-last-chat {
    color: rgba(237, 245, 242, 0.60) !important;
}

.admin-panel-page .chat-placeholder,
.admin-panel-page .chat-messages {
    background: #f8fafb !important;
    color: var(--calm-muted) !important;
}

.admin-panel-page .chat-placeholder i {
    color: var(--calm-border-strong) !important;
}

.admin-panel-page .msg {
    border-radius: 16px !important;
    box-shadow: none !important;
}

.admin-panel-page .msg.sent {
    background: var(--calm-accent) !important;
    color: #ffffff !important;
}

.admin-panel-page .msg.received,
.admin-panel-page .msg:not(.sent) {
    background: #ffffff !important;
    color: var(--calm-text) !important;
    border: 1px solid var(--calm-border) !important;
}

@media (max-width: 991px) {
    .admin-panel-page #sidebar {
        left: -100%;
    }

    .admin-panel-page #sidebar.active {
        left: 0;
    }

    .admin-panel-page #dismiss {
        display: block;
    }

    .admin-panel-page #content,
    .admin-panel-page #content.active {
        margin-left: 0;
        padding: 14px;
    }

    .admin-panel-page .navbar {
        top: 8px;
        min-height: 58px;
        margin-bottom: 14px;
    }
}

@media (max-width: 575px) {
    .admin-panel-page #content,
    .admin-panel-page #content.active {
        padding: 10px;
    }

    .admin-panel-page .navbar::before {
        display: none;
    }

    .admin-panel-page .dash_row,
    .admin-panel-page .table_bg,
    .admin-panel-page .table_bg.card {
        padding: 12px;
    }
}

/* Sara777 Unlucky admin refresh. Keep this block last so it wins over older themes. */
body.admin-panel-page {
    --calm-bg: #eef2f3;
    --calm-surface: #ffffff;
    --calm-surface-soft: #f7faf9;
    --calm-border: #dbe4e5;
    --calm-border-strong: #b9c8cb;
    --calm-text: #172126;
    --calm-muted: #657378;
    --calm-sidebar: #171b24;
    --calm-sidebar-soft: #222937;
    --calm-accent: #0f9f96;
    --calm-accent-dark: #08796f;
    --calm-accent-soft: #dff5f2;
    --calm-warn: #d18b24;
    --calm-danger: #c64a4a;
    background:
        linear-gradient(180deg, #f9fbfb 0%, #eef2f3 38%, #e8eeee 100%) !important;
}

.admin-panel-page #sidebar {
    border-right: 0 !important;
    background:
        linear-gradient(180deg, #111620 0%, #1a2130 50%, #151922 100%) !important;
    box-shadow: 18px 0 36px rgba(23, 27, 36, 0.18) !important;
}

.admin-panel-page #sidebar .sidebar-header {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background:
        linear-gradient(145deg, rgba(15, 159, 150, 0.20), rgba(255, 255, 255, 0.05)) !important;
}

.admin-panel-page #sidebar ul li a {
    border-radius: 7px !important;
    color: rgba(240, 247, 247, 0.78) !important;
}

.admin-panel-page #sidebar ul li a i {
    color: #68d7cf !important;
}

.admin-panel-page #sidebar ul li a:hover,
.admin-panel-page #sidebar ul li a:focus,
.admin-panel-page #sidebar ul li a.active,
.admin-panel-page #sidebar ul li.active > a,
.admin-panel-page #sidebar a[aria-expanded="true"] {
    border-color: rgba(104, 215, 207, 0.28) !important;
    background: rgba(15, 159, 150, 0.18) !important;
}

.admin-panel-page .navbar {
    top: 12px;
    border-color: rgba(185, 200, 203, 0.72) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 30px rgba(23, 33, 38, 0.08) !important;
}

.admin-panel-page .navbar::before {
    content: "Sara777 Control";
    color: #172126;
}

.admin-panel-page .dash_row,
.admin-panel-page .table_bg,
.admin-panel-page .card,
.admin-panel-page div#data-grid_wrapper,
.admin-panel-page .chat_box .mesgs,
.admin-panel-page .ibox,
.admin-panel-page .table-bg {
    border-color: rgba(185, 200, 203, 0.72) !important;
    box-shadow: 0 12px 28px rgba(23, 33, 38, 0.06) !important;
}

.admin-panel-page .dash_box {
    border-left-color: #ff8a3d !important;
    background:
        linear-gradient(135deg, #ffffff 0%, #f5fbfa 100%) !important;
}

.admin-panel-page .dash_box:nth-child(2n) {
    border-left-color: #0f9f96 !important;
}

.admin-panel-page .dash_box:nth-child(3n) {
    border-left-color: #5967d8 !important;
}

.admin-panel-page .dash_left .d_icon,
.admin-panel-page .d_icon {
    background:
        linear-gradient(135deg, rgba(15, 159, 150, 0.16), rgba(255, 138, 61, 0.14)) !important;
}

.admin-panel-page .btn.btn-theme,
.admin-panel-page .btn-theme,
.admin-panel-page .submit-btn,
.admin-panel-page button.btn-theme,
.admin-panel-page a.btn-theme,
.admin-panel-page .btn:not(.btn-danger):not(.btn-outline-danger):not(.btn-link),
.admin-panel-page .btn2,
.admin-panel-page .n_btn,
.admin-panel-page .btn-primary,
.admin-panel-page .btn-info,
.admin-panel-page .btn-secondary,
.admin-panel-page .btn-default,
.admin-panel-page .btn_admin_theme,
.admin-panel-page button[type="submit"]:not(.btn-danger):not(.btn-outline-danger),
.admin-panel-page input[type="submit"]:not(.btn-danger):not(.btn-outline-danger),
.admin-panel-page input[type="button"]:not(.btn-danger):not(.btn-outline-danger) {
    border-color: #08796f !important;
    background:
        linear-gradient(135deg, #0f9f96 0%, #08796f 100%) !important;
    box-shadow: 0 8px 16px rgba(15, 159, 150, 0.18) !important;
}

.admin-panel-page .table thead th,
.admin-panel-page .table-striped thead th,
.admin-panel-page #data-grid_wrapper table.dataTable thead th,
.admin-panel-page #data-grid_wrapper table.dataTable tfoot th,
.admin-panel-page .table_bg.card .table-striped thead th {
    background: #edf5f4 !important;
}

.admin-panel-page .form-control:focus,
.admin-panel-page .custom-select:focus,
.admin-panel-page select:focus,
.admin-panel-page textarea:focus {
    box-shadow: 0 0 0 3px rgba(15, 159, 150, 0.14) !important;
}