body {
    font-family: "Sakkal Majalla";
    font-size: 20px !important;
    /* font-family: 'Cairo', sans-serif; */
}

.table.dataTable th,th {text-align: right !important; direction: rtl !important;}  


div.container .table.dataTable td {
    font-size: 20px !important;
    
}

.btn {
    font-size: 20px !important;
}

.specialMenu {
    top: auto !important;
    right: -20px !important;
    width: fit-content;
    height: fit-content;
}
/* main > .container-fluid {
    padding: 60px 15px 0;
} */

/* non resizable text areas*/
textarea {
    resize: none;
}

.error-message {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
    text-align: center;
}

.required label:after {
    color: #d00 !important;
    content: " *";
}

.select2-selection {
    min-height: 40px !important;
    line-height: 24px !important;
}

/* .select2-selection__rendered {
    min-height: 50px !important;
    line-height: 1.5 !important;
    height: 100%;
} */

input[type="text"]:read-only {
    background-color: rgb(233, 236, 239);
}

.modal {
    z-index: 1050 !important;
}

.nav-item .nav-link {
    text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
}

/* could be useful later for dividers */
.b-example-divider {
    height: 2rem;
    background-color: rgba(0, 0, 0, 0.1);
    border: solid rgba(0, 0, 0, 0.15);
    border-width: 1px 0;
    border-radius: 5px;
    text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 5rem rgba(0, 0, 0, 0.5);
}