@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
} 

.toplinks.collapse{left: 0;
    right: auto;}
.MosqueName {
    left: 35px;
    right: auto;
    float: left
}

.langBtn, .langBtn:hover {
    padding: 0 6px;
    line-height: 23px;
    margin-top: 0;
    vertical-align: middle
}

.sidePanel, .dropdown-submenu, .dropdown-subsubMenu {
    margin-right: -35px;
}

.LoginPgWrapper .card-header {
    padding-right: 0;
    margin-right: 0
}
/*bg position 39px*/
.nav-link[data-toggle].collapsed:after {
    left: 4%;
}

.nav-link[data-toggle]:not(.collapsed):after {
    left: 4%;
}
.GridStyle {
    direction: ltr;
    text-align: right !important;
}
.ltr {
    font-family: 'Raleway', sans-serif;
    font-weight: 600 !important
}

h4 i {
    margin: 0 0 0 0.5rem;
}

.radio-inline input[type="radio"] {
    vertical-align: top;
}

/*.settingsMenu {
    right: 17px;
    left: auto
}

.loginType {
    right: 14px;
    left: 0;
}*/

    .loginType span.logintypeName {
        padding-right: 50px;
        padding-left: 0;
        background-position: right top;
        text-align: right;
        line-height: 15px
    }

/*.sidePanel .nav-link[data-toggle]:not(.collapsed) {
    margin: 0 0.35rem 0 0 !important
}

.sidePanel .dropdown-submenu .nav-link, .sidePanel .dropdown-submenu .nav-link[data-toggle]:not(.collapsed) {
    margin: 0 2rem 0 0 !important
}

.sidePanel .dropdown-submenu .dropdown-subsubMenu .nav-link, .sidePanel .dropdown-submenu .dropdown-subsubMenu .nav-link[data-toggle]:not(.collapsed) {
    margin: 0 !important
}*/

/* required for datepicker*/
.list-unstyled {
    padding-right: 0;
}

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

.LoginPgMaraMosqueLogo {
    background-image: url('../images/MosqueLogoAr.png');
    background-size: contain;
    right: 0;
    left: 0;
}

.LoginPgLangBtn, .LoginPgLangBtn:hover {
    right: auto;
    left: 40px;
    padding: 5px 7px;
}

.LoginPgWrapper .card .card-body input[type="text"] {
    background-position: right -121px;
    padding-right: 30px
}

.LoginPgWrapper .card .card-body input[type="password"] {
    background-position: right -151px;
    padding-right: 30px
}

th {
    text-align: right !important;
}

.bootstrap-select .dropdown-menu.inner {
    text-align: right;
}

/*home page piechart*/
#mosqueChartContainer, #visitChartContainer {
    direction: rtl !important;
}

.requiredFeild {
    color: red;
    font-weight: bold;
}
/*Rich text Editor*/
.note-btn-group.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.note-btn-group.btn-group > .btn:last-child:not(:first-child), .note-btn-group.btn-group > .dropdown-toggle:not(:first-child), .note-btn-group.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.panel-heading.note-toolbar .note-color .dropdown-toggle {
    padding-right: 5px;
    padding-left: 0
}

/*Homepage*/


    .menuWrapper ul li a {
        font-size: 12px;
        
    }


.socialEmailLinks .emailContact p i {
    transform: rotate(243deg)
}

.accordionSectionHeader {
    padding-right: 0.5rem;
}

#Service01 .accordionSectionHeader::before, .ServiceCategoryWrapper #Category01 .accordionSectionHeader::before {
    background-position: 10px -360px;
}

#Service02 .accordionSectionHeader::before, .ServiceCategoryWrapper #Category02 .accordionSectionHeader::before {
    background-position: 10px -498px;
}

#Service04 .accordionSectionHeader::before, .ServiceCategoryWrapper #Category04 .accordionSectionHeader::before {
    background-position: 10px -626px;
}

#Service03 .accordionSectionHeader::before, .ServiceCategoryWrapper #Category03 .accordionSectionHeader::before {
    background-position: 10px -750px;
}

.accordionSectionHeader::after {
    left: 0;
    right: auto;
}

.inpageWrapper .inpageHeading:after {
    vertical-align: middle
}

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

.LoginWrapper .btnGo {
    transform: rotate(180deg)
}

@media only screen and (min-device-width : 320px) and (max-device-width : 980px) {
    .nav-link[data-toggle].collapsed:after, .nav-link[data-toggle]:not(.collapsed):after {
        left: 7%;
    }

    .LoginPgMaraMosqueLogo {
        background-repeat: no-repeat;
        right: 4%;
        left: auto;
        background-position: left top;
        height: 0;
        background-size: 92%
    }

    .logoutContainer {
        left: 8px
    }

    .maraMosqueLogo {
        background-size: 75%;
        background-repeat: no-repeat;
        background-position: right center;
    }

    .loginType {
        right: auto;
        left: 0;
    }

    .MosqueName {
        left: 17px;
        float: left
    }

    .langBtn, .langBtn:hover {
        margin-top: 5px
    }

    .loginType .navbar-toggleable {
        left: 30px;
    }

    .loginType span.logintypeName {
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        line-height: 33px;
    }
    /*.loginType .dropdown-menu   { left: -15px !important; right:auto !important}*/
    .logoutContainer .navbar-toggler {
        margin: 8px 0 0 14px;
    }
}

.table-responsive th:last-child, .table-responsive td:last-child{left:0; right:auto} 

blockquote {
    border-right: 10px solid #ccc;
    margin: 10px 1.5em;
    padding: 10px 0.5em;
    quotes: "\201C""\201D""\2018""\2019";
}