@font-face {
	font-family: 'fontello';
	src: url('fontello/font/fontello.eot?42332410');
	src: url('fontello/font/fontello.eot?42332410#iefix') format('embedded-opentype'),
		 url('fontello/font/fontello.woff2?42332410') format('woff2'),
		 url('fontello/font/fontello.woff?42332410') format('woff'),
		 url('fontello/font/fontello.ttf?42332410') format('truetype'),
		 url('fontello/font/fontello.svg?42332410#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
  /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
  /*
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: 'fontello';
	  src: url('../font/fontello.svg?42332410#fontello') format('svg');
	}
  }
  */
   
   [class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: never;
   
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
   
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
   
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
   
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
   
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
   
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
   
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
   
  .icon-cancel:before { content: '\e800'; } /* '' */
  .icon-menu:before { content: '\e802'; } /* '' */
  .icon-home:before { content: '\e803'; } /* '' */


body							{border:0px; overflow:auto; margin: 0px; padding: 0px; color : #000000; background-color : #FFFFFF; font-size : 12px; font-family : Arial, Helvetica, sans-serif;}
div								{font-family:Arial; font-size: 12px; color:#000000;}
p								{font-family:Arial; font-size: 12px; color:#000000;}
table							{font-family:Arial; font-size: 12px; color:#000000;}

h1 								{font-family:Arial; font-size: 14px; color:#000000; font-weight: bold;  }
h2 								{font-family:Arial; font-size: 13px; color:#000000; font-weight: bold;  }
.login 							{border:1px solid #c0c0c0  }

.tab 							{font-family:Arial; font-size: 12px; color:#ffffff; font-weight: bold; text-align: center; }

.button							{cursor:pointer;border:solid 1px #cccccc; background: #a760b4; color: #ffffff; font-weight: bold; font-size: 11px; padding: 2px; margin-bottom:1px;margin-top:1px;}
.buttons						{}

.vandaag 						{border:2px solid #498bc8;}

.menu							{width:150px; float:left; border-right:1px solid #c0c0c0;height:100%;}

.header-form 					{background:#f5f4f0;width:100%;padding:5px; }
.header-keuze					{width:160px;font-family:Arial; font-size: 12px; color:#000000; font-weight: normal; padding-left:3px; }

.table-data						{ padding: 0px; cell-spacing: 0px;}
.table-data th						{border-bottom:1px solid #c0c0c0;}

fieldset{ padding:10px;}
legend{ padding-bottom:5px;}
 
 li { color: #a760b4; }

.help-sub-list li { color: #000000; padding: 5px;}

.table-form{ padding:0px;}
.table-form th						{border-bottom:1px solid #c0c0c0;padding-top:2px;padding-bottom:5px;padding-left:8px;}

.small { font-size:9px;}

a:link							{font-family:Arial; font-size: 12px; color:#808080; text-decoration: none; }
a:active						{font-family:Arial; font-size: 12px; color:#808080; text-decoration: none; }
a:visited						{font-family:Arial; font-size: 12px; color:#808080; text-decoration: none; }
a:hover							{font-family:Arial; font-size: 12px; color:#808080; text-decoration: underline; }

a.link-white:link				{font-family:Arial; font-size: 12px; color:#000000; text-decoration: none; }
a.link-white:active				{font-family:Arial; font-size: 12px; color:#000000; text-decoration: none;}
a.link-white:visited			{font-family:Arial; font-size: 12px; color:#000000; text-decoration: none;}
a.link-white:hover				{font-family:Arial; font-size: 12px; color:#000000; text-decoration: underline;}

a.link-white-bold:link				{font-family:Arial; font-size: 12px; color:#000000; font-weight: bold; text-decoration: none; }
a.link-white-bold:active				{font-family:Arial; font-size: 12px; color:#000000; font-weight: bold; text-decoration: none;}
a.link-white-bold:visited			{font-family:Arial; font-size: 12px; color:#000000; font-weight: bold; text-decoration: none;}
a.link-white-bold:hover				{font-family:Arial; font-size: 12px; color:#000000; font-weight: bold; text-decoration: underline;}

a.tab-normal:link				{font-family:Arial; font-size: 13px; color:#535152; font-weight: bold; text-decoration: none; }
a.tab-normal:active				{font-family:Arial; font-size: 13px; color:#535152; font-weight: bold; text-decoration: none;}
a.tab-normal:visited				{font-family:Arial; font-size: 13px; color:#535152; font-weight: bold; text-decoration: none;}
a.tab-normal:hover				{font-family:Arial; font-size: 13px; color:#535152; font-weight: bold; text-decoration: underline;}

a.tab-selected:link					{font-family:Arial; font-size: 13px; color:#a760b4; font-weight: bold; text-decoration: none; }
a.tab-selected:active				{font-family:Arial; font-size: 13px; color:#a760b4; font-weight: bold; text-decoration: none;}
a.tab-selected:visited				{font-family:Arial; font-size: 13px; color:#a760b4; font-weight: bold; text-decoration: none;}
a.tab-selected:hover				{font-family:Arial; font-size: 13px; color:#a760b4; font-weight: bold; text-decoration: underline;}

a.subtab-selected:link				{font-family:Arial; font-size: 12px; color:#a760b4; font-weight: bold; text-decoration: none; }
a.subtab-selected:active				{font-family:Arial; font-size: 12px; color:#a760b4; font-weight: bold; text-decoration: none;}
a.subtab-selected:visited				{font-family:Arial; font-size: 12px; color:#a760b4; font-weight: bold; text-decoration: none;}
a.subtab-selected:hover				{font-family:Arial; font-size: 12px; color:#a760b4; font-weight: bold; text-decoration: underline;}

hr 								{color: #fff; background-color: #fff; border: 2px dotted #c0c0c0; border-style: none none dotted; }

#user 							{padding-right: 0px;}

#content 						{padding-top:10px; width:100%;}

.table-rooster { border-right:1px solid #c0c0c0;}

.td-rooster { border-left:1px solid #c0c0c0;width:170px; }
.td-rooster-right { border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;width:170px; }

.td-rooster-shift { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#efefef; }
.td-rooster-shift-right { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;width:170px;background:#efefef;  }

.td-rooster-bottomshift { border-left:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#efefef; }

.td-rooster-weekendshift { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#f6f6f6;  }
.td-rooster-weekendshift-right { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;width:170px;background:#f6f6f6;  }

.td-rooster-weekendbottomshift { border-left:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#f6f6f6;  }

.td-rooster-selected { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:orange; }

.table-klussen { border-right:1px solid #c0c0c0;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;}
.td-klussen { border-left:1px solid #c0c0c0;width:170px; }
.td-klussen-klus { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#efefef; }
.td-klussen-weekendklus { border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;width:170px;background:#f6f6f6;  }

#div_cell_menu { background: #ffffff; border: 1px solid #c0c0c0; }
.row-highlight { background: #f0f0f0; }
.row-even						{background:#f9f9f9;}
.row-odd						{}
.row-border						{border-top: 1px solid #c0c0c0;}

.cell-highlight { background: #ff0000; }

.dashboard-item { border: 1px solid #c0c0c0; height: 250px; width: 100%; background:#ffffff; padding:10px; }
.dashboard-titel { font-size:14px; font-weight: bold; color: #535152; }
.dashboard-contents { padding: 5px;}

.contenttab {border: 1px solid #c0c0c0; padding: 15px;} 

#page-content { padding: 20px; width: 100%; }

#div-page-content { padding: 10px 20px 10px 20px; width: 100%; }

#page-subtab { display:none; }

#page-subtab-dest { display:none; }
#page-subtab-dest div {background:#a363b1; color:#ffffff; font-size:13px; text-align:center; }
#page-subtab-dest a { color:#ffffff; font-size:13px; padding:5px;}

#page-menu { display:none; }

#page-menu-dest { display:none; padding-bottom: 10px;}
#page-menu-dest table { background: #e4cdee; height:25px; margin-bottom:10px; }
#page-menu-dest a { color:#000000; font-size:13px; padding:5px;}

#content-tabs { display: none; }

#filterform { border:0px solid #000000;background: #f5f4f0; padding-top:2px; margin-top: 2px; min-height:30px; }
#filterform form { padding: 0px; margin: 0px; }
#filterform table { padding: 0px 5px 0px 5px; }
#filterform td { font-size: 12px; }
#filterform form { padding:0px; margin:0px; }
.filterform-button	{border:solid 1px #cccccc; background: #acacaa; color: #ffffff; font-weight: bold; font-size: 11px; padding: 2px;}

#searchform { border:0px solid #000000;background: #f5f4f0; padding-top:0px; margin-top: 5px; min-height:30px; }
#searchform form { padding: 0px; margin: 0px; }
#searchform table { padding: 2px 5px 0px 5px; }
#searchform td { font-size: 12px; }
#searchform form { padding:0px; margin:0px; }
.searchform-button	{border:solid 1px #cccccc; background: #acacaa; color: #ffffff; font-weight: bold; font-size: 11px; padding: 2px;}

.dashboard-indeling-datum  { border-bottom:3px solid #ffffff;background: #89c1dc; padding:10px; text-align:center; font-weight:bold  }
.dashboard-indeling-shift  { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-weight:bold; font-size:14px;   }
.dashboard-indeling-omschrijving { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-size: 12px;}
.dashboard-indeling-omschrijving a { font-size: 16px; font-weight:bold;text-decoration:none;}
.dashboard-indeling-info { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-size: 12px; font-weight:normal;}
.dashboard-indeling-opmerking { border-bottom:3px solid #ffffff;background:#f9fbbc; padding:5px }

.dashboard-shiftruil-datum  { border-bottom:3px solid #ffffff;background: #89c1dc; padding:10px; text-align:center; font-weight:bold; cursor:pointer;  }
.dashboard-shiftruil-shift  { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-weight:bold; font-size:14px; cursor:pointer;  }

.document-text p { padding:0px; margin:0px; }
.document-text td { border-style: solid;  }
.document-text h1 { padding:0px; margin:0px; font-size:16px;}
.document-text h2 { padding:0px; margin:0px; font-size:12px;}

.loonschaal-header { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-weight:bold; font-size:14px;   }
.loonschaal-header-spacer { border-bottom:3px solid #ffffff;background: #f5f5f5; }
.loonschaal-footer { border-bottom:3px solid #ffffff;padding:10px; font-weight:bold; font-size:14px;   }
.loonschaal-huidig { background: #89c1dc; }
.loonschaal-jaar  { color: #40a1e0; font-weight:bold; }
.loonschaal-omschrijving { border-bottom:3px solid #ffffff;background: #f5f5f5; padding:10px; font-size: 12px;}
.loonschaal-omschrijving a { font-size: 16px; font-weight:bold;text-decoration:none;}

.portal-dashboard { border:0px solid black; }
.column { width:100%; min-height:50px; /*width: 50%; float: left;*/ }
.dashboard-item-container { clear: both; padding:5px; }
.ui-sortable-placeholder { background:#f9fbbc; margin:5px; border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.overzicht {
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	border-left:1px solid #c0c0c0;
}

.overzicht td {
	border-right:1px solid #c0c0c0;
	padding:5px;
}

#print {
	font-family:Arial; 
	font-size: 12px; 
	color:#000000;
	padding: 10px;  
}

#print h1 {
	font-size: 14px; 
	font-weight: bold;  
}

.academy-preview-title {
	background:#ebc4da;
	color:#ffffff;
}
.academy-preview-bottom-left {
	background:#ac66bb;
}
.academy-preview-bottom-right {
	background:#c089ca;
	color:#ffffff;
}
.academy-preview-header {
	color:#ebc4da;
}
.academy-preview-border {
	background:#ac66bb;
}
a.academy-preview-link {
	color:#ac66bb;
}
a.academy-preview-link ._icon{
	font-size: 16px;
}
a.academy-preview-link._black{
	color: #000;
}
a.academy-preview-link._white{
	color: #fff;
}

.code-feestdag {
	background:#fcffb7;
	border:1px solid #c0c0c0;
	padding-right:2px;
	padding-left:2px;
	color:#000000;
	font-weight:bold;
	cursor: pointer;
}

/*----------------------------*\
	#MODULES CSS
\*----------------------------*/
.module-container{
	padding: 45px 0 0 0;
	height: 100%;
	box-sizing: border-box;
	background: #fff;
	overflow: hidden;
}
.module-header{
	position: absolute;
    top: 0;
    width: 100%;
    background: #a84da2;
    left: 0;
    padding: 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
}
.module-heading._main{
	border-bottom: 5px solid #a84da2;
    width: 100%;
	text-align: center;
	padding: 0 70px;
	box-sizing: border-box;
	height: 95px;
    display: flex;
	align-items: center;
	position: absolute;
    top: 45px;
    z-index: 1;
    background: #fff;
}
.module-heading._main h2{
	margin: 0;
    width: 100%;
}
.module-footer{
	position: absolute;
    bottom: 0;
	/* background: #a84da2; */
	background: #fff;
    border-top: 1px solid #000;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
.module-header > * {
	position: relative;
}
.module-inner{
	display: flex;
	height: 100%;
}
.module-col{
	flex: 0 0 100%;
    box-sizing: border-box;
    padding: 0 15px;
	transition: 0.25s;
	display: flex;
	box-sizing: border-box;
    padding-bottom: 35px;
}
.module-col .module-functions._overview-container{
	overflow-y: auto;
    box-sizing: border-box;
    position: relative;
    height: calc(100% - 80px);
}
.module-col.active{
	flex: 0 0 50%;
}
.module-col:not(:last-child){
	border-right: 1px solid #000;
}
.module-title{
	font: 700 42px/120% Arial;
}
.module-title._lg{
	font: 700 32px/120% Arial;
}
.module-title._md{
	font: 700 24px/120% Arial;
}
.module-content{
	display: block;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}
.module-lastpage{
	display: block;
    margin-top: 40px;
}
.module-lastpage p{
	margin-bottom: 10px;
}
.module-html{
	padding-bottom: 35px;
    padding-top: 95px;
    box-sizing: border-box;
    position: relative;
	height: 100%;
	overflow-y: auto;
	text-align: left;
}
.module-html-content{
	padding: 30px;
}
.module-html-content *:not([color]){
	line-height: 150%;
	color: unset;
}
.module-html figure{
	margin: 0;
}
.module-html figure:not(:first-child){
	margin-top: 30px;
}
.module-toggle-overview {
    position: absolute;
    top: 60px;
    right: 10px;
	font-size: 30px;
	cursor: pointer;
}
.module-toggle-overview.active {
    font-size: 25px;
    top: 62.5px;
    right: 12.5px;
}
.module-html iframe{
	height: calc(100% + 30px);
	width: calc(100% + 30px);
	left: -15px;
	top: -15px;
}


._overview-row{
	margin-bottom: 10px;
	display: block;
}
._overview-list{
	position: relative;
}
._overview-title{
	text-align: left;
	margin-bottom: 8px;
}
._overview-row ._overview-link{
	color: #000;
	font-size: 14px;
}
._overview-row ._overview-link span{
	color: #808080 !important;
}
.module-overview ._overview-title h3{
    background: #fff;
    border: 1px solid #a84da2;
    padding: 15px !important;
}
._overview-title h3 ._overview-link {
    font: 700 18px/120% Arial;
    color: #000;
}
._overview-page {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
}

._custom-button.button{
	padding: 7px 15px;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
	text-decoration: none;
	display: block;
    width: fit-content;
    margin: 0 auto;
}
.w-100{
	width: 100%;
}
.upcase{
	text-transform: uppercase;
}
.align-center{
	align-items: center;
}
.ck-editor *{
    color: unset;
}
#tr_form_introductie *,#tr_form_tekst * {
    color: unset;
}