html {
    overflow-y: scroll;
    height: 100%;
}
body{
    font-family: 'Cairo', sans-serif;
    height: 100%;
    overflow: auto;
}
a {
    text-decoration: none;
    color: #1f7593;
}
a:hover {
    color: #f320ef;
}

.dataTables_scrollBody {
    overflow-y: scroll !important; /* يجبر السكروول يبين */
}

/* تخصيص شكله إذا بدك */
.dataTables_scrollBody::-webkit-scrollbar {
    width: 8px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 4px;
}

/* Safari & Chrome */
::-webkit-scrollbar {
    width: 8px;
}

/* شكل السكروول إذا بدك تخصصه */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

body {
    overflow-y: scroll !important; /* يضمن وجود السكروول حتى لو المحتوى ما بيحتاج */
}

table.dataTable {
    border-collapse: collapse !important;
}