@font-face {
    font-family: 'DroidSansArabic';
    src: url('../fonts/DroidSansArabic.ttf') format('truetype');
}


/* Set padding to keep content from hitting the edges */
.body-content {
    font-family: DroidSansArabic !important ;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    font-family: DroidSansArabic !important;
}
a, h1, h2, h3, h4, h5, h6, div {
    font-family: DroidSansArabic !important;
}
span {
    font-family: DroidSansArabic ;
}
.card-title {
    color: #96d0ab !important;
}
@media screen and (max-width: 550px) {
    #datatable-buttons td:nth-child(1),
    #datatable-buttons td:nth-child(2),
    #datatable-buttons td:nth-child(3) {
        display: block !important; /* This will disrupt the table flow, use with caution */
        /* width: 30% !important;  Optional, forces them to stack vertically */
        align-items: center !important;
        text-align: right !important;
    }

    #datatable-buttons th:nth-child(1),
    #datatable-buttons th:nth-child(2),
    #datatable-buttons th:nth-child(3) {
        display: block !important; /* This will disrupt the table flow, use with caution */
        /* width: 30% !important;  Optional, forces them to stack vertically */
        color: black !important;
        align-items: center !important;
        text-align: right !important;
    }
}