#progress-overlay,
#loading-overlay {
    /*position: absolute;*/
    position: fixed;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
    display: none;
    align-items: center;
    background-color: #000;
    /*z-index: 999;*/
    z-index: 1056;
    opacity: 0.5;
}
html:dir(rtl) {
    .tns-item {
        direction: rtl;
    }
    .tns-inner {
        direction: rtl;
    }
    .slider-wrapper {
        direction: ltr;
    }
    .slider {
        flex-direction: row-reverse;
    }
    .hidden-carousel {
        visibility: hidden;
    }
}

body {
    font-family: 'Cairo';font-size: 22px;
}

th.dt-orderable-asc.dt-orderable-desc {
    text-align: right;
}