.text-shadow {
    text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
}



.bg-light .nav-masthead .nav-link {
    padding: .25rem 0;
    color: rgb(0 0 0 / 0.40);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

.bg-light .nav-masthead .active {
    color: #000;
    border-bottom-color: black;
}

.bg-light .nav-masthead .nav-link:hover {
    border-bottom-color: rgb(0 0 0 / 0.70);
}

.bg-light footer a.text-muted :hover {
    color: black !important;
}

.bg-dark footer a.text-muted {
    color: #bfc3c6 !important;
}

    .bg-dark footer a.text-muted :hover {
        color: white !important;
    }

.bg-dark .nav-masthead .nav-link {
    padding: .25rem 0;
    color: rgba(255, 255, 255, .5);
    background-color: transparent;
    border-bottom: .25rem solid transparent;
}

    .bg-dark .nav-masthead .nav-link:hover {
        border-bottom-color: rgba(255, 255, 255, .25);
    }



.bg-dark .nav-masthead .active {
    color: #fff;
    border-bottom-color: #fff;
}

.animate__1s {
    animation-duration: 1s; /* don't forget to set a duration! */
}

.animate__2s {
    animation-duration: 2s; /* don't forget to set a duration! */
}

.animate__3s {
    animation-duration: 2s; /* don't forget to set a duration! */
}

.animate__4s {
    animation-duration: 4s; /* don't forget to set a duration! */
}

.animate__6s {
    animation-duration: 6s; /* don't forget to set a duration! */
}

#disconnected-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 19998;
    padding-top: 120px;
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: center;
}
 

.nav-link, .card-header {
    font-family: 'Bebas Neue', 'Tajawal', cursive;
}

body {
    font-family: 'Saira Condensed', 'Tajawal', sans-serif;
}



.ui-jqgrid-btable tbody tr.table-active:hover > td,
.ui-jqgrid-htable thead tr > th.table-active:hover {
    color: white;
    background-color: rgba(0, 0, 0, .075)
}

.bg-dark ::-webkit-scrollbar {
    width: 12px;
}

.bg-dark ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #828176;
    border-radius: 10px;
}

.bg-dark ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #cfcdbe;
}

.bg-light ::-webkit-scrollbar {
    width: 12px;
}

.bg-light ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.bg-light ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.maximized {
    position: fixed;
    top: 0;
    left: 0;
    right: 1px;
    bottom: 0;
    z-index: 10;
    overflow-y: auto;
}

/*for lbma calender*/
.day:not(.disabled) {
    font-weight: bold;
}

.sans {
    font-family: sans-serif;
    font-weight: bold;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}