﻿
.leftPanel, .MainPanel 
{
	float:left;
	
}
.leftPanel
{
	padding-right: 15px!important;
	padding-left: 0px;
}
#MainPanel
{
	padding-left: 15px!important;
	padding-right: 0px;
	padding-left: 0px!important;
    padding-right: 0px;
    margin: 0px;
}

.rightPanel
{
	display: none;
}

/* *********************** site Path ************************* */

.SitePath
{
	padding-left: 10px;
	margin: 10px 0px 7px 0px;
}

.SolidBreadCrumb .SolidBreadCrumbRoot
{
	/*visibility:hidden;
	display: none;*/
}

.SolidBreadCrumb span:nth-of-type(2)
{
	/*visibility:hidden;
	display: none;*/
}
.SitePath
{
	color:#815717!important;
}
.SitePath, .SitePath a
{
	font-family: 'Aller'; 
	font-size: 10pt;
margin-bottom:0px;
margin-top:0px;
}
.SitePath a
{
		color: #000000!important;
}

a.SolidBreadCrumb:active, a.SolidBreadCrumb:hover, a.SolidBreadCrumb:visited, a.SolidBreadCrumb:focus
{
	color:#000000;
	text-decoration: none;
}

span.SolidBreadCrumbCurrent
{
	color:#ed2024;
}

span.SolidBreadPathSeparator
{
	margin-right: 10px; 
	margin-left: 10px;
	font-weight:normal;
	font-family:'Aller-Bold';
	font-size:10pt;
}

/* *********************** main Panel *************************** */

.MainPanel
{
	padding-left: 0px;
}


.MainPanel #DeltaPlaceHolderMain
{	
	min-height: 300px;
	/* background-color: #f7f3ef; 
	
	border-radius: 10px;
	padding-bottom: 15px;*/
}


.MainPanel #DeltaPlaceHolderMain .generalSubPage, .welcome blank-wp
{
	background-color: #f7f3ef;
	height: auto;
	min-height:250px;
	border-radius: 10px;
	padding-bottom: 15px;
	display:inline-block;
	margin-bottom: 15px;
	width:100%;
}

.MainPanel .generalSubPage
{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.white-content 
{
	background-color: #fff;
	/*min-height: 400px;*/
	padding-bottom: 15px;
	display:inline-block;
	margin-top:5px !important;
}

.white-content.col-sm-12, .white-content > .col-sm-12, .white-content > .col-sm-12 > .col-sm-6
{
	padding-right: 0px;
	padding-left: 0px;
}

.white-content > .col-sm-12 > .col-sm-6:first-child
{
	padding-right: 10px;
}

.white-content > .col-sm-12 > .col-sm-6:last-child
{
	padding-left: 10px;
}

.white-content > .col-sm-12 > .col-sm-6 .dfwp-column
{
	padding-left: 0px;
}


.MainPanel .PageTitle
{
	margin:15px 8px;
	background: #d6c5ad;
	padding: 10px 3%;
	border-radius: 10px;
	display:inline-block;
	width: 98%;
	font-family:'Aller-Bold'; 
	font-weight: normal;
	font-size: 20px;
	color: #414042;
}

.MainPanel .welcome-content, .MainPanel .webparts {
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.MainPanel .webparts
{
		margin-left: 0;
	margin-right: 0;

}

.MainPanel .webparts .ms-fullWidth
{
/*	width: 97%; */
}



/************************** Council main section page style **********************/

.generalSubPage .mainSectionMainWepPart
{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	
	    width: 100%;
    padding-right: 5px;
}

.MainPanel .generalSubPageWepParts
{
		margin-left: 0;
	margin-right: 0;
	padding-right: 0px;
	padding-left: 0px;

}


.MainPanel .generalSubPageWepParts .col-md-12, .MainPanel .generalSubPageWepParts .col-md-4
{
	padding-right: 0px;
	padding-left: 0px;
}

.MainPanel .generalSubPageWepParts > .ms-fullWidth > .col-md-12
{
	padding-right: 0px;
	padding-left: 0px;
}

.MainPanel .generalSubPageWepParts .dfwp-column
{
	padding-right: 5px;
	padding-left: 5px;
}

.MainPanel .generalSubPageWepParts .col-md-4:first-child .dfwp-column
{
	padding-right: 0px;
}

.MainPanel .generalSubPageWepParts .col-md-4:last-child .dfwp-column
{
	padding-left: 0px;
}

/* ************************** Footer ***************************** */

.footerUl li
{
	width: 150px;
}

 /****************************** CP page style ********************/

.currentSession, .PrevSessions 
{
    border: 8px solid #d1d3d4;
    background-color: #f2f2f3;
    margin-bottom: 10px;
}

.currentSession.col-sm-12
{
	padding-right: 0px;
	padding-left: 0px;
	margin:0px;
}

.sessionInfo, .CPInfo 
{
    padding-left: 10px;
    padding:10px!important;
}


.STitles, .Icons, .Icons .icon
{
    float:left;
}

.STitles
{
    padding-left: 6px;
}
.Icons
{
    float:right;
}
.Icons .icon
{
    width: 32px;
    height: 41px;
    background: #ed2024;
    border-radius: 5px;
    text-align: center;
    margin-left: 4px;
}
.Icons .icon img
{
    padding-top: 4px;
    width: 30px;
    margin-right: auto;
    margin-left: auto;
    
}

.STitles .STitle,
.STitles .STitle a
{
	font-family: 'Aller-Bold'; 
	font-size: 18px;
	color: #000;
	
}

.STitles .SDate
{
	font-family: 'Aller-Bold'; 
	font-weight: normal;
	font-size: 14px;
	color: #000;
}

.sessionInfo .Image
{
    width: 100%;
    height: 155px;
    background-color: #666667;
    margin-top: 7px;
    margin-bottom: 3px;
    text-align:center;
    
}

.sessionInfo .Image img
{
	max-height: 155px;
	padding: 6px 0px;
}

.Agenda, .AgendaDowload
{
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	
}

.Agenda a,.Agenda a:link,.Agenda a:active,.Agenda a:focus,.Agenda a:hover,.Agenda a:visited,
.AgendaDowload a, .AgendaDowload a:link, .AgendaDowload a:active,.AgendaDowload a:focus, .AgendaDowload a:hover, .AgendaDowload a:visited
{
	font-family: 'Aller-Bold'; 
	font-size: 18px;
	color: #000;
	width: 100%;
	text-decoration: none;
	color: #000000;
}

.Agenda
{
    border-bottom: 2px dashed #ed2024;
}

/*********************************************************/

.KingSpeech 
{   
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom:2px dashed #ed2024;
}

.Speech .Image, .Speech .Link
{
    float:left;
}

.Speech .Image
{
    width: 40%;
    background-color: #666667;
    text-align: center;
}

.Speech .Image img
{
	max-height: 130px;
	max-width: 98%;
	padding: 6px 6px;
}


.Speech .Link
{
    width: 60%;
    height: 130px;
	font-family: 'Aller'; 
	font-size: 15px;
	text-align: center;
	padding: 5px 5% 0px;
}

.Speech .Link a
{
    text-decoration: none;
    color:#000;
}

/*********************************************************/

.PrevSessions
{
    padding: 2%;
}
.PrevSessions .Title
{
    font-family: 'Aller-Bold'; 
	font-size: 18px;
	color: #ed2024;
	margin-bottom: 25px;
}
.PrevSessions table
{
    width: 100%; 
    text-align: center;
    overflow:hidden;
}

.PrevSessionsTable th
{
    font-family: 'Aller-Bold'; 
    text-align: center;
    padding: 0px 5px;
}

.PrevSessionsTable td img
{
    width: 40px;
    padding: 6px 0;
}

.PrevSessionsTable td a
{
    color:#333;
    text-decoration:none;
}

.welcome-content ul > li,
.welcome-content ol > li
{
	margin-bottom:8px;
}


@media only screen and (max-width: 760px)
{
    .PrevSessionsTable
    {
   /*     width: 20px;*/
   
    width: auto;
    } 
} 

/**************************** Session Page ******************************/

.sessionTitle
{
    margin:0;
	padding: 10px 3%;
	display:inline-block;
	width: 95%;
	
	font-family: 'Aller'; 
	font-size: 20px;
	color: #000;
}

.sessionPage, .MainPanel #DeltaPlaceHolderMain .sessionPage 
{
	padding-left:15px!important;
    background: #ffffff!important;
    display: inline-block;
    width:90%;
}

 

.MainPanel #DeltaPlaceHolderMain .sessionInerDiv
{
	height: 100%;
	width:100%;
    border: 2px solid #000;
    border-radius: 8px;
    background: #ffffff!important;
    min-height:817px ;
    display: inline-block;


}
.MainPanel #DeltaPlaceHolderMain .sessionContent
{
    min-height: 400px;
}

.MainPanel #DeltaPlaceHolderMain .sessionInerDiv .white-content
{
	margin-bottom: 0px;
	padding-left:15px;
	padding-right: 15px;
	padding-bottom: 0px;
	border-radius: 10px;
	
	
}

.sessionMenu
{
	display:inline-block;
	padding-right: 0px!important;
	padding-left:0px!important;

}

.sessionMenuBlock
{
	background: #ed2024;
	font-family: 'Aller'; 
	font-size: 18px;
	color: #fff;
	height:auto;
	border-radius: 13px;
	padding-bottom:1px;
width:60px;

}

.sessionMenu .MenuItems
{
	list-style: none;
	padding: 0px;
}

.sessionMenu .boxTitle
{
/*	transform:rotate(-90deg);
	margin:-42px 0px 5px 100%; */
	/*margin: 6px 6px; 
	position:absolute;
	top: 0px;
	display: block;
	//width: 120px;
	/*width: 100px; */
	
	display: block;
	width:93.33333333333333%; /*42px*/
	height:145px;
	float:right;
	-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;
	position: relative;
}

.sessionMenu .boxTitle .title
{
		transform: rotate(-90deg);
  		margin:-42px 0px 5px 100%; /*42px; */
  		width:120px;
  		position: relative;
  		top: 60%; 
  		right: -50%; 
cursor:pointer;
  		
}


.sessionMenu .MenuItems .item
{
	margin: 10px 6px;
	padding:10px 6px 0px 6px;	
	border-top: 2px solid #ffffff;
	cursor: pointer;
}

.boxTitle img
{
max-width:85%;
}
.sessionMenu .MenuItems .item img 
{
	max-width: 80%;
}

/*****************************************************/

.ms-webpart-zone, .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical
{
	display: block;
}


#MultiItemsGrayBackground
{
	margin-bottom: 0px;
}

/*****************************************************/

.forTitle
{
	padding-right: 5px !important;
    padding-left: 0 !important;
}

.SummaryLinksBlock .Header a, 
.SummaryLinksBlock2 .Header a
{
 background-color: transparent !important;
}
span.Attachment
{
padding:0px;
margin:0px -10px 0px 0px;
display:
}

a.SessionAttachAnchor
{
margin:0px -10px 0px 0px;
}

img.SessionAttachment
{
max-width:30px;
}
p.AgendaTitleRed
{
text-align:center;

}
span.AgendaTitleRed
{
color: rgb(237, 32, 36); padding-top: 7px; font-size: 20px;
text-align:center;
}




.MinutesItem {
    height: auto;
   /* margin: 5px;*/
    display: inline-block;
    width: 100%;
}

.MintuesItemBody {
    display: inline-block;
    height: auto;
    width: 98%;
    text-align: justify;
}

.MintuesText {
    height: auto;
    min-height: 65px;
}
.MintuesTitle, .MintuesTitle a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    font-family:'Aller-Bold';
    font-weight: normal;
}
.MintuesDetails {
    color: #000;
    display: inline-block;
    height: auto;
    margin-top: 7px;
    font-size: 14px;
    text-align:justify;
    font-family: "Aller" /*"Aller"*/ !important;
}

.boxTitle table td:first-child
{
width:65px;
}
.sessionMenu .boxTitle .title{
margin : -25px 0px 5px 100%;
}
.sessionMenu .boxTitle
{
height:115px;
}

#DivAgenda , #DivMinute, #DivMinuteAppendix , #DivWordIndex
,#DivSubjectsIndex , #DivDecisionsResults,#DivVoiceRecord,
#DivPhotographerReport , #DivSessionStatement,#DivOfficeStatement
,#DivFlickerLink , #DivSessionSearchLink
{
display:none;
}
.DivPhotographerReport
{
margin-left:auto;
margin-right:auto;
text-align:center;
}
.ControlRecordedAudio
{
width:610px;
}
.VideoIframe
{
width:610px;
height:500px;
}

.IFrameSessionYouTube
{
width:300px;
height:300px;
}


div.SubjectItemTitle span
{
   color:black!important;
}

div.SubjectItemTitle a
{
   color:#808281!important;
   text-decoration:underline;
   font-size:15px!important;
}

.SessionRelatedLinks .Content
{
    margin-top: 10px !important;
    margin-left: 20px !important;
    padding: 10px 10px 0px 10px !important;
    width: 28.5%!important;
}

.SessionRelatedLinks .Content img
{
width : 157px!important;
height:110px!important;
}

.AgendaitemTitle
{
    font-size:15px;
        font-family: "Aller-Bold" !important;
}

#sessionContentDiv .NoItems{
    display:none;

}


.AgendaDate span:first-child{
    color:#ed2024;
}

.SessionSectionTitle , .DecisionTitle
{
    font-size:14px;
    font-weight:normal;
    font-family:'Aller-Bold';
    margin-right: 20px;
    text-align:center;
}
.AgendaTitleRed {
    margin-top: 7px;
}

#ShuraCP .Speech .Image
{
    height: 120px;
}

#RelatedThreeBlocks .MPCVPages .Content a img {
    width: 180px!important;
    height: 110px!important;
}
.MPCVPages .Content img
{
	 width: 173px!important;
    height: 150px!important;

}
#EParticipationBlock .EPIcon img
{
	
width:60px !important;
height:60px  !important;
}

#EParticipationBlock .EPIcon1 img
{
	
width:50px !important;
height:50px  !important;
}

#CommitteesMembersSlider .responsive5 .slick-dots
{
	
}

#CommitteesMembersSlider .slick-slider{
	height:180px;
}
#CommitteeIntroductionInfo {
	text-align:justify
}

#CommitteeTasksDetails .Header, #CommitteeTasksDetails .Header a
{
	color: #5e5e5e;
    font-size: 17px;
    font-weight: normal;
    font-family:'Aller-Bold';
    min-height: 35px;
    padding: 5px 0px 0px 15px;
	text-align: left;

}
#CommitteeTasksDetails .Details
{
text-align:justify;
font-size:15px;
padding-right:25px;
padding-left:25px;
}
.CommitteeIntroductionInfo
{
	font-size:15px;
	text-align:justify;
}
#CommitteeTasksDetails hr
{
	 background: transparent none repeat scroll 0 0;
    border-top: 2px dashed #ed121a;
    margin-bottom: 5px;
    margin-top: 5px;
	width:95%;
}
#DivLatestSessionsLinks .STitles
{
	float:none;
}

#PrevSessionsTable
{
	    border: solid 1px #815717;
    border-collapse: inherit;
}


@media screen and (max-width: 991px) 
	{
	
	.MainPanel
{
	padding-left:0px!important;
}

.SessionRelatedLinks .Content
{
	width:170px!important;
}
.MainPanel
{
	float:none;
}
#DivLatestSessionsLinks .col-md-6
{
float:left;
width:50%;
}


#DivLatestSessionsLinks .sessionOthersLinks .LinksBlock
{
	padding:6px;
}
#ThreeBlocks .Content
{
	width:190px;
}


.currentSession .col-md-6 {
    float: left;
    width: 50%;
}

}

@media screen and (max-width: 638px) 
	{

	#DivLatestSessionsLinks .col-md-6
{
float:none;
width:100%;
}

#ShuraCP > div:first-child,
.sessionInfo {
	border-left: 0px solid #815717!important;
    border-bottom: 4px solid #815717;
}

.currentSession .col-md-6 {
    float: none;
    width: 100%;
}
.Speech .Image
{
		width:125px;
	height:125px;

}
.Speech .Image img
{
	width:125px;
	height:125px;
}
#PrevSessionsTable
{
	    border: solid 1px #815717;
    border-collapse: inherit;
}
#PrevSessionsTable thead
{
	display:none;
}

#PrevSessionsTable td:before {
    content: attr(data-th);
    display: block;
    font-weight:normal;
    font-family:'Aller-Bold';
    text-align: center;
}

#PrevSessionsTable td {
   display: inline-block;
    text-align: center;
    min-height: 85px;
    margin: 5px;
    }
    
    .PrevSessionsTable td img
    {
	width:50px;
}
    
}
