.alert .close {
    float: right;
    background: bottom;
    border: unset;
    margin-top: -5px;
    font-size: large;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #eff2f5 !important;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}



/* SIDEBAR MODIFICATION */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #fff;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    transition: color .2s ease;
    background-color: #3f3f50;
    color: var(--kt-primary-inverse);
}


[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #2a2b34;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #818495;
}

.app-header {
    background-color: #fff !important;
    box-shadow: var(--kt-app-header-base-box-shadow);
    border-bottom: var(--kt-app-header-base-border-bottom);
}

.btn.btn-color-muted .svg-icon,
.btn.btn-color-muted i {
    color: #545557;
}


@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .float-md-right {
        float: right !important
    }

    [data-kt-app-layout=light-sidebar] .app-sidebar .app-sidebar-logo {
        border-bottom: unset !important;
    }

    .w-200px {
        width: 200px !important;
    }
}

.cursor-pointer {
    cursor: pointer !important;
}

.py-10px {
    padding-top: 5px;
    padding-bottom: 5px;
}


[data-kt-app-layout=light-sidebar] .top-sidebar-text * {
    color: #2a2b34 !important;
}


[data-kt-app-layout=dark-sidebar] .sidebar-credits {
    border-top: 1px solid var(--dm-border); border-bottom: 1px solid var(--dm-border);
}

[data-kt-app-layout=light-sidebar] .sidebar-credits {
    /* border-top: 1px solid #9d9da6 !important; border-bottom: 1px solid #9d9da6 !important; */
}


[data-kt-app-sidebar-minimize=on]:not([data-kt-app-sidebar-hoverable=true]) .app-sidebar .app-sidebar-menu .user-cash-info {
    display: none;
}


/* ── Content area top spacing (prevents overlap with page title) ── */
#kt_app_content_container {
    padding-top: 2rem;
}


/* ═══════════════════════════════════════════════════════════════
   DARK MODE — GitHub Dark inspired elevation system
   Applied via [data-kt-app-layout=dark-sidebar] on body
   ═══════════════════════════════════════════════════════════════ */

/* ── Design Tokens ───────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] {
    --dm-bg-base: #0d1117;
    --dm-bg-1:    #161b22;
    --dm-bg-2:    #1c2128;
    --dm-bg-3:    #21262d;
    --dm-bg-4:    #2d333b;
    --dm-bg-5:    #373e47;

    --dm-border:   #30363d;
    --dm-border-s: #21262d;

    --dm-text-1: #e6edf3;
    --dm-text-2: #8b949e;
    --dm-text-3: #484f58;

    --dm-accent:    #2f81f7;
    --dm-accent-bg: rgba(47, 129, 247, .12);
}

/* ── Page / Content Area ─────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] #kt_app_toolbar {
    background-color: var(--dm-bg-2) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_content,
[data-kt-app-layout=dark-sidebar] #kt_app_content_container {
    background-color: var(--dm-bg-base) !important;
}

/* ── Page Title & Breadcrumb ─────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .page-heading {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .breadcrumb-item.text-muted,
[data-kt-app-layout=dark-sidebar] .breadcrumb-item a.text-muted {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .breadcrumb-item .bullet {
    background-color: var(--dm-border) !important;
}

/* ── Cards ───────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .card {
    background-color: var(--dm-bg-3) !important;
    border-color: var(--dm-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3) !important;
}
[data-kt-app-layout=dark-sidebar] .card-header {
    background-color: var(--dm-bg-3) !important;
    border-bottom-color: var(--dm-border-s) !important;
}
[data-kt-app-layout=dark-sidebar] .card-body,
[data-kt-app-layout=dark-sidebar] .card-footer {
    color: var(--dm-text-2);
    border-color: var(--dm-border-s) !important;
}

/* Text resets inside cards */
[data-kt-app-layout=dark-sidebar] .card .text-dark,
[data-kt-app-layout=dark-sidebar] .card h1,
[data-kt-app-layout=dark-sidebar] .card h2,
[data-kt-app-layout=dark-sidebar] .card h3,
[data-kt-app-layout=dark-sidebar] .card h4,
[data-kt-app-layout=dark-sidebar] .card h5,
[data-kt-app-layout=dark-sidebar] .card h6 {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .card .fw-bold,
[data-kt-app-layout=dark-sidebar] .card .fw-semibold {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .card .text-muted {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .card label,
[data-kt-app-layout=dark-sidebar] .card .form-label,
[data-kt-app-layout=dark-sidebar] .card .fs-6 {
    color: var(--dm-text-2) !important;
}

/* ── Separator / HR ─────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .card .separator,
[data-kt-app-layout=dark-sidebar] .card hr {
    border-color: var(--dm-border-s) !important;
    opacity: 1;
}

/* ── Form Elements ───────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .form-control,
[data-kt-app-layout=dark-sidebar] .form-control-solid,
[data-kt-app-layout=dark-sidebar] .form-select {
    background-color: var(--dm-bg-5) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .form-control:disabled,
[data-kt-app-layout=dark-sidebar] .form-control[readonly],
[data-kt-app-layout=dark-sidebar] .form-select:disabled {
    background-color: var(--dm-bg-4) !important;
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .form-control::placeholder,
[data-kt-app-layout=dark-sidebar] .form-select::placeholder {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .input-group-text {
    background-color: var(--dm-bg-4) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .form-check-input:not(:checked) {
    background-color: var(--dm-bg-5) !important;
    border-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .form-switch .form-check-input:not(:checked) {
    background-color: var(--dm-bg-5) !important;
    border-color: var(--dm-border) !important;
}

/* ── Tables (DataTables) ─────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] table.dataTable thead th,
[data-kt-app-layout=dark-sidebar] table.dataTable thead td,
[data-kt-app-layout=dark-sidebar] .table-row-dashed thead tr th {
    color: var(--dm-text-2) !important;
    border-color: var(--dm-border) !important;
    background-color: var(--dm-bg-3) !important;
}
[data-kt-app-layout=dark-sidebar] table.dataTable tbody td,
[data-kt-app-layout=dark-sidebar] .table-row-dashed tbody tr td {
    color: var(--dm-text-1) !important;
    border-color: var(--dm-border-s) !important;
}
[data-kt-app-layout=dark-sidebar] table.dataTable tbody tr:hover td,
[data-kt-app-layout=dark-sidebar] .table-row-dashed tbody tr:hover td {
    background-color: var(--dm-bg-4) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_info,
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_length label,
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_filter label {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_filter input,
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_filter input[type="search"] {
    background-color: var(--dm-bg-5) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_length select {
    background-color: var(--dm-bg-5) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--dm-bg-4) !important;
    color: var(--dm-text-1) !important;
    border-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--dm-accent) !important;
    color: #fff !important;
    border-color: var(--dm-accent) !important;
}

/* ── Modals ─────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .modal-content {
    background-color: var(--dm-bg-3) !important;
    border-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .modal-header,
[data-kt-app-layout=dark-sidebar] .modal-footer {
    border-color: var(--dm-border-s) !important;
}
[data-kt-app-layout=dark-sidebar] .modal-title {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .modal-body {
    color: var(--dm-text-2);
}
[data-kt-app-layout=dark-sidebar] .modal-body .text-dark {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .modal-backdrop.show {
    opacity: 0.6 !important;
}

/* ── Alerts ─────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .alert-info {
    background-color: rgba(47, 129, 247, .12) !important;
    border-color: rgba(47, 129, 247, .3) !important;
    color: #79c0ff !important;
}
[data-kt-app-layout=dark-sidebar] .alert-warning {
    background-color: rgba(210, 153, 34, .12) !important;
    border-color: rgba(210, 153, 34, .3) !important;
    color: #e3b341 !important;
}
[data-kt-app-layout=dark-sidebar] .alert-success {
    background-color: rgba(63, 185, 80, .12) !important;
    border-color: rgba(63, 185, 80, .3) !important;
    color: #56d364 !important;
}
[data-kt-app-layout=dark-sidebar] .alert-danger {
    background-color: rgba(248, 81, 73, .12) !important;
    border-color: rgba(248, 81, 73, .3) !important;
    color: #ff7b72 !important;
}

/* ── Header (top bar) ────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .app-header {
    background-color: var(--dm-bg-2) !important;
    border-bottom: 1px solid var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .app-header .text-dark {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .app-header .btn-icon i,
[data-kt-app-layout=dark-sidebar] .app-header .btn-icon svg path {
    color: var(--dm-text-2) !important;
    fill: var(--dm-text-2) !important;
}

/* ── Footer ──────────────────────────────────────────────────── */
#kt_app_footer {
    border-top: 1px solid #e9ecef;
}

[data-kt-app-layout=dark-sidebar] #kt_app_footer {
    background-color: var(--dm-bg-2) !important;
    border-top: 1px solid var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_footer .text-dark,
[data-kt-app-layout=dark-sidebar] #kt_app_footer .text-gray-800,
[data-kt-app-layout=dark-sidebar] #kt_app_footer a {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_footer .text-muted,
[data-kt-app-layout=dark-sidebar] #kt_app_footer .fw-semibold {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_footer a:hover {
    color: var(--dm-accent) !important;
}

/* ── Dropdowns / Menus ──────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown {
    background-color: var(--dm-bg-3) !important;
    border: 1px solid var(--dm-border) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .5) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-link {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-item.hover > .menu-link,
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-link:hover {
    background-color: var(--dm-bg-4) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-link.active {
    background-color: var(--dm-accent-bg) !important;
    color: var(--dm-accent) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-title {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .menu-content .text-dark,
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .fw-bold {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .separator {
    border-color: var(--dm-border-s) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .text-muted {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown .badge-light-success {
    background-color: rgba(63, 185, 80, .15) !important;
    color: #56d364 !important;
}
[data-kt-app-layout=dark-sidebar] .menu-sub-dropdown a.text-muted:hover {
    color: var(--dm-accent) !important;
}

/* ── Notifications Panel (header dropdown) ──────────────────── */
[data-kt-app-layout=dark-sidebar] .notification-header-element .text-dark {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .notification-header-element .bg-hover-lighten:hover {
    background-color: var(--dm-bg-4) !important;
}

/* ── Select2 Dropdowns ──────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-selection--single {
    background-color: var(--dm-bg-5) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-dropdown {
    background-color: var(--dm-bg-3) !important;
    border-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-results__option {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-results__option--highlighted,
[data-kt-app-layout=dark-sidebar] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--dm-bg-4) !important;
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .select2-search--dropdown .select2-search__field {
    background-color: var(--dm-bg-5) !important;
    border: 1px solid var(--dm-border) !important;
    color: var(--dm-text-1) !important;
}

/* ── List Groups ────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .list-group-item {
    background-color: var(--dm-bg-3) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .list-group-item.active {
    background-color: var(--dm-accent-bg) !important;
    border-color: var(--dm-accent) !important;
    color: var(--dm-accent) !important;
}

/* ── Nav Tabs & Pills ───────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .nav-tabs {
    border-bottom-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .nav-tabs .nav-link {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .nav-tabs .nav-link.active {
    color: var(--dm-text-1) !important;
    background-color: transparent !important;
    border-bottom: 2px solid var(--dm-accent) !important;
}
[data-kt-app-layout=dark-sidebar] .nav-pills .nav-link {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .nav-pills .nav-link.active {
    background-color: var(--dm-accent-bg) !important;
    color: var(--dm-accent) !important;
}

/* ── SVG icon fills in content area ─────────────────────────── */
[data-kt-app-layout=dark-sidebar] #kt_app_content .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--dm-text-2);
}

/* ── Sidebar – improved active state ────────────────────────── */
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: var(--dm-accent-bg) !important;
    color: var(--dm-accent) !important;
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: var(--dm-accent) !important;
}

/* ── Dashboard – server time & customer text ────────────────── */
[data-kt-app-layout=dark-sidebar] .dashboard-server-time {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .dash-customer-name {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .dash-secondary-text {
    color: var(--dm-text-2) !important;
}

/* ── Dashboard – Opening Hours ──────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .oh-day-text {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .oh-time-text {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .oh-divider {
    border-top-color: var(--dm-border) !important;
}

/* ── Dashboard – News text ──────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .dash-news-text {
    color: var(--dm-text-2) !important;
}

/* ── Fileservice Create – Wizard ────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .fs-wizard-stepper {
    background: var(--dm-bg-3) !important;
    border-color: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-step-icon {
    background: var(--dm-bg-4) !important;
    border-color: var(--dm-border) !important;
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-connector {
    background: var(--dm-border) !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-connector.filled {
    background: #2ea043 !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-step-label {
    color: var(--dm-text-3) !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-step.active .fs-wizard-step-label,
[data-kt-app-layout=dark-sidebar] .fs-wizard-step.completed .fs-wizard-step-label {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-section-num {
    background: rgba(47, 129, 247, .12) !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-section-title {
    color: var(--dm-text-1) !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-price-badge {
    background: rgba(210, 153, 34, .12) !important;
    border-color: rgba(210, 153, 34, .3) !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-price-label {
    color: #e3b341 !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-checkbox-label {
    color: var(--dm-text-2) !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-step-error {
    background: rgba(248, 81, 73, .12) !important;
    border-color: rgba(248, 81, 73, .3) !important;
    color: #ff7b72 !important;
}


/* ═══════════════════════════════════════════════════════════════
   LIGHT MODE — Clean light theme (GitHub Light inspired)
   Applied via [data-kt-app-layout=light-sidebar] on body
   ═══════════════════════════════════════════════════════════════ */

/* ── Design Tokens ───────────────────────────────────────────── */
[data-kt-app-layout=light-sidebar] {
    --lm-bg-base: #f6f8fa;
    --lm-bg-card: #ffffff;
    --lm-border:  #d0d7de;
    --lm-text-1:  #1f2328;
    --lm-text-2:  #656d76;
    --lm-shadow:  0 1px 3px rgba(0, 0, 0, .08);
}

/* ── Cards (Light) ──────────────────────────────────────────── */
[data-kt-app-layout=light-sidebar] .card {
    box-shadow: var(--lm-shadow) !important;
    border-color: var(--lm-border) !important;
}

/* ── Sidebar – improved active state (Light) ────────────────── */
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: rgba(9, 105, 218, .08) !important;
    color: #0969da !important;
}
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #0969da !important;
}

/* ── Footer (Light) ─────────────────────────────────────────── */
[data-kt-app-layout=light-sidebar] #kt_app_footer {
    background-color: #ffffff;
    border-top: 1px solid var(--lm-border);
}
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-dark,
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-gray-800 {
    color: var(--lm-text-1) !important;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-muted {
    color: var(--lm-text-2) !important;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer a {
    color: var(--lm-text-1);
}
[data-kt-app-layout=light-sidebar] #kt_app_footer a:hover {
    color: #0969da !important;
}