/* ========================================
   استيراد وتطبيق خط Almarai
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

* {
    font-family: 'Almarai', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

body {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
    font-size: 0.95rem !important;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Almarai', sans-serif;
    font-weight: 700;
}

.btn, button {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
}

input, textarea, select, .form-control, .form-select {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
}

.menu-link, .menu-item {
    font-family: 'Almarai', sans-serif;
}

label, .form-label {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
}

.table {
    font-family: 'Almarai', sans-serif;
}

.badge {
    font-family: 'Almarai', sans-serif;
    font-weight: 400;
}

/* أوزان الخط المختلفة */
.fw-light {
    font-weight: 300 !important;
}

.fw-normal {
    font-weight: 400 !important;
}

.fw-bold, .fw-semibold {
    font-weight: 700 !important;
}

.fw-bolder {
    font-weight: 800 !important;
}

/* ========================================
   توحيد الألوان مع نموذج العاملين
   ======================================== */
:root {
    --primary-color: #1eace6;
    --secondary-color: #0d8abc;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
    --info-color: #17a2b8;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.menu-link.active,
.menu-item.active > .menu-link {
    background-color: var(--primary-color) !important;
}

.custom-card-header {
    border-bottom-color: var(--primary-color);
}

.card {
    margin-bottom: 1.5rem;
}

.custom-card-header .page-title h5 {
    color: var(--primary-color);
    font-weight: 700;
}

/* ========================================
   تحسينات إضافية
   ======================================== */
.layout-menu {
    box-shadow: 0 2px 6px 0 rgba(30, 172, 230, 0.12);
}

.menu-item.active {
    background-color: rgba(30, 172, 230, 0.08);
}

/* Scrollbar للقائمة */
.menu-inner::-webkit-scrollbar {
    width: 6px;
}

.menu-inner::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.menu-inner::-webkit-scrollbar-thumb {
    background: var(--primary-color);
    border-radius: 10px;
}

.menu-inner::-webkit-scrollbar-thumb:hover {
    background: var(--secondary-color);
}

html[lang="en"] body {
  font-family:
    "Public Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif !important;
}

/* bootstrab styles */
.modal .modal-footer {
  border-bottom: 1px solid #dee2e6;
}

.modal .modal-header {
  position: relative;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  border-bottom: 1px solid #dee2e6;
}

.modal .modal-body {
  padding-top: 1rem;
}

.modal .modal-header .btn-close {
  position: absolute;
  left: -17px;
  top: -17px;
  margin: unset;
  transform: unset;
}

.modal .modal-footer {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  border-top: 1px solid #dee2e6;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-success:hover {
  background-color: #157347;
  border-color: #146c43;
}

.btn-success:focus {
  box-shadow: rgb(60, 153, 110);
  background-color: #157347;
}

.btn-success:active {
  background-color: #146c43;
  border-color: #13653f;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  background-color: #bb2d3b;
  border-color: #b02a37;
}

.btn-danger:focus {
  box-shadow: rgb(225, 83, 97);
  background-color: #bb2d3b;
}

.btn-danger:active {
  background-color: #b02a37;
  border-color: #a52834;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  background-color: #138496;
}

.btn-info:active {
  background-color: #117a8b;
  border-color: #10707f;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* end bootstrab styles */
html[lang="en"] body {
  font-family:
    "Public Sans",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem !important;
  font-weight: 550;
}
html[lang="ar"] body {
  font-family: "Noto Naskh Arabic", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1rem !important;
  font-weight: 550;
}

.group-title {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #696cff;
}

.group-title .icon {
  margin-inline-end: 0.3rem;
}

.float-start {
  float: right !important;
  float: unset !important;
}

.float-end {
  float: unset !important;
  float: left !important;
}

.end-0 {
  right: unset !important;
  left: 0 !important;
}

.end-50 {
  right: unset !important;
  left: 50% !important;
}

.end-100 {
  right: unset !important;
  left: 100% !important;
}

.start-0 {
  left: unset !important;
  right: 0 !important;
}

.start-50 {
  left: unset !important;
  right: 50% !important;
}

.start-100 {
  left: unset !important;
  right: 100% !important;
}

.border-end {
  border-right: unset !important;
  border-left: 1px solid #e4e6e8 !important;
}

.border-end-0 {
  border-right: unset !important;
  border-left: 0 !important;
}

.border-start {
  border-left: unset !important;
  border-right: 1px solid #e4e6e8 !important;
}

.border-start-0 {
  border-left: unset !important;
  border-right: 0 !important;
}

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

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

.rounded-end {
  border-top-right-radius: unset !important;
  border-bottom-right-radius: unset !important;
  border-top-left-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-start {
  border-bottom-left-radius: unset !important;
  border-top-left-radius: unset !important;
  border-bottom-right-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-start-top {
  border-top-left-radius: unset !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-start-bottom {
  border-bottom-left-radius: unset !important;
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-end-top {
  border-top-right-radius: unset !important;
  border-top-left-radius: 0.375rem !important;
}

.rounded-end-bottom {
  border-bottom-right-radius: unset !important;
  border-bottom-left-radius: 0.375rem !important;
}

.me-0 {
  margin-right: unset !important;
  margin-right: 0 !important;
}

.me-50 {
  margin-right: unset !important;
  margin-inline-start: 0.125rem !important;
}

.me-1 {
  margin-right: unset !important;
  margin-inline-end: 0.25rem !important;
}

.me-1_5 {
  margin-right: unset !important;
  margin-inline-end: 0.375rem !important;
}

.me-2 {
  margin-right: unset !important;
  margin-inline-end: 0.5rem !important;
}

.me-3 {
  margin-right: unset !important;
  margin-inline-end: 0.75rem !important;
}

.me-4 {
  margin-right: unset !important;
  margin-inline-end: 1rem !important;
}

.me-5 {
  margin-right: unset !important;
  margin-inline-end: 1.25rem !important;
}

.me-6 {
  margin-right: unset !important;
  margin-inline-end: 1.5rem !important;
}

.me-7 {
  margin-right: unset !important;
  margin-inline-end: 1.75rem !important;
}

.me-8 {
  margin-right: unset !important;
  margin-inline-end: 2rem !important;
}

.me-9 {
  margin-right: unset !important;
  margin-inline-end: 2.25rem !important;
}

.me-10 {
  margin-right: unset !important;
  margin-inline-end: 2.5rem !important;
}

.me-11 {
  margin-right: unset !important;
  margin-inline-end: 2.75rem !important;
}

.me-12 {
  margin-right: unset !important;
  margin-inline-end: 3rem !important;
}

.me-auto {
  margin-right: unset !important;
  margin-inline-end: auto !important;
}

.ms-0 {
  margin-inline-start: 0 !important;
  margin-left: unset !important;
}

.ms-50 {
  margin-inline-start: 0.125rem !important;
  margin-left: unset !important;
}

.ms-1 {
  margin-inline-start: 0.25rem !important;
  margin-left: unset !important;
}

.ms-1_5 {
  margin-inline-start: 0.375rem !important;
  margin-left: unset !important;
}

.ms-2 {
  margin-inline-start: 0.5rem !important;
  margin-left: unset !important;
}

.ms-3 {
  margin-inline-start: 0.75rem !important;
  margin-left: unset !important;
}

.ms-4 {
  margin-inline-start: 1rem !important;
  margin-left: unset !important;
}

.ms-5 {
  margin-inline-start: 1.25rem !important;
  margin-left: unset !important;
}

.ms-6 {
  margin-inline-start: 1.5rem !important;
  margin-left: unset !important;
}

.ms-7 {
  margin-inline-start: 1.75rem !important;
  margin-left: unset !important;
}

.ms-8 {
  margin-inline-start: 2rem !important;
  margin-left: unset !important;
}

.ms-9 {
  margin-inline-start: 2.25rem !important;
  margin-left: unset !important;
}

.ms-10 {
  margin-inline-start: 2.5rem !important;
  margin-left: unset !important;
}

.ms-11 {
  margin-inline-start: 2.75rem !important;
  margin-left: unset !important;
}

.ms-12 {
  margin-inline-start: 3rem !important;
  margin-left: unset !important;
}

.ms-auto {
  margin-inline-start: auto !important;
  margin-left: unset !important;
}

.me-n50 {
  margin-right: unset !important;
  margin-inline-end: -0.125rem !important;
}

.me-n1 {
  margin-right: unset !important;
  margin-inline-end: -0.25rem !important;
}

.me-n1_5 {
  margin-right: unset !important;
  margin-inline-end: -0.375rem !important;
}

.me-n2 {
  margin-right: unset !important;
  margin-inline-end: -0.5rem !important;
}

.me-n3 {
  margin-right: unset !important;
  margin-inline-end: -0.75rem !important;
}

.me-n4 {
  margin-right: unset !important;
  margin-inline-end: -1rem !important;
}

.me-n5 {
  margin-right: unset !important;
  margin-inline-end: -1.25rem !important;
}

.me-n6 {
  margin-right: unset !important;
  margin-inline-end: -1.5rem !important;
}

.me-n7 {
  margin-right: unset !important;
  margin-inline-end: -1.75rem !important;
}

.me-n8 {
  margin-right: unset !important;
  margin-inline-end: -2rem !important;
}

.me-n9 {
  margin-right: unset !important;
  margin-inline-end: -2.25rem !important;
}

.me-n10 {
  margin-right: unset !important;
  margin-inline-end: -2.5rem !important;
}

.me-n11 {
  margin-right: unset !important;
  margin-inline-end: -2.75rem !important;
}

.me-n12 {
  margin-right: unset !important;
  margin-inline-end: -3rem !important;
}

.ms-n50 {
  margin-left: unset !important;
  margin-inline-start: -0.125rem !important;
}

.ms-n1 {
  margin-left: unset !important;
  margin-inline-start: -0.25rem !important;
}

.ms-n1_5 {
  margin-left: unset !important;
  margin-inline-start: -0.375rem !important;
}

.ms-n2 {
  margin-left: unset !important;
  margin-inline-start: -0.5rem !important;
}

.ms-n3 {
  margin-left: unset !important;
  margin-inline-start: -0.75rem !important;
}

.ms-n4 {
  margin-left: unset !important;
  margin-inline-start: -1rem !important;
}

.ms-n5 {
  margin-left: unset !important;
  margin-inline-start: -1.25rem !important;
}

.ms-n6 {
  margin-left: unset !important;
  margin-inline-start: -1.5rem !important;
}

.ms-n7 {
  margin-left: unset !important;
  margin-inline-start: -1.75rem !important;
}

.ms-n8 {
  margin-left: unset !important;
  margin-inline-start: -2rem !important;
}

.ms-n9 {
  margin-left: unset !important;
  margin-inline-start: -2.25rem !important;
}

.ms-n10 {
  margin-left: unset !important;
  margin-inline-start: -2.5rem !important;
}

.ms-n11 {
  margin-left: unset !important;
  margin-inline-start: -2.75rem !important;
}

.ms-n12 {
  margin-left: unset !important;
  margin-inline-start: -3rem !important;
}

.pe-0 {
  padding-right: unset !important;
  padding-inline-end: 0 !important;
}

.pe-50 {
  padding-right: unset !important;
  padding-inline-end: 0.125rem !important;
}

.pe-1 {
  padding-right: unset !important;
  padding-inline-end: 0.25rem !important;
}

.pe-1_5 {
  padding-right: unset !important;
  padding-inline-end: 0.375rem !important;
}

.pe-2 {
  padding-right: unset !important;
  padding-inline-end: 0.5rem !important;
}

.pe-3 {
  padding-right: unset !important;
  padding-inline-end: 0.75rem !important;
}

.pe-4 {
  padding-right: unset !important;
  padding-inline-end: 1rem !important;
}

.pe-5 {
  padding-right: unset !important;
  padding-inline-end: 1.25rem !important;
}

.pe-6 {
  padding-right: unset !important;
  padding-inline-end: 1.5rem !important;
}

.pe-7 {
  padding-right: unset !important;
  padding-inline-end: 1.75rem !important;
}

.pe-8 {
  padding-right: unset !important;
  padding-inline-end: 2rem !important;
}

.pe-9 {
  padding-right: unset !important;
  padding-inline-end: 2.25rem !important;
}

.pe-10 {
  padding-right: unset !important;
  padding-inline-end: 2.5rem !important;
}

.pe-11 {
  padding-right: unset !important;
  padding-inline-end: 2.75rem !important;
}

.pe-12 {
  padding-right: unset !important;
  padding-inline-end: 3rem !important;
}

.ps-0 {
  padding-left: unset !important;
  padding-inline-start: 0 !important;
}

.ps-50 {
  padding-left: unset !important;
  padding-inline-start: 0.125rem !important;
}

.ps-1 {
  padding-left: unset !important;
  padding-inline-start: 0.25rem !important;
}

.ps-1_5 {
  padding-left: unset !important;
  padding-inline-start: 0.375rem !important;
}

.ps-2 {
  padding-left: unset !important;
  padding-inline-start: 0.5rem !important;
}

.ps-3 {
  padding-left: unset !important;
  padding-inline-start: 0.75rem !important;
}

.ps-4 {
  padding-left: unset !important;
  padding-inline-start: 1rem !important;
}

.ps-5 {
  padding-left: unset !important;
  padding-inline-start: 1.25rem !important;
}

.ps-6 {
  padding-left: unset !important;
  padding-inline-start: 1.5rem !important;
}

.ps-7 {
  padding-left: unset !important;
  padding-inline-start: 1.75rem !important;
}

.ps-8 {
  padding-left: unset !important;
  padding-inline-start: 2rem !important;
}

.ps-9 {
  padding-left: unset !important;
  padding-inline-start: 2.25rem !important;
}

.ps-10 {
  padding-left: unset !important;
  padding-inline-start: 2.5rem !important;
}

.ps-11 {
  padding-left: unset !important;
  padding-inline-start: 2.75rem !important;
}

.ps-12 {
  padding-left: unset !important;
  padding-inline-start: 3rem !important;
}

.nav {
  padding-right: unset;
}

.dropdown-menu-end[data-bs-popper] {
  right: auto;
  left: 0;
  inset-block-start: 110% !important;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: var(--bs-border-radius);
  border-bottom-right-radius: var(--bs-border-radius);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--bs-border-radius);
  border-bottom-left-radius: var(--bs-border-radius);
}

/* --------------------------------------------------------------
--------------- start sidebar styles ---------------------------- */
/* .menu-vertical .menu-item .menu-toggle {
    padding-right: unset;
    padding-inline-end: calc(1rem + 1.76em);
} */

/* .menu-toggle::after {
    content: "";
} */

/* [dir="rtl"] .menu-vertical .menu-item.open:not(.menu-item-closing)>.menu-link::after {
    transform: translateY(-50%) rotate(-90deg);
} */

@media (min-width: 1200px) {
  .layout-menu-fixed .layout-menu,
  .layout-menu-fixed-offcanvas .layout-menu {
    left: unset;
    right: 0;
  }
}

@media (min-width: 1200px) {
  .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
  .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
    /* padding-right: 16.25rem; */
    padding-left: unset;
  }
}

@media (max-width: 1199.98px) {
  .layout-menu {
    left: unset !important;
    right: 0;
    transform: translate3d(100%, 0, 0);
  }
}

/* --------------------------------------------------------------
--------------- end sidebar styles ---------------------------- */

/* ****************************************************************************************************************** */

/* --------------------------------------------------------------
--------------- start select styles ---------------------------- */
.form-select {
  padding: 11px 15px;
}

.form-select-sm {
  padding: 7px 15px !important;
}

.form-select,
.form-select.form-select-sm,
.form-select:focus,
.form-select.form-select-sm:focus {
  background-position: left 0.9375rem center;
}

/* --------------------------------------------------------------
--------------- end select styles ---------------------------- */

ect2-container

/* --------------------------------------------------------------
--------------- start select2 styles ---------------------------- */
.select2 {
  color: #697a8d;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.select2-container {
  /*height: calc(100% - 23px) !important;*/
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  height: 100% !important;
}

.select2-container--default .select2-selection--multiple {
  height: 100%;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #696cff !important;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(105, 108, 255, 0.4);
}

.form-select + .select2-container .select2-selection--single {
  height: 37px !important;
}

.form-select-sm + .select2-container .select2-selection--single {
  height: 29px !important;
}

.select2-container {
  width: 100% !important;
}

#edit_aid_modal .select2-container {
  z-index: 99999999 !important;
}

.select2-search__field {
  display: block;
  min-height: calc(1.53em + 0.5rem + 2px);
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  font-weight: 400;
  line-height: 1.53;
  color: #697a8d;
  background-color: #fff;
  background-clip: padding-box;
  appearance: none;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

.select2-results,
.select2-selection__rendered {
  font-size: 0.9375rem;
  font-weight: normal;
}

.select2-selection__rendered {
  line-height: 30px !important;
}

.select2 .selection {
  border-color: #696cff;
}

.select2-results__option {
  color: #697a8d !important;
  /*padding: 10px;*/
}

.select2-container--default .select2-selection--single {
  border-color: #d9dee3 !important;
}

.select2-selection__choice {
  display: inline-flex !important;
  align-items: center !important;
  background: #f2f2f2 !important;
  border-color: #dcdcdc !important;
}

.select2-selection__choice__remove {
  border: 0 !important;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #efefef !important;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #ced1d5 !important;
}

/* --------------------------------------------------------------
--------------- end select styles ---------------------------- */

.success-message {
  text-align: center;
  color: #4caf50;
  opacity: 0;
  animation: fadeIn 1s forwards;
}

.checkmark {
  width: 50px;
  height: 50px;
  border: 5px solid #4caf50;
  border-radius: 50%;
  position: relative;
  margin: 20px auto;
  animation:
    draw 0.5s ease forwards,
    scale 0.5s ease forwards;
}

.checkmark::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 10px;
  border: 4px solid #4caf50;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
  top: 15px;
  left: 11px;
  opacity: 0;
  animation: appear 0.5s ease forwards 0.5s;
  /* Delayed appearance */
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes draw {
  0% {
    width: 50px;
    height: 50px;
  }

  100% {
    width: 50px;
    height: 50px;
    /* border-color: transparent; */
  }
}

@keyframes scale {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes appear {
  to {
    opacity: 1;
  }
}

/* --------------------------------------------------------------
--------------- start chart styles ---------------------------- */
.apexcharts-legend-marker {
  left: unset;
  right: -5px;
}

/* --------------------------------------------------------------
--------------- end chart styles ---------------------------- */

/* --------------------------------------------------------------
--------------- start datatable styles ---------------------------- */
.dataTable thead {
  background-color: #696cff;
}

.dataTable thead th {
  font-size: 0.4rem;
  font-weight: normal;
  color: white !important;
}

.dataTable tbody td {
  font-size: 0.8rem;
}

.dataTables_wrapper > .row:first-child {
  flex-direction: row-reverse;
  align-items: baseline;
  margin-bottom: 0.5rem;
}

.dataTables_wrapper > .row:last-child {
  align-items: center;
}

.dataTables_length,
.dataTables_paginate {
  display: flex;
  justify-content: end;
}

.dataTables_length label {
  display: flex;
  max-width: 155px;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.dataTables_length label select {
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
}

.dataTables_filter label {
  display: flex;
  align-items: center;
}

.dataTables_filter label input {
  margin-inline-start: 0.5rem;
  height: 20px;
  flex-basis: 40%;
}

.dataTables_filter,
.dataTables_length,
.dataTables_info {
  font-size: 0.8rem;
}

/* .pagination {
    margin-bottom: 0;
  }

  .pagination .page-link {
    font-size: .7rem;
  } */

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

table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::after,
table.dataTable thead > tr > td.sorting_asc::before,
table.dataTable thead > tr > td.sorting_desc::after {
  opacity: 0.9;
}

.table.dataTable thead th {
  text-align: center;
}

.table thead tr th {
  padding-block: 0.5rem;
  color: white;
}

.dataTables_length .form-select-sm,
.form-select,
.form-select.form-select-sm,
.form-select:focus,
.form-select.form-select-sm:focus {
  background-position: left 0.5rem center !important;
  padding: 0.4rem 1rem !important;
}

.dataTables_wrapper .pagination {
  margin-bottom: 0;
  --bs-pagination-border-radius: 5px !important;
}

.dataTables_wrapper .row.dt-row {
  margin-bottom: 0.5rem !important;
}

.dataTables_wrapper .pagination {
  align-items: center;
}

.pagination .paginate_button.previous,
.pagination .paginate_button.next,
.page-item .page-link,
.page-item.active .page-link {
  border-radius: 5px !important;
  margin: 0 5px;
  padding: 0.4rem;
  min-height: unset;
}

/* --------------------------------------------------------------
  --------------- end datatable styles ---------------------------- */

/* --------------------------------------------------------------
--------------- start BlockUI styles ---------------------------- */
.blockUI.blockMsg.blockPage {
  border: none !important;
  background-color: transparent !important;
}

.blockUI.blockMsg.blockElement {
  top: 39% !important;
  transform: translateY(-50%);
}

.blockUI.blockMsg.blockElement .spinner-border {
  border-width: 6px !important;
}

/* --------------------------------------------------------------
--------------- end BlockUI styles ---------------------------- */

.toast-container {
  z-index: 99999 !important;
}

form .error:not(li):not(input) {
  display: block;
}

.form-check .form-check-input {
  float: unset;
  margin: 0;
}

.form-check .form-check-input {
  margin-left: unset;
}

.was-validated .form-select:invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-width: 1px !important;
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  /*background-image: unset;*/
}

.dropdown-menu {
  text-align: start;
}

.hide {
  display: none;
}

.form-label {
  font-size: 0.9rem !important;
}

/* --------------------------------------------------------------
--------------- start abo tark styles ---------------------------- */
.table th {
  text-transform: uppercase;
  font-size: inherit !important;
  letter-spacing: 0px !important;
}

.table > :not(caption) > * > * {
  text-align: center;
  padding: unset;
  font-size: 0.9375rem !important;
  font-weight: normal;
}

.dataTables_paginate.paging_simple_numbers {
  /*float: left;*/
  padding: 5px;
}

.dataTables_info {
  padding: 10px;
}

.form-label,
.col-form-label {
  font-size: 0.83rem !important;
  color: #384551;
}

.dropdown-toggle::after {
  margin-right: 5px;
}

.dataTables_empty {
  height: 40px;
  vertical-align: middle;
}

.table:not(.table-dark) th {
  color: #696cff;
}

.paginate_button.page-item.previous {
  padding-left: 5px;
}

.dropdown-item {
  font-weight: unset;
}

.hide {
  display: none;
}

/* .select2-container .select2-selection--single {
    height: 37px !important;
} */

.modal-dialog {
  z-index: 999999 !important;
}

.required-star {
  font-weight: bold;
  margin-left: 3px;
}

label.required::after {
  content: "*";
  color: rgb(232, 85, 85);
  margin-left: 5px;
  font-size: 1.2em;
}

/* --------------------------------------------------------------
--------------- end abo tark styles ---------------------------- */

.custom-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-items: center;
  border-bottom: 1px solid #e7eaed;
  padding: 0.5rem 1.5rem;
  min-height: 45px;
}
.page-title {
  display: flex;
  align-items: center;
}
.page-title .custom-header-icon {
  display: flex;
  margin-inline-end: 0.5rem;
}

.modal-header-icon {
  display: flex;
}

.modal-footer-icon {
  display: flex;
}

.badge {
  font-size: unset;
}

/* --------------------------------------------------------------
--------------- start sidebar toggle styles ---------------------------- */

.layout-menu-toggled,
.layout-menu-tog-btn,
.menu-link-hidden,
.menu-link-hidden .menu-icon,
.menu-link-hidden .link-text,
.menu-item-hidden {
  transition: all ease 0.3s;
}

.layout-menu-toggled {
  width: 5rem !important;
}
.layout-menu-tog-btn {
  right: 4rem !important;
  transform: rotate(180deg) !important;
}
.w-0 {
  width: 0 !important;
  height: 0 !important;
  overflow: hidden;
}
.menu-link-hidden {
  width: fit-content !important;
  /* padding: 0 !important; */
  margin: 0 !important;
}
.menu-link-hidden .menu-icon {
  margin: 0 !important;
}
.menu-link-hidden .link-text {
  width: 0 !important;
  overflow: hidden;
  display: none;
}
.menu-item-hidden {
  width: 5rem !important;
  overflow: hidden;
  padding: 0.625rem 1rem !important;
}
.menu-item-hidden::after,
.menu-link-hidden::after {
  display: none;
}

/* --------------------------------------------------------------
--------------- end sidebar toggle styles ---------------------------- */
.input-group-text {
  padding: 0.3rem 0.6rem !important  ;
}
.dataTable tbody td {
  padding: 2px !important;
}

.swal2-popup {
  font-size: 1rem !important;
  border-radius: 0.75rem !important;
  /*padding: 2rem 2rem 1.5rem !important;*/
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e0e2e7 !important;
  z-index:;
}

.swal2-title {
  font-size: 1.25rem !important;
  font-weight: normal !important;
  color: #5d596c !important;
  margin-bottom: 1rem !important;
}
.swal2-container {
  z-index: 99999999 !important;
}
.swal2-html-container {
  font-size: 1rem !important;
  color: #6f6b7d !important;
  margin-bottom: 1.25rem !important;
  z-index: 99999999 !important;
}

.swal2-confirm,
.swal2-cancel {
  padding: 0.5rem 1.25rem !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  border-radius: 0.5rem !important;
  border: none !important;
  box-shadow: none !important;
  margin-left: 10px;
}

.swal2-confirm {
  background-color: #696cff !important; /* Sneat primary */
  color: #fff !important;
}

.swal2-cancel {
  background-color: #8592a3 !important; /* Sneat secondary */
  color: #fff !important;
}

.swal2-rtl {
  direction: rtl !important;
  text-align: right !important;
}

@media (max-width: 576px) {
  .swal2-popup {
    width: 90% !important;
  }
}

.jstree-anchor .node-inline {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.label-title {
  font-weight: normal;
  color: #0d6efd;
}
.label-path {
  font-size: 0.85rem;
  color: #6c757d;
  direction: ltr;
  font-style: italic;
}
#contextMenu {
  font-size: 0.95rem;
  padding: 0;
  min-width: 160px;
  border-radius: 0.5rem;
  overflow: hidden;
}

#contextMenu .list-group-item {
  padding: 0.4rem 0.75rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border: none;
}

#contextMenu .list-group-item:hover {
  background-color: #f2f2f2;
}
#addMainCategory {
  font-size: 14px !important;
}
#rootContextMenu {
  width: 13% !important;
}

/* لتغيير حجم الخط في القائمة */
.vakata-context,
.vakata-context ul {
  font-size: 0.85rem !important; /* حجم أصغر */
}

/* مسافة أصغر بين العناصر */
.vakata-context li > a {
  padding: 4px 8px !important;
}

.documents-count {
  color: #3a87ad; /* لون رمادي Bootstrap متناسق */
  font-style: bold; /* لو بدك تلغي الإمالة الافتراضية للـ small */
  margin-left: 5px; /* مسافة بسيطة عن النص الرئيسي */
}

.disabled-node > a {
  color: #999999 !important;
  background-color: #f0f0f0 !important;
  font-style: italic;
  opacity: 0.6;
  cursor: pointer; /* تظهر كأن العنصر غير قابل للتفاعل */
}

.jstree-search {
  background-color: #d4edda !important; /* أزرق فاتح هادي */
  color: #d4edda !important; /* أزرق غامق للنص */
  font-weight: bold;
  border-radius: 3px;
  padding: 0 3px;
}

.tagify {
  border-radius: 5px !important;
  border: 1px solid #ced4da;
  width: 100% !important;
  overflow-y: scroll;
  font-weight: normal !important;
}
.tagify__input {
  border-radius: 0 !important;
  padding: 0.25rem 0.5rem !important;
}
.tagify__tag {
  border-radius: 0 !important;
  margin-right: 4px;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  background-color: #e9ecef;
  color: #495057;
  border: 1px solid #ced4da;
}
.tagify__tag__removeBtn {
  color: #6c757d;
  margin-left: 4px;
}
.tagify__tag__removeBtn:hover {
  color: #dc3545;
}
.footer-logo{
  height: 17px !important;
}
/* في ملف CSS أو في <style> */
[data-bs-toggle="popover"] {
    transition: transform 0.2s ease, color 0.2s ease;
}

[data-bs-toggle="popover"]:hover {
    transform: scale(1.15);
    color: #0d6efd !important;
}