﻿@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;
}