table {
  
    line-height: normal;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
}

html[data-bs-theme="dark"] .bi-three-dots-vertical {
    /* Styles for specific elements in dark theme */
    color: white;            /* Example text color for specific element */
}
html[data-bs-theme="dark"] .notification-item .flex-grow-1 .text-muted .mb-1 a{
    /* Styles for specific elements in dark theme */
    color: white !important;            /* Example text color for specific element */
}

.loading-icon-filter {
    font-size: 124px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 9999999;
}
.disabled {
    background-color: #f0f0f0;  /* لون الخلفية عند تعطيل الحقل */
    color: #999999;             /* لون النص عند تعطيل الحقل */
    cursor: not-allowed;        /* تغيير مؤشر الفأرة ليظهر على أنه غير قابل للنقر */
}
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #f72b50; }
    * {
        scrollbar-width: thin; /* Makes the scrollbar thin */
      
    }
    ::-webkit-scrollbar {
        width: 8px; /* Adjust the width to make it thinner */
    }
    
    /* Targets the scrollbar thumb (the draggable part) */
    ::-webkit-scrollbar-thumb {
        background-color: #c4c3c3; /* Scrollbar thumb color */
        border-radius: 10px; /* Roundness of the scrollbar thumb */
    }
    
    /* Optional: Add hover effect on scrollbar thumb */
    ::-webkit-scrollbar-thumb:hover {
        background-color: #918f8f; /* Darker color when hovered */
    }
    
    /* Targets the scrollbar track (background of the scrollbar) */
    ::-webkit-scrollbar-track {
        background-color: #f1f1f1; /* Track background color */
    }
@media (min-width: 650px) and (max-width: 870px) {

    .loading-icon-filter {
        left: 40%;
    }
}
@media (max-width: 450px) {

    .loading-icon-filter {
        font-size: 87px;
        left: 36%;
    }
    .paging_full_numbers {
        float: right;
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
        width: 100%;
    }
}
.dt-search input {
    padding-left: 30px;  /* لضبط المسافة بحيث لا يتداخل النص مع الرمز */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.742 10.742a6 6 0 1 0-1.414 1.414l3.52 3.52a1 1 0 0 0 1.414-1.414l-3.52-3.52zM12 6a5 5 0 1 1-10 0 5 5 0 0 1 10 0z" fill="gray"/></svg>'); /* رمز العدسة المكبرة */
    background-repeat: no-repeat;
    background-position: 8px center;  /* تحديد موقع الرمز */
    background-size: 16px 16px;  /* حجم الرمز */
    height: 30px;  /* تعديل ارتفاع الـ input */
    font-size: 14px;  /* حجم النص */
}
.dt-search input:focus {
    background-image: none;  /* إزالة الخلفية عند التركيز */
}
.dt-search input::placeholder {
    color: #888;  /* لون النص في الـ placeholder */
}