/*Arabic Font*/
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');

h1, h2, h3, h4, h5, h6 {
    font-family: 'hreg' !important;
}

.navbar-right {
    float: left !important;
    margin-left: 0px !important;
    margin-right: 0;
}

#header-right-container .btn-group {
    float: left;
}

#header-right-container .dropdown-menu {
    left: 0;
    right: auto;
}

.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

.rrssb-buttons.large-format li a {
    padding: 7% 12% 7% 0 !important;
}

    .rrssb-buttons.large-format li a .rrssb-icon {
        right: 7%;
        left: auto;
    }

/*.widget-types li { float: right !important; }*/

/*custom*/
.more-btn span {
    font-family: 'hreg' !important;
}
/*header*/
.header-item {
    margin-left: 20px
}

.menu-trigger span:nth-child(2) {
    left: auto;
    right: 0;
}

.menu-trigger span {
    left: 0;
}

.font-changer a {
    margin-left: 5px
}

.inverse-container, .sound-container, .theme-container {
    margin-right: 12px
}

    .theme-container a:nth-child(1) {
        left: -9px
    }

    .theme-container a:nth-child(3) {
        right: -9px
    }

.accessibility-container.header-item {
    margin-left: 10px
}

.theme-container {
    margin-right: 3px
}

.site-header .search-field {
    padding-right: 15px
}

.search-form-container {
    right: -10px
}

.user-area > span {
    text-align: left
}

/*footer*/
.footer-socialmedia .staticSocialMedia a {
    margin-left: 6px
}

    .footer-socialmedia .staticSocialMedia a:last-child {
        margin-left: 0
    }

/*default list*/
.default-list .item-img-container:before {
    border: 1px solid #efefef;
    border-right: 0
}

.default-list .item, .default-section {
    box-shadow: 0px 3px 14px #ccc;
}

.default-list .item-date i {
    margin-left: 8px
}

/*news home component*/
.default-section:before {
    right: 0;
}

.more-btn .icon-plus {
    margin-right: 4px
}

.slick-slider .arrow.left-arrow {
    left: 5px
}

.slick-slider .arrow.right-arrow {
    right: 5px
}

.subscribe-to-news-container i {
    margin-left: 20px
}

.subscribe-to-news-container .btn {
    margin-right: 70px
}

.subscribe-to-news-container {
    background: url(Images/mail-img.png) left bottom no-repeat #fff;
    padding: 30px;
}

    .subscribe-to-news-container h3 {
    }

    .subscribe-to-news-container span {
    }

.multiselect__option:after {
    right: auto !important;
    left: 0 !important
}
/*events home component*/
.events-home .item-body {
    padding-right: 15px
}

/*details page*/
.page-item-data {
    margin-left: 60px
}

    .page-item-data i {
        margin-left: 8px;
    }

.send-to-mail i {
    margin-left: 8px
}

.event-date-cat > div i, .event-list .item-location i {
    margin-left: 9px
}
/*event listing*/
.event-date-cat > div {
    margin-left: 30px
}

/*event registeration*/
.event-side-info li i {
    margin-left: 10px
}

.custom-form [type="radio"] + label {
    padding-right: 30px;
    margin-left: 15px
}

    .custom-form [type="radio"] + label:before, .custom-form [type="radio"] + label:after {
        right: 0
    }

.details-location i {
    margin-left: 5px
}
/*breadcrumb*/
.breadcrumb-container ul li {
    margin-left: 10px
}

/*paging*/
.pagination > li {
    float: right
}

/*filteration*/
.navbar-form.filters .form-group {
    margin-left: 10px
}

.datepicker.dropdown-menu {
    right: auto
}

.form-group.date:after, .custom-date-control:after {
    left: 10px
}

.navbar-form.filters .btn:last-child {
    margin-left: 0px
}

.navbar-form.filters .btn {
    margin-left: 10px
}

.form-group.date:before, .custom-date-control:before {
    left: 50px
}
/*filteration*/

/**/
.feedback-homepage .left-section {
    padding-left: 15px
}

.table-responsive tr td, .table-responsive th {
    text-align: right !important
}

/*
.datepicker-dropdown.datepicker-orient-left:after{right:7px;left:auto !important}
.datepicker-dropdown.datepicker-orient-left:before{right:6px;left:auto !important}
*/
.navbar-form.filters .btn {
    margin-left: 10px
}

    .navbar-form.filters .btn:last-child {
        margin-left: 0px
    }

.pagination i.fa {
    transform: scaleX(-1)
}

.form-group.date:before {
    left: 50px
}

.datepicker {
    direction: rtl !important
}
/*modal*/
.modal-header .close {
    left: 17px;
}

/*form*/
.form-section-title {
    padding-right: 0px
}

    .form-section-title:before {
        right: 0
    }

.alert .alert-icon {
    float: right
}

.alert .alert-message {
    display: inline-block;
    margin: 6px 30px 0 0
}

.custom-tab-content h2:after {
    right: 0
}

.custom-form [type="checkbox"] + input + label:before, .custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    left: auto;
    right: 0
}

.custom-form [type="checkbox"]:checked + input + label:before {
    right: 10px
}

.custom-form .checkbox label {
    padding-right: 30px
}

.custom-gender-radio label {
    padding-right: 65px !important;
    margin-left: 15px !important
}

/*laws and regulations*/
.laws-reg-homepage .right-section {
    left: -55px;
}

.laws-reg-homepage .more-btn {
    right: 30px;
}

    .laws-reg-homepage .more-btn .icon-plus {
        margin-right: 10px
    }

.download-btn i {
    margin-left: 10px;
}

.laws-reg-homepage .btn {
    right: 20px
}

.laws-categ i {
    right: -3px
}

.text-right {
    text-align: left !important;
}

.text-left {
    text-align: right !important;
}

/*partners and industries home*/
.partners-industries-home .more-btn {
    position: absolute;
    left: 30px;
    top: 30px;
    right: auto
}

.tab-headings li {
    margin-left: 50px;
}

/*online services*/
.online-services-homepage .right-section {
    left: -50px;
}


/*faqs*/
.faq-question {
    padding-right: 50px;
    padding-left: 35px
}

    .faq-question:before {
        content: 'س';
        right: 0;
        line-height: .9
    }

.default-section.question-body:after {
    content: 'ج';
    right: 20px
}

.default-section.question-body {
    padding-right: 70px
}

.faq-question:after {
    left: 0;
}

.faq-question:hover:after, .faq-question:focus:after {
    left: 15px
}

/*careers*/
.single-job {
    padding-right: 0 !important
}

/*photo gallery*/
.gallery-listing .item-date i {
    margin-left: 10px
}

.side-slider {
    padding-right: 10px
}

.share-download, .slick-custom-control {
    left: 0px;
}

/*videogallery*/
.side-video-list {
    padding-right: 15px;
}

.video-container-content {
    padding-right: 15px
}

/*customscroll*/
.ss-scroll {
    right: calc(100% - 3px) !important;
    left: auto !important
}

/*org chart*/

.org-chart ul ul {
    padding-right: 40px
}

    .org-chart:before, .org-chart ul ul:before {
        right: 4px
    }

.org-chart .tree-item:before {
    right: -36px
}

.org-chart ul ul:after {
    right: -36px;
}


/*main menu*/
#menu-trigger {
    margin-left: 20px
}

.menu-trigger.opened span:nth-child(2) {
    right: -60px
}

.menu-trigger.opened:before {
    right: 0;
}

.menu-trigger.opened:after {
    content: 'القائمة';
    right: 70px;
}

.menu-trigger.opened span {
    right: 10px
}

/*side menu*/
.content-side-menu a:before, .content-side-menu a:before, .content-side-menu a:before {
    right: -20px;
}

.side-header .title-container h3 {
    line-height: 1.2
}

/*login*/
.mofa-login-form input[type="text"] {
    border: 1px solid #a1a1a1;
}

.username-input input, .password-input input {
    padding-left: 60px
}

.username-input:after {
    left: 13px
}

.username-input:before {
    left: 50px
}

.password-input:after {
    left: 13px
}

.password-input:before {
    left: 50px
}

.manage-reg {
    left: -45px;
}

/*uae control list*/
.doc-item .right-section {
    padding: 14px 30px 14px 0px;
    border-right: 2px solid #ccc
}

/*updated styles*/
.side-tab .status {
    left: 25px;
}

.status i {
    left: 0;
}

.error-list span:before {
    margin-left: 5px
}

.custom__remove {
    margin-right: 5px
}

.custom__tag {
    margin-left: 10px
}

.btn-upload span {
    margin-left: 10px
}

.step-number {
    margin-left: 15px;
}

.service-sidebar-container h2 i {
    margin-left: 10px
}

.form-section-title:before {
    margin-left: 15px;
    z-index: auto;
    margin-right: -1em
}

.multiselect__select {
    left: 1px;
    right: auto !important
}

.multiselect {
    text-align: right !important
}

.multiselect__tags {
    padding: 8px 8px 0 40px !important;
}

.custom-form [type="checkbox"] + label:before, .custom-form [type="checkbox"]:not(.filled-in) + label:after {
    left: auto;
    right: 0 !important
}

#NumberofVehiclesID {
    right: 0
}

.service-sidebar-container .side-tab li {
    padding-left: 25px
}

    .service-sidebar-container .side-tab li.active:before {
        left: auto;
        right: 100%;
        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-right: 9px solid #b68a35;
        border-left: 0 !important
    }

.ws-task-count {
    right: auto !important;
    left: 0 !important
}
/*survey home*/
.survey-home .right-section {
    left: -45px
}

/*contact us*/
.contact-info-container {
    right: 40px
}

    .contact-info-container i {
        margin-left: 15px
    }

/**/
.notif-open {
    right: calc(100% + 25px)
}

/*dashboards*/
.legend-container .legend-col {
    float: right
}

/**/
.navbar-right .dropdown-menu {
    right: 0 !important;
    left: auto !important
}

.custom-lang-selector a {
    line-height: 1.4 !important
}

.events-home .item-title h3 {
    line-height: 1.3;
}

/*.feedback-homepage .right-section { padding-right: 20px }*/

/*industries*/
.our-industries-home .single-industry-container .more-btn {
    right: auto;
    left: 0
}

.content-page ul li:before {
    content: "";
    color: #8c8c8c;
    display: inline-block;
    width: 1.2em;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 10px solid transparent !important;
    border-bottom: 0px solid transparent !important;
    border-left: 10px solid;
}

.content-page ul li:before {
    margin-left: 10px
}

.s-content ul {
    margin-right: 20px
}

.content-page .attachment-list li:before {
    right: 15px
}

/*wizard*/
.wizard-list li {
    float: right
}

.content-page .wizard-list li:after {
    right: 100%;
}

/*menu*/
.main-menu-title:after {
    right: auto !important;
    left: 10px !important
}

/*control updates*/
.intl-tel-input .country-list {
    right: 0
}

.intl-tel-input.allow-dropdown {
    direction: ltr
}
/*.intl-tel-input .selected-flag .iti-arrow {  left: 6px !important; right:auto !important }*/
/*.intl-tel-input .selected-flag { padding: 0 8px 0 0px !important; }

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-right: 28px;
    padding-left: 10px !important;
    direction: ltr;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
    padding-left: 6px !important;
    padding-right: 82px !important;
}*/
.intl-tel-input .country-list .country {
    padding: 5px 10px;
}

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
    margin-right: 0 !important;
    margin-left: 6px !important
}

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
    right: 0 !important;
    left: auto !important;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
    padding-left: 92px !important;
    padding-right: 6px !important;
    margin-left: 0;
}
/*body .intl-tel-input.separate-dial-code .selected-dial-code {padding-right: 28px;padding-left:0}*/
.rating > label {
    float: left !important
}

.rating {
    text-align: right !important;
    direction: rtl !important;
}

    .rating > .half:before {
        position: absolute;
        transform: scale(-1,1);
    }

.details-content-page .main-content img {
    margin-left: 30px
}

.rs-container {
    right: 205px;
}

.rsbtn .rsbtn_exp {
    float: right;
}

.rsbtn.rsexpanded .rsbtn_play {
    border-right: 0 !important
}

.rsbtn.rsexpanded .rsbtn_exp .rsbtn_exp_inner {
    border-left: 0 !important
}
/*.intl-tel-input .form-control { direction: ltr; text-align: right }*/
.modal-open header {
    padding-left: 17px
}

.service-statistics p {
    text-align: left
}

.br-theme-fontawesome-stars-o .br-widget a:after {
    transform: scaleX(-1);
    display: inline-block;
}

.captcha-container iframe {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}


/*bug fixing*/
tr td.suspicious-col:after {
    right: 0;
    left: auto
}

/*Single Attachments design*/
.single-attachment:hover .delete-icon {
    right: 0px;
    left: auto
}

.single-attachment .delete-icon {
    left: auto;
    right: -80px;
}

.single-attachment:hover .delete-icon {
    right: 0px;
    left: auto;
}

/*size aggregator*/
.attach-size p {
    float: right;
}

.attach-size .progress {
    margin-left: auto;
    margin-right: 20px;
}
/*issues*/
.online-service-details.content-page .attachments-container.adjust .attachment-list h4 {
    padding-right: 0;
}
/* chatbot */
#minzedChat::before {
    margin-left: 20px;
    margin-right: inherit;
}

.bb_chat_widget {
    right: 15px;
    left: initial;
}
/* contact us */
.contact-us-map .info {
    left: auto;
    right: 40px;
}

    .contact-us-map .info p i {
        margin-right: 0;
        margin-left: 15px;
    }

    .contact-us-map .info i {
        margin-left: 15px;
        margin-right: 0px;
    }

    .contact-us-map .info .details .desc {
        padding-right: 24px;
        padding-left: 0px;
    }
/*Checkbox*/
.custom-form [type="checkbox"]:checked + label:before {
    right: 11px !important;
}

.online-service-details.content-page .attachments-container.adjust .download-btn i {
    margin-left: 10px;
    margin-right: 0
}

/* Un Page */
.show-more-links .icon .fa {
    right: 0;
    top: 6px;
}

.border-left-before {
    border-right: 3px solid #b68a35;
    border-left: 0px solid #b68a35 !important;
    padding-left: 0px;
    padding-right: 10px;
}

.download-file .download {
    float: left;
}

.download-file .icon em {
    right: 3px;
    left: 0px;
}

.download-file .file-details {
    margin-left: 0px;
    margin-right: 15px;
}

/*Happiness meter*/
#happinessMeterBtn {
    right: auto;
    left: 0;
    transform-origin: 0 0;
    transform: rotate(-90deg);
}

    #happinessMeterBtn i {
        transform: rotate(90deg);
    }
/* Arabic input phone numer */
.ar-phone {
    direction: ltr;
    text-align: right;
}

#ExportList {
    position: relative;
}

#photogallery-slider .share-download a.share-img {
    transform: rotateY(180deg);
}

#ExportList .export-list {
    top: 35px;
}

.concern-custom-list li {
    padding-left: 0;
    padding-right: 15px;
}

    .concern-custom-list li::before {
        left: auto;
        right: 0px;
        transform: rotate(180deg);
        top: 2px;
    }

.resend-sms-container a#resendVerification {
    margin-right: 20px;
    margin-left: auto;
}

.feedback-homepage {
    background: url('Images/saandBGAR.png') no-repeat center !important;
    background-size: cover !important;
}

tr.rollback td:first-child::before {
    left: auto;
    right: 0px;
    transform: rotate(90deg);
}
/*Expo Logo*/
.footer-top .expo-logo {
    margin-right: 120px;
    margin-left: initial
}

/******* UAT BUGS******/
.navbar-form.filters div:not(.v-select) .form-control {
    text-align: right
}

.welcome-widget .width70 {
    width: 77% !important;
}

.welcome-widget .title {
    font-size: 1.6em !important
}

#GoodsSearchPopup .table > tbody > tr > td {
    direction: rtl !important
}

.custom-form .control-label {
    text-align: right !important;
}


/*new un page*/
.un-details-page .view-content {
    text-align: right
}

.un-details-page h3, .un-details-page h4 {
    padding-right: calc(10rem / 16);
    border-right: 3px solid;
}

.un-side-menu.fixed {
    right: auto;
    left: auto;
}

.un-side-menu > li > a {
    padding-left: 2em;
}

    .un-side-menu > li > a:after {
        left: 0;
    }

.un-details-page .view-content table td:not(:last-child) {
    border-left: 1px solid #B9B9B9;
}


.un-details-page .view-content ul:not(.list-inline) li, .un-details-page .view-content ol:not(.list-inline) li {
    padding-right: calc(22rem / 16);
}

.un-details-page .view-content ul li::before,
.un-details-page .view-content ol li::before,
.subscription-modal .modal-img:before,
.subscription-modal .modal-form .checkmark, .subscription-modal .modal-title {
    right: 0;
}

.related-content-widget .related .related-item {
    padding-left: calc(24rem / 16);
}

.fixed-top-right-widgets.squares {
    left: 0;
}

.fixed-top-right-widgets .square, .fixed-top-right-widgets .square-list {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.fixed-top-right-widgets .square-list {
    left: 0;
    text-align: right;
}


.fixed-top-right-widgets .square-list-body ul li {
    padding-right: calc(24rem /16);
}

    .fixed-top-right-widgets .square-list-body ul li:before {
        right: 0;
        left: auto;
    }


.subscription-modal .closebtn {
    left: -3.5rem;
}

.subscription-modal .modal-form .radio-container {
    padding-right: 2.25rem;
}

    .subscription-modal .modal-form .radio-container .checkmark:after {
        right: calc(2.5rem/16);
    }

.subscription-modal .modal-form .radio {
    margin-left: 4.5rem;
}

.subscription-modal .modal-form select {
    padding-left: 2.5rem;
    background-position-x: 0.75rem;
}

@media only screen and (max-width: 1600px) {
    .laws-reg-homepage .btn {
        right: 15px !important;
    }

    .doc-item .right-section {
        padding-right: 15px !important
    }

    .online-services-homepage .right-section {
        left: -40px
    }
    /*survey home component*/
    .survey-home .right-section {
        left: -45px
    }

    /* UN PAGE */
    .un-details-page {
        padding-left: 5rem;
    }
}


@media only screen and (max-width: 1050px) {
    body .news-home-listing.slick-slider .arrow.right-arrow {
        left: calc(50% + 5px)
    }

    .lg-list-homepage .slick-list {
        width: calc(100% - 150px);
        margin: 0 auto;
        padding: 20px 0;
    }
}

@media only screen and (max-width: 1000px) {
    .notif-open {
        right: calc(100% + -14px) !important
    }
}

@media only screen and (max-width: 768px) {
    .navbar-form.filters .form-group {
        float: right
    }

    .form-group.date:after, .custom-date-control:after {
        left: 22px
    }

    .logo-container {
        text-align: left
    }

    body .laws-reg-homepage .more-btn {
        position: absolute;
        left: 15px;
        top: 15px;
        right: auto;
        bottom: auto
    }

    #EventsContainer .item .more-btn {
        left: 10px;
        right: unset;
    }

    .gridLawsAndRegulations .laws-reg-list .item-footer {
        position: absolute;
        right: -10px;
        bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .fixed-top-right-widgets.squares {
        left: 1rem;
    }
}

@media only screen and (max-width: 720px) {
    body .news-home-listing.slick-slider .arrow.right-arrow {
        left: 5px
    }

    .form-group.date:after, .custom-date-control:after {
        left: 25px;
    }

    .form-group.date:before, .custom-date-control:before {
        left: 60px;
    }

    .navbar-form.filters .form-group {
        float: right
    }

    .navbar-form.filters .btn {
        margin-right: 15px;
        float: right
    }
}

@media only screen and (max-width: 480px) {
    .page-item-title-container + .pull-right {
        text-align: right !important;
    }
}

@media (max-width: 576px) {
    .menu-trigger.opened:after {
        left: -50px !important;
        right: auto;
    }
}

@media (max-width :440px) {
    .g-recaptcha {
        transform: scale(0.7);
        transform-origin: 100%;
    }
}

@media (max-width :350px) {
    .g-recaptcha {
        transform: scale(0.6);
    }
}

.single-attachment i.icon-file-pdf-regular {
    margin-left: 10px;
}

.welcomeHeader {
    padding-right: 5px;
}


/*center mixture table action icons */
#GoodMixtureDetails > tbody > tr > td.center-mixture-delete-btn {
    vertical-align: middle !important;
    text-align: center !important;
}

.alert-message-container {
    display: flex;
    justify-content: center;
    gap: 2px;
    flex-direction:row;
   padding:5px 0;
}