﻿
.padL1P{padding-right:1%}
.padL2P{padding-right:2%}
.padL3P{padding-right:3%}
.padL10P{padding-right:10%}

.padR1P{padding-left:1%} 
.padR2P{padding-left:2%}
.padR3P{padding-left:3%}
.padR10P{padding-left:10%}

.mrgL1P{margin-right:1%}
.mrgL2P{margin-right:2%}
.mrgL3P{margin-right:3%}

.padT5{padding-top:5px} 
.padT10{padding-top:10px}
.padT15{padding-top:15px}
.padT20{padding-top:20px}

.padL0P{padding-right:0%}
.padR0P{padding-left:0%}
.mrgR0P{margin-left:0%}
.mrgL0P{margin-right:0%}

.mrgR1P{margin-left:1%}
.mrgR2P{margin-left:2%}
.mrgR3P{margin-left:3%}

.mrgR10{margin-left:10px}


#s4-bodyContainer{ font-family: ar, Tahoma;}
#s4-bodyContainer h1, #s4-bodyContainer h2, #s4-bodyContainer h3{font-family:ar}
input[type=button], input[type=reset], input[type=submit], button{font-family:ar}
#s4-bodyContainer h1, #s4-bodyContainer h2, #s4-bodyContainer h3{font-family:ar}
.ms-formfieldlabelcontainer{text-align:right!important; font-family:arThin!important}
.boldFontFamily{font-family:ar}
.outSide{left:-99999px}
.FL{float:right}
.FR{float:left}
.emptyMessage{font:bold 16px/25px ar;vertical-align:middle;box-sizing:border-box;display:block;clear:both;margin:0 auto;width:100%}
/*generals*/

.mainButton, .mainButton:hover{ float:left; margin-right: 10px; margin-left: 0px;}

.importantPadge{background-image: url("/Style Library/Images/ImageSprite.png");background-position: 5px -132px;}

/*grid pager - asp pager*/

.gridPager table td{padding-left:5px!important}

/*UI Date Picker*/

select.ui-datepicker-month{float: right;}
select.ui-datepicker-year{margin: 5px 5px 5px 0px; float:right;}
#ui-datepicker-div.ui-datepicker{font-family:arThin; max-width:318px; left:auto!important; right:0!important}
a.ui-datepicker-prev{float:right;}
a.ui-datepicker-prev:before{content:""}
a.ui-datepicker-next{float:left;}
a.ui-datepicker-next:after{content:""}
div[id*="monthpicker"].ui-datepicker .mtz-monthpicker-month{font-family:arThin}
div[id$="ParentControlsDiv"] .datePickerInputCont select.ui-datepicker-year{float:left}

/*breadcrumb*/

#breadCrumb{float:right}

/*hearder*/

#userControls .localizationItem > div{}
#userControls .localizationItem.otherLang a{}
#userControls .searchItem #SearchBox input[type="text"]{width: 101px;margin-top: 5px;border: none;font:normal 15px ar}
#header .leftLocalizationItem{float:left} 
#header .localizationItem{float:right}
#header .localizationItem a{font-family:ar;text-decoration:none}
.searchIco {background: url("/Style Library/Images/portalSprite.png") 0px -1px no-repeat;width: 20px;height: 20px}
.SocialBookmarking{float:left;text-align:left}
.SendToFriend {float: left;margin: 0 10px}


@media (max-width:768px){

#userControls .searchItem #SearchBox input[type="text"]{width:75%!important;    border: solid #ECECEC 1px;border-spacing: 2px;padding: 5px;font-size:12px}

#header .ms-srch-sb, #header .ms-srch-sbLarge{background-color:#fff}
.popover-content {padding: 5px;}

}

@media (max-width:767px){
#header .localizationItem,#header .leftLocalizationItem{float:none}
.searchIco{display:none!important}
}


/*top nav*/
#topnavbar ul[id$='RootAspMenu'] > li > a{float:right}
#topnavbar li.static > a > .additional-background.ms-navedit-flyoutArrow.dynamic-children:after{ left:-12px;}
/*#topnavbar li.static .additional-background.ms-navedit-flyoutArrow:after{content: "\f053";left: -12px;}*/

/*second level*/

#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{/* background-image:url('/Style Library/Images/ImageSprite.png');background-position:0px -75px; */padding-right:0%;}

#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children span.dynamic-children{background:url('/Style Library/Images/leftIco.png') no-repeat left center; padding-right:0%; padding-left:15px!important; display:inline-block}
#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children.hover span.dynamic-children{background:url('/Style Library/Images/leftIcoBlack.png') no-repeat left center;}

#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children span.dynamic-children{background:url('/Style Library/Images/leftIco.png') no-repeat left center; padding-right:0%; padding-left:15px!important; display:inline-block}
#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children.hover span.dynamic-children{background:url('/Style Library/Images/leftIcoBlack.png') no-repeat left center;}

#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children span.dynamic-children{background:url('/Style Library/Images/leftIco.png') no-repeat left center; padding-right:0%; padding-left:15px!important; display:inline-block}
#topnavbar .ms-core-listMenu-horizontalBox ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children.hover ul.dynamic li.dynamic-children.hover span.dynamic-children{background:url('/Style Library/Images/leftIcoBlack.png') no-repeat left center;}


/*nav other items*/

#topnavbar ul[id$='RootAspMenu'] > li > ul {float:right;}
#topnavbar li.static > .menu-item{font-size:14px}
#topnavbar .nav ul.static > li.dynamic-children > ul.dynamic{text-align:right}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background{padding-left:0px}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background:after{padding:0 8px 0 0;}
#topnavbar .nav li.static > .menu-item, #topnavbar li.dynamic > .menu-item{font-family:ar!important}

/*end of top nav*/


/*inner search*/

#innerLayout #SearchBox input[type="text"]{font-family:ar; font-size:1em;float:left;margin-left:10px}
/*.NewSearch #SearchBox{float:left}*/
.NewSearch .ms-srch-sb-searchLink:before{margin-right: 10px;}
.NewSearch input[type="text"]{float:right!important}
.ms-calloutLink.ms-clientcontrol-showdetails:after{content: "\f100"}
.NewSearch #unselShortList{margin-right:17px}
/*footer*/

#footer .level-section{float:right}
#footer .level-header a{font:bold 17px ar;}
#footer .level-section .level-section .level-header a{font:normal 14px ar!important;}
#footer .level-section .level-section .level-section .headertitle a{font-size:11px!important;font-weight:normal!important}
#footer .level-section .level-section .level-section .headertitle:before{margin:0 0 0 5px}
.level-section .level-header .headertitle.headermarker{font:normal 14px ar!important;}
#footer .level-section .level-section {margin-right: 15px;}



#copyright{font-family:"ar"}

#footer .contacUs{padding: 10px 25px 10px 10px;font: normal 18px ar}
#footer .contactUsImg {float: right}
#footer .socialMediaFooter{font: normal 18px ar}
.paddingNone{padding-right:0px!important}

@media (max-width: 469px){
#footer .contacUs{margin: 0 20px 0 0;}
}


/*home*/

/*Top Banner tabs*/

#mainTabsHome .nav.nav-tabs{float:right;}
#mainTabsHome .tab-content{float:right;}
li#li1.active .selectArrow,li#li2.active .selectArrow{width: 0;height: 0;border-style: solid;border-width: 15px 10px 15px 0;border-color: transparent #1368B8 transparent transparent;position: absolute;z-index: 100;top: 45%;left: -10px;}


/*@media (max-width: 1024px){#mainTabsHome .tabElements p{float:right}}*/
/*Home Tabs*/

#mainTabsHome .tabElements{border:none!important}
#mainTabsHome .tabElements p{width: 50%;margin-top: 25px;font-family: ar;font-size: 18px}	
#mainTabsHome .tabElements h3{font-weight: bold;}

#mainTabsHome .ListElemnts a{text-align: center;padding: 85px;font-size: 28px!important;font-family: ar!important;color:#000000!important;}

@media (max-width: 1100px){
#mainTabsHome .tabElements p{width:70%}
}

@media (max-width: 768px){
#mainTabsHome .ListElemnts a{text-align:right;padding: 50px 25px 0px 0px;}	
}

@media (max-width: 700px){
#mainTabsHome .tabElements p{width:100%;font-size:16px}
#mainTabsHome .ListElemnts a{font-size:21px!important;padding:50px 10px}
}

@media (max-width: 500px){
#mainTabsHome .nav.nav-tabs{float:none;}
#mainTabsHome .tab-content{float:none;}
.tabElements{padding:20px 40px!important}
li#li1.active .selectArrow,li#li2.active .selectArrow{display:none}

}

/*End Home Tabs*/

/*End Top Banner tabs*/






/*Service index section*/

#serviceIndexHome{background:#f4f4f4 url('/Style Library/Images/serviceIndexImg.jpg') left center no-repeat;background-size: 500px}
#serviceCatalogueHomeWrapper .commonLabel{font:normal 18px ar;text-align:right}
#serviceCatalogueHomeWrapper .commonDropdown{font:normal 14px ar;text-align:right}
#serviceCatalogueHomeWrapper .arrowLine{margin-left:-5px}
#divDrpTypes{float:right;margin: 30px 0 0 35px;}

@media (max-width: 390px){

	#divDrpTypes{margin: 30px 0 0 10% !important;}
	#serviceCatalogueHomeWrapper .commonDropdown{width:87%}
	
}
@media (max-width: 668px){#serviceCatalogueHomeWrapper .commonTitleCont .oHidden .readMoreBtn{margin-right:15px}}

@media (max-width: 320px){#serviceCatalogueHomeWrapper .commonLabel{font:font:normal 14px ar;}}

/*End service index section*/
@media (max-width: 390px){.commonTitleCont{margin-left:-15px}/*#serviceCatalogueHomeWrapper .commonTitleCont{margin-left:-30px}*/}
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {.commonTitleCont{margin-left:-15px}}



/*Interactive Map Home section*/


#interactiveMapsHome{background:url('/Style Library/Images/mapHomeImg.jpg') center center no-repeat;min-height:357px;display:block;background-size:1620px}
.MapsAlternativeColor .commonLabel{font:normal 18px ar;text-align:right}
#interactiveMapsSelect,#interactiveMapsSectorsSelect{text-align:right;background:url('/Style Library/Images/portalSprite.png') 10px -490px no-repeat!important}
.homeMapSelectCont {float:right}
.divCategoryDrop{float:right;margin: 0 0 0 35px;}

@media screen\0{#interactiveMapsHome{background-size:1640px}}

@media (max-width: 1200px){#interactiveMapsHome{background:none;background-color:#163461}}

.mapSquare .gm-style-iw ~ div{left: 12px;right: auto !important;}
.mapSquare .gm-style-iw ~ div ~ img{left:0;right: auto !important;}
/*End Interactive Map Home section*/


/*inner map*/
#innerMapCont .mapData a.block:before ,#innerMapCont #flowchartsCont .flowcharts:before{float: right;margin-left: 10px;}
#innerMapCont #aImageFullSize{right:-5px}
/*End inner map*/


/*Main News section*/

#homeNews .blueSideStrip{right:0px}
#homeNews .paddingBottom{right:25px}

/*Read More*/



/*Side Links Home page*/

.homeLinks{right: 0}
.homeLinks .homeLinkItem{right:-75px;text-align:right;font-family:ar;}
#sideLink5{width:70px;line-height:16px}
.homeLinks .homeLinkItem:hover{right:0}
.homeLinks span{float:left;}
.alignL{text-align:left}
.alignR{text-align:right}
/*@media (max-width: 1024px){.homeLinks .homeLinkItem{float:right}}*/
@media (max-width: 768px){
	.homeLinks .homeLinkItem,.homeLinks .homeLinkItem:hover{right:25%}
	}


/*End Side Links Home page*/




/*mega links home*/


.megaLinksContainer{border-left:solid #636363 1px;float:right}
.megaLinksHomelbl{font: bold 18px ar;}
.changePosition{top:1px;left:-1px}
.Agreements{background: url('/Style Library/Images/portalSprite.png') center -2519px no-repeat;background-size: 80px;}
.Reports{background: url('/Style Library/Images/portalSprite.png') center -2976px no-repeat;background-size: 80px;}


@media (max-width: 900px) and (min-width: 701px){.megaLinksContainer{width:33%}.megaLinksContainer:nth-of-type(3n+0){border-left:none!important}}
@media (max-width: 700px){.megaLinksContainer{width:50%}.megaLinksContainer:nth-of-type(even){border-left:none!important}}


/*End mega links home*/










/*employee Guide Home*/


.commonTitleContMod .blueStripMod {right: 30%;}
.commonTitleContMod {right: 34%;}
.emplyeeParagraph p{font-family: ar;}

@media (max-width: 1200px){
.commonTitleContMod{right:30%}
}

@media (max-width: 990px){
.commonTitleContMod{right:25%}
}
@media (max-width: 900px){
.commonTitleContMod .blueStripMod{/*display:none;*/ right:40%}
.commonTitleContMod {right:auto;width:90%;margin:0 auto 40px}
}
@media (max-width: 700px){
.commonTitleContMod .blueStripMod{right:37%}
}
@media (max-width: 580px){
.commonTitleContMod .blueStripMod{right:34%}
}


@media (max-width: 400px){
.commonTitleContMod .blueStripMod{right:25%}
.commonTitleContMod {right:auto;width:90%;margin:0 auto 40px}
}



/*End employee Guide Home*/








/*home news*/


.readMoreBtn .readMoreTxt{ margin-left: 7px}
.readMoreBtn .arrowHead{font-family:'FontAwesome';line-height:11px;position:relative}
.readMoreBtn .arrowHead:before{/*content: '◄';*/height: 11px;display: inline-block;font-size: 20px;margin: 0 -1px;vertical-align:middle;/*margin-top:8px;line-height:11px;*/content:"\f0d9";position:absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left:0;}
#homeNews .category ,#homeNews .sector{font:normal 14px/20px ar;border-right:solid #d9d9d9 1px}
#homeNews .date{font:normal 14px/20px ar}
#homeNews .table a{font:normal 18px/25px ar}
#homeNews .table{text-align:right}
#homeNews .Brief{font:normal 14px/20px ar;text-align:right}

@media (max-width: 500px){
.arrowLine,.arrowHead{display:none!important}
#homeNews .table a{font-size:15px}
}
@media (max-width: 700px){
#homeNews .table a{font-size:13px}
#homeNews .Brief{font-size:12px}
}

/*End home news*/





/*Media Gallery Inner*/



.galleryIcon {float: right;margin-left: 20px;background: url('/Style Library/Images/GallerySprite.png') 7px 25px no-repeat;}

.galleryFolderIco {float: right;margin-left: 20px;background: url('/Style Library/Images/GallerySprite.png') 7px -125px no-repeat;}

.photoGalleryContainer {float: right;}

.blueStrip{float: right;margin-left: 20px;}

.fancybox-skin .fancybox-close{left:-18px; right:auto}/*Close*/ 

/*End Media Gallery Inner*/





/*News Innner Listing page*/



#MostReadAndCommentedCont .jspVerticalBar{right:initial!important;left:0px!important;margin: 12px 0 12px 12px;}

#MostReadAndCommentedCont .nav-tabs > li:first-child{border-left: solid #d9d9d9 1px;}
#MostReadAndCommentedCont .nav-tabs > li > a:hover,
#MostReadAndCommentedCont .nav-tabs > li > a{font-family:ar}

#MostReadAndCommentedCont .mostReadListing ul li a{color:#222222;font:normal 15px/25px ar;word-break:break-word;white-space:normal;padding:0 0 0 10px;/*font-family:Arial, Helvetica, sans-serif*/}



#MostReadAndCommentedCont .blueSideStrip{right: 0px;}

@media (max-width: 570px){
	#MostReadAndCommentedCont .mostReadListing ul li{padding:0 30px}
}
/*End News Innner Listing page*/







/*Inner News and Events Listing section*/




#newsItemsCont .metaData .date,#newsItemsCont .metaData .cat{font: normal 14px/20px ar}
#newsItemsCont .table h2{font: normal 18px/25px ar;text-align:right}
#newsItemsCont .table h2 a{font: normal 18px/25px ar;text-align:right}
#newsItemsCont .newsBrief{ font: normal 14px/20px ar;text-align:right}
#newsItemsCont .blueSideStrip{right: 30px}
#newsItemsCont .paddingBottom{right:25px}
#newsItemsCont .blueSideStrip{right:0 !important}
#newsItemsCont .paddingBottom a{float:right}
.mainComment #title > h4, .commentReplies #replyTitle > h4{float:right}
.mainComment .commentDate, .commentReplies .replyDate{float:left !important}
.commentLikeDislike_wrapper, .replyLikeDislike_wrapper{text-align:left !important;clear:both}


@media (max-width: 500px){
#homeNews .table a{font-size:15px}
#newsItemsCont .table h2{font-size:24px}
}
@media (max-width: 700px){
#newsItemsCont .table h2 a{font: normal 13px/20px ar;text-align:right}
#newsItemsCont .table h2{font: normal 18px/20px ar;text-align:right}
#newsItemsCont .newsBrief{font-size:12px}
}




/*End Inner News Listing section*/






/* Filtration News Listing section*/




div[id$="ParentControlsDiv"] .dateHint{font-family: ar}
div[id$="ParentControlsDiv"] .WrapperlabDisclaimer{font: normal 15px ar;}
div[id$="ParentControlsDiv"] .labDisclaimer{margin-right:10px;}
div[id$="ParentControlsDiv"] .field{text-align:right; }
div[id$="ParentControlsDiv"] .LabelDiv .label{font-family: ar;}
div[id$="ParentControlsDiv"] .LabelDiv{text-align:right}
div[id$="ParentControlsDiv"] select,  div[id$="ParentControlsDiv"] input[type="text"]{font-family:ar}  
div[id$="ParentControlsDiv"] input[type="submit"]{margin: 12px 0px 0 1%}
div[id$="ParentControlsDiv"] input[type="submit"]+input[type="submit"]{ margin:12px 0 0}


@media (max-width: 500px){div[id$="ParentControlsDiv"] .WrapperlabDisclaimer{font-size:8px}}


/*End Filtration News Listing section*/




/*inner dashboards*/

#innerdashboards .graphTypeCont.commonTitleCont .blueStrip{right:0px}

#sideFilter .filedCont input{background: #fff url("/_layouts/15/images/calendar_25.gif") left center no-repeat!important}
#sideFilter .lbl{border-left: 0}
@media (max-width: 1025px){
.pieChartDisplayed .ct-chart.ct-perfect-fourth>svg{left:auto !important;right:-80px;}
}
@media (max-width: 769px){
.pieChartDisplayed .ct-chart.ct-perfect-fourth>svg{left:0 !important;right:0;}}
#graphDashboard #verticalAxisLblCont{left: -125px;direction: rtl}
#graphDashboard .pie-chart{direction:ltr}
#graphDashboard #horizAxisLbl{right: 45%;}
#graphDashboard #pieChartLegendCont{left: 10px;}
#graphDashboard #pieChartLegend .legendRow{float: right;}
#graphDashboard #pieChartLegend .legendLbl{float: right;}
#graphDashboard #pieChartLegend .legendValue{float: right;direction: ltr;text-align: right;}/*peter*/
#graphDashboard #pieChartLegend .legendValue .year{float:right}
#graphDashboard #pieChartLegend .legendValue .value{unicode-bidi:bidi-override;margin-right:5px}
#innerdashboards .kpiTypeLbl, #innerdashboards .filterItem .lblName{font-family:ar}
@media (max-width: 1024px){#innerdashboards .chartType{font-size:20px}}

#graphDashboard #verticalAxisLbl{-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#innerdashboards .instructionsContainer{background: url('/style library/images/Graph_01.png') no-repeat 20% bottom;}

#innerdashboards .lblName {font-family:ar}

/*POLL*/
.PollLnks{float:right;}
.PollLnks:after{content: "\f100";margin-right:10px}
.PollQuestion > span:before{content:"\f053";margin-left: 10px;}
.VoteButton{float: right;margin-left: 4%;}

.Maintextpoll nobr{float:left;}

/* hight lights*/
#listingSimpleItemsCont .listingItemTitle:before {
    border-right: 5px solid #0771d4;
    margin-left: 10px
}

/*********************************************/
/*if and only if the small (tablet) view*/
/***********************************************/
@media (max-width: 991px) and (min-width: 767px) {
/*inner dashboard*/
#innerdashboards .searchDash .buttonSubmit{float:left}
#sideFilter #headingOne a:after{float:left}

}
@media (max-width: 767px) {#innerdashboards .searchDash .buttonSubmit{float:none}
#innerdashboards .searchDash{width:100%}
}
@media (max-width: 768px) {
/*inner dashboard*/
#sideFilter #headingOne a:after{float:left}
}


/*End inner dashboards*/


/*Quick Links*/

.QuickLinksInnerCont li{float:right;margin-right: 1%}
.QuickLinksInnerCont li a{border-right: 5px solid #0072c6}


/*End OF Quick Links*/

/*listingNoSep*/
.folderAndFilesView li.fileIco{background-position-x: 97.9% !important}
.fileIco:before{right: 2.7%;}

@media (max-width: 990px){.folderAndFilesView li.fileIco{background-position-x: 95%!important;}}
@media (max-width: 460px){.folderAndFilesView li.fileIco{background-position-x: 47%!important;}}
@media (max-width: 992px){.fileIco:before{right:5%}}
@media (max-width: 630px){.fileIco:before{right:7%}}
@media (max-width: 460px){.fileIco:before{right:45%}}


/*End Of listingNoSep*/
@-moz-document url-prefix() { 

.QuickLinksInnerCont li .importantLink {right:0}
.folderAndFilesView li.fileIco{background-position: 97% 0 !important}
@media (max-width: 460px){.folderAndFilesView li.fileIco{background-position: 47% 0!important;}}

}


/*Details News*/

#newsDetailsCont .newCommentlbl{float:right;text-align: right;width:100%}
#newsDetailsCont .newCommentName ,#newsDetailsCont .newCommentEmail,#newsDetailsCont .newCommentText{float:right;width:50% !important;padding:7px !important;height:auto !important}
#newsDetailsCont .newsInfoCont{float:right;margin-left:20px;margin-bottom:20px}
/*End Details News*/


/*other news titles*/

#newsOtherTitlesWrapper {float: left !important;}


/*listing Items Tenders*/
#listingItemsCont .listingItemTitle{border-right: 4px #0771d4 solid}
#listingItemsCont .listingItemReadmore a:before{content:"« "}

/* End listing Items Tenders*/




/*landing pages*/
.innerWhiteWrapper #mtiLandingPage .level-section{float:right;margin-right:2%;}
.innerWhiteWrapper #mtiLandingPage .level-section .parentLandingLinksItems{float:right;border-right:5px solid #0771d4;margin-left:10px;}
.innerWhiteWrapper #mtiLandingPage .level-section .parentLandingLinksItems:after{left:0px;content: "\f053"}
.innerWhiteWrapper #mtiLandingPage .level-section ul.dfwp-list{float:right}

.innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems{float: right}
.innerWhiteWrapper #mtiLandingPage .toc-layout-main>.dfwp-list>.landingLinksItems a:before{border-right: 5px solid #0771d4;margin-left: 20px;}
/*End landing pages*/


/*Maps*/

#mapSections .mapSectionHeaderCont a{border-right: 5px solid #0771d4;}
#innerMapFilter .actionCont input{margin-right:0}
#innerMapFilter .actionCont input:last-child{margin-left:2%}
#innerMapFilter .lablCont,#innerMapFilter .inputCont{float: right}
#innerMapFilter #projectRangeDiv #lblFrom, #innerMapFilter #projectRangeDiv #lblTo ,
#innerMapFilter #projectRangeDiv #txtProjRangeFrom, #innerMapFilter #projectRangeDiv #txtProjRangeTo{float:right}
/*End maps*/

/* map details*/

/* end map details*/

/*Sector Mega Links*/
.sectorMegaLinks .megaLinksContainer:nth-child(3n+3){border-left:none}
/*End Sector Mega Links*/

/* My Preference */

#myPreferencesWrapper #tenderDiv,#myPreferencesWrapper #vacancyDiv, #myPreferencesWrapper #newsDiv, #myPreferencesWrapper #eventsDiv ,#myPreferencesWrapper #myservicesDiv{float: right} 
#myPreferencesWrapper #tenderDiv,#myPreferencesWrapper #newsDiv ,#myPreferencesWrapper #myservicesDiv{margin-left:2%}
#myPreferencesWrapper .OrderingField .LeftFloat{float:right}

.ms-rtestate-field ul li{border-right:3px solid #0072c6;padding-right:15px}


/* End Of My Prefenece*/

.jspVerticalBar{right:auto!important;left:0}
#mapSections .jspContainer .jspPane {right:0 !important;left:auto !important}

/* survey */
#surveyInnerCont i{margin-left:12px}

/* End survey */

/* pager*/
.AspNetPagerClass {direction:rtl}
.AspNetPagerClass span{display:inline-block}
/* end pager*/

/*comments*/
.commentLikeMessage, .replyLikeMessage{float:left !important}

/*change Calendar numbers into arabic*/
a.ui-state-default {
    font-family: ar;
}
.stamprial{left: 35%}
@media (max-width: 769px){
.stamprial{right: -10%;}
}

@media (max-width: 346px){
.stamprial{right: -23%;}
}
