@import url('https://fonts.googleapis.com/css?family=Tajawal:400,500,700,800&display=swap');
body {
    text-align: right;
}

body,
header .navbar-nav .nav-item>.nav-link,
strong,
.bold,
footer a,
footer p.mb-0.w-100,
.med-font {
    font-family: 'Tajawal', sans-serif
}

strong,
.bold {
    font-weight: 800
}

.med-font {
    font-weight: 700
}


.search-results:before{
    left: auto;
    right: 0px
}
.checkcontainer ,.custimed-label{
    padding-left: 0px;
    padding-right: 35px;: 
}
.radiobtn ,.checkmark{
    left: auto;
    right: 0px;
}

header .searchfor:before, .error-page .searchfor:before, .search-elements .searchfor:before{
    right: 15px;
    left: auto;
}
header .searchfor .form-control, .error-page .searchfor .form-control, .search-elements .form-control{
    padding-left: 0px;
    padding-right: 35px 
}
.mr-1{
    margin-left: .25rem!important;
    margin-right: 0px;
}
.slick-list {
    direction: ltr
}

.dropdown-toggle::after {
    margin-right: .255em;
    margin-left: 0px
}

.navigator .slick-list {
    direction: rtl
}

.gallery .navigator .slick-list {
    direction: ltr
}


.reset-action {
    left: 0px;
    right: auto;
}
#sidebar .card-body a{text-align: right;padding-right: 25px;padding-left: 10px}

.action-toolbar {
    float: left;
    transform: translateX(-280px)
}

.download-report {
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important;
    padding-left: 10px
}

.lang .nav-link img {
    margin-left: 4px;
    margin-right: auto;
}

.top-bar {
       padding-left: 0px !important;
    padding-right: 28px !important;
}

.action-toolbar .actions {}

.action-toolbar.shown .toggle-icon {
    right: -30px;
    left: auto;
}

#dismiss {
    left: 10px;
    right: auto;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-left: 30px;
    margin-right: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: auto;
    right: 12px
}

.accordion-items .title:not(.collapsed):before {
    right: 17px;
    left: auto;
}

.fc-event-inner,
.fc-event-logo {
    text-align: right;
    border-right: 3px solid #4a90e2!important;
    border-left: none !important;
}

.scroll-down:before {
    opacity: 0
}

.inner-banner.theme-2 .text {
    padding-right: 3rem;
    padding-left: 10rem
}

.event-sec {
    padding-left: 0px;
    padding-right: 17px
}

.event-sec:not(.all):before {
    right: 0px;
    left: auto;
}

button.close {
    left: 0px;
    right: auto
}

button.close.toggle-text-news-speech{ left: 48px;
    right: auto}

.gm-ui-hover-effect {
    left: 0px;
    right: auto;
}

.img-media,
.img-media.mr-2 {
    margin-right: -10% !important
}

.accordion-items .title ,.accordion-items.career-items .title{
    padding: 12px 66px 12px 20px !important
}

.accordion-items .title::before {
    left: auto;
    right: 22px
}

.accordion-items .title::after {
    right: 55px;
    left: auto;
}
@media(max-width: 768px) {
    #sidebar li a, #sidebar li .card a{text-align: right;}
}
@media (min-width:786px) {
    .action-toolbar .toggle-icon {
        left: auto;
        right: calc((720px - 256px - 100vw)/2);
    }
}


@media (min-width:992px) {
    .action-toolbar .toggle-icon {
        left:auto;
        right: calc((992px - 256px - 100vw)/2);
    }
}


@media (min-width:1200px) {
    .action-toolbar .toggle-icon {
        z-index: 9;
        left: auto;
        right: calc((960px - 256px - 100vw)/2);
    }
}

@media (min-width:1200px) {
    .action-toolbar .toggle-icon {
        right: calc((1170px - 256px - 100vw)/2);
        left: auto;
    }
}

@media (max-width:767.99px) {
    .action-toolbar .toggle-icon {
        right: -120px;
        left: auto;
    }
}

#sidebar.active {
    right: 0;
}

@media (max-width: 992px) {
    #sidebar {
        right: -250px;
        left: auto !important;
        transition: all 0.3s
    }
    .main-navigation .dropdown-menu {
        text-align: right;
    }
}

@media (min-width: 767.99px) {
    footer .item:not(:first-child) {
        border-right: 1px solid #bebebe;
        border-left: 0px
    }
    .main-navigation .dropdown-menu {
        left: auto !important;
        right: calc(100% - 10rem)!important
    }
}

@media (min-width: 991.99px) {
    .main-navigation .nav-item:not(:last-child)>.nav-link:before {
        right: auto;
        left: -.5rem
    }
}