body,
body p,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Tajawal', sans-serif;
}

body,
.reportup .blocks .item button {
    direction: rtl;
    text-align: right;
}

.butn i {
    transform: rotate(180deg);
}

.nav-top .toggle-icon.flex {
    float: left;
}

.side-bar {
    right: unset;
    left: 0;
}

.bg-gray.full-width .nav-top {
    left: 80px;
    right: 0;
}

.nav-top {
    right: 0;
    left: 240px;
}

.side-bar .user-profile .cont {
    margin-left: 60px;
    margin-right: 0;
}

.side-bar .nav-list li a {
    padding: 0 5px 0 15px;
    text-align: left;
}

.home-content .panel-content .activity .title .tabs,
.nav-top .quick-links,
.reportup .blocks .item button .icon {
    float: right;
}

.home-content .blocks .clients .chat-box li .user-status,
.nav-top .quick-links>ul>li,
.home-content .panel-content .activity .graph-details ul li {
    float: left;
}

.home-content .blocks .clients .chat-box li .client-info .icon {
    left: unset;
    right: 10px;
}

.home-content .blocks .clients .chat-box li .client-info {
    padding-right: 15px;
    padding-left: 65px;
}

.home-content .blocks .tasks form button,
.nav-top .search-form form button {
    right: 10px;
    left: unset;
}

.home-content .panel-content .activity .graph-details ul li strong {
    margin-left: 20px;
}

main.small {
    padding: 20px 20px 20px 400px;
}

.categories .item:before {
    left: unset;
    right: -5px;
}

.categories .item:after {
    left: unset;
    right: -25px;
}