/* تغيير لون النصوص الجانبية */
.s-sidebar-link-text {
  color: #009055 !important;
}

/* تغيير لون أيقونات القائمة الجانبية */
.s-sidebar-icon {
  color: #009055 !important;
}

/* تغيير لون الخلفية للعناصر الجانبية */
.s-sidebar-item {
  background-color: #72c6a3; /* خلفية خفيفة للتباين */
  border-left: 4px solid transparent; /* إضافة مؤشر جانبي */
}

  /* لون العناصر النشطة */
  .s-sidebar-item.active {
    background-color: #E6F4E9; /* خلفية مميزة للعناصر النشطة */
    border-left: 4px solid #009055; /* مؤشر نشط */
  }

/* تغيير لون الخلفية لشريط العنوان */
.s-sidebar-header {
  background-color: #009055 !important;
}

  /* تغيير لون النصوص داخل شريط العنوان */
  .s-sidebar-header .s-sidebar-header-title,
  .s-sidebar-header .s-sidebar-header-link i {
    color: #FFFFFF !important; /* لون النص أبيض */
  }

/* تغيير خلفية القائمة الفرعية */
.s-sidebar-menu {
  background-color: #F9F9F9;
}

/* لون النصوص داخل القائمة عند المرور */
.s-sidebar-link:hover {
  color: #007A46 !important; /* لون أغمق قليلاً عند التمرير */
}

/* تغيير لون النصوص داخل القائمة الفرعية عند المرور */
.s-sidebar-menu .s-sidebar-item:hover {
  background-color: #E6F4E9;
}

/* تغيير لون الأزرار والروابط */
.s-sidebar-toggler,
.s-language-selection-link,
.s-user-profile-link {
  color: #009055 !important;
}

.s-sidebar-search-input {
  background-color: #72c6a3;
  color: #009055;
}

.s-sidebar-pane {
  background-color: #009055;
}

.fa-bars:before {
  background-color: white;
}


.full-height-page section.content {
  background-color: #e6f4e9;
}

section.content  {
  background-color: #e6f4e9;
}

.full-height-page section.content > .s-Panel, .full-height-page section.content > .s-DataGrid {
  background-color: #e6f4e9;
  text-color: #009055;
}

.grid-title {
  color: #009055;
}

.section.content-header {
  color: #009055;
}

.rtl {
  direction: ltr !important;
  text-align: left !important;
}


/* تنسيق الحاوية الخاصة بالرسم البياني */
.kpi-chart-container {
  width: 100%; /* جعل العرض يملأ الصفحة بالكامل */
  height: 500px; /* ارتفاع ثابت للحاوية */
  margin-bottom: 20px; /* هامش أسفل الحاوية لتجنب التداخل مع الجدول */
  box-sizing: border-box; /* تضمين الحدود والهوامش في الحسابات */
}

  /* تنسيق الزر الخاص بتصدير الرسم البياني */
  .kpi-chart-container button {
    margin-bottom: 10px; /* مسافة بين الزر والرسم البياني */
    padding: 10px 20px; /* تحسين حجم الزر */
    background-color: #007bff; /* لون الخلفية */
    color: #fff; /* لون النص */
    border: none; /* إزالة الحدود */
    border-radius: 5px; /* حواف مستديرة */
    cursor: pointer; /* مؤشر الفأرة عند التحويم */
    font-size: 14px; /* حجم الخط */
    font-weight: bold; /* وزن الخط */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل بسيط */
  }

    .kpi-chart-container button:hover {
      background-color: #0056b3; /* تغيير لون الخلفية عند التحويم */
    }

/* تحسين التنسيق العام للجدول */
.slick-grid-container {
  margin-top: 20px; /* هامش أعلى الجدول لتجنب التداخل مع الرسم البياني */
}

/* تنسيق زر تصدير الرسم البياني */
.export-chart-button {
  margin-right: 10px; /* مسافة بين الأزرار */
  padding: 8px 16px; /* تحسين حجم الزر */
  background-color: #009055; /* لون الخلفية */
  color: #fff; /* لون النص أبيض */
  border: none; /* إزالة الحدود */
  border-radius: 5px; /* حواف مستديرة */
  cursor: pointer; /* مؤشر الفأرة عند التحويم */
  font-size: 14px; /* حجم الخط */
  font-weight: bold; /* وزن الخط */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل بسيط */
  transition: background-color 0.3s ease; /* تأثير انتقال عند التحويم */
}

  .export-chart-button:hover {
    background-color: #007045; /* تغيير لون الخلفية عند التحويم */
  }

/* تنسيق زر تصدير الجدول إلى PDF */
.export-pdf-button {
  margin-right: 10px; /* مسافة بين الأزرار */
  padding: 8px 16px; /* تحسين حجم الزر */
  background-color: #009055; /* لون الخلفية */
  color: #fff; /* لون النص أبيض */
  border: none; /* إزالة الحدود */
  border-radius: 5px; /* حواف مستديرة */
  cursor: pointer; /* مؤشر الفأرة عند التحويم */
  font-size: 14px; /* حجم الخط */
  font-weight: bold; /* وزن الخط */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* ظل بسيط */
  transition: background-color 0.3s ease; /* تأثير انتقال عند التحويم */
}

  .export-pdf-button:hover {
    background-color: #007045; /* تغيير لون الخلفية عند التحويم */
  }

/* تصميم الـ Footer */
.main-footer {
  background-color: #f8f9fa; /* لون الخلفية */
  border-top: 1px solid #e4e5e7; /* خط علوي خفيف */
  padding: 15px 20px; /* تباعد داخلي */
  color: #333; /* لون النص */
  font-size: 14px; /* حجم النص */
  display: flex;
  justify-content: flex-end; /* جميع المحتوى نحو اليمين */
  align-items: center;
}

/* الحاوية الرئيسية داخل الـ Footer */
.footer-container {
  display: flex;
  align-items: center;
  gap: 20px; /* مسافة بين العناصر */
}

/* تنسيق الوقت */
.footer-time {
  color: #007bff; /* لون مميز */
  font-weight: bold;
}

/* الروابط */
.footer-left a {
  text-decoration: none;
  color: #007bff;
}

  .footer-left a:hover {
    text-decoration: underline;
    color: #0056b3;
  }