@font-face {
    font-family: 'Lusail';
    src: url('/Lusail-Regular.otf') format('opentype'),
         url('/Lusail-Bold.otf') format('opentype'),
         url('/Lusail-Light.otf') format('opentype'),
         url('/Lusail-Medium.otf') format('opentype');
        
    font-weight: normal;
    font-style: normal;
}


html * {
    font-family: 'Lusail' , 'FontAwesome' !important;
}


/*.entity-grid.entitylist {
    font-family: Lusail;
    src: url('web-files/Lusail-Regular.otf');
}

.h2 {
    font-family: Lusail;
    src: url('web-files/Lusail-Regular.otf');
  }


h1, .h1, h2, .h2, h3, .h3 {
    font-family: Lusail;
    src: url('web-files/Lusail-Regular.otf');
}*/
/** ************************* ***************************** ****************************/
/* Ensure Font Awesome icons retain their font-family */
.fa, .fas, .far, .fal, .fad {
    font-family: 'FontAwesome' !important; /* Adjust to match the version of Font Awesome */
}

.modal-title {
   
    color: #8A1538 !important;
}
.btn-info {
    color: #ffffff;
    background-color: #8A1538 !important;
    border-color: #8A1538 !important;
    border-radius: 2px !important;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 20px;
    width: fit-content;
    border-style: solid;
    background-color: #8A1538 !important;
    color: #ffffff;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px !important;
    margin-top: 10px !important;
}

#EntityFormPanel{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 20px 20px;
    
}
body {
    font-family:  "Titillium Web", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.row.rtl {
    direction: rtl;
}