/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
															/*RESPONSIVENESS*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*IPAD 1&2*/		
/*portrait and landscape*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
		/*.col-4 {width:100%;}*/
	}
/* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }			
		.col-responsive .t-Cards-item { width:50% }	
		/*.col-4 {width:100%;}*/
	}
/* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 50%; }
		/*.col-4 {width:100%;}*/
	}
	
/*IPAD 3&4*/		
/*portrait and landscape*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
		/*.col-4 {width:100%;}*/
	}
/* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }		
		.col-responsive .t-Cards-item { width:50% }
		/*.col-4 {width:100%;}*/
	}
/* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 50%; }	
		/*.col-4 {width:100%;}*/
	}

/*GALAXY TAB*/
/* Portrait and Landscape */ @media (min-device-width: 800px) and (max-device-width: 1280px)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
		/*.col-4 {width:100%;}*/
	}
/* Portrait */ @media (max-device-width: 800px) and (orientation: portrait)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }
		.col-responsive .t-Cards-item { width:50% }	
		/*.col-4 {width:100%;}*/
	}
/* Landscape */ @media (max-device-width: 1280px) and (orientation: landscape)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }	
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 50%; }
		/*.col-4 {width:100%;}*/
	}
	
/*ASUS NEXUS*/	
/* Portrait and Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
		/*.col-4 {width:100%;}*/
	}
/* Portrait */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }
		.col-responsive .t-Cards-item { width:50% }	
		/*.col-4 {width:100%;}*/
	}
/* Landscape */ @media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 50%; }	
		/*.col-4 {width:100%;}*/
	}

/*KINDLE FIRE 7*/
/* Portrait and Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
		/*.col-4 {width:100%;}*/
	}
/* Portrait */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }	
		.col-responsive .t-Cards-item { width:50% }	
		/*.col-4 {width:100%;}*/		
	}
/* Landscape */ @media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }	
		.col-12 .col-6 { width: 100%; }	
		.col-12 .col-3 { width: 50%; }
		/*.col-4 {width:100%;}*/
	}

/*KINDLE FIRE 8.9*/
/* Portrait and Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5)
	{
		#show_pc {display:none;}
		.col-10 { width: 100%; }
	}
/* Portrait */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait)
	{
		#show_pc {display:none;}
		#show_tablet_ls {display:none;}
		.col-10 { width: 100%; }
		.col-6 { width: 100%; }
		.col-10 { width: 100%; }
		.col-6 .col-6 { width: 50%; }
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 100%; }		
		.col-responsive .t-Cards-item { width:50% }
	}
/* Landscape */ @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape)
	{
		#show_pc {display:none;}
		#show_tablet_ps {display:none;}
		.col-10 { width: 100%; }
		.col-responsive .t-Cards-item { width:33.33% }
		.col-6 .col-6 { width: 100%; }	
		.col-12 .col-6 { width: 100%; }
		.col-12 .col-3 { width: 50%; }
	}

/*LAPTOPS NON RETINA SCREEN*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1)
	{
		#show_tablet{display:none;}
		.col-responsive .t-Cards-item { width:33.33% }
	}

/*LAPTOPS RETINA SCREEN*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi)
	{
		#show_tablet{display:none;}
		#show_tablet_ls {display:none;}
		#show_tablet_ps {display:none;}
		.col-responsive .t-Cards-item { width:33.33% }
	}

/*DESKTOP*/
@media only screen and (min-width: 1600px)
	{
		#show_tablet {display:none;}
		#show_tablet_ls {display:none;}
		#show_tablet_ps {display:none;}
		#show_pc {display:block;}
	}
	
@media only screen and (max-width: 1600px)
	{
		#show_pc {display:none;}
	}	
	
@media only screen and (max-width: 1200px)
	{
		#show_tablet_ls {display:none;}
		#show_tablet_ps {display:block;}
		/*.col-4 {width:100%;}*/
	}		

@media only screen and (min-width: 1200px) and (max-width: 1600px)
	{
		#show_tablet {display:block;}
		#show_tablet_ls {display:block;}
		#show_tablet_ps {display:none;}
		#show_pc {display:none;}
	}

	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
															/*END RESPONSIVENESS*/  
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
															/*BEGIN LINKER NAVIGATIE*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* inklapknop */
.t-Button.t-Button--header.is-active {
    background-color: inherit;
	box-shadow: unset;
}

.t-Button.t-Button--headerTree:focus {
	box-shadow: unset !important;
}

.t-Button.t-Button--header:active:focus:before,.t-Button.t-Button--header:focus:before{
	box-shadow: unset !important;
}

.t-Button:not(.t-Button--link):not(.t-Button--header).is-active,.t-Button:not(.t-Button--link):not(.t-Button--header):active {
box-shadow:unset !important;
}

.t-Button.t-Button--header:hover {
 background-color: transparent;
 color: var(--nav-bar-item-tekst-hover);
 box-shadow: none;
}
.t-Button.t-Button--header:active,.t-Button.t-Button--header:focus:active {
 background-color:transparent;
 color: var(--nav-bar-item-tekst);
 box-shadow: none;
}
.t-Button.t-Button--header.is-active {
 background-color:transparent;
 color: var(--nav-bar-item-tekst);
 box-shadow: none;
 }
/* huidige geselecteerd item linkernavigatie */
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current--top
 {
    background-color: var(--nav-item-bg-selected) !important;
    color: var(--nav-item-tekst-selected) !important;
}

#t_TreeNav .a-TreeView-toggle {
    color: var(--nav-item-tekst) !important;
}

.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-label{
	color: var(--nav-item-level2-tekst) !important;
}
/* deze css-code maakte de icoon van het bovenste niveau lichter
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa:before, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .oba:before,  .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .a-Icon:before
{
	color: var(--nav-item-level2-tekst) !important;
}*/

/* linker navigatie labels */
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .a-TreeView-label {
    font-weight: 700;
	color: var(--nav-item-tekst) !important;
}

/* linker navigatie badges (aantal berichten / taken ) */
.t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .a-TreeView-badge {
    background-color: var(--belangrijk-icon-bg);
    color: var(--belangrijk-icon-tekst);
    font-weight: bold;
}

.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .a-TreeView-label .a-TreeView-badge {
    background: var(--belangrijk-icon-bg);
    color: var(--belangrijk-icon-tekst);
}

/* linker navigatie schaduw rechts */
.t-PageBody--leftNav .t-Body-nav {
    box-shadow: 1px 1px 10px gray;
	background-color: var(--nav-bg);
}

/* hover op linkernavigatie */
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: var(--nav-item-bg-hover) !important;
    color: var(--nav-item-tekst-hover) !important;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current a,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected a,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected a {
    background-color: var(--nav-item-bg-selected) !important;
    color: var(--nav-item-tekst-selected) !important;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content oba
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .a-Icon,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current--top .fa,
.t-TreeNav .a-TreeView-node--topLevel .is-hover .fa,
.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current--top .oba
.t-TreeNav .a-TreeView-node--topLevel .is-hover .oba,
.t-TreeNav .a-TreeView-node--topLevel .is-hover .a-Icon {
	
    color: var(--nav-item-tekst);
}


.a-TreeView-row.is-selected,.a-TreeView-row.is-selected.is-hover {
 background-color:var(--nav-bg) !important;;
}
.a-TreeView-row.is-focused {
 outline:0;
 box-shadow:unset !important;
}
.a-TreeView-row.is-focused,.a-TreeView-row.is-selected.is-focused {
 background-color:var(--nav-bg) !important;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-focused
{
box-shadow:unset !important;
}


.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top,
.t-TreeNav .a-TreeView-node--topLevel ul,
.t-TreeNav .a-TreeView-node--topLevel.is-collapsible>.a-TreeView-row {
 background-color:var(--nav-bg) !important;
}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
															/*BEGIN BAR NAVIGATIE*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* info knop rechtsbovenaan */
.t-NavigationBar-item .t-Button .fa, .t-NavigationBar-item .t-Button .oba {
    font-size: 25px !important;
}

.t-Header-branding {
    background-color: var(--nav-bar-bg) !important;
	height: 40px;
}

.testversie{
    background-color: var(--delete-button-hover) !important;
	height: 40px;
}

.t-NavigationBar-menu .a-Menu-content {
    background-color: var(--nav-bar-bg);
}

.t-NavigationBar-menu .a-Menu-content .a-Menu-item {
    background-color: var(--nav-bar-bg);
	color: var(--nav-bar-item-tekst);
}

.t-NavigationBar-menu .a-Menu-content .a-Menu-item .a-Menu-inner:hover {
    background-color: var(--nav-bar-bg-hover);
	color: var(--nav-bar-item-tekst-hover);
}

.t-NavigationBar-item:hover {
	background-color: var(--nav-bar-item-bg-hover);
}

.t-NavigationBar-menu .a-Menu-item:hover {
	background-color: var(--nav-bar-item-bg-hover);
}

.t-NavigationBar-menu .a-Menu-item.is-expanded,.t-NavigationBar-menu .a-Menu-item.is-focused {
 background-color: var(--nav-bar-item-bg-hover) !important;
}

.t-NavigationBar-menu .a-Menu-item .a-Menu-label, 
.t-NavigationBar-menu .a-Menu-item.is-expanded > .a-Menu-label, 
.t-NavigationBar-menu .a-Menu-item.is-focused > .a-Menu-label, 
.t-NavigationBar-menu.a-Menu .a-Menu-item .a-Menu-statusCol, 
.t-NavigationBar-menu.a-Menu .a-Menu-item a {
	color: var(--nav-bar-item-tekst) !important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
															/*RECHTER NAVIGATIE*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.t-Body-actions {
    border-left: 1px solid var(--nav-rechts-border);
    border-right: 1px solid var(--nav-rechts-border);
	background-color: var(--nav-rechts-bg) !important;
}

/* iconen rechternavigatie */
.t-MediaList-icon .t-Icon {
    color: var(--nav-rechts-icon);
	font-size: 30px !important;
}

a.t-MediaList-itemWrap .t-Icon.fa.active, a.t-MediaList-itemWrap .t-Icon.oba.active {
    color: #96c11f;
}

/* iconen rechternavigatie */
.t-MediaList-icon .t-Icon:hover {
    color: var(--nav-rechts-icon-hover);
}

.t-MediaList-itemWrap:hover .t-MediaList-icon .t-Icon
{
	color: var(--nav-rechts-icon-hover);
}

/* knop om rechternavigatie in te klappen */
.t-Button.t-Button--header.t-Button--headerRight {
    color: var(--nav-rechts-button-icon) !important;
    background-color: var(--nav-rechts-button-bg) !important;
    border: 0;
}


/* hover op iconen */
a.t-MediaList-itemWrap:hover {
    background-color: var(--nav-rechts-item-bg-hover);
    color: var(--nav-rechts-item-tekst-hover);
}

a.t-MediaList-itemWrap:focus {
    box-shadow: unset !important;
}

#pat_hoofd .select2-container .select2-selection
{
    background-color:#393939 !important;
}

#pat_hoofd .select2-container .select2-selection .select2-selection__rendered
{
    color:#fff !important;
}

.extra_plus_icon
{
    cursor:pointer;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/		
															/*BEGIN ALGEMENE LAYOUT */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Icoon cards van registratie 

.t-Card-icon.aanmeld-icon, .t-Card-icon.aanmeld-icon .t-Icon {
width: 56px;
height: 56px;
line-height: 56px;
}

.counter_text {
    color: #999999!important;
    font-size: 1rem!important;
    margin-top: -12px;
    font-style: oblique;
}

.counter_cont
{
    float:right;
}

/* lichtgroene background */
.t-Body {
    background-color: var(--hoofd-bg) !important;
}

body {
    font-family: 'Segoe UI', sans-serif;
	background-color: var(--hoofd-bg) !important;
	
}

a
{
color:var(--rep-link-tekst);	
}	

a[data-href]:hover {
	cursor: pointer;
}

.fa-5x {font-size: 5em !important;}
.fa-4x {font-size: 4em !important;}
.fa-3x {font-size: 3em !important;}
.fa-2x {font-size: 2em !important;}
.fa-lg {font-size: 1.5em !important;}
.fa-md {font-size: 0.75em !important;}
.fa-sm {font-size: 0.5em !important;}

.t-Header-logo-link
{
	color:var(--nav-bar-item-tekst);
	font-size:24px;
}

.t-Button.t-Button--header
{
	color:var(--nav-bar-item-tekst);
	background-color: var(--nav-bar-bg);
}

.t-Button, .a-Button {
    border: none;
    color: var(--button-tekst);
    background-clip: padding-box;
    background-color: var(--button-bg);
    box-shadow: 0px 0px 1px 1px var(--veld-border) inset;
    border-radius: 2px;
    text-shadow: none;
}

.t-Button:hover, .a-Button:hover {
    border: none;
    color: var(--button-tekst-hover);
    background-clip: padding-box;
    background-color: var(--button-bg-hover);
    box-shadow: 0px 0px 1px 1px var(--veld-border) inset;
    border-radius: 2px;
    text-shadow: none;
}

.a-Button::after, .t-Button::after
{
box-shadow:unset;	
}

.a-Button.is-active:focus:before,
.a-Button:focus:before,
.t-Button.is-active:focus:before,
.t-Button:focus:before {
 box-shadow:unset !important;
}

.a-Button:focus:after,.t-Button:focus:after {
 box-shadow:unset !important;
}

.t-Button--hot {
    background-color: var(--button-hot-bg) !important;
    color: var(--button-hot-tekst) !important;
}

.t-Button--hot :hover{
    background-color: var(--button-hot-bg-hover) !important;
	color: var(--button-hot-tekst-hover) !important;
}

/* zorgen dat content niet tegen de linkernavigatie plakt */

.apex-side-nav.js-navExpanded.t-PageBody--hideLeft .t-Body-title {
    left: 210px !important;
}

#t_Alert_Notification
{
	display: none;
}

.t-Footer
{
	display:none;
}

.col .rel-col::after, .col .rel-col::before, .container::after, .container::before {
	display: none;
}

b, strong {
    font-weight: 700;
}


.apex-side-nav .t-Body-actions, .apex-side-nav .t-Body-nav, .apex-side-nav .t-Body-title {
	top: 40px;
}

.t-Body-contentInner {
    padding: 12px;
}	

/* scrollbar over heel scherm */
.t-Body-main
{
	height: 100%;    
	overflow: auto;
}
.t-Body-title
{
	background-color: var(--hoofd-bg);
	color: var(--hoofd-tekst);
}

blockquote {
    display: block;
    padding: 5px 20px 5px 20px;
    margin: 2px 20px 2px 30px;
    position: relative;
    text-align: justify;
    font-size: 12px;
    color: var(--quote-tekst);
    border-left: 10px solid var(--quote);
}

.quote_belangrijk {
 border-left: 10px solid var(--quote-belangrijk);
}

.topborder
{
	border-top:1px solid var(--border-3);
}	

.bottomborder
{
	border-bottom:1px solid var(--border-3);
}

hr.lijn_onder {
    border: 0;
    height: 1px;
    background: -webkit-linear-gradient(to right, var(--grad-1), var(--grad-2), var(--grad-3));
    background: -moz-linear-gradient(to right, var(--grad-1), var(--grad-2), var(--grad-3));
    background: -ms-linear-gradient(to right, var(--grad-1), var(--grad-2), var(--grad-3));
    background: linear-gradient(to right, var(--grad-1), var(--grad-2), var(--grad-3));
}

.a-IRR-table td
{
	padding: 4px 8px !important;
}

#no_data {
    font-size: 35px;
    text-align: center;
    vertical-align: bottom;
    min-height: 88vh;
    color: var(--no-data);
    font-family: arial;
    line-height: 88vh;
    opacity: 0.5;
}

#no_data_interactive {
    font-size: 14px;
    text-align: center;
    color: var(--no-data);
    font-family: arial;
    opacity: 0.5;
	margin-top:-15px;
}

#no_data_classic {
    font-size: 14px;
    text-align: center;
    color: var(--no-data);
    font-family: arial;
    opacity: 0.5;
	margin-top:-15px;
}

/*actieve/inactieve items in linkerselectielijst*/
.actiefSel  {
    outline: var(--rep-selectie) solid 2px;
    outline-offset: -2px;
    opacity:1;
}
.nonactiefSel
{
    opacity:0.5;
}

.verberg
{
	display:none;
}

/*opmaak pagination van de reports*/
/*.pagination a, .pagination .t-Report-paginationText
{
    font-weight:bold;
    font-size: 14px;
    color: #fff !important;
}

.t-Report-pagination td.pagination
{
    padding: 0px !important;
}

.t-Report-pagination
{
    background-color: #2980b9 !important;
}*/


/****************************************************** regions ******************************************************/
/*standaard region*/
.t-Region-header {
    background-color: var(--reg-head-bg);
	color: var(--reg-head-tekst);
	border-bottom: 1px solid var(--reg-divider);
}

.t-Region h2.t-Region-title {
    color: var(--reg-head-tekst);
    font-weight: bold;
}

.t-Region{
	background-color: var(--reg-body-bg);
	color: var(--reg-body-tekst);
}
.t-Region-body{
	background-color: var(--reg-body-bg);
	color: var(--reg-body-tekst);
}
/*collapsible region*/
.t-Region.a-Collapsible .t-Region-header
{
    background-color: var(--creg-head-bg) !important;
	color: var(--creg-head-tekst);
	border-bottom:1px solid #d4d4d4;
}

.t-Region.a-Collapsible.is-collapsed .t-Region-header
{
    border: none;
}

.t-Region.a-Collapsible h2.t-Region-title {
    color: var(--creg-head-tekst);
    font-weight: bold;
}

.t-Region.a-Collapsible{
	background-color: var(--creg-body-bg);
	color: var(--creg-body-tekst);
	border: 1px solid #d4d4d4;
	box-shadow:unset;
}
.t-Region.a-Collapsible .t-Region-body{
	background-color: var(--creg-body-bg);
	color: var(--creg-body-tekst);
}
/*buttons region*/
.t-ButtonRegion-wrap
{
	background-color: var(--breg-body-bg);
	color: var(--breg-body-tekst);
	border: 1px solid var(--breg-border);
}

.t-ButtonRegion
{
border:none;
box-shadow:unset;	
}
/****************************************************** classic reports ******************************************************/
/* report alternating rows kleur 1 */
.t-Report--altRowsDefault .t-Report-report tr:nth-child(2n) .t-Report-cell {
    background-color: var(--rep-row);
	color: var(--rep-row-tekst);
}
/* report alternating rows kleur 2 */
.t-Report--altRowsDefault .t-Report-report tr:nth-child(2n+1) .t-Report-cell {
    background-color: var(--rep-row-alt);
	color: var(--rep-row-alt-tekst);
}

/*report rows hover */
.t-Report--rowHighlight .t-Report-report tr:hover .t-Report-cell,
.t-Report--rowHighlight .t-Report-report tr:nth-child(2n+1):hover .t-Report-cell {
    background-color: var(--rep-row-hover) !important;
    color: var(--rep-row-tekst-hover);
}

.t-Report-report .t-Report-colHead
{
	background-color: var(--rep-head-bg);
	color: var(--rep-head-tekst);
}

.t-Report-report th a {
    color: var(--rep-head-tekst);
}

.t-Report-report .t-Report-colHead:hover
{
	background-color: var(--rep-head-bg-hover);
	color: var(--rep-head-tekst-hover);
}

.t-Report-cell
{
 border-bottom: 1px solid var(--rep-divider);
}

.t-Report-report
{
 border: 1px solid var(--rep-border); 
}

.t-Report-report .t-Report-colHead
{
	border-bottom: 1px solid var(--rep-divider);
}



/****************************************************** interactive reports ******************************************************/
/* interactive report kleur 1 */
.a-IRR-table tr:nth-child(2n) td {
    background-color: var(--rep-row);
	color: var(--rep-row-tekst);
}

/* interactive report kleur 2 */
.a-IRR-table tr:nth-child(2n+1) td {
    background-color: var(--rep-row-alt);
	color: var(--rep-row-alt-tekst);
}
/* wanneer cursor in zoekveld */
.a-IRR-search-field:focus {
 border-color: var(--rep-veld-border);
 box-shadow: none;
}

.a-IRR-headerLink
{
	padding: 10px !important;
}

/*kolombreedtes interactive report*/
th#kolom_5_pct, td[headers="kolom_5_pct"] { width: 5%; }
th#kolom_10_pct, td[headers="kolom_10_pct"] { width: 10%; }
th#kolom_15_pct, td[headers="kolom_15_pct"] { width: 15%; }
th#kolom_20_pct, td[headers="kolom_20_pct"] { width: 20%; }
th#kolom_25_pct, td[headers="kolom_25_pct"] { width: 25%; }
th#kolom_30_pct, td[headers="kolom_30_pct"] { width: 30%; }
th#kolom_35_pct, td[headers="kolom_35_pct"] { width: 35%; }
th#kolom_40_pct, td[headers="kolom_40_pct"] { width: 40%; }
th#kolom_45_pct, td[headers="kolom_45_pct"] { width: 45%; }
th#kolom_50_pct, td[headers="kolom_50_pct"] { width: 50%; }
th#kolom_55_pct, td[headers="kolom_55_pct"] { width: 55%; }
th#kolom_60_pct, td[headers="kolom_60_pct"] { width: 60%; }
th#kolom_65_pct, td[headers="kolom_65_pct"] { width: 65%; }
th#kolom_70_pct, td[headers="kolom_70_pct"] { width: 70%; }
th#kolom_75_pct, td[headers="kolom_75_pct"] { width: 75%; }
th#kolom_80_pct, td[headers="kolom_80_pct"] { width: 80%; }
th#kolom_85_pct, td[headers="kolom_85_pct"] { width: 85%; }
th#kolom_90_pct, td[headers="kolom_90_pct"] { width: 90%; }
th#kolom_95_pct, td[headers="kolom_95_pct"] { width: 95%; }
th#kolom_100_pct, td[headers="kolom_100_pct"] { width: 100%; }

.a-IRR
{
 border-color:var(--rep-border); 
}
.a-IRR-header {
    background-color: var(--rep-head-bg);
	color: var(--rep-head-tekst);
}
.a-IRR-header:hover {
    background-color: var(--rep-head-bg-hover);
	color: var(--rep-head-tekst-hover);
}
.a-IRR-headerLink {
    background-color: var(--rep-link-bg);
	color: var(--rep-link-tekst);
}

.a-IRR-headerLink:hover {
    background-color: var(--rep-link-bg-hover);
	color: var(--rep-link-tekst-hover);
}

.a-IRR-header {
 background-color:var(--rep-head-bg);
 color:var(--rep-head-tekst);
}

.a-IRR-header:hover {
 background-color:var(--rep-head-bg-hover);
 color:var(--rep-head-tekst-hover);
}

.a-IRR-toolbar
{
 background: var(--toolbar-bg);
  border-color: var(--toolbar-border);
}

.a-IRR-table tr td {
    background-color: inherit;
}
.a-IRR-table tr:hover td {
    background-color: inherit;
}
.highlight-row:hover {
    background-color: var(--rep-row-hover) !important;
    color: var(--rep-row-tekst-hover) !important;
}

.a-IRR-selectList[size="1"]{
  border:1px solid var(--rep-veld-border);
}


.a-IRR-search-field
{
  border-left:1px solid var(--rep-veld-border);
  border-top:1px solid var(--rep-veld-border);
  border-bottom:1px solid var(--rep-veld-border);
  min-height:34px;
  }
 
body .a-IRR-sortWidget-rows {
  color: var(--rep-widget-kleur-1);
  border-top: 1px solid var(--rep-widget-kleur-3);
  background: var(--rep-widget-kleur-2);
}
body .a-IRR-sortWidget-row {
  color: var(--rep-widget-kleur-1);
  box-shadow: 0 -1px 0 var(--rep-widget-kleur-3) inset;
}
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField,
.a-IRR-sortWidget-search > .a-IRR-sortWidget-searchField[type="text"] {
  color: var(--rep-widget-kleur-2);
  background: var(--rep-widget-kleur-1);
}
.a-IRR-sortWidget-row:hover {
    color: var(--rep-widget-kleur-2);
    border-top: 1px solid var(--rep-widget-kleur-3);
    background: var(--rep-widget-kleur-1);
}
body .a-IRR-button.a-IRR-sortWidget-button,
body .a-IRR-button.a-IRR-sortWidget-button:active:focus {
  color: var(--rep-widget-kleur-1);
  background-color: var(--rep-widget-kleur-2);
}
body .a-IRR-button.a-IRR-sortWidget-button:hover,
body .a-IRR-button.a-IRR-sortWidget-button:active:focus:hover {
  color: var(--rep-widget-kleur-1);
  background-color: var(--rep-widget-kleur-2);
}
.a-IRR-sortWidget-actions {
  border-bottom: 1px solid var(--rep-widget-kleur-1);
}

.a-IRR-sortWidget-searchLabel {
  color: var(--rep-widget-kleur-1);
}
.a-IRR-sortWidget-searchLabel:before {
  color: var(--rep-widget-kleur-1);
}

/****************************************************** DIALOGS (modals) ******************************************************/

.t-Dialog--wizard.ui-dialog .ui-dialog-titlebar,
body .ui-dialog .ui-dialog-titlebar {
    background-color: var(--dia-head-bg);
	color: var(--dia-head-tekst);
}
body .ui-dialog .ui-dialog-title,
.t-Dialog--wizard.ui-dialog .ui-dialog-title {
    color: var(--dia-head-tekst);
    font-weight: bold;
}

body .t-Wizard--modal .t-Wizard-body,
.t-Dialog-page .t-Dialog-body
{
	background-color: var(--dia-body-bg);
	color: var(--dia-body-tekst);
}

.t-Wizard-footer,
.t-Dialog-footer,
.t-Dialog-footer .t-ButtonRegion {
    background-color: var(--dia-footer-bg);
	color: var(--dia-footer-tekst);
	height:50px;
}

/* padding nodig voor tablets */
.t-Wizard-footer 
{
    padding-top:10px;
}

.t-ButtonRegion 
{
	background-color: transparent;
}

/* 50px = hoogte footer zodat content niet achter footer verdwijnt */
.t-Dialog-body {
	bottom: 50px;
}



/****************************************************** forms ******************************************************/

.t-Form-inputContainer span.display_only
{
	border:none;
}

.t-Form-inputContainer select.selectlist[size="1"], .t-Form-inputContainer select.yes_no, .t-Form-select, .u-TF-item--select,
.t-Form-field, .t-Form-select, .t-Form-inputContainer input[type="text"], .t-Form-inputContainer select.selectlist, .t-Form-inputContainer select.yes_no, .t-Form-inputContainer input.text_field, .t-Form-inputContainer input.password, .t-Form-inputContainer textarea.textarea, .t-Form-inputContainer input.datepicker, .t-Form-inputContainer input.popup_lov, .t-Form-inputContainer select[multiple], .t-Form-textarea, .u-TF-item--text, .u-TF-item--textarea, .u-TF-item--datepicker, .u-TF-item--select
{
  border:1px solid var(--veld-border);
  background-color: var(--veld-bg);
}

.t-Form-label
{
font-weight:bold;
float:left;
text-align:left;
}

.t-Form-fieldContainer--stacked .t-Form-label {
    float: none;
}

.checkbox_group input+label:before,.radio_group input+label:before {
 background-color:var(--veld-bg) !important;
}
.checkbox_group input:focus+label:before,.radio_group input:focus+label:before {
 border-color:var(--veld-border) !important;
}
.checkbox_group input:focus:checked+label:before,.radio_group input:focus:checked+label:before {
 border-color:var(--veld-border-selected) !important;
 background-color:var(--veld-border-selected) !important;
}
.checkbox_group input:checked+label:before,.radio_group input:checked+label:before {
 border-color:var(--veld-border-selected) !important;
 background-color:var(--veld-border-selected) !important; 
}

.t-Form-inputContainer input.datepicker:focus,
.t-Form-inputContainer input.password:focus,
.t-Form-inputContainer input.popup_lov:focus,
.t-Form-inputContainer input.text_field:focus,
.t-Form-inputContainer input[type=text]:focus,
.t-Form-inputContainer select:focus,
.t-Form-inputContainer textarea.textarea:focus,
.u-TF-item--datepicker:focus,
.u-TF-item--select:focus,
.u-TF-item--text:focus,
.u-TF-item--textarea:focus {
 background-color:var(--veld-bg-selected) !important;
 border-color:var(--veld-border-selected) !important
}

.t-Form-inputContainer input.datepicker:hover,
.t-Form-inputContainer input.password:hover,
.t-Form-inputContainer input.popup_lov:hover,
.t-Form-inputContainer input.text_field:hover,
.t-Form-inputContainer input[type=text]:hover,
.t-Form-inputContainer select:hover,
.t-Form-inputContainer textarea.textarea:hover,
.u-TF-item--datepicker:hover,
.u-TF-item--select:hover,
.u-TF-item--text:hover,
.u-TF-item--textarea:hover {
 background-color:var(--veld-bg-selected) !important;
 border-color:var(--veld-border-selected) !important
}

.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:hover,
.select2-container--default .select2-selection--multiple:focus
{
    border:1px solid var(--veld-border-selected) !important;  
    border-radius:none !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple
{
    border-radius: none !important;
	border:1px solid var(--veld-border); 
	background-color: var(--veld-bg) !important;
}

.a-Button.a-Button--calendar, .a-Button.a-Button--popupLOV
{
margin-left:5px;	
}

.t-Form-inputContainer span.display_only:hover,
.t-Form-inputContainer span.display_only:focus
{
    background-color: transparent;
}
		
/***************************************************** timeline ************************************************/		

.t-Timeline-item {
    border-bottom: 1px solid var(--reg-divider);
}

.t-Timeline-title
{
	line-height:25px !important;
	margin: 2px 0px 0px 0px !important;
}

.t-Timeline-desc
{
	margin-top:5px !important;
}

/******************************************************* alertify *************************************************/
.alertify-log
{
    background: var(--alert-bg) !important;
    padding:10px !important;
    color: var(--alert-text) !important;
    text-align:center !important;
    border: 5px solid var(--alert-border) !important;
    text-shadow: none !important;
}

.alertify 
{
    border: 10px solid var(--alert-border) !important;
    border-radius: 5px !important;
}
.alertify, .alertify-log
{
    font-family: arial !important;
}
.alertify-dialog
{
    padding:20px !important;
}
.alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus
{
    background-color: var(--alert-cancel-but-bg) !important;
    border: none !important;
}
.alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus
{
    background-color: var(--alert-ok-but-bg) !important;
    border: none !important;
}
.alertify-button
{
    border-radius:none !important;
    color: var(--alert-but-text) !important;
    box-shadow: none !important;
    background-image: none !important;
}

/******************************************************* date/time picker *************************************************/
#ui-datepicker-div .ui-widget-header
{
	background-color: var(--dp-head-bg);
	color:var(--dp-head-tekst);
}

#ui-datepicker-div.ui-widget-content
{
	border: 1px solid var(--dp-border);
	color: var(--dp-dag-tekst);
}

#ui-datepicker-div .ui-widget-header a, #ui-datepicker-div .ui-widget-content a
{
	color: var(--dp-head-tekst);
}

#ui-datepicker-div.ui-datepicker th
{
	border-bottom: 1px solid #2980b9;
	}

#ui-datepicker-div .ui-datepicker-week-end
{
	color: var(--dp-weekend-tekst);
	background-color: #96c11f;
}

#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default
{
	color: var(--dp-cijfers-tekst);
	background-color: var(--dp-cijfers-bg);
}

#ui-datepicker-div .ui-datepicker-week-end .ui-state-default,
#ui-datepicker-div .ui-datepicker-week-end .ui-widget-content .ui-state-default
{
    color: var(--dp-weekend-tekst);
    background-color:rgba(239,243,227,0.6);
}

#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight
{
	color: #d16666;
}

#ui-datepicker-div .ui-state-default:hover,
#ui-datepicker-div .ui-widget-content .ui-state-default:hover
{
	color: #fff;
	background-color: rgba(41,128,185,1) !important;
}


.ui-datepicker td a.ui-state-default.ui-state-active,
.ui-datepicker td span.ui-state-default.ui-state-active {
 background-color:rgba(41,128,185,1) !important;
 color:#fff !important;
 font-weight:700 !important;
}
#ui-datepicker-div .ui-datepicker td a.ui-state-default.ui-state-active.ui-state-hover,
#ui-datepicker-div .ui-datepicker td span.ui-state-default.ui-state-active.ui-state-hover {
 background-color:rgba(41,128,185,1) !important;
}

.ui-datepicker td a.ui-state-default:focus,
.ui-datepicker td span.ui-state-default:focus {
 outline:0;
 box-shadow:unset !important;
}