@import url('../fonts/almarai/almarai.css');
/*body {
    font-family: 'Almarai', Inter, Helvetica, "sans-serif";
}*/

:root {
    --bs-font-sans-serif: 'Almarai', Helvetica, "sans-serif";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --dt-row-selected: 43, 129, 255;
}

body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
}

.invalid-feedback {
    display: unset;
}

.toastr-message {
    padding-right: 20px;
}


.input-validation-error {
    border-color: #fd397a !important;
    padding-left: calc(1.5em + 1.3rem);
    background-image: url('/Areas/System/Content/assets/media/input-validation-error.svg');
    background-repeat: no-repeat;
    background-position: center left calc(0.375em + 0.325rem);
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

input-validation-error:focus {
    border-color: #fd397a !important;
}

.input-validation-error .select2-selection {
    border-color: #b94a48 !important;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    background-position: left 1rem center, center left 30px;
    padding-left: 0px;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    left: 7px;
}

.InputDecimal, .InputNumber {
    text-align: unset !important;
}

.image-input input[type="file"] {
    padding: 0px
}

.dataTable th {
    font-size: 0.9rem !important;
    text-transform: unset !important;
    font-weight: 600 !important;
    letter-spacing: unset !important;
}

.dataTables_wrapper .row:first-child {
    display: none
}

.table.table-head-custom thead tr, .table.table-head-custom thead th {
    text-transform: unset;
    letter-spacing: unset;
}

.image-input.image-input-outline .image-input-wrapper {
    background-size: 100% 100%;
}

.wizard-steps .wizard-step {
    cursor: pointer;
}

.wizard.wizard-1 .wizard-nav .wizard-steps .wizard-step .wizard-label {
    margin-left: 2rem;
    margin-right: 2rem;
}

.custom-file-input:focus .custom-file-label {
    border-color: #F3F6F9 !important;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #F3F6F9 !important;
}

.btn.disabled, input.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed !important;
}

.fileinput-button input.disabled {
    cursor: not-allowed !important;
}

.magnificPopupContainer {
    cursor: pointer !important;
}

.blockUI.blockOverlay {
    z-index: 9100 !important;
}

.blockUI.blockPage {
    z-index: 9101 !important;
}

.textOneLine {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.svg-icon.svg-icon-elhag svg g [fill] {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
    fill: #E15F38 !important;
}

.text-elhag {
    color: #E15F38 !important;
}

.nav.nav-pills .show > .nav-link, .nav.nav-pills .nav-link.active {
    background-color: #E15F38;
}

.bg-light-elhag {
    background-color: rgba(242, 120, 53,.10 ) !important;
}

.bg-elhag {
    background-color: #E15F38 !important;
}

.btn.btn-elhag {
    color: #ffffff;
    background-color: #E15F38;
    border-color: #E15F38;
}

.btn.btn-light-elhag {
    color: #E15F38;
    background-color: rgba(242, 120, 53,.10 );
    border-color: transparent;
}

#kt_subheader_search .input-group {
    width: 350px;
    max-width: unset !important;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
    text-align: right;
}

table.dataTable > thead .dt-ordering-asc:before, table.dataTable > thead .dt-ordering-asc:after, table.dataTable > thead .dt-ordering-desc:before, table.dataTable > thead .dt-ordering-desc:after {
    margin-left: unset;
    margin-right: 0.5rem;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc {
    padding-left: 30px;
}

table.dataTable > thead > tr > td:not(.sorting_disabled), table.dataTable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 0.75rem;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    left: 1.25rem;
    right: unset;
}

.select2-container--bootstrap5 .select2-selection__clear {
    left: 3rem;
    right: unset;
}

.image-input-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/blank-image-dark.svg');
}

.pdf-input-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/pdf.svg');
}

[data-bs-theme="dark"] .pdf-input-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/dark/pdf.svg');
}

.xls-input-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/xls.svg');
}

@font-face {
    font-family: 'blank';
    src: url('../assets/media/svg/avatars/blank.svg') format('svg');
}

.image-avatar-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/avatars/blank.svg');
}

[data-bs-theme="dark"] .image-avatar-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/avatars/blank-dark.svg');
}

.image-blank-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-blank-placeholder {
    background-image: url('/Areas/System/Content/assets/media/svg/files/blank-image-dark.svg');
}


.dz-preview .select2-container {
    width: 100% !important;
    margin-top: 8px;
}

.dz-preview .select2-selection {
    border-radius: 0.475rem;
    height: 36px !important;
    padding: 0px;
    font-size: 13px;
}

.dz-preview .select2-selection__rendered {
    line-height: 32px !important;
}

.dz-preview .select2-selection__arrow {
    height: 36px !important;
}

.dropzone .dz-preview.dz-image-preview {
    background: unset;
}

.dropzone .dz-preview .dz-image {
    background: var(--bs-gray-200);
    width: 140px;
    height: 140px;
}

    .dropzone .dz-preview .dz-image img {
        width: 140px;
        height: 140px;
    }

.dropzone .dz-attachment-details {
    width: 140px;
}

.dropzone .dz-message {
    text-align: start;
}

.dropzone.dz-clickable * {
    cursor: pointer;
}

.dt-toolbar .dt-info {
    margin-right: 0.75rem;
}

div.dt-container span.select-info, div.dt-container span.select-item {
    margin-right: 0.5em;
}
/*table.table.dataTable > tbody > tr.selected *:not(.btn):not(.btn.btn-light i):not(.btn.btn-light .svg-icon) {
    color: var(--bs-primary-light) !important;
}*/
table.table.dataTable > tbody > tr.selected *:not(.btn):not(.btn *) {
    color: var(--bs-primary-light) !important;
}

.badge-light-132, .badge-light-282 {
    background-color: var(--bs-info-light);
    color: var(--bs-info);
}

.badge-light-137, .badge-light-269, .badge-light-285, .badge-light-344 {
    background-color: var(--bs-warning-light);
    color: var(--bs-warning);
}

.badge-light-136, .badge-light-281, .badge-light-283 {
    background-color: var(--bs-primary-light);
    color: var(--bs-primary);
}

.badge-light-133, .badge-light-134, .badge-light-286, .badge-light-288 {
    background-color: var(--bs-success-light);
    color: var(--bs-success);
}

.badge-light-135, .badge-light-287, .badge-light-343 {
    background-color: var(--bs-danger-light);
    color: var(--bs-danger);
}

.previewImage {
    cursor: zoom-in;
}

.border-image-orphan-gender-266 {
    border: #1b84ff;
    border-style: dashed;
    border-width: 2px;
}

.border-image-orphan-gender-267 {
    border: #d77797;
    border-style: dashed;
    border-width: 2px;
}

input[name*="Mobile"], .mobile-number {
    direction: ltr;
    text-align: right;
}

.sort-btn-asc {
    border: 1px dashed var(--bs-text-success) !important;
}

.sort-btn-desc {
    border: 1px dashed var(--bs-text-info) !important;
}

.btn-group-xs .btn {
    width: 24px !important;
    height: 24px !important;
}


input.field-locked,
textarea.field-locked,
select.field-locked {
    pointer-events: none !important;
    opacity: 0.65 !important;
    background-color: #f5f8fa !important;
    cursor: not-allowed !important;
}

.select2-container.field-locked {
    pointer-events: none !important;
    opacity: 0.65 !important;
}

    .select2-container.field-locked .select2-selection {
        background-color: #f5f8fa !important;
        cursor: not-allowed !important;
    }

input.field-locked.flatpickr-input {
    pointer-events: none !important;
    opacity: 0.65 !important;
    background-color: #f5f8fa !important;
    cursor: not-allowed !important;
}

input.field-locked + .input-group-text {
    pointer-events: none !important;
    opacity: 0.65 !important;
    background-color: #f5f8fa !important;
    cursor: not-allowed !important;
}

.fv-row:has(select.input-validation-error)
.select2-selection {
    border-color: #fd397a !important;
    position: relative;
}

    .fv-row:has(select.input-validation-error)
    .select2-selection::before {
        content: "";
        position: absolute;
        left: 3rem;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-image: url(/Areas/System/Content/assets/media/input-validation-error.svg);
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none;
    }

.fv-row:has(select.input-validation-error)
.select2-selection__rendered {
    padding-left: 2rem;
}


.select2-loading + .select2-container .select2-selection ,
{
    position: relative;
}

.select2-loading + .select2-container .select2-selection::after {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid rgba(0,0,0,.15);
    border-top-color: #0d6efd;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    animation: s2spin 0.7s linear infinite;
    pointer-events: none;
    z-index: 2;
}

/* RTL */
html[dir="rtl"]
.select2-loading + .select2-container .select2-selection::after {
    right: auto;
    left: 3rem;
}

@keyframes s2spin {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.ajax-loading {
    background-image: url('/Areas/System/Content/media/loader.svg');
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 20px 20px;
    padding-left: 35px;
}

/* أو باستخدام spinner */
.ajax-loading {
    position: relative;
}




.swal-validation-popup .swal-intro {
    font-size: 14px;
    margin-bottom: 12px;
    color: #555;
}

.swal-validation-popup .swal-section {
    background: #f9fafb;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 10px;
}

.swal-validation-popup .swal-section-title {
    font-weight: 600;
    margin-bottom: 13px;
    margin-top: 7px;
    color: #333;
    text-align: center;
    font-size: 15px;
}

.swal-validation-popup .swal-error-list {
    padding-right: 18px;
    margin: 0;
}

    .swal-validation-popup .swal-error-list li {
        font-size: 14px;
        margin-bottom: 4px;
        color: #444;
    }

.swal-validation-popup .swal-validation-popup .swal2-actions {
    margin-top: 12px;
}

.swal-validation-popup .swal-validation-wrapper {
    text-align: right;
    max-height: 520px; /* ⬅️ كبرناها */
    overflow-y: auto; /* ⬅️ Scroll واحد فقط */
    padding-inline-end: 8px;
}

    /* تحسين شكل السكرول */
    .swal-validation-popup .swal-validation-wrapper::-webkit-scrollbar {
        width: 6px;
    }

    .swal-validation-popup .swal-validation-wrapper::-webkit-scrollbar-thumb {
        background-color: #cfcfcf;
        border-radius: 4px;
    }

.swal-validation-popup .swal2-html-container {
    max-height: 350px;
}

.swal-block {
    background: #ffffff;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 8px 12px;
    margin-bottom: 8px;
}

.swal-validation-popup .swal-block-title {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 4px;
    color: #333;
}


.swal-validation-popup .swal-validation-wrapper {
    text-align: right;
    max-height: 350px;
    overflow-y: auto;
    padding-inline-end: 8px;
}

.swal2-container .swal2-html-container {
    padding: 8px 0px;
}

.query-builder .rules-list {
    padding-left: 0px !important;
    padding-right: 15px !important;
}

    .query-builder .rules-list > ::after, .query-builder .rules-list > ::before {
        left: 0px !important;
        right: -10px !important;
    }

    .query-builder .rules-list > ::before {
        border-width: 0px 2px 2px 0px !important;
    }

    .query-builder .rules-list > :last-child::before {
        border-radius: 0 0 4px 0 !important;
    }

    .query-builder .rules-list > ::after {
        border-width: 0 2px 0 0px !important;
    }

.query-builder .rule-value-container {
    white-space: nowrap !important;
}

    .query-builder .rule-value-container > input.form-control {
        display: inline-block !important;
        margin: 0 4px !important;
    }

.query-builder .rule-value-container {
    border-right: 1px solid #ddd !important;
    border-left: unset !important;
    padding-right: 5px !important;
    padding-left: unset !important;
    max-width: 260px;
}

.query-builder .rule-value-container .select2-container {
    min-width: 320px;
    width: 100% !important;
    box-sizing: border-box;
}

.query-builder .rule-value-container .select2-container .select2-selection--single {
    height: calc(1.5em + 1.55rem + 2px);
}

.query-builder .rule-filter-container {
    min-width: 320px;
}

.query-builder .rule-filter-container .select2-container {
    width: 100% !important;
    min-width: 320px;
    box-sizing: border-box;
}


html[dir="rtl"] [type="tel"], html[dir="rtl"] [type="url"], html[dir="rtl"] [type="email"], html[dir="rtl"] [type="number"] {
    direction: rtl;
}

.select2-no-data + .select2-container
.select2-selection__rendered {
    color: var(--bs-danger) !important;
    font-weight: 600;
}
.swal2-html-container p {
    line-height: 1.5;
}