.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 white; border-bottom: 1px solid white;
}

[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;
}


/* ═══════════════════════════════════════════════════════════════
   GLOBAL DARK MODE  (data-kt-app-layout=dark-sidebar)
   Applied to all pages uniformly via this global stylesheet.
   ═══════════════════════════════════════════════════════════════ */

/* ── Page / Content Area ─────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] #kt_app_toolbar {
    background-color: #1a1a2a !important;
    border-bottom: 1px solid #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_content,
[data-kt-app-layout=dark-sidebar] #kt_app_content_container {
    background-color: #151521 !important;
}

/* ── Page Title & Breadcrumb ─────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .page-heading {
    color: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .breadcrumb-item.text-muted,
[data-kt-app-layout=dark-sidebar] .breadcrumb-item a.text-muted {
    color: #565674 !important;
}
[data-kt-app-layout=dark-sidebar] .breadcrumb-item .bullet {
    background-color: #3d3d5c !important;
}

/* ── Cards ───────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .card {
    background-color: #1e1e2d !important;
    border-color: #2d2d3f !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
}
[data-kt-app-layout=dark-sidebar] .card-header {
    background-color: #1e1e2d !important;
    border-bottom-color: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .card-body,
[data-kt-app-layout=dark-sidebar] .card-footer {
    color: #cdcde6;
    border-color: #2d2d3f !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: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .card .fw-bold,
[data-kt-app-layout=dark-sidebar] .card .fw-semibold {
    color: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .card .text-muted {
    color: #565674 !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: #cdcde6 !important;
}

/* ── Separator / HR ─────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .card .separator,
[data-kt-app-layout=dark-sidebar] .card hr {
    border-color: #2d2d3f !important;
    opacity: 1;
}

/* ── Form Elements ───────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .form-control,
[data-kt-app-layout=dark-sidebar] .form-control-solids,
[data-kt-app-layout=dark-sidebar] .form-select {
    background-color: #1a1a27 !important;
    border-color: #3d3d5c !important;
    color: #cdcde6 !important;
}
[data-kt-app-layout=dark-sidebar] .form-control:disabled,
[data-kt-app-layout=dark-sidebar] .form-control[readonly] {
    background-color: #25253a !important;
    color: #8a8ab5 !important;
}
[data-kt-app-layout=dark-sidebar] .form-control::placeholder,
[data-kt-app-layout=dark-sidebar] .form-select::placeholder {
    color: #565674 !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: #cdcde6 !important;
    border-color: #2d2d3f !important;
    background-color: #1e1e2d !important;
}
[data-kt-app-layout=dark-sidebar] table.dataTable tbody td,
[data-kt-app-layout=dark-sidebar] .table-row-dashed tbody tr td {
    color: #cdcde6 !important;
    border-color: #2d2d3f !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: #252535 !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: #a1a5b7 !important;
}
[data-kt-app-layout=dark-sidebar] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #a1a5b7 !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: #3e97ff !important;
    color: #fff !important;
    border-color: #3e97ff !important;
}

/* ── Modals ─────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .modal-content {
    background-color: #1e1e2d !important;
    border-color: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .modal-header,
[data-kt-app-layout=dark-sidebar] .modal-footer {
    border-color: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .modal-title {
    color: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .modal-body {
    color: #cdcde6;
}
[data-kt-app-layout=dark-sidebar] .modal-body .text-dark {
    color: #cdcde6 !important;
}

/* ── Alerts ─────────────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .alert-info {
    background-color: #1c2a3a !important;
    border-color: #1e4a72 !important;
    color: #90c8f6 !important;
}
[data-kt-app-layout=dark-sidebar] .alert-warning {
    background-color: #2e2a1a !important;
    border-color: #6e5a10 !important;
    color: #f5c842 !important;
}
[data-kt-app-layout=dark-sidebar] .alert-success {
    background-color: #1a2e20 !important;
    border-color: #1a5c2a !important;
    color: #7be0a0 !important;
}
[data-kt-app-layout=dark-sidebar] .alert-danger {
    background-color: #2e1a1a !important;
    border-color: #6e1010 !important;
    color: #f58080 !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: #a1a5b7;
}

/* ── Header (top bar) ────────────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .app-header {
    background-color: #1a1a2a !important;
    border-bottom-color: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .app-header .text-dark {
    color: #e4e6ef !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: #a1a5b7 !important;
    fill: #a1a5b7 !important;
}

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

[data-kt-app-layout=dark-sidebar] #kt_app_footer {
    background-color: #1a1a2a !important;
    border-top-color: #2d2d3f !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: #cdcde6 !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_footer .text-muted,
[data-kt-app-layout=dark-sidebar] #kt_app_footer .fw-semibold {
    color: #565674 !important;
}
[data-kt-app-layout=dark-sidebar] #kt_app_footer a:hover {
    color: #3e97ff !important;
}

/* ── Dashboard – server time & table text ───────────────────── */
[data-kt-app-layout=dark-sidebar] .dashboard-server-time {
    color: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .dash-customer-name {
    color: #cdcde6 !important;
}
[data-kt-app-layout=dark-sidebar] .dash-secondary-text {
    color: #7e8cb8 !important;
}

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

/* ── Dashboard – News text ──────────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .dash-news-text {
    color: #cdcde6 !important;
}

/* ── Fileservice Create – Wizard ────────────────────────────── */
[data-kt-app-layout=dark-sidebar] .fs-wizard-stepper {
    background: #1e1e2d !important;
    border-color: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-step-icon {
    background: #252538 !important;
    border-color: #3d3d5c !important;
    color: #7e8299 !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-connector {
    background: #2d2d3f !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-connector.filled {
    background: #2d6636 !important;
}
[data-kt-app-layout=dark-sidebar] .fs-wizard-step-label {
    color: #7e8299 !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: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-section-num {
    background: #1c2a3a !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-section-title {
    color: #e4e6ef !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-price-badge {
    background: #2a2515 !important;
    border-color: #6e5a10 !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-price-label {
    color: #c8b84a !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-checkbox-label {
    color: #cdcde6 !important;
}
[data-kt-app-layout=dark-sidebar] .wizard-step-error {
    background: #2e1a1a !important;
    border-color: #6e1010 !important;
    color: #f58080 !important;
}

[data-kt-app-layout=light-sidebar] #kt_app_footer {
    background-color: #ffffff;
    border-top-color: #e9ecef;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-dark,
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-gray-800 {
    color: #181c32 !important;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer .text-muted {
    color: #a1a5b7 !important;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer a {
    color: #3f4254;
}
[data-kt-app-layout=light-sidebar] #kt_app_footer a:hover {
    color: #009ef7 !important;
}