/*******************************************************************************
APPLICATIE SPECIFIC STYLESHEET
versie 2020
--------------------------------------------------------------------------------
Deze stylesheet bevat alle css mbt de pagina's in het ticketsysteem
*******************************************************************************/

/*overkoepelend*/
.t-NavigationBar div.header_prepend .zoekveld button { top:2px !important; }
.tbl_opvolg img {max-width:100% !important;} /*indien images niet uit texteditor komen toch max 100% breed maken*/

/*code snippets in tickets*/
pre[class*="language-"] > code {
	border-left:10px solid var(--blueberry) !important;
	box-shadow: 0px 0px 0 1px var(--dark-blue),0px 0px 0px 0px var(--ghost) !important;
	background-image:unset !important;
	padding:15px !important;
	background-color:var(--ghost) !important;	
	white-space:break-spaces;
	overflow-wrap:anywhere;
}
pre[class*="language-"] {
	padding:0px !important;
}

/* [pagina 1] */
	.pag1 #mijn_tickets_reg .t-Report-report {
			border-top:1px solid var(--silver);
			margin-top:-5px;
		}

/* [pagina 2] */
	/*
	.pag2 th#fav_kol, td[headers="fav_kol"] 
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#verwerkingstijd_kol, td[headers="verwerkingstijd_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#prio_kol, td[headers="prio_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#categorie_kol, td[headers="categorie_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#urgentie_kol, td[headers="urgentie_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#impact_kol, td[headers="impact_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#aantal_resp_kol, td[headers="aantal_resp_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	.pag2 th#ticketnr_kol, td[headers="ticketnr_kol"]
		{width: 10px; padding-left: 0px !important; padding-right: 0px !important;}
	*/
	.pag2 .a-IRR-table th.a-IRR-header {border-bottom: 1px solid var(--pixie) !important;}
	
/* [pagina 3] */
	.pag3 .h65 {height:65px;}
	.pag3 .h305 {height:305px;}
	.pag3 .h335 {height:335px;}
	.pag3 .h400 {height:400px;}
	.pag3 .hcanv-65 > .t-Region-bodyWrap > .t-Region-body {height:calc(90vh - 65px);}
	.pag3 .hcanv-400 > .t-Region-bodyWrap > .t-Region-body {height:calc(90vh - 400px);}
	.pag3 .w90 {width:95px;}

	.pag3 .breedte1 {width:215px;}
	.pag3 .breedte2 {width:calc(75% - 215px);}
	.pag3 .breedte3 {width:75% ;}
	.pag3 #link_ticket_reg td[headers="TRASH"] { vertical-align:top; }
	
	.pag3 #opvolging_reg [contenteditable] {
	  transition: padding .3s ease-in-out;
	}

	.pag3 #opvolging_reg [contenteditable]:hover,
	.pag3 #opvolging_reg [contenteditable]:focus {
	  padding: .25em;
	}

	.pag3 #opvolging_reg [contenteditable]:hover,
	.pag3 #opvolging_reg [contenteditable]:focus {
	  background: var(--ghost);
	  outline: 1px dashed var(--pumpkin);
	  padding: 6px 10px;
	}
	
	.pag3 #drop_reg {
    position: absolute;
    right:10px;
    z-index:999;
    margin-bottom:0px;
    top:8px;
}

	.pag3 .ck-editor__editable_inline {
		min-height: 250px;
	}
	
	.pag3 .subtitel {
    font-size: 60%;
    color: var(--grey-gallery);
    position: absolute;
    top: 20px;
    right: 0px;
}

	.pag3 .t-ButtonRegion-col--content {padding: 8px 16px;}
	.pag3 .t-ButtonRegion-col--right .t-ButtonRegion-buttons {padding: 5px 16px;}
	.pag3 #P3_HEADER_TITEL {height:40px;}

	.pag3 .ck-editor__editable {
		max-height: 200px;
	}	

/* [pagina 4] */
	.pag4 #drop_reg {
		position: absolute;
		right:25px;
		top:165px;
		z-index:1;
	}

	.pag4 .ck-editor__editable_inline {
		min-height: 30vh;
	}

/* [pagina 7] */
	.pag7 #mijn_tickets_reg {
		min-height: calc(90vh - 80px);
	}

/* [pagina 13] */
	.pag13 #P13_PROJECTEN_CONTAINER .apex-item-option {
		width:30%;
	}
	
/* [pagina 10003] */	
	.pag10003 .ck-editor__editable_inline {
		min-height: 400px;
	}
	
	.pag10003 #drop_reg {
    position: absolute;
    right:27px;
    z-index:999;
	}
	
	.pag10003 #P10003_INTERNAL_CONTAINER {
		position:absolute;
		top:25px;
	}
	
/* [pagina 10009] */
	.pag10009 #drop_reg {
		position:absolute;
		left:10px;
		z-index:1;
		top:8px;
	}
	
/* [pagina 12009] */	
	.pag12009 #drop_reg {
		position:absolute;
		left:10px;
		z-index:1;
		top:8px;
	}