@font-face {
    font-family: 'avenir';
    src: url('fonts/avenirltstd-light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'frutiger';
    src: url('fonts/frutigerltarabic-45light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'frutiger','avenir';
}

.highlight {
    /*background-color: #FFFFCC !important;*/
    border-color: red !important;
    margin: 0px !important
}

.drawer-overlay {
    /*display:none !important;*/
    z-index: 50 !important
}

/**::-webkit-scrollbar {
    width: 1em !important;
    height: 1em !important;
}

*::-webkit-scrollbar-track {
   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
}

*::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: darkgrey !important;
}*/

*::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
    border-radius: 0px !important;
    
}

*::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    /* border-radius: 10px;*/
     border: 1px solid #B3B3C2 !important;
   
}

*::-webkit-scrollbar-thumb {
    /* border-radius: 10px;*/
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    /* background-color: darkgrey !important;*/
    background-color: #A4A4A4 !important;
    border-radius: 0px !important;
}