@import url("//fonts.googleapis.com/earlyaccess/droidarabickufi.css");
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,800');

body {
    font-family: 'Droid Arabic Kufi', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.push-RightLeft {
    float: right;
}

.push-LeftRight {
    float: left
}
/*.sidePanel,.dropdown-submenu,.dropdown-subsubMenu { margin-right: -35px;}*/ /*original issue solved by next line*/
.nav {
    padding-right: 0;
}

.nav-link[data-toggle].collapsed:after {
    left: 4%;
}

.nav-link[data-toggle]:not(.collapsed):after {
    left: 4%;
}

.ltr {
    font-family: 'Raleway', sans-serif;
    font-weight: 600 !important
}

.stepTab .nav-tabs {
    border-left: 1px solid #a4a3a3
}

    .stepTab .nav-tabs .nav-link {
        margin-left: -1px !important;
    }

        .stepTab .nav-tabs .nav-link span {
            padding-right: 73px;
        }

.stepTabContainer {
    padding: 10px 0 25px 15px
}

    .stepTabContainer .stepCount {
        right: auto;
        left: 35px;
    }

.innerTabWrapper .nav-tabs .nav-link {
    border-right: 1px solid #cce2fe;
}

    .innerTabWrapper .nav-tabs .nav-link:hover {
        border-left: 1px solid #4971c1
    }

.radioClass label {
    margin-left: 15px
}
/* required for datepicker*/
.list-unstyled {
    padding-right: 0;
}

.bootstrap-datetimepicker-widget table td span {
    width: 65px !important;
}

.full-screen-handle {
    transform: rotateX(180deg);
}

th {
    text-align: right;
}

.loginContainerHeading h1 {
    text-align: right
}

.loginContainerHeading a {
    float: left
}

.loginContainerSep {
    border-left: 2px dotted #537378;
}

.LangBtnHM, .LangBtnHM:hover {
    font-family: 'Raleway', sans-serif;
    line-height: 17px;
}

.waqfSection span.readmoreLink {
    left: 15px;
    right: auto;
}
.accordionSectionHeader::after {
    left: 0;
    right: auto;
}
.accordionSectionPanel,.accordionSectionHeader{background-color:#e4f8fc;background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4f8fc",GradientType=1);}
.accordionSectionHeader[data-toggle].collapsed:after { content: "\f053"; }
    .waqfProjContainerCol h2,.waqfProjectDescription p, .waqfProjContainer span {text-align:right}
    .waqfProjectBtn{ flex-direction: row-reverse;}
    .waqfProjectDescription p, .waqfProjectDescription span { font-size: 0.7rem}

.WaqfTypesContainer .sliderSection span{left: 12px;right: auto;}

#searchResultcarousel .carousel-indicators {
    left: 43px
}

.WaqfTypesContainer .sliderSection h1, .outerFooter p {
    text-align: right
}
.WaqfTypesContainer .sliderSection .DonateNowBtn{justify-content:flex-end}
.WaqfTypesContainer .sliderSection .DonateNowBtn a{align-items: baseline;}
.WaqfTypesContainer .sliderSection .DonateNowBtn a:before{content:"\f104"; }

.modal-header .modal-title {
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    float: none
}

.modal-header .close {
    margin-right: auto;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    padding: 0.5rem
}

div.descriptionArea {
    flex-direction: row-reverse;
    direction: ltr
}

    div.descriptionArea article > h2 {
        right: -169px;
        text-align: right;
        font-size: 0.7rem;
        transform: rotate(90deg);
        bottom: auto;
        top: 0
    }
    /**/
    div.descriptionArea article.active > h2 {
        color: #fff;
        font-size: 0.7rem
    }

    div.descriptionArea article.active > div, div.descriptionArea article:hover > div, div.descriptionArea article > div {
        padding: 0.5rem 3rem 0.5rem 0.5rem
    }

    div.descriptionArea article div h3, div.descriptionArea article div h4, div.descriptionArea article div.desp-body {
        text-align: right
    }

    div.descriptionArea article div.desp-body {
        direction: rtl
    }

.serivceLinkform form .form-group .selectGeneralServices li {
    margin-left: 10px
}
.bannerWrapper .carousel-control-prev {
    left: auto;
    right: 0;
}

.bannerWrapper .carousel-control-next {
    left: 0;
    right:auto
}



.bannerWrapper .carousel-control-next .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}


.bannerWrapper .carousel-control-prev .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.settingsMenu.dropdown-toggle::after {
    left: 0
}

.loginContainer .settingsMenu.dropdown-toggle span {
    background-position: right top;
    padding-right: 45px;
    padding-left: 10px;
}

.dropdown-submenu .nav-item .nav-link {
    text-align: right
}

.loginContainer .dropdown-menu.show {
    left: auto !important;transform: translate3d(4px, 67px, 0px) !important;
}


/*mobile screen only - portrait all*/
@media only screen and (min-width: 320px) and (max-width: 992px) {
    .servicesLinkWrapper li {
        background-image: none;
    }

    .loginContainerHM {
        margin-right:auto
    }

    .nav-link[data-toggle].collapsed:after, .nav-link[data-toggle]:not(.collapsed):after {
        left: 5%;
    }

    .loginContainerSep {
        border: none
    }

    .stepTabContainer {
        padding: 10px
    }

    .maraLogo {
        margin: 0
    }


    .waqfProjectDescription {
        border: none
    }
    .sidePanel .navbar-toggler{ float:left}

    .loginContainer .settingsMenu.dropdown-toggle span { background-position: right  -1867px; }
}

.float-alter {
    float: left;
    text-align: left;
}

.text-alter {
    text-align: left;
}

.wizard-steps-panel .step-number .number {
    margin-right: calc(50% - 1.7em / 2 );
    margin-left: 0;
}

.timeline__content {
    text-align: right;
}

.revertDir {
    direction: ltr;
}

.cd-timeline__container .cd-timeline__block:nth-child(2n+1) {
    text-align: right;
}

.cd-timeline__container .cd-timeline__block:nth-child(2n+2) {
    text-align: left;
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
    text-align: right;
}

.bootstrap-select .dropdown-menu.inner {
    text-align: right;
}
/*Administrative supervision - Messages hisory*/
.comment-border-link {
    right: 6px;
}

.sr-only {
    right: -10000px;
}

.comment-info {
    margin-right: 10px;
}

.replies {
    margin-right: 28px;
}

.comment-body {
    padding-right: 28px;
}

.comment-heading::after {
    right: 100%;
}