@font-face {
    font-family: 'Alexandria';
    src: url('../fonts/Tajawal-Regular.ttf') format('truetype');
}

.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1,
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2,
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3,
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4,
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5,
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6,
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7,
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8,
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9,
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10,
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11,
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12 {
    font-family: 'Alexandria' !important;
}

h1, h2, h3, h4, h5, h6, a, ul, ol, ul li, ol li, div,span,input,button,select,text,textarea {
    font-family: 'Alexandria' !important;
}

input.form-control.Req {
    border: 1px solid red;
}


.MapsGoogle iframe {
    width: 100%;
}












.row {
    direction: rtl;
}

.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1,
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2,
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3,
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4,
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5,
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6,
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7,
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8,
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9,
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10,
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11,
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12,
.col-md {
    float: right;
}

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

.PhoneLTR {
    direction: ltr;
    display: inline-block;
}

body {
    text-align: right;
}

h1, h2, h3, h4, h5, h6, p, a, span {
    direction: rtl;
}
.popup-tab-content p, .popup-tab-content span, .popup-tab-content div, .popup-tab-content label, div.fun-facts-container {
    direction: rtl;
    text-align: right;
}
i.icon-right-arrow {
    transform: rotate( 180deg );
}

.RTLDL {
direction:ltr;
}

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


 
.RTL {
    direction: ltr;
}
/*.maptext {
    text-align: right !important;
}

.maptext i.icon-black-envelope {
    float: right;
    padding: 5px 0 0 7px;
}
.single-service > .row {
    align-items: normal;
}
*/




ul.user-menu-small-nav li {
text-align:right;
}

.user-details {
    flex-direction: row-reverse;
}

.user-name {
    padding: 15px 5px 15px 0;
}

.user-menu .header-notifications-trigger, .user-menu .header-notifications-trigger a {
    top: 30%;
}

.banner-headline {
    max-width: 100%;
    padding-right: 50%;
}


#header .left-side {
    float: right;
    text-align: right;
    direction: rtl;
}
#header .right-side {
    float: left;
    text-align: left;
    left: 25px;
    right: unset;
}
#logo {
    border-right: none;
    border-left: 1px solid #e0e0e0;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 35px;
    margin-left: 20px;
}

.fullwidth .header-widget:last-of-type {
    padding-left: 5px;
    margin-left: 0;
    padding-right: 30px;
    margin-right: unset;
    border-right: 1px solid #e0e0e0;
}

.header-widget {
    border-left: unset;
    border-right: 1px solid #e0e0e0;
    text-align: right;
    float: right;
}

.header-notifications:last-child {
    margin-left: -15px;
    margin-right: unset;
}
.header-notifications-trigger span {
    margin-right: -10px;
    margin-left: unset;
}
.header-notifications {
    padding-right: 0px;
    padding-left: 15px;
}

#navigation ul li {
    float: right;
}

#navigation ul li a:after, #navigation ul ul li a:after {
    content: unset;
}
#navigation ul li a:before, #navigation ul ul li a:before {
    margin-right: 7px;
}

#navigation ul li ul {
    left: unset;
    right: 9px;
}
#navigation ul ul:after {
    left: unset;
    right: 25px;
}

.header-notifications-dropdown:before {
    left: 43px;
    right: unset;
}
.header-notifications-dropdown {
    left: -15px;
    right: unset;
    text-align: left;
}

button.mark-as-read {
    float: left;
    left: -8px;
    right: unset;
}
button.mark-as-read {
    float: left;
    left: -8px;
    right: unset;
}
.header-notifications-headline {
    text-align: right;
}

.notification-text, .header-notifications-content .notification-text {
    padding-left: 5px;
    padding-right: 20px;
    text-align: right;
    direction:rtl;
}

.header-notifications-trigger, .header-notifications-trigger a {
    direction:rtl;
}
/*Home*/

.intro-search-field .field-title {
    right: 0;
    left: unset;
}

.intro-banner-search-form .input-with-icon input {
    padding-left: 0px;
    padding-right: 43px;
}
.intro-banner-search-form .input-with-icon i {
    left: auto;
    right: 10px;
}
.intro-banner-search-form .intro-search-field:nth-last-child(2) {
    border-right: 1px solid #e4e4e4;
}
.intro-stats li {
    margin-left: 35px;
    margin-right: 0;
    padding-left: 35px;
    padding-right: 0;
    border-left: 1px solid #e0e0e0;
    border-right: none;
}
a.headline-link, div.headline-link {
    left: 0;
    right: unset;
}
a.headline-link:after {
    content: "\e993";
    margin-left: 0px;
    margin-right: 5px;
}
.section-headline {
    padding-left: 20%;
    padding-right: 0%;
}
.tasks-list-container.compact-list .task-listing {
    direction: rtl;
}

.tasks-list-container.compact-list .task-listing:first-of-type {
    border-radius: 3px 0px 0 3px;
}
.tasks-list-container.compact-list .task-listing .task-listing-details {
    padding: 10px 10px;
    padding-left: 0;
}
.icon-material-outline-access-time:before, .icon-material-outline-location-on:before, .icon-material-outline-business:before,
.icon-material-outline-business-center:before, .icon-feather-mail:before, .icon-feather-phone:before {
    float: right;
    margin-top: 2px;
}
.icon-material-outline-arrow-right-alt:before {
    content: "\e993";
}
.task-listing .task-icons li {
    margin-left: 10px;
}

.tasks-list-container.compact-list .task-listing:before {
    left: unset;
    right: 0;
}


.full-width-carousel-fix .slick-list {
    direction: ltr;
}
.icon-box.with-line:before {
    left: 0%;
    right: 50%;
}

/*breadcrumbs*/
#breadcrumbs {
    right: unset;
    left: 15px;
}
#breadcrumbs ul li {
    margin: 0 7px 0 0px;
}
#breadcrumbs ul li:first-child {
    margin-right: 0;
    margin-left: unset;
}
#breadcrumbs ul {
    direction: rtl;
}
#breadcrumbs.dark ul li:before {
    border-left: none;
    border-right: 4px solid rgba(255,255,255,0.3);
}

#breadcrumbs ul li:before {
    border-left: 4px solid #aaa;
    margin-left: 12px;
    margin-right: 0px;
}
.dashboard-headline #breadcrumbs {
    left: 0;
    right: unset;
}

.tags-container .tag {
    float: right;
    margin: 0 0 7px 7px;
}
.keywords-list {
    float: right;
}
.keyword {
    float: right;
}
.keyword-text {
    padding: 0px 12px;
}

.single-page-header .left-side {
    padding-right: unset;
    padding-left: 30px;
}
.single-page-header .header-image {
    margin-right: unset;
    margin-left: 35px;
}

/*Pricing*/

.billing-cycle-radios .radio {
    margin-right: unset;
    margin-left: 20px;
    direction: rtl;
    text-align: right;
}
.radio label {
    padding-right: 29px;
    padding-left: unset;
}

.radio input[type="radio"] + label .radio-label {
    right: 0;
    left: unset;
}
/*Dashboard*/
.dashboard-nav ul li a i {
    padding-left: 8px;
    padding-right: 0px;
}

.simplebar-track {
    right: unset;
    left: 0;
}

.dashboard-nav ul li {
    border-left: none;
    border-right: 3px solid transparent;
}
.dashboard-container, .full-page-container {
    flex-direction: row-reverse;
}

.dashboard-nav ul li ul li {
    padding-left: 0px;
    padding-right: 63px;
}

table.basic-table th:first-child {
    border-radius: 0 4px 4px 0;
}
table.basic-table th:last-child {
    border-radius: 4px 0 0 4px;
}
table.basic-table th {
    text-align: right;
}

.dashboard-nav ul li a:after {
    margin-left: 0px;
    margin-right: 7px;
    left: 35px;
    right: unset;
}

.dashboard-box .headline .sort-by {
    left: 30px;
    right: unset;
}

.buttons-to-right, .dashboard-box-list .button.to-right {
    left: 30px;
    right: unset;
}
.dashboard-box .button.ico i {
    margin-left: 0px;
    margin-right: -7px;
}

.job-listing .job-listing-company-logo {
    margin-left: 25px;
    margin-right: unset;
}

.job-listing .job-listing-footer ul li {
    margin-left: 14px;
    margin-right: unset;
}
.job-listing .job-listing-footer ul li i {
    margin-left: 3px;
    margin-right: unset;
}
.dashboard-box .headline h3 i:before {
    float: none;
}
.dashboard-box .headline h3 i {
    margin-left: 4px;
    margin-right: unset;
}
.dashboard-box .freelancer-overview .freelancer-name {
    text-align: right;
    margin: 0 30px 0 0;
}
.star-rating:before {
    float: right;
    margin-left: 10px;
    margin-right: unset;
}
.star-rating .star {
    float: right;
    margin-right: 0;
}
.freelancer-overview .freelancer-avatar .verified-badge {
    left: 0;
    right: unset;
}

.dashboard-task-info li {
    border-left: 1px solid #d0d0d0;
    border-right: none;
    padding-left: 22px;
    padding-right: unset;
    margin-left: 22px;
    margin-right: unset;
}
.dashboard-task-info li:last-child {
    margin-left: 0;
    margin-right: unset;
    padding-left: 0;
    padding-right: unset;
}
.dashboard-box-list .buttons-to-right.always-visible:not(.single-right-button) {
    margin: 5px -2px 10px 0;
    left: auto;
    right: unset;
}


.dropdown-menu > li > a {
    padding-left: 35px;
    padding-right: unset;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
    float: right;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
    left: 20px;
    right: unset;
}
.bootstrap-select.btn-group .dropdown-menu li {
    text-align: right;
    direction:rtl;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    left: 8px;
    right: unset;
}

.input-with-icon input {
    padding-left: 45px;
    padding-right: 20px;
}

.bootstrap-select:before {
    left: 0;
    right: unset;
}
.sort-by .bootstrap-select.btn-group button {
    left: 0;
    right: unset;
    margin-left: unset;
    margin-right: 10px;
    padding-left: 12px;
    padding-right: unset;
}

.sort-by .bootstrap-select.btn-group .dropdown-toggle .caret {
    left: 0;
    right: unset;
}

.freelancer-detail-item {
    margin: 2px 0 5px 10px;
}

.dashboard-box .button i.icon-material-outline-check {
    margin-left: 5px;
}

.freelancer-name img.flag {
    margin-left: 4px;
    margin-right: unset;
    float: right;
    margin-top: 5px;
}

.checkbox label span.checkbox-icon {
    left: unset;
    right: 0;
    margin-right: 0px;
    margin-left: 5px;
}

.checkbox label {
    padding-left: 0px;
    padding-right: 30px;
}

/*Register*/
.account-type label i {
    margin-left: 2px;
}

.input-with-icon-left input, .input-with-icon-left select {
    padding:10px 65px 10px 20px;
}
.social-login-buttons button i {
    margin-left: 7px;
    margin-right: 0px;
}
/*Project*/
.single-page-header .header-details li {
    margin-right: unset;
    margin-left: 20px;
}
.single-page-header .header-details li i {
    margin-right: unset;
    margin-left: 2px;
    float: right;
}

.task-tags span i {
    float: right;
    padding: 5px 0px 5px 5px;
}

.bid .freelancer-avatar {
    margin-right: unset;
    margin-left: 10px;
}
/*footer*/
.small-footer .footer-social-links {
    text-align: right;
    float: right;
    margin: 0 10px 0 0;
}
.small-footer-copyrights {
    direction: ltr;
    text-align: left;
}
.footer-rows-left {
    float: right;
}
.footer-rows-right {
    float: left;
}
.footer-rows-right .footer-row:first-child {
    padding-left: 0px;
    padding-right: 40px;
    border-left: none;
    border-right: 1px solid #484848;
}

.footer-links ul {
    text-align: right;
}

.icon-feather-arrow-right:before {
    content: "\e910";
}

#footer h3 i {
    margin-left: 5px;
    margin-right: 0px;
}

.task-listing-bid .task-offers span, .task-listing-bid .task-offers strong {
    display: inline-block;
}

@media only screen and (max-width: 575px) {
    .header-logo, .header-logo img {
            FLOAT: left;
        }

        /*.mobFloatL {
        float: right;
    }
    .slick-initialized .slick-slide {
    float:left;
    }
    .services-box-wrap-mobile {
        direction: ltr;
     }
    .blog-post-info {*/
        /* float: right; */
        /*direction: rtl;
    }
    .blog-grid .post-title {
        width: 100%;
        max-width: 100%;
        font-size:20px
     }*/
    }

@media (max-width: 1099px) {
    #logo img {
        border: none;
        max-width: 100px;
        /*height: 90%;*/
    }
    .mmenu-trigger {
        padding-left: 20px;
    }
}
@media (max-width: 992px) {
    a.dashboard-responsive-nav-trigger span.trigger-title {
        padding-right: 33px;
    }

    .single-page-header #breadcrumbs {
        transform: translateY(-85%);
    }

    .banner-headline {
        padding-right: 0%;
    }
}



.status-icon, .notification-avatar:after, .user-avatar:after {
    content: unset;
}

.nav-link ul {
    direction:rtl;
}

.og-close, button.mfp-close {
    right: unset;
    left: -12px;
}

.sidebar-widget input {
    text-align: right;
}

.sort-by {
    float: left;
}

#Messages .message-text .MessageTime {
    display:block;
    direction: rtl;
    text-align:left;
}