@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,600,800');
@import url("//fonts.googleapis.com/earlyaccess/droidarabickufi.css");
body {font-family:'Raleway', sans-serif; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
.push-RightLeft {float: left}
.push-LeftRight{float:right}
.nav-link[data-toggle].collapsed:after {right: 4%;}
.nav-link[data-toggle]:not(.collapsed):after {right: 4%;}
.rtl{font-family: 'Droid Arabic Kufi',  sans-serif; font-weight:normal !important}
.form-control, .control-text{font-weight:600}
.stepTab .nav-tabs {border-right:1px solid #a4a3a3}
.stepTab .nav-tabs .nav-link{margin-right:-1px !important;}
.stepTab .nav-tabs .nav-link span{padding-left: 73px; }
.stepTabContainer{padding:10px 15px 25px 0}
.stepTabContainer .stepCount{font-family:'Arial Rounded MT'; right:35px; left:auto; }
.innerTabWrapper .nav-tabs .nav-link{ border-left:1px solid #cce2fe;}
.innerTabWrapper .nav-tabs .nav-link:hover{ border-right:1px solid #4971c1}
.radioClass label{ margin-right:15px}
.loginContainerHeading h1{text-align:left}
.loginContainerHeading a{float:right}
.loginContainerSep { border-right:2px dotted #537378;}
.LangBtnHM, .LangBtnHM:hover,.langBtn, .langBtn:hover{font-family: 'Droid Arabic Kufi',  sans-serif;line-height: 15px;}
.accordionSectionPanel,.accordionSectionHeader{background-color:#e4f8fc;background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(228,248,252,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e4f8fc",GradientType=1);}
.accordionSectionHeader::after { left: auto; right: 0; }
.accordionSectionHeader[data-toggle].collapsed:after { content: "\f054"; }
.waqfSection span.readmoreLink{left:auto; right:15px;}
.waqfProjWrapper a.btn{left: auto;  right: 0; }
.waqfProjectDescription p, .waqfProjectDescription span { font-size: 0.8rem }
.WaqfTypesContainer .sliderSection span{right: 12px;left: auto;}
.WaqfTypesContainer .sliderSection .DonateNowBtn{justify-content:flex-start}
.WaqfTypesContainer .sliderSection .DonateNowBtn a{align-items: center;}
.WaqfTypesContainer .sliderSection .DonateNowBtn a:after{ content:"\f105"; }
#searchResultcarousel .carousel-indicators { left: 0 }
.outerFooter p{ text-align:left}
.modal-header .modal-title{margin-right: auto; margin-left: 0;  margin-top: 0; margin-bottom: 0;float:none}
.modal-header .close{margin-left: auto; margin-right: 0;  margin-top: 0; margin-bottom: 0; float:none; padding:0.5rem}
th{
    text-align: left;
}
div.descriptionArea {flex-direction: row; direction:ltr }
div.descriptionArea article > h2{left:0; text-align:left; transform:rotate(-90deg);  bottom: -2rem; top:auto}
div.descriptionArea article.active > h2 {color:#fff; font-size:0.9rem }
div.descriptionArea article.active > div, div.descriptionArea article:hover > div,div.descriptionArea article > div {  padding:0.5rem  0.5rem 0.5rem 3rem}
div.descriptionArea article div h3, div.descriptionArea article div h4,div.descriptionArea article div.desp-body{text-align:left}
.serivceLinkform form .form-group .selectGeneralServices li { margin-right: 10px }


.settingsMenu.dropdown-toggle::after{ right:0}
.loginContainer .settingsMenu.dropdown-toggle span { background-position: left top; padding-left: 45px; padding-right: 10px; }
.loginContainer .dropdown-menu.show{transform: translate3d(25px, 66px, 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-left:auto}
    .nav-link[data-toggle].collapsed:after,.nav-link[data-toggle]:not(.collapsed):after  {right: 5%;}
    .loginContainerSep{ border: none}
    .stepTabContainer{padding:10px}
    .langBtn, .langBtn:hover,.logoutBtn, .logoutBtn:hover{ margin-bottom:0.7rem}
    .waqfProjectDescription { border: none }
    .sidePanel .navbar-toggler{ float:right}
    .loginContainer .settingsMenu.dropdown-toggle span { background-position: left  -1867px; }
}

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

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