body, html {
    direction: rtl;
    text-align: right;
    overflow: hidden;
    background-image: url(/.lib/images/bg-light-7.png);
    /*background-size: cover;*/
    /*background-position: center center;*/
    background-color: #b5b5b5;
}

    body, body button, body div, body span {
        font-family: 'Tajawal Regular' !important;
    }

.col-sep{
    background-color:#fbfbfb;
}

.big-number {
    font-size: 1em;
    font-family: monospace;
    font-weight: bold !important;
}

.small-number {
    font-size: 0.7em;
    font-family: monospace;
    font-weight: bold !important;
}

.trend-equal::after {
    content: "\21E2";
}

.trend-up::after {
    content: "\2197";
}

.trend-down::after {
    content: "\2198";
}

.trend-up, .trend-down, .trend-equal {
    font-size: 1em;
    margin-left: 3px;
    margin-right: 3px;
    font-weight: bold !important;
}

.nad-card {
    cursor: pointer;
    background-color: #f6f6f6;
}

    .nad-card:hover i {
        background-color: #dbebff;
        color: green;
    }

    .nad-card:hover div {
        background-color: #dbebff;
        color: blue;
    }

.jqx-notification-container {
    position: initial !important;
    font-family: 'Tajawal Regular' !important;
}

    .jqx-notification-container div {
        margin: auto !important;
        font-family: 'Tajawal Regular' !important;
    }

.hr-sep{
    background-color:#c1ddff !important;
}

.border-male {
    border: 2px solid #007fc4 !important;
}

.border-female {
    border: 2px solid #ff6699 !important;
}

.border-male {
    color: #0288D1 !important;
}

.component-card-top {
    background-color: #edf3ff;
}
.component-card-top-body {
}
.component-card-body {
}
.component-card-body-body {
}

.bg-hawiety-blue {
    background-color: #023f88;
}

.bg-hawiety-orange {
    background-color: rgb(255, 203, 5);
}

.text-hawiety-blue {
    color: #023f88;
}

.text-hawiety-orange {
    color: #ffcb05;
}

.login-bg {
    background-image: url(/.lib/images/bg-light-7.png);
    background-color: #b5b5b5;
}

.side-bg {
    background-image: linear-gradient(#c2e9fb 0%, #fefefe 25%);
}

.jqx-window-content {
    padding: 0px;
}

.hawiety-bg-logo {
    background-image: url(/.custom/images/logo-only-header-blue.png);
    background-size: 50px 50px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
}

.static-working-cover-svg {
    background-size: 35px 35px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/.custom/images/logo-only-header-blue.png);
}

.header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-image: url(/.lib/images/bg-dark-5.png);
    background-color: #023f88;
}

.body {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 52px;
    bottom: 28px;
    background-image: url(/.lib/images/bg-light-7.png);
    background-color: #b5b5b5;
}

.footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-image: url(/.lib/images/bg-dark-5.png);
    background-color: #ECEFF1;
}

.measure-caption {
    font-size: 0.7em;
    color: #616161;
    font-weight: bold !important;
}

.box-header-link {
    text-decoration: none;
    padding: 0px;
    color: #0D47A1;
    font-weight: bold !important;
    font-size: 0.7em;
}