@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Regular.ttf');
    font-weight: 400;
}
  
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Medium.ttf');
    font-weight: 500;
}
  
@font-face {
    font-family: 'Tajawal';
    src: url('../fonts/Tajawal-Bold.ttf');
    font-weight: 700;
}
  
html,
body,
h1, h2,h3,h4,h5,h6,
*
{
    font-family: 'Tajawal', sans-serif;
}
body
{
    font-size:0.855rem;
}
.ltr{
    direction:ltr;
    text-align:left
}
.text-ltr
{
    direction: ltr !important;
}
.loading-container
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .83);
}
.loading-container > img
{
    position: absolute;
    top: 30%;
    text-align: center;
    right: calc(45% - 90px);
}
.sidebar-dark {
    background-color: #0e0f10;
}
.content
{
    padding: 1.25rem .5rem;
}
.page-title
{
    padding: 1.5rem 0;
}
.nav-tabs .nav-link
{
    padding:1rem
}
.nav-tabs-solid .nav-item.show .nav-link.active, .nav-tabs-solid .nav-link.active
{
    background-color: #f44336!important
}

.custom-control-label::before
{
    background-color: #fff;
}
.custom-control-input:checked~.custom-control-label::before
{
    background-color: #2d58f3;
}
.pagination
{
    margin-bottom: .6rem;
    margin-top: 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}

.ddown-btn,
.ddown-btn:focus,
.ddown-btn:hover
{
    border: none;
    background-color: transparent;
    outline: none;
    position: relative;
    display: flex;
    align-items: center;
    width:100%
}
.ddown-btn > i
{
    margin-left: 1em
}

.nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:focus, .nav-tabs-solid[class*=bg-]:not(.bg-light):not(.bg-white):not(.bg-transparent) .nav-link:hover {
    color: #fff;
    background-color: #4f5e7a;
}


.table-hover tbody tr:hover {
    color: #333;
    background-color: rgba(0, 188, 212, 0.149);
}

.table td, .table th
{
    padding: 0.2rem 0.7rem;
}





/* .nav-tabs .nav-link
{
    padding: 1rem;
} */

.fs-1
{
    font-size:1rem !important
}


.dir-ltr
{
    direction: ltr !important;
}

.dropdown-item:focus, .dropdown-item:hover
{
    color: #fff !important;
    text-decoration: none;
    background-color: #2196f3;
}
.progress
{
    flex-direction: row-reverse;
    text-align: center;
    height: 1.6rem;
}
.progress .percent
{
    position: absolute;
    display: block;
    width: 100%;
    top: 10%;
    font-weight: bold;
    font-size: .78rem;
}

@keyframes online-mark {
    0%
    {
        color:#12b945
    }
    100%
    {
        color:#1de524

    }
}
.online-icon
{
    color:#1de524;
    animation: online-mark .25s ease-in-out infinite;
}

.bootbox-table .table td, 
.bootbox-table .table th
{
    padding:0.6em 0.7rem;
}

.table.user-panel-table td, .table.user-panel-table th
{
    padding:0.7rem
}

.table-responsive:has(.dropdown-menu.show){
    overflow-x: visible;
}
.irs{
    width: 100%;
}
.irs--square .irs-line
{
    height:15px;
}
.irs--square .irs-bar
{
    height: 15px;
    background-color: #2b99f1;
}
.irs--square .irs-handle
{
    width: 26px;
    height: 26px;
    border: 3px solid #2c8bd7;
}
.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single
{
    font-size: 16px;
    background-color: #d52c20;
}

.percircle p
{
    font-size: 2rem;
}
.percircle>span
{
    transform: translateY(-80%);
}
.nav-sidebar .nav-item:not(.nav-item-divider)
{
    border-bottom: 1px solid #2e2e2e;
}
.form-control:not(.border-1):not(.border-2):not(.border-3):focus
{
    border-color: #e27f7f;
    border-width: 2px;
}