@charset "utf-8";
/* PSI Portal CSS Document */

/*fixed sharepoint x close img*/
.ms-dlgTitleBtns{margin-right:0px !important;}
/*fixed sharepoint to show the whole dialog title /كان ياتي مقطوش*/
.ms-dlgTitleText {margin-bottom:-5px; padding-bottom:-5px;}
/*edit pagig title field*/
.txtbox-width{	width:100%}
/*fixed left right paging arrow */
.ms-promlink-button-right ,.ms-promlink-button-right-disabled  {left:-185px ;top:-232px;}
.ms-promlink-button-left , .ms-promlink-button-left-disabled {left:-150px ;top:-236px;}
.mainbody { min-height:500px; margin-top:7px;}

html,
body,
#s4-workspace{
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}

/*a , a:visited {	color:#393;}*/
*/
a:hover {	color:#ff8812;}
/*=topHeader section ***********/

.top-header{ background-color: #1e7c45; }
.top-header ul {margin:0px; z-index:0;}
.top-header li{ display: inline-block; position:relative;  margin-left: 15px;  line-height: 42px;   -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.top-header li a{color: #fff; }
.top-header [class^="pe-7s-"],.top-header [class*=" pe-7s-"] {color:#fff; margin-top: 12px;  float: left;  padding-right: 6px;}/* icons color white just on top link */
.top-header li a:hover  span , .top-header li:hover {color:#f90;} /* to make the icons orange on hover*/

.top-header .pull-right , .navbar-right {padding-left:0px;} /*to make the home page and language links to the left*/ 	

.pull-right , .navbar-right{float:left !important;}
.pull-left , .navbar-left{	float:right !important;}
.text-right{text-align:left} 
.text-left{text-align:right} 

.top-header	ul ul {
    z-index:1;
    position: absolute;
    display: none;
    background-color:#1e7c45;
    margin:-10px  0px 0px 0px;
    padding:0px 10px;
    border:1px #000 solid;  
    border-top:0px !important; 
}
.top-header li:hover ul { display: block;}
.top-header	ul ul li a , .top-header ul ul li  { white-space:nowrap; color:#fff; margin-left:0px !important; line-height:40px !important;  vertical-align:top !important ; padding:0px !important; }
.top-header	ul ul li a:hover , .top-header	ul ul li:hover  {  color:#f90;  }


/*End Top Header section ***********/
	
/*=header Sectiom*/

header { min-height: 130px;}
header h1 {padding-top:7px;}

.contacts {  text-align:right;  font-size: 28px;  padding-top: 15px;  color: #1e7c45;  font-weight: bold;}
.contacts [class^="pe-7s-"],.top-header [class*=" pe-7s-"]{  font-size: 28px;}

.socialmedia {float:right;  clear: both;  width: 220px;  padding-top: 20px;}
.socialmedia div img:hover {  opacity: 1;  cursor: pointer;  margin-top: -7px;}
.socialmedia div img {opacity:0.7}
.socialmedia div { padding-left: 5px;padding-right: 5px}


/*End header*******/

/*=Nav*/
#navbar .ms-listMenu-editLink  { display:none !important;} /*hide the edit link from menu*/
.navbar-nav ul {padding-left:0px;}
.navbar-nav ul > li > a { padding:8px 2px ;  line-height: 20px;}
#navbar .ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {margin-right:0px;}
#navbar ul > li > a {  color: #ffffff ; padding-left:17px;padding-right:13px;font-weight:bold}
#navbar ul > li > a:hover,#navbar ul > li > a:focus {  color: #ffffff;  background-color: #ff9900 ;}
#navbar ul > .active > a,
#navbar ul > .active > a:hover, #navbar ul > .active > a:focus { color: #ffffff;  background-color: #3c3c3c;}
.navbar-default{border-radius: 0px;}
#navbar .navbar-left {width:15%;}
#navbar .navbar-right {width:85%; 	white-space:nowrap; }
/*sub menu*/
#navbar ul.dynamic {
	background-color:#4d4d4d;
	border:0px;
	white-space:nowrap;
	border:#000;
	display:inline-block;
	list-style:none !important;
	width:auto !important;
	min-width:180px;
	}
	
#navbar li.dynamic {border-bottom:1px #5e5e5e solid;}

#navbar .ms-core-listMenu-horizontalBox .additional-background.dynamic-children{padding-right:36px;}
/*End Nav*******/

/*override #mainbody from a span9 to the properties of a span12*/
#sideNavBox{
	margin-left:0px ;
	background-color:#f9f9f9;
	min-height:600px;

	}
	
#sideNavBox ul.dynamic{
	background-color:#f9f9f9;
	padding:3px;
	box-shadow:0px 0px 2px 0px rgba(0,0,0,0.47);
 	border-color: #a3a1a2;
 	width:auto !important;
}
#sideNavBox li:last-child a, #sideNavBox li:last-child a:hover ,#sideNavBox ul li:last-child > ul > li:last-child a,#sideNavBox ul li:last-child > ul > li:last-child a:hover {
  	border-bottom-width: 0px;  

}
#sideNavBox ul li:last-child > ul > li a,#sideNavBox ul li:last-child > ul > li a:hover {
  	border-bottom-width: 1px;  
}

#sideNavBox li a, #sideNavBox li a:hover ,#sideNavBox li ul li a, #sideNavBox ul li a:hover  {
 	border-bottom-color: #a3a1a2;
 	border-bottom-style: solid;
  	border-bottom-width: 1px;  
  	opacity: 0.9;
	padding-right:10px !important;
	padding-bottom:10px !important;
   	
}
#sideNavBox li.dynamic a, #sideNavBox li.dynamic a:hover {white-space:nowrap; padding:5px !important;}
#sideNavBox li a:hover {color:#000;}
#sideNavBox li.static a:before{	content:url('../img/MenuArrow.png');	padding-right:5px;}
#sideNavBox li.dynamic a:before{content:' ' ;}
#sideNavBox .ms-core-listMenu-verticalBox .additional-background.dynamic-children{	padding-left:0px;	background-image:none;}
#NavSiteTitle {	background:#1e7c45!important ;		padding:5px!important; margin-bottom:5px;}
#NavSiteTitle a {color:#ffffff!important;text-shadow: .5px 1px #000000!important;font-size:17px !important;	font-weight:bold!important; padding-left:15px}
#NavSiteTitle a:hover{text-decoration:none;}
#sideNavBox li > span  {background-color:#4d4d4d; color:white;}


/*end left nav------------------------------------------------------*/


/*=Search*/
.search .ms-srch-sb-border:hover ,#navbar .ms-srch-sb-border ,#navbar .ms-srch-sb-borderFocused  {border-radius: 10px;}
 #navbar .ms-srch-sb > .ms-srch-sb-searchLink {border-radius: 10px ;right:2px ; top:1px;}
.search .ms-srch-sb > input:focus , .search .ms-helperText, .search input.ms-helperText ,.search .ms-srch-sb > input{color:#fff ;}
.search input{width:85%; height:120%; }
.search {margin:8px 0 }

/*End serch*******/


/*=sercives section ***********/
.service ul {margin:0px; padding-left:5px; padding-right:10px}
.service li{ display: inline-block;  float:left; line-height: 42px; background-color:#1e7c45; margin:10px 0 10px 12px; padding:0; width:18.7%; text-align:center;}
.service li img {margin:0 auto; padding-top:5px}
.service li a{color: #fff; }
.service li a:hover {color:#f90;} /* to make the icons orange on hover*/

/*End sercives section ***********/

/*=carousel section ***********/

.mainbody .ms-webpart-zone {display:block;}
.carousel {width:96%;}
.carousel-caption { width:45%;  height: 60% !important;  background-color: rgba(255, 255, 255, 0.7);  float: left; left:15px; 
top:15px; padding:0px 10px;  }
.carousel-caption p {text-align:justify;}
.carousel-caption {color:#333; text-shadow:none;}
.carousel-caption a:visited{color:#fff;}
.carousel-inner img {width:100%}
/*End carousel section ***********/

/*=Body section**************/

/*bootstrap btns*/
.btn-success { color:#fff !important;}
.btn-xs{font-size:11px;}
/*hide first node in breadcrump*/
.ms-pagebreadcrumb  span:nth-child(2) , .ms-pagebreadcrumb  span:nth-child(3){  display: none;}
.ms-pagebreadcrumb {padding:7px 0 7px 0; border-bottom:1px solid #EEEEEE;}
.ms-pagebreadcrumb  span:first-child:before {content:'::';	padding-right:5px;}


/*fixed sharepoint web part*/
.ms-webpartzone-cell{	margin-bottom:0px !important;}
div.article, div.welcome {	padding-top:0px !important;}

/*webparts header  */
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {font-family:inherit;}
.ms-webpart-titleText > nobr >span {  color:black;}
.webpartrow ul , footer ul { list-style:url(../img/list-style.png);}

.webpartrow li a , footer li a { color: #333;  text-decoration: none;}
.webpartrow li a:hover , footer li a:hover { color: #ff8812;    text-decoration: none;}
.webpartrow li ,footer li { margin-top: 3px;  border-bottom: 1px solid #EAEAEA;  padding-bottom: 7px;}

.webpartrow .cbs-pictureOnTopDataContainer, .cbs-pictureOnTopDataContainer > div, .cbs-picture3LinesDataContainer > div {	padding-top:0px;}


.blocks {padding: 0px 0px  0px 20px !important;}

.webpartrow {margin:0px !important;}


.mainWebParts h2 span { background: #fff;  padding-right: 10px;}
.mainWebParts h2  {  height: 20px;  border:0  solid #eee;  border-bottom-width:10px;  margin:15px 0 20px; }
 
.mainWebParts .img-thumbnail {	right:0 !important; }
.mainWebParts .js-webpart-titleCell .ms-webpart-titleText {overflow:visible;	font-family:inherit !important;}
.mainWebParts .js-webpart-titleCell .ms-webpart-titleText > a {font-family:inherit !important;}

.detailsWebParts .row {margin-top:10px;}

.mainWebParts ul.cbs-List {	width:100%;}

.news-caption {  background: #27ae60;  height: 40px;  width: 100%;  line-height: 18px;  text-align: right;  padding: 10px;  color: #fff;}

.mainWebParts #logindiv {width:100% !important; margin-top:-5px !important;  }
.mainWebParts #logindiv .RightLable {width:30% !important;  }


.mainWebParts .newsWOImg {margin-left:0 !important;}
.mainWebParts .more {font-size:12px; color:green;}
/*شركائنا*/
.mainWebParts #PSI_Partnars .cbs-Slideshow,.mainWebParts #PSI_Partnars .cbs-largePictureContainer, .mainWebParts #PSI_Partnars .cbs-largePictureImageContainer{
width:350px;background-color:#EEE;}
.mainWebParts #PSI_Partnars img {margin:15px 25%; max-width:160px;}
.mainWebParts #PSI_Partnars .cbs-largePictureDataOverlay , .mainWebParts  #PSI_Partnars .cbs-largePictureDataContainer {display:none;}
.mainWebParts #PSI_Partnars .cbs-SlideshowPagingBarOverlay {background:none !important;}
/*news img + Photogallary */
.mainWebParts .cbs-Slideshow, .mainWebParts .cbs-largePictureContainer, .mainWebParts .cbs-largePictureImageContainer, .mainWebParts .cbs-largePictureDataOverlay , .mainWebParts .cbs-largePictureDataContainer ,.mainWebParts .cbs-picture3LinesContainer, .mainWebParts .cbs-Detail {
	max-width:360px; width:360px;}
.mainWebParts .cbs-largePictureImg{max-height:240px;}	
.mainWebParts .cbs-largePictureLine1{font-family:inherit !important; color:#fff; font-size:inherit !important;}
.mainWebParts .cbs-largePictureDataContainer{ padding:7px 10px;}
.mainWebParts .cbs-largePictureDataOverlay{	height:50px; opacity:0.4; filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)" }
.mainWebParts .cbs-picture3LinesImageContainer{	height:80px;}
.mainWebParts .cbs-SlideshowPagingBar {padding-right:5px;}
.mainWebParts .cbs-SlideshowPagingBarOverlay {	background-color:#000;}
/* المسودات النهائية الصفحة الرئيسية*/
.draftStyle{ padding-left: 20px}
/*Internal Main Page */
.dfwp-item .large {font-size:16px; font-weight:normal;}
.dfwp-item .band{	background-color:#EEE;	padding:5px; font-size:16px; font-weight:normal;}
/*.dfwp-item li a:before ,.mainWebParts .dfwp-item a:before  , .internal .mainWebParts  .ms-listviewtable a:before{content:url('../img/MenuArrow.png');	padding-left:5px;}*/
.dfwp-list {text-align:justify}
.dfwp-item .description {color:#666666;  margin-left:95px;}

/*تعديل  الويب بارت على الصفحات الرئيسية الداخليه مثل  مركز التدريب*/
.internal .mainWebParts  .ms-viewheadertr {	display:none;}
.internal .mainWebParts .cbs-Slideshow, .internal .mainWebParts .cbs-largePictureContainer,.internal .mainWebParts  .cbs-largePictureImageContainer,.internal .mainWebParts  .cbs-largePictureDataOverlay ,.internal .mainWebParts  .cbs-largePictureDataContainer  {
	max-width:330px; width:330px;}
.internal .mainWebParts  .cbs-picture3LinesContainer,.internal .mainWebParts  .cbs-Detail {
	max-width:460px; width:460px;}

/*تعديل الويب بارت في صفحات ارشيف الورش والمقالات بحيث تكون على عرض الصفحة كامله*/
.Archive .cbs-picture3LinesContainer, .Archive .cbs-Detail , .Archive .cbs-picture3LinesDataContainer	{max-width:100%;text-align:justify;}

/*تعديل الويب بارت في صفحات مطبوعات توعوية بحيث تكون على عرض الصفحة كامله*/
.Archive .cbs-Slideshow, .Archive .cbs-largePictureContainer,.Archive  .cbs-largePictureImageContainer, .Archive .cbs-largePictureDataOverlay ,.Archive  .cbs-largePictureDataContainer  {
	max-width:250px; width:250px;}
.Archive .cbs-largePictureLine1Link h2{color:white; font-size:140%; vertical-align:top;}
.Archive .cbs-largePictureDataOverlay { height:60px;opacity:0.4; filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)"}
.Archive .cbs-largePictureDataContainer{padding-bottom:0px !important;}
/*تعديل  حجم هيدر  الويب بارت التي تستدعي مكتبة او ليست*/	
.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vh2-nofilter, .ms-vh2-nofilter-notextalign, .ms-vh2-nofilter-perm, .ms-vhImage, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-ph	
{background-color:#eeeeee; font-weight:bold; font-size:small; padding-top:10px; padding-bottom:10px; }
table.ms-listviewtable {	width:100%;}

/*News Details  - articel Right img */
.article-right .captioned-image .image  img {padding:4px; border:1px solid #ddd !important; border-radius :4px; background-color:#fff; max-width:100%; } 
.article-right .captioned-image .caption p {font-weight:bold;}



/* table style for AnnualPlan and StandardsCommittees*/
.tableStyle{ border: 1px solid #C0C0C0; width: 100%; margin:10px auto; border-radius: 10px;}
.tableStyle td{	padding:5px;}
.tableStyle .trheader{background-color:#1e7c45; color:#fff;}
/*=GridView Start */
.Grid { Width:100% ; border-collapse:collapse; border:dashed 1px;  color: #333333;} /* main Grid sittings */
.Grid th {text-align:left ; padding:5px ; }/* Header Cell sytle */
.Grid th a {color:#fff ;}/* Header Cell sytle */
.Grid th a:hover {color:orange; }/* Header Cell sytle */
.Grid td { padding:5px;  }/* Body Cell sytle */
.Grid td img {
	width:25px; height:25px;}
.Grid .RowStyle {background-color:#DFF4DF;} /* Alternative Row first background  color - pale light green   */ 
.Grid .Alt {background-color:white;} /* Alternative Row second background  color - white   */ 
.Grid .Edit {background-color:#F2FF7F;} /* Edit Row background  color -pale light Yallow   */ 
.Grid .Selected {background-color:#FFB44B;}  /*selected row background  color - pale light orange */ 
.Grid .SortedCell {background-color:White;}  /*sorted Cellls background  color - white */ 
.Grid .SortedHeader {background-color:orange;}  /*sorted header background  color - orange */ 
.Grid .Header, .Grid .Footer  {background-color:#238B50;font-weight:bold; color:white; vertical-align:top;} /* Header and footer style -background color dark green  */ 
.Grid .Pager {background-color:#666666;font-weight:bold; color:white;}/*paging row background color - dark gray */ 
.Grid td {vertical-align:top;}
/*=GridView End */


/*forms style*/

#maindiv{border: thin groove #C0C0C0; width: 90%; margin:10px auto; padding:5px 10px 10px 5px; overflow:visible !important;}

#maintable{width:100%; border:0px; vertical-align:top}

.FormImg {margin: 0 auto;}
.ServiceName{text-align:center;font-size:150%;color:white;background-color:#4d4d4d;padding:5px;}
.SectionHeader{padding-left:2px;}
.SectionHeader H3{margin:5px 0 ; padding:5px; background-color:#CCCCCC;	font-weight:bold;	} 

.RightLable{width:25%  ;padding-left:5px;	vertical-align:top;	padding-top:5px;}
.leftLable{	width:25%;padding-left:5px;	vertical-align:top;	padding-top:5px;	}
.FullField ,  .GridField table {width:75%;vertical-align:top; padding-left:5px;}
.FullField input   {width:97%;vertical-align:top; margin:5px 0 ;  }
.FullField select  {width:40%;vertical-align:top; margin:5px 0 }
.GridField table input{width:91%;}

.lefttxt { 	width:25% ;vertical-align :top;}
.lefttxt input , .lefttxt select , .RightLable input , .RightLable select{	width:91% }
.FullField textarea{width:97%; overflow:hidden;min-height:40px;  margin:5px 0}
.AttField input {	padding:0 10px ;}
.lefttxt img {margin-left:10px !important;margin-left:-20px !important; cursor: pointer;}


table .Header {background-color:#238B50; font-weight:bold; color:white; vertical-align:top; padding:3px 0 ;} /* Header and footer style -background color dark green  */ 
table .Header td {padding : 5px ;}
fieldset table {width:100%;}


/*=Repeated Start */
.Repeated { Width:100% ; border-collapse:collapse; color: #333333; position: relative; border:dashed 1px; padding:3px; margin-left:-7px} /* main repeated sittings */
.Repeated table{width:100%; padding:5px;}
.Repeated th  {padding:5px 0; }/* Header Cell sytle */
.Repeated td {padding:2px 2px 0; }/* Body Cell sytle */
.Repeated .SmallTd{width:70px;}
.Repeated .LargeTd{width:150px;}
.Repeated .RowStyle {background-color:#E3EAEB} /* Alternative Row first background  color - pale light green   */ 
.Repeated .Alt {background-color:white;} /* Alternative Row second background  color - white   */ 
.Repeated .Edit {background-color:#F2FF7F;} /* Edit Row background  color -pale light Yallow   */ 
.Repeated .Selected {background-color:#FFB44B;}  /*selected row background  color - pale light orange */ 
.Repeated .SortedCell {background-color:White;}  /*sorted Cellls background  color - white */ 
.Repeated .SortedHeader {background-color:orange;}  /*sorted header background  color - orange */ 
.Repeated .Header, .Repeated .Footer  {background-color:#238B50;font-weight:bold; color:white; vertical-align:top;} /* Header and footer style -background color dark green  */ 
.Repeated .Pager {background-color:#666666;font-weight:bold; color:white;}/*paging row background color - dark gray */ 
.Repeated .LargeTd input ,.Repeated .LargeTd textarea{width:90%; } 
.Repeated  input ,.Repeated textarea{ height:25px; padding:2px 0;}
.Repeated .SmallTd input {width:85% ;}
.Repeated .Header .LargeTd , .Repeated .Header .SmallTd, .Repeated .SmallTd , .Repeated .LargeTd { text-align:center;}
.RepeaterSum  {width:250px !important; 	}
.RepeaterSum .red , .RepeaterSum .red input  {	color:red !important;}
.Repeated td {vertical-align:top;}
hr {	border:0.5px gray dashed;}
.Repeated .Header td { padding:8px 0;}
.fixedTable {Width:100% ;border:dashed 1px; padding:3px; }
.fixedTable td {padding:1px; vertical-align:top; }



/*=repeaterDiv - div section fot the buttons for  add and remove new row in the repeated or grid start*/
.repeaterDiv{width: 40px; height: 40px; text-align: right; bottom: 10px; visibility: hidden;  position: absolute; z-index: 10;  right:-30px ;}
.repeaterDiv input {height:auto !important; border:0px !important;}
/*=repeaterDiv end */




/*login screen style*/

#logindiv{
border: 1px solid #C0C0C0;
width: 50%;
margin:10px auto;
padding:5px 10px 10px 5px;
border-radius: 10px;
}

/*voting style  */

.Voting {background-color:orange;border-radius: 5px;min-height:10px;}
/*fixing votiing radio button*/
.AttField input[type='radio'] {	margin:5px;}


/*followup Default page style*/
.Followup {	width:100% ; padding:5px;}
.Followup table{width:100%;}
.Followup .smcell{width:15%}





/*paging style*/
    .pg-normal {cursor: pointer;  padding: 2px 4px 2px 4px;   }
    .pg-selected {background: #ff9900; padding: 2px 4px 2px 4px;}


/*end paging style*/



/*news style*/

.newsDiv:hover {background: url(../img/active_news.png)no-repeat 6%; padding:30px 0 30px 30px;}
.newsDiv {background: url(../img/not_active_news.png)no-repeat 6%; padding:30px 0 30px 30px;}
.newsDate {float:left; max-width:10%; margin:auto 45px auto -85px; padding:30px 0px 5px 30px ;}
.newsDiv .cbs-picture3LinesImageContainer{width:auto;}
.newsDiv .cbs-picture3LinesImageContainer img{ padding:4px; border:1px solid #ddd !important; border-radius :4px; background-color:#fff; right:0px !important ; margin-right:10px; }

/*=============================================*/






/*End Body section *********/


/*=footer section ***********/


footer {
  clear: both;
  background-color: #f9f9f9;
  margin: 20px 0;
  min-height: 280px;
}

footer .ms-webpart-titleText {border-bottom: 1px solid #ccc; padding-bottom: 7px; margin:10px 0;  font-family:inherit;}
footer .ms-webpart-titleText span {border-bottom: 1px solid #27ae60;  padding-bottom: 4px;}
footer ul {
	padding-left:20px !important;
}

/*footer */
footer .cbs-Detail {
	max-width:200px;
}

address ul {list-style:none !important;}
address li span {margin:0 10px 0 0;}

.footer-Bottom{  height: 40px; background: #ff9900;  margin-top: 10px;   clear: both;  padding:10px;  color:#fff;  width:100%;  bottom: 0; }
.footer-Bottom a , .footer-Bottom a:active {  color:#fff; }

#s4-bodyContainer { padding-bottom:0px;} /*fixing sharepoint issue






/*end footer section *********/





@media (max-width: 1200px) {
	.carousel {margin:0; }
	.contacts {	font-size:24px;}
	 #navbar  #SearchBox {margin:0 -15px;}
.leftPart { width:100%;}

.rightPart{	float:right;}
#sideNavBox{margin-right:-10px;}
.internal .mainWebParts .cbs-picture3LinesContainer, .internal .mainWebParts .cbs-Detail{	max-width:auto; width:auto;}
.internal .mainWebParts .ms-noWrap , .newsDiv .ms-noWrap{white-space:normal;}
.newsDate { max-width:5%; margin:auto 25px auto -55px; padding:30px 5px 30px 0px ;}
.carousel-caption h2{font-size:18px;}
.carousel-caption p{font-size:90%}
}

@media screen and (max-width: 1200px) and  (min-width: 768px) {
.leftPart .mainWebParts .ms-webpart-zone  .ms-fullWidth{ width:50%; float:left;} 

.draftStyle {text-align:left;}
}




@media (min-width: 768px) {
	.navbar {height:auto;}
	.navbar-nav > li > a{padding-top:9px; padding-bottom:9px;}
#navbar .navbar-right {white-space:normal;}
}



@media screen and (max-width: 991px) {
	 .top-header .pull-left, .top-header div , header div , header .pull-right {padding-right:0px; padding-left:0px;} /*to make the home page and language links to the right*/ 	
	 header h1{font-size:20px;}
	 #navbar  #SearchBox { margin:0 -35px;}
	 .service li{  width:18.3%;}
	.carousel-caption h2{font-size:14px;}
	.carousel-caption p{font-size:70%}

}

@media screen and (max-width: 991px) and  (min-width: 768px) {
	 #navbar  #SearchBox {  position:relative; bottom:-30px; }
	 .search .ms-srch-sb > input:focus, .search .ms-helperText, .search input.ms-helperText, .search .ms-srch-sb > input {
	color:#000;}
	#sideNavBox{width:auto;}

}



@media screen and (max-width: 767px) {
#sideNavBox {min-height:500px;}
.navbar-nav ul > li  {display:block;}
.navbar-collapse {	padding-left:15px;}
#navbar  #SearchBox { margin-right:0px; margin-left:-90px}
.in.navbar-collapse {overflow-y:visible;}

.service li{  width:17.7%;}
.service li img{margin-bottom:10px}
.LinkTitle, #MainPSIcarousel{display:none;}

.contacts {	font-size:20px;}

.footer-Bottom{  height: 55px; }

.newsDate , .newsDiv .cbs-picture3LinesLine3 {display:none;}
.newsDiv,.newsDiv:hover{
	background:none;
}

 .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {left: 0;}
  .row-offcanvas-left {right: 0;}

  .row-offcanvas-right .sidebar-offcanvas {left: -35%; /* 3 columns */}
  .row-offcanvas-left  .sidebar-offcanvas {right: -65%; /* 9 columns */}

  .row-offcanvas-right.active {left: 35%; /* 3 columns */}
  .row-offcanvas-left.active { right: 65%; /* 9 columns */}

  .sidebar-offcanvas {position: absolute; top: 0; width: 35%; /* 3 columns */ }
  
  
}



@media screen and (max-width: 652px) {
	 	.contacts , header h1 {	font-size:18px;}
	 	.contacts {	white-space:nowrap; margin-left:-20px}
.service li img{width:60%;height:80px;}
.service li{  width:17%;}


.row-offcanvas-right .sidebar-offcanvas { right: -45%; /* 3 columns */ }
.row-offcanvas-right .sidebar-offcanvas{  left: -55%; /* 9 columns */  }
.row-offcanvas-right.active {left: 55%; /* 3 columns */  }
.row-offcanvas-left.active { right: 45%; /* 9 columns */  }


}
@media screen and (max-width: 480px) {
header h1 {margin-right:-100px; font-size:16px }
.contacts{	display:none;}
.socialmedia {position:absolute; bottom:-100px; right:0;}
.service li img{height:60px;}
.service li{  width:16%;}
.footer-Bottom{  height: 70px;} 
	#sideNavBox{width:auto;}
}

@media screen and (max-width: 360px) {
.service li img{height:40px;}
.service li{  width:14.5%;}

.socialmedia{	display:none;}
}

/*تعديل  حجم هيدر  الويب بارت التي تستدعي مكتبة او ليست*/	
.ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vh2-nofilter, .ms-vh2-nofilter-notextalign, .ms-vh2-nofilter-perm, .ms-vhImage, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-ph	
{background-color:#1e7c45;color:white !important; font-weight:bold; font-size:small; padding-top:10px; padding-bottom:10px; }
table.ms-listviewtable {	width:100%;}
.ms-vh2 a{
	
	color:white !important;
}