h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 550;
}
.no-scroll {
    overflow: hidden;
    height: 100%;
}

.action-btn {
    padding :10px;
    min-width: 120px;
    white-space: nowrap;
    border-radius: 10px;
}

@media (max-width: 576px) {
    .action-btn {
        width: 100%;
    }
}

.textarea-expense {
    height: 120px;
}
.accordion-head.collapsed .title {
    color: #000;
}
.no-interaction {
    pointer-events: none;
}
.search-icon-inside {
    position: absolute;
    top: 50%;
    right: 10px; /* استخدم left للـ RTL */
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}

[dir="rtl"] .search-icon-inside {
    right: auto;
    left: 10px;
}

.button-inside {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #999;
    cursor: pointer;
    z-index: 10;
}

    .button-inside:hover {
        color: #0d6efd;
    }

[dir="rtl"] .button-inside {
    right: auto;
    left: 12px;
}

.custom-placeholder .k-input-inner {
    transform: translateY(-7px); /* ارفع النص placeholder لأعلى */
    font-size: 0.85rem;
    color: #888;
}

.card-titleN {
    padding: 20px;
    font-size: 1rem; /* large = 1.125rem usually, this makes it clearer */
    font-weight: 600; /* Semi-bold for cleaner look */
    color: #01b0a9;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f9f9f9;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.nav-tabs .nav-link.active {
    color: #364A63;
}

.nav-tabs .nav-link {
    color: #01b0a9;
}

.k-checkbox-md {
    width: 20px;
    height: 20px;
}

.k-radio {
    border-color: #ced4da;
}

.k-radio-md {
    width: 20px;
    height: 20px;
}

.form-check-input {
    width: 20px;
    height: 20px;
}

.bg-primary {
    background-color: rgba(1,176,169,1.000) !important;
    border-color: none;
}

/*.bg-danger {
    background-color: rgba(35,8,113,1.000) !important;
    border-color:#fff;
}

.bg-success {
    background-color: rgba(59,137,150,1.000);
    border-color: none;
}

.bg-warning {
    background-color: rgba(249,211,83,1.000);
    border-color: none;
}
*/
.ds-danger {
    background-color: #022964 !important;
    border-color: #fff;
}

.bg-danger {
    background-color: #8B2635 !important; /* Muted Red */
    border-color: #F2D7DA;
    color: #FFFFFF;
}

.bg-success {
    background-color: #2E8B75; /* Soft Green */
    border-color: #D6EFE8;
    color: #FFFFFF;
}

.bg-warning {
    background-color: #E0B429; /* Warm Yellow */
    border-color: #FFF2C2;
    color: #2B2B2B;
}

.bg-carazyl {
    background-color: rgba(0,104,142,1.000) !important;
    border-color: none;
}

.bg-carazyb {
    background-color: rgba(0,63,119,1.000) !important;
    border-color: none;
}

.saudi-riyal {
    display: inline-block;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    opacity: 0.8;
    height: 14px;
    width: 12px;
    background-image: url("../Images/saudi-riyal.png");
}

.saudi-riyal-white {
    display: inline-block;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    height: 22px;
    width: 18px;
    background-image: url("../Images/saudi-riyal-white.png");
}

.k-textbox .k-input-inner {
    height: 40px;
}

k-textbox k-input telerik-blazor k-input-solid k-rounded-md k-input-md {
    height: 40px;
}

.k-numerictextbox .k-input-inner {
    height: 35px;
}

.k-input-value-text {
    height: 35px;
}

.k-input-md, .k-picker-md {
    height: 40px;
}

.k-disabled, .k-widget[disabled], .k-disabled {
    opacity: 1;
}

.btn:disabled, .dual-listbox .dual-listbox__button:disabled, .btn.disabled, .dual-listbox .disabled.dual-listbox__button, fieldset:disabled .btn, fieldset:disabled .dual-listbox .dual-listbox__button, .dual-listbox fieldset:disabled .dual-listbox__button {
    color: black;
}

.headerart {
    background-color: rgba(35,8,113,1.000)
}


.k-grid-header th {
    text-align: center !important;
}

.text-primary {
    color: #01b0a9;
}

.page-link.active, .active > .page-link {
    background-color: #01b0a9;
    border-color: #01b0a9;
}

.Medium-window .k-window {
    width: auto !important;
    height: auto !important;
    max-width: 80vw; /* استخدام vw لتناسب عرض الشاشة */
    max-height: 80vh; /* استخدام vh لتناسب ارتفاع الشاشة */
    min-width: 500px; /* قيم ثابتة للحد الأدنى */
    min-height: 400px;
}

.ssmall-window .k-window {
    width: auto !important;
    height: auto !important;
    max-width: 60vw; /* استخدام vw لتناسب عرض الشاشة */
    max-height: 50vh; /* استخدام vh لتناسب ارتفاع الشاشة */
    min-width: 600px; /* قيم ثابتة للحد الأدنى */
    min-height: 200px;
}

:root,
[data-bs-theme=light] {
    --bs-primary: #00a59e;
    --bs-success: #00a59e;
    --bs-info: #09c2de;
    --bs-success-rgb: 0,165, 158;
    --bs-link-color: #00a59e;
    --bs-link-hover-color: #01b0a9;
    --bs-link-hover-color-rgb: 0,165, 158;
    --bs-link-color-rgb: 0,165, 158;
    --bs-border-color: #01b0a9;
    --bs-success-bg-subtle: #01b0a9;
    --bs-primary-border-subtle: #01b0a9;
    --bs-btn-hover-bg: #01b0a9;
    --bs-btn-hover-border-color: #01b0a9;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color-rgb: 0,165, 158;
    --bs-body-bg: #01b0a9;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #01b0a9;
    --bs-btn-border-color: #01b0a9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #01b0a9;
    --bs-btn-hover-border-color: #01b0a9;
    --bs-btn-focus-shadow-rgb: 124, 139, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #01b0a9;
    --bs-btn-active-border-color: #01b0a9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, 0.125);
    --bs-btn-disabled-color: #01b0a9;
    --bs-btn-disabled-bg: #01b0a9;
    --bs-btn-disabled-border-color: #01b0a9;
    --bs-btn-focus-shadow-rgb: #01b0a9;
}

.btn-outline-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #01b0a9;
    --bs-btn-border-color: #01b0a9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #01b0a9;
    --bs-btn-hover-border-color: #01b0a9;
    --bs-btn-focus-shadow-rgb: 124, 139, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #01b0a9;
    --bs-btn-active-border-color: #01b0a9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, 0.125);
    --bs-btn-disabled-color: #01b0a9;
    --bs-btn-disabled-bg: #01b0a9;
    --bs-btn-disabled-border-color: #01b0a9;
    --bs-btn-focus-shadow-rgb: #01b0a9;
}

.form-check-input:checked {
    background-color: #00a59e;
    border-color: #31d8d1;
}

.nk-sidebar.is-dark {
    background: #022964;
    border-left-color: #022964;
}

.nk-menu-sub .nk-menu-link {
    color: #fff;
}

    .nk-menu-sub .nk-menu-link:hover {
        color: #31d8d1;
    }

.nk-menu-link {
    color: #fff;
}

    .nk-menu-link:hover, .active > .nk-menu-link {
        color: #31d8d1;
    }

.nk-menu li a {
    transition: color 0.6s, background-color 0.6s
}

.nk-menu-icon {
    color: #fff;
}

    .nk-menu-icon .icon {
        color: #fff;
    }

.is-dark .nk-quick-nav-icon {
    color: #fff;
}

.is-dark .nk-sidebar-head {
    border-color: #fff;
    padding: 14px 50px;
}

.is-dark .overline-title {
    color: #00c7bf;
}

.nk-menu-item + .nk-menu-heading {
    padding-top: 1rem;
    text-align: center;
}

.nk-sidebar-head {
    padding: 14px 24px;
    height: 170px;
}

.nk-menu-hr {
    margin: 0.25rem 0;
}

.nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
    color: #31d8d1;
}

.k-grid-md .k-hierarchy-cell > .k-icon, .k-grid-md .k-drag-cell > .k-icon {
    padding: 0px;
    width: 10px;
    height: 10px;
}

/*.nk-menu-main > li.nk-menu-item {
    padding: 5px;
}
.nk-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 0;
}
.is-dark .nk-sidebar-footer {
    background-color: #fff;
}*/
/*.nk-header-fixed {
    height: 86px;
}

    .nk-header-fixed + .nk-content {
        margin-top: 15px;
    }

.nk-content {
    padding: 14px;
}
*/
.k-numerictextbox .k-input-inner {
    font-weight: bold !important;
    color: #000; /* or your theme color */
}
.responsive-text {
    white-space: nowrap;
    font-size: 12px; /* Default size for small screens */
    text-align: center;
}

.responsive-textb {
    white-space: nowrap;
    font-weight: bold;
    font-size: 10px; /* Default size for small screens */
    text-align: center;
}

@media (min-width: 768px) {
    .responsive-text {
        font-size: 14px;
    }

    .responsive-textb {
        font-size: 14px;
    }
}

@media (min-width: 1024px) {
    .responsive-text {
        font-size: 14px;
    }

    .responsive-textb {
        font-size: 14px;
    }
}

body::-webkit-scrollbar {
    width: 15px;
}

body::-webkit-scrollbar-track {
    background: #faf7f7; /* color of the tracking area */
}

body::-webkit-scrollbar-thumb {
    background-color: #022964; /* color of the scroll thumb */
    border-radius: 0px; /* roundness of the scroll thumb */
    border: 3px solid #faf7f7; /* creates padding around scroll thumb */
}

.k-tabstrip-items-wrapper .k-item:active, .k-tabstrip-items-wrapper .k-item.k-active, .k-tabstrip-items-wrapper .k-item.k-selected {
    height: 40px;
    font-size: 17px;
    /* color: #fff;
    background-color: #00A59E;*/
}

.btn-primary {
    background-color: #00A59E;
}

.k-switch-lg[dir="rtl"] .k-switch-label-off, [dir="rtl"] .k-switch-lg .k-switch-label-off, .k-rtl .k-switch-lg .k-switch-label-off {
    padding: 8px;
    font-size: medium;
}

.k-switch-lg[dir="rtl"] .k-switch-label-on, [dir="rtl"] .k-switch-lg .k-switch-label-on, .k-rtl .k-switch-lg .k-switch-label-on {
    padding: 8px;
    font-size: medium;
}

.k-checkbox:disabled, .k-checkbox.k-disabled {
    opacity: .9;
}

.k-checkbox {
    border-color: #d3d3d3;
}

.k-input {
    border-color: #d3d3d3;
}

.user-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.k-window-title {
    color: white;
}

.k-input-outline {
    border-color: rgba(0,0,0,0.08);
}

    .k-input-outline:hover, .k-input-outline.k-hover {
        border-color: #ced4da;
        background-color: #fff;
        color: #212529;
    }

.k-window-content, .k-prompt-container {
    background-color: #fff;
}

.k-picker-outline {
    border-color: #ced4da;
    color: #212529;
}

    .k-picker-outline:hover, .k-picker-outline.k-hover {
        border-color: #ced4da;
        background-color: #fff;
        color: #212529;
    }

.k-loader-container {
    z-index: 10000;
}

.k-table-thead, .k-table-header, .k-table-group-sticky-header {
    background-color: #00a59e;
    color: white;
    font-weight: 500;
    text-align: center;
}


.k-grid .k-grid-header th .k-cell-inner, .keypad-button:hover
.k-grid .k-grid-header th .k-cell-inner > .k-link {
    display: block; /*defaults to flex which makes aligning text harder in it*/
    text-align: center;
    white-space: normal;
}
.k-grid .k-grid-header .k-table-th {
    text-align: center;
    font-size: 14px
}

.k-rtl.k-table .k-table-th, .k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-th, .k-rtl .k-table .k-table-td, [dir="rtl"].k-table .k-table-th, [dir="rtl"].k-table .k-table-td, [dir="rtl"] .k-table .k-table-th, [dir="rtl"] .k-table .k-table-td {
    text-align: center;
}

.k-grid td {
    text-align: center;
}

.k-grid th, .k-grid td {
    text-align: center;
}

.k-grid-header .k-table-th.k-grid-header-sticky, .k-grid-header td.k-grid-header-sticky, .k-grid-header .k-table-td.k-grid-header-sticky, .k-grid-header .k-grid-header-sticky.k-sorted {
    color: #fff;
    background-color: #00a59e;
    text-align: center;
}

.k-window-titlebar {
    background-color: #00a59e;
    height: 40px;
    font-size: 1rem;
    color: white;
}

.k-toolbar .k-input, .k-toolbar .k-picker {
    min-width: 200px;
}

.k-tabstrip-content, .k-tabstrip > .k-content {
    background-color: #EFF0F5;
}

.btn-dim.btn-outline-light:not(:disabled):not(.disabled):hover, .dt-buttons .btn-dim.btn-secondary:not(:disabled):not(.disabled):hover {
    color: #00a59e;
    background-color: white;
}

label {
    width: 260px;
    display: block;
    margin-top: 10px;
}

k-switch-label-on {
    font-size: large;
}

k-switch-label-off {
    font-size: large;
}

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.MenuTitle {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    width: 100%;
}

.MenuIcon {
    font-size: 40px;
    color: #000000
}

.headerBox {
    text-align: center;
    padding: 1px;
    border: thin solid #eeecec;
    background-color: #f4f6f6;
    margin-right: 1px;
    margin-left: 1px;
    min-width: 60px;
}

.headerBoxText {
    text-align: center;
    margin-top: 5px;
    font-size: smaller;
    display: block;
}

.textboxclass {
    border-radius: 3px;
    padding-inline-end: 6px;
    padding-inline-start: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #dbdcdd;
    min-height: 40px;
}

    .textboxclass:empty::before {
        content: "لايوجد";
    }

.hyperlinkclass {
    color: #00a59e;
    font-weight: bold;
}

.dropdown-menu-s1 {
    border-top: 3px solid #022964;
}

@media only screen and (min-width: 1700px) {
    .demo-window {
        width: 1600px;
    }

    .Medium-window {
        width: 1200px;
    }

    .Small-window {
        width: 900px;
    }
}

@media only screen and (min-width:1450px) and (max-width: 1699px) {
    .demo-window {
        width: 1400px;
    }

    .Medium-window {
        width: 1000px;
    }

    .Small-window {
        width: 900px;
    }
}

@media only screen and (min-width:1301px) and (max-width: 1449px) {
    .demo-window {
        width: 1275px;
    }

    .Medium-window {
        width: 1000px;
    }

    .Small-window {
        width: 900px;
    }
}

@media only screen and (min-width:1149px) and (max-width: 1300px) {
    .demo-window {
        width: 1130px;
    }

    .Medium-window {
        width: 1000px;
    }

    .Small-window {
        width: 900px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1150px) {
    .demo-window {
        width: 900px;
    }

    .Medium-window {
        width: 900px;
    }

    .Small-window {
        width: 900px;
    }
}

@media only screen and (min-width:700px) and (max-width: 992px) {
    .demo-window {
        width: 690px;
    }

    .Medium-window {
        width: 690px;
    }

    .Small-window {
        width: 690px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 699px) {
    .demo-window {
        width: 480px;
    }

    .Medium-window {
        width: 480px;
    }

    .Small-window {
        width: 480px;
    }
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
    .demo-window {
        width: 390px;
    }

    .Medium-window {
        width: 390px;
    }

    .Small-window {
        width: 390px;
       
    }
}

@media only screen and (min-width: 300px) and (max-width: 399px) {
    .demo-window {
        width: 300px;
    }

    .Medium-window {
        width: 300px;
    }

    .Small-window {
        width: 300px;
       
    }
}

@media only screen and (min-height: 1400px) {
    .demo-window {
        height: 1300px;
    }

    .Medium-window {
        height: 1300px;
    }

    .Small-window {
       
        height: 600px;
    }
}

@media only screen and (min-height:1000px) and (max-height: 1400px) {
    .demo-window {
        height: 950px;
    }

    .Medium-window {
        height: 950px;
    }

    .Small-window {
        height: 600px;
    }
}

@media only screen and (min-height:800px) and (max-height: 1000px) {
    .demo-window {
        height: 780px;
    }

    .Medium-window {
        height: 780px;
    }

    .Small-window {
        height: 600px;
    }
}

@media only screen and (min-height:600px) and (max-height: 800px) {
    .demo-window {
        height: 580px;
    }

    .Medium-window {
        height: 580px;
    }

    .Small-window {
        height: 600px;
    }
}

@media only screen and (min-height:500px) and (max-height: 600px) {
    .demo-window {
        height: 480px;
    }

    .Medium-window {
        height: 480px;
    }

    .Small-window {
        height: 600px;
    }
}

@media only screen and (min-height: 400px) and (max-height: 500px) {
    .demo-window {
        height: 400px;
    }

    .Medium-window {
        height: 400px;
    }

    .Small-window {
        height: 600px;
    }
}


@media only screen and (min-width: 10px) and (max-width: 1600px) {
    .HideOnMobile {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 1000px) {
    .ShowOnMobile {
        display: initial;
    }

    .HideOnMobile {
        display: none;
    }
}

@media (min-width: 1001px) and (max-width: 2000px) {
    .ShowOnMobile {
        display: none;
    }

    .HideOnMobile {
        display: initial;
    }
}




.HideOnMediumScreen {
    display: none;
}

/* Tablet وأكبر */
@media (min-width: 1750px) {

    .HideOnMediumScreen {
        display: initial;
    }
}




.Searchtextbox {
    width: 200px;
}

.card-inner {
    padding: 15px;
}

.language-flag {
    width: 20px;
}

.link-list-plain a {
    padding: 5px;
}

.lock-image {
    background-color: #00a59e;
    width: 100px;
    float: left;
    background-size: cover
}

.style-4::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-4::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
    border-radius: 10px;
}

.style-4::-webkit-scrollbar-thumb {
    background-color: #022964;
    border-radius: 10px;
}

a:hover {
    cursor: pointer;
}

.MyTelerikNotification .k-notification-container .k-notification {
    width: 400px;
    height: 50px;
    font-size: 1.3em;
    text-align: center;
    align-items: center;
}

.k-notification-container {
    margin-top: 100px;
}

.MyTelerikNotification {
    z-index: 654321;
}

.notification-counter {
    position: absolute;
    top: -5px;
    left: 12px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 16px Verdana;
}
/* Default (large screens) */
.responsive-textbox {
    width: 300px; /* Fixed width for large screens */
    max-width: 100%; /* Prevent overflow */
}
/* Medium screens */
@media (max-width: 1024px) {
    .responsive-textbox {
        width: 80%; /* Adjust for medium screens */
        max-width: 500px; /* Constrain width to 500px maximum */
    }
}
/* Small screens */
@media (max-width: 768px) {
    .responsive-textbox {
        width: 80%; /* Full width on small screens */
        max-width: none; /* Remove any width constraints */
    }
}

.k-grid-header th {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.k-grid-header {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
}

.currency-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.currency-textbox input {
    padding-right: 2.5em !important; /* Room for the currency symbol */
}

.currency-symbol {
    position: absolute;
    top: 65%;
    transform: translateY(-65%);
    pointer-events: none;
    font-size: 0.9rem;
    color: #666;
}

[dir="ltr"] .currency-symbol {
    right: 0.75em;
}

/* RTL override */
[dir="rtl"] .currency-symbol {
    left: 0.75em;
}

.currency-symbolLarge {
    position: absolute;
    top: 65%;
    transform: translateY(-65%);
    pointer-events: none;
    font-size: 1.2rem;
    color: #666;
}

[dir="ltr"] .currency-symbolLarge {
    right: 11em;
}

/* RTL override */
[dir="rtl"] .currency-symbolLarge {
    left: 15em;
}

.saudi-riyalLarge {
    display: inline-block;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    opacity: 1;
    height: 20px;
    width: 18px;
    background-image: url("../Images/saudi-riyalLarge.png");
}

.saudi-riyal-whiteLarge {
    display: inline-block;
    margin-inline-start: 5px;
    margin-inline-end: 5px;
    height: 22px;
    width: 18px;
    background-image: url("../Images/saudi-riyal-whiteLarge.png");
}

@font-face {
    font-family: SwissraBoldFont;
    src: url('../Fonts/SwissraBold.otf');
    font-display: swap;
}

@font-face {
    font-family: NotoKufi;
    src: url('../Fonts/NotoKufi.ttf');
    font-display: swap;
}

.cost-box {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 12px 16px;
    background-color: #f9fafb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.quantum-card {
    border: 1px solid #e6f4f3;
    border-radius: 14px;
}

.quantum-header {
    background: linear-gradient(135deg, #01b0a9, #0fd1c8);
    color: #fff;
    font-weight: 600;
    font-size: 1.05rem;
}

.quantum-label {
    font-weight: 600;
    color: #014d4a;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .quantum-label i {
        color: #01b0a9;
        font-size: 1rem;
    }

.validation-message {
    font-size: 0.75rem;
    margin-top: 3px;
    color: #dc3545;
}
.quantum-select {
    border-radius: 10px;
    border: 1px solid #cfeeee;
    padding: 0.45rem 0.75rem;
}

    .quantum-select:focus {
        border-color: #01b0a9;
        box-shadow: 0 0 0 0.15rem rgba(1,176,169,0.25);
    }
.page-overlay {
    position: fixed;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(2px);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all; /* يمنع الضغط على العناصر تحت */
}

.overlay-loader {
    background: white;
    padding: 25px 35px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}
.link-button {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

    .link-button:hover {
        color: #0a58ca;
        text-decoration: none;
    }
/*.k-rtl.k-table .k-table-th,  .k-rtl .k-table .k-table-th, [dir="rtl"].k-table .k-table-th,  [dir="rtl"] .k-table .k-table-th {
        border-right-width: 1px;
        border-left-width: 0px;
        border-color: #e7ebef;
    }*/
.k-rtl.k-table .k-table-td, .k-rtl .k-table .k-table-td, [dir="rtl"].k-table .k-table-td, [dir="rtl"] .k-table .k-table-td {
    border-right-width: 1px;
    border-left-width: 0px;
    border-color: #e7ebef;
}
    /* استهداف فقط عمود الأزرار */
    .k-grid td.actions-column {
        text-align: center;
        vertical-align: middle;
    }
        /* توسيط المحتوى الداخلي */
        .k-grid td.actions-column > div {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
        }
        /* تحسين شكل الأزرار (اختياري) */
        .k-grid td.actions-column .k-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
k-column-title {
    color: #fff;
    font-weight: 700;
}
.k-link, .k-link:hover {
    /*color: #fff;*/
    font-weight: 700;
}
/* الهيدر يبقى فوق طبقة التعتيم */

.qerp-top-header {
    z-index: 1050 !important;
    pointer-events: auto;
}

.mobile-sidebar-toggle {
    position: relative;
    z-index: 1052;
    pointer-events: auto !important;
}

/* القائمة فوق الجميع */

#sidebarMenu,
[data-content="sidebarMenu"] {
    z-index: 1060 !important;
}

/* طبقة التعتيم أسفل الهيدر والقائمة */

.q-sidebar-overlay {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    top: 68px;
    z-index: 1040;
    background: rgba(1, 22, 47, 0.55);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 200ms ease, visibility 200ms ease;
}

    .q-sidebar-overlay.is-active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .q-sidebar-overlay:not(.is-active) {
        pointer-events: none !important;
    }

html.q-sidebar-open,
body.q-sidebar-open {
    overflow: hidden !important;
}

@media (max-width: 767.98px) {
    .q-sidebar-overlay {
        top: 60px;
    }
}

@media (max-width: 1199.98px) {
    #sidebarMenu.content-active,
    #sidebarMenu.q-sidebar-visible,
    [data-content="sidebarMenu"].content-active,
    [data-content="sidebarMenu"].q-sidebar-visible {
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateX(0) !important;
        pointer-events: auto !important;
    }
}
/* ==================================================
   إصلاح تعارض Bootstrap مع رسومات SVG في Leaflet 
================================================== */
/* منع Bootstrap من تغيير أبعاد طبقة الرسم */
.leaflet-container svg,
.leaflet-pane svg {
    max-width: none !important;
    max-height: none !important;
    width: auto !important;
    height: auto !important;
}

/* ضمان ظهور مسارات الرسم ونقاط التعديل */
.leaflet-overlay-pane svg path {
    visibility: visible !important;
    pointer-events: auto !important;
    display: inherit !important;
}

/* رفع طبقة الرسم والمقابض البيضاء (Handles) لتكون فوق الخريطة */
.leaflet-overlay-pane {
    z-index: 400 !important;
}

.leaflet-draw-guides-top,
.leaflet-draw-guides-bottom {
    display: block !important;
}