/** customizations specific to the ABM project**/

/*GENERAL CSS*/

/*when displaying a pop-up using SimpleDialog2 pop-up method, this makes sure the header is disabled/displayed below the whiteout*/
.ui-header {
	z-index: 30;	
}

/*for giving small nudge to the right to an element*/
.give-small-padding-left {
	padding-left:5px;
}

/*for giving small nudge to the left to an element*/
.give-small-padding-right {
	padding-right:5px;
}

/*layout changes for the richtexteditors (are always encapsulated in collapsible so no rounded top borders)*/
.jqte {
	margin: 0px !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}

li.commentaarlistitem {
	padding: 0px !important;
}

/*het laatste lijstitem in een MultiCommentList*/
li.commentaarlistitem.ui-last-child {
	padding: 0px !important;
	border-bottom-left-radius:0em;
	border-bottom-right-radius:0em;
	word-wrap: break-word;
}

div.commentaarlistitemdiv {
	padding: 5px;
	cursor:pointer;
}

/*paragraph item voor elk commentaaritem in de MultiCommentList, hier komt de werkelijke tekst in*/
#commentaariteminhoud {
	word-break: word;
    white-space: normal;
    margin-top: 15px;
}

/*paragraph item voor elk commentaaritem in de MultiCommentList, hier komt extra data in zoals datum en auteur*/
#commentaaritemannotation {
	top:0.5em;
	right:0.5em;
}

.coloreditem {
	color: blue;
}

/*gebruikt voor CommentTab tab goed te plaatsen*/
.CommentTabs {
	padding:0px;
}

/*the layout changes to put on the content when splitscreen is activated*/
.splitscreenContent {
	right: 10px;
	position: fixed;
	top :130px;
}

/* persoonsgegevens onderwerp */
.persondata {
	font-style: italic;
	color: #2a2a2a;
}

/*de div waar voor een multicommentaar alle commentaaritems in terecht komen*/
.Multicomment.ListDiv {
	margin-top: 0px;
	border-top-left-radius:0em;
	border-bottom-left-radius:0em;
	border-bottom-width:1px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style: solid;
	border-color: #999;
    overflow-y: scroll;
	overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    min-height: 275px;
    max-height: 275px;
}

/*de lijst waar voor Multicommentaar alle commentaaritems in terecht komen*/
.Multicomment.List {
	margin-top: 0px;
	border-top-left-radius:0em;
	border-top-right-radius:0em;
	margin-bottom: 0px;
}

/* set the count bubble in the agenda list items to the left */
.ui-page .ui-content .ui-listview .ui-li-count  {
    left  : 6px;
    right : auto;
}

/*DEPUTATIE*/

/* depAgendaPunt: For NON-richtext textareas in dep*/
#depOpmerkingenTextarea, #depInstructiesTextarea, .textarea.besluit.dep {
	min-height: 100px;
	max-height: 200px;
	overflow-y: auto;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin: 0px;
}

/* depAgendaPunt: Alle textareas en texts(die niet tot richtextarea veranderd worden)*/
.textarea.dep, .text.dep {
	background-color:#ffffff !important;
}

/* depAgenda: set the TND icon in the agenda list items to the right */
.ui-page .ui-content .ui-listview .ui-li-TND-icon {
	position:absolute;
	right:10.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

/* depAgenda: set the opzij icon in the agenda list items to the right */
.ui-page .ui-content .ui-listview .ui-li-opzij-icon {
	position:absolute;
	right:8.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

/* depAgenda: set the notuleringscommentaar icon in the agenda list items to the right */
.ui-page .ui-content .ui-listview .ui-li-notuleringcomment-icon {
	position:absolute;
	right:6.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

/* depAgenda: set the kabinetCommentaar icon in the agenda list items to the right */
.ui-page .ui-content .ui-listview .ui-li-kabinetcomment-icon {
	position:absolute;
	right:4.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

/* depAgenda: set the deputatieCommentaar icon in the agenda list items to the right */
.ui-page .ui-content .ui-listview .ui-li-depucomment-icon {
	position:absolute;
	right:2.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

/* depAgendaPunt: Sets the text of an agendalistitem for dep to the right*/
#countdep {
	min-height : 0px;
	padding-left : 85px;
    padding-right : 100px;
}

/*PROVINCIERAAD*/

/* prAgenda: set the fractieCommentaar icon in the agenda list items to the right */

.ui-page .ui-content .ui-listview .ui-li-fractiecomment-icon {
	position:absolute;
	right:2.333em;
	top:4px;
	margin:0;
	width:32px;
	height:32px;
}

#prsearchlabel {
	/*background-color: #396b9e; standard not selected color*/
	background-color: #808080;
	color: #cfcfcf;
}

#prsearchlabel.ui-btn-active {
	background-color: #38c;
	color: #ffffff;
}

/*Sets the text of a agendalistitem for pr to the right*/

a.countpr {
	min-height : 0px !important;
    padding-left : 52px !important;
    padding-right : 33px !important;
}

/*PROVINCIERAADCOMMISSIE*/

/*Sets the text of a agendalistitem for prc to the right*/
/*changed with upgrade to jqm 1.4.5: selector before was: .ui-page .ui-content .ui-listview .ui-li-has-count .ui-btn-text a.countprc {*/
a.countprc {
    padding-left : 40px;
    padding-right : 27px;
}

/*in prc agenda sets the prc count icon to the left of the list-item in a brown/red*/
span.prcCount {
	color: white !important; 
	background: brown !important;
	box-shadow: 0px 0px 0px 0px !important; 
	text-shadow: 0px 0px 0px !important;
}

/*in prc agenda sets the prc count icon to the left of the list-item in a brown/red*/
span.prcVolgnr {
	color: brown !important;
	margin-right: 10pt !important;
}

/*in prc agenda sets the text voor the blue division list items to the right*/
li.prcCount {
    padding-left : 40px !important;
    padding-right : 27px !important;
}

/*SEARCH*/

/*zodat search checkbox 'enkel met commentaar' niet gehele breedte inneemt van scherm*/
.search-checkbox {
	margin: 0 auto;
	width: 25%;
}

/*positionering van search checkbox 'enkel met commentaar' juister zetten*/
.search-checkbox div div label span span.ui-btn-text:before {
    content:"";
    border-right: 1px solid #CCC;
    margin-right: 10px;
   
    position: absolute;
    height: 55px;
    top:-20px;
    left: -10px;
}

/*positionering van search checkbox 'enkel met commentaar' juister zetten*/
.search-checkbox div div label span .ui-btn-text {
    margin-left: 10px;
}

/*BIJLAGEN TABS*/

.bijlageTab {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	border-color: #1c4a70;
	border-width: 1px;
	line-height: 1.3;
	border-style: solid;
	color: #fff;
	text-shadow: 0 1px 0 #059;
	background-color: #396b9e;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}

.bijlageTab:hover {
	background: #4b88b6;
}

.selectedBijlageTab {
	background-color: #38c;
}