/* roboto-regular - latin_latin-ext */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: local("Roboto"), local("Roboto-Regular"),
	url(fonts/roboto-v19-latin_latin-ext-regular.woff2) format("woff2"),  url(fonts/roboto-v19-latin_latin-ext-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-700 - latin_latin-ext */
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 700;
	src: local("Roboto Bold"), local("Roboto-Bold"),
	url(fonts/roboto-v19-latin_latin-ext-700.woff2) format("woff2"),  url(fonts/roboto-v19-latin_latin-ext-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/** paragraphs & headings **/

.dtps_simple_wrapper_content p, .dtps_simple_wrapper_content h1, .dtps_simple_wrapper_content h2, .dtps_simple_wrapper_content h3, .sectionheader {
	margin: 12px 0;
}

.dtps_simple_wrapper_content :first-child {
	margin-top: 0;
}

h3.dtps_simple_content_wrap_title {
	margin: 0;
}

h1, h2, h3, h4, h5, h6,
table tr th,
.sectionheader,
.dtps_simple_content_wrap_content h2,
.dtps_simple_content_wrap_content h3,
.dtps_simple_content_wrap_content h4 {
	font-family: "Roboto", Arial, sans-serif;
	font-weight: 700;
	color: #5c9acd;
}

table tr th {
	color: #011d47;
	font-size: 13px;
}

h1 {
	font-size: 24px;
	padding: 15px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 13px;
}

br.all { clear: both; line-height: 0; height: 0; font-size: 1px; overflow: hidden }

br.both { clear: both; line-height: 0; height: 0; font-size: 1px; overflow: hidden }

br.left { clear: left; line-height: 0; height: 0; font-size: 1px; overflow: hidden }

br.right { clear: right; line-height: 0; height: 0; font-size: 1px; overflow: hidden }

/**
 * DTPS Frame
 **/
#dtps_page {
	min-width: 1240px;
}

#dtps_wrapper {
	min-width: 900px;
	transition-property: margin-left;
	transition-duration: 500ms;
	margin-left: 300px;
}

#dtps_header {
	/* line-height: 38px; */
	padding-right: 20px;
	color: #ffffff;
	background-color: #011d47;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#dtps_header a {
	color: #ffffff;
}

#dtps_sidebar_switcher {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#dtps_breadcrumbs {
	line-height: 40px;
	vertical-align: middle;
	margin-left: 10px;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 100 1 auto;
	-ms-flex: 100 1 auto;
	flex: 100 1 auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-width: 0;
}

.dtps_breadcrumb {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	min-width: 0;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.dtps_breadcrumb, .dtps_breadcrumb_separator, #dtps_sidebar_switcher {
	cursor: pointer;
}

.dtps_breadcrumb_separator {
	color: #5c9acd;
	font-size: 18px;
	position: relative;
	display: inline-block;
	padding: 0 5px 0;
}

.dtps_breadcrumb:hover,
.dtps_breadcrumb_separator:hover {
	text-decoration: underline;
}

.breadcrumb_children ul {
	color: black;
	font-size: 12px;
	white-space: nowrap;
	border: solid 1px #e4e4e4;
	background: #f4f4f4;
	box-shadow: 2px 1px 12px 3px rgba(0, 0, 0, 0.2);
}

.breadcrumb_children li {
	padding: 10px 10px;
	border-top: solid 1px #e4e4e4;
}

.breadcrumb_children li:hover {
	background: #e4e4e4;
}

.breadcrumb_children > ul {
	display: block;
	position: absolute;
	min-width: 10px;
	min-height: 10px;
	left: 0;
	top: 0;
	max-height: 600px;
	overflow: auto;
	/* padding-right: 10px; */
}

.dtps_vertical_spacer {
	display: inline-block;
	width: 1px;
	height: 100%;
	vertical-align: middle;
}

#dtps_header_r {
	height: 40px;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 0;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	white-space: nowrap;
	position: relative;
	display: flex;
}

#dtps_header_r .user_profile > div.user_info {
	white-space: nowrap;
}

#dtps_header_r .user_profile > div {
	white-space: normal;
}

#dtps_header_r span.header_icon {
	align-items: center;
	color: white;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	padding: 0 10px;
}

#dtps_header_r span.header_icon:hover {
	border-bottom: 1px solid #ffffff;
}

#dtps_header_r .dtps_header_r_span {
	margin-left: 10px;
}

#dtps_header input {
	vertical-align: middle;
}

#dtps_header label {
	margin-left: 5px;
	vertical-align: middle;
	text-decoration: underline;
	cursor: pointer;
}

#dtps_header .link {
	text-decoration: underline;
	cursor: pointer;
}

#dtps_header .link.dtps_user_name {
	color: #ffffff;
}

/**********************/
/** Module-selection **/
/**********************/
#applicatie-selectie {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	cursor: pointer;
}

#applicatie-selectie i.fa-wrench {
	text-align: center;
	width: 70px;
}

#applicatie-selectie i.fa-caret-down {
	font-size: 20px;
	float: right;
	margin: 10px 10px 0 0;
}

#applicatie-switch {
	padding-left: 30px;
}

#applicatie-selectie.open #applicatie-switch {
	opacity: .7;
}

#applicatie-selectie ul {
	-webkit-animation: fade-in-top 0.4s forwards;
	animation: fade-in-top 0.4s forwards;
	background: #011d47;
	-webkit-box-shadow: 2px 1px 12px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 1px 12px 3px rgba(0, 0, 0, 0.2);
	border-top: 1px solid #5c9acd;
	display: none;
	position: absolute;
	user-select: none;
	width: 300px;
}

@-webkit-keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes fade-in-top {
	0% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

#applicatie-selectie.open ul {
	display: block;
}

#applicatie-selectie li {
	line-height: normal;
}

#applicatie-selectie a {
	box-sizing: border-box;
	color: #ffffff;
	display: block;
	padding: 5px 30px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}

#applicatie-selectie span {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: relative;
}

#applicatie-selectie a:hover,
#applicatie-switch:hover {
	background: #5c9acd;
}

#applicatie-selectie img {
	position: absolute;
	top: -120px;
	left: 0;
}

#applicatie-selectie a:hover img,
#applicatie-switch:hover img {
	top: -80px;
}

/**********************/
/* main dtps content */
/**********************/
#dtps_content {
	padding: 20px;
}

#nav-top {
	margin-bottom: 20px;
}

#nav-top ul.menu-depth-1 {
	border-top: 2px solid #5c9acd;
}

#nav-top ul {
	background: #bed7eb;
	font-size: 13px;
}

#nav-top ul li {
	display: inline-block;
}

#nav-top ul li.nav-has-notification {
	position: relative;
}
#nav-top ul li.nav-has-notification:not(.nav-top-selected)::after {
	position: absolute;
    top: 7px;
    right: 12px;
    content: " ";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: #e21d38;
}

#nav-top ul li a {
	color: #011d47;
	text-decoration: none;
	padding: 5px 20px 6px;
	line-height: 20px;
	display: inline-block;
}

#nav-top ul li a:hover {
	background: #e7effa;
	color: #011d47;
}

#nav-top ul li.nav-top-selected > a {
	background: #5c9acd;
	color: #ffffff;
}

#nav-top ul.menu-depth-2 {
	background: #e7effa;
	border-top: 2px solid #e7effa;
}

#nav-top ul.menu-depth-3 {
	background: #f3f6fc;
	border-top: 2px solid #f3f6fc;
	border-bottom: 2px solid #f3f6fc;
}

#nav-top ul.menu-depth-2 li.nav-top-selected > a,
#nav-top ul.menu-depth-2 li.nav-top-selected a:hover,
#nav-top ul.menu-depth-3 li.nav-top-selected > a,
#nav-top ul.menu-depth-3 li.nav-top-selected a:hover {
	background: #5c9acd;
	color: #ffffff;
}

#nav-top ul.menu-depth-2 li a:hover,
#nav-top ul.menu-depth-3 li a:hover {
	background: #ffffff;
	color: #011d47;
}

#nav-top-buttons {
	float: right;
}

#nav-top-buttons button {
	margin: 6px 6px 0 0;
}

/* TODO: clean up van verouderde styles */

#dtps_main_menu {
	color: #ffffff;
	margin-bottom: 40px;
	text-transform: uppercase;
}

#dtps_main_menu .ui-icon {
	background-image: url(ui-icons_ffffff_256x240.png?e3f4748b19b87aadaa924d85f0882432);
}

#dtps_main_menu .selected .ui-icon {
	background-image: url(ui-icons_333333_256x240.png?548a05af48ef6545db2fd999b12ca937);
}

#dtps_main_menu ul.main {
	height: 40px;
	background-color: #011d47;
	border-color: #011d47;
}

#dtps_main_menu ul.module {
	line-height: 30px;
	background-color: #5c9acd;
	border-color: #5c9acd;
}

#dtps_main_menu ul.action {
	line-height: 30px;
	background-color: #bed7eb;
	border-color: #bed7eb;
}

#dtps_main_menu ul li {
	display: inline-block;
	height: 100%;
	border-color: inherit;
}

#dtps_main_menu ul li > span {
	display: inline-block;
	height: 20px;
	padding: 5px;
	border-color: inherit;
}

#dtps_main_menu ul.main li > span {
	height: 30px;
}

#dtps_main_menu ul li span a, #dtps_main_menu ul li span a:hover, #dtps_main_menu ul li span a:visited {
	display: inline-block;
	height: 100%;
	padding-left: 20px;
	padding-right: 20px;
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	line-height: 20px;
}

#dtps_main_menu ul.action li span a {
	color: #011d47;
}

#dtps_main_menu ul.main li span a, #dtps_main_menu ul.main li span a:hover, #dtps_main_menu ul.main li span a:visited {
	line-height: 30px;
}

#dtps_main_menu ul li > span.selected {
	position: relative;
	font-weight: bold;
}

#dtps_main_menu ul li span.selected a {
	position: relative;
	background-color: #ffffff;
	color: #333333;
}

#dtps_main_menu ul li span.selected:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #000000;
	border-top-color: inherit;
}

#dtps_main_menu ul li span.selected a:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
}

#dtps_main_menu ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 20px;
	background-color: #ffffff;
	vertical-align: middle;
}

#dtps_main_menu ul li:last-child:after {
	display: none;
}

#dtps_sidebar {
	position: absolute;
	min-height: 100%;
	height: auto;
	transition-property: left;
	transition-duration: 500ms;
	left: 0;
	width: 300px;
}

#dtps_sidebar_header {
	height: 40px;
	background-color: #011d47;
}

#application_logo {
	display: inline-block;
	vertical-align: middle;
}

.dtps_sidebar_switcher {
	display: inline-block;
	margin-top: 12px;
	margin-right: 2px;
	cursor: pointer;
	border: none;
	line-height: 38px;
	height: 38px;
	padding-right: 5px;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 25px;
	-ms-flex: 0 1 25px;
	flex: 0 1 25px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

#dtps_sidebar_switcher i.fa {
	border-left: 2px solid white;
	border-bottom: 2px solid transparent;
	border-top: 2px solid transparent;
	font-size: 20px;
	line-height: 22px;
}

#dtps_sidebar_switcher:hover i.fa {
	border-bottom: 2px solid #ffffff;
}

#navAction ul {
	font-size: 15px;
}

#navAction li .navItem {
	border: 1px solid #bed7eb;
	border-right: transparent;
	padding: 10px;
	border-radius: 9px 0 0 9px;
	margin: 1px 0;
	background: #bed7eb;
	display: block;
	color: #011d47;
	text-decoration: none;
}

#navAction li .navItem > .module {
	display: block;
	height: 40px;
	overflow: hidden;
	position: relative;
}

#navAction li .navItem > .module > img {
	left: 0;
	position: absolute;
	top: -40px;
}

#navAction li.active .navItem > .module > img {
	top: -80px;
}

#navAction li.active .navItem {
	border-bottom-left-radius: 0;
}

#navAction li.active > :last-child {
	border-bottom-left-radius: 9px;
}

#navAction li .navItem:hover {
	background: #deeaf5;
}

#navAction li .navItem.pointer {
	cursor: pointer;
}

#navAction li .navItem.pointer img {
	max-width: calc(100% - 20px);
}

#navAction li .details {
	display: none;
}

#navAction li.active .details {
	display: block;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #e4e4e4;
	background: #f4f4f4;
}

#navAction li.active .navItem {
	font-weight: 700;
	background: #5c9acd;
	color: #ffffff;
}

#navAction li.active .navItem.pointer {
	cursor: default;
}

#navAction h3 {
	padding: 3px 0 6px;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	color: #011d47;
}

.details {
	font-size: 14px;
}

.details i.fa.fa-caret-right {
	float: right;
	font-size: 20px;
	margin-top: 10px;
}

.selecteer_keuze {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
}

nav > ul.selecteer_keuze {
	width: 400px;
}

ul.selecteer_keuze li a {
	display: block;
	padding: 3px 6px;
	font-size: 13px;
	font-weight: normal;
	background: #f4f4f4;
	color: #333333;
	text-decoration: none;
}

ul.selecteer_keuze a.selected {
	font-weight: bold;
	color: #011d47;
	cursor: default;
}

ul.selecteer_keuze a.selected:hover {
	background-color: transparent;
}

ul.selecteer_keuze li a:hover {
	background: #e4e4e4;
}

.actieve_keus {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	cursor: pointer;
}

.niet_actieve_keus {
	font-size: 14px;
	padding: 10px 0;
	font-weight: 700;
}

.details section nav {
	display: none;
	position: absolute;
	left: calc(100% - 1px);
	background: #f4f4f4;
	z-index: 1;
	border-radius: 0 9px 9px 0;
	box-shadow: 2px 1px 12px 3px rgba(0, 0, 0, .2);
	margin-top: -1px;
}

.details section.open nav {
	display: block;
	opacity: 0;
	animation: fade-in-right ease 0.4s forwards;
}

#soort-selectie > nav,
#kolomset-selectie > nav {
	z-index: 9999;
}

#dtps_sidebar_border {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #011d47;
}

#dtps_sidebar_content {
	padding: 60px 0 60px 20px;
	overflow: hidden;
}

.dtps_sidebar_content_block {
	margin-bottom: 20px;
}

.dtps_sidebar_content_header {
	margin-bottom: 10px;
	color: #011d47;
	/*	font-weight: bold; */
}

.dtps_sidebar_content_content {
	padding: 10px;
	overflow: hidden;
}

#dtps_custom_logo {
	overflow: hidden;
}

#dtps_custom_logo > img {
	max-width: 100%;
}

#dtps_sidebar_signals .dtps_sidebar_content_content {
	background-color: #011d47;
	color: #ffffff;
}

#treeview_container {
	padding-top: 6px;
	padding-left: 6px;
}

#dtps_powered_by {
	overflow: hidden;
	margin-left: 20px;
}

#dtps_sidebar .dtps_sidebar_logo_link {
	display: inline-block;
	outline: none;
}

/**
 * Widgets
 **/
/* Page Messages */
#msgContainer {
	position: fixed;
	width: 550px;
	z-index: 100000;
}

.dtps_page_message .dtps_page_message_title .ui-icon {
	cursor: pointer;
	float: right;
}

/* Loadmask */
.dtps_loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 30000;
	background-color: #cccccc;
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-align: center;
}

.dtps_loading_image {
	display: inline-block;
	vertical-align: middle;
}

.dtps_loading_spacer_v {
	display: inline-block;
	height: 100%;
	width: 1px;
	overflow: hidden;
	vertical-align: middle;
}

.dtps_widget_menu_wrap {
	padding: 20px;
	line-height: 30px;
	min-height: 30px;
	background-color: #bed7eb;
	border-bottom-width: 2px;
	border-bottom-color: #011d47;
	border-bottom-style: solid;
}

.dtps_widget_content_wrap {
	margin: 20px;
}

/* Tabs */
.ui-tabs.ui-widget-content, .ui-tabs-nav.ui-widget-header {
	background-color: transparent;
	background-image: none;
}

.ui-tabs .ui-tabs-panel.ui-widget-content {
	position: relative;
	min-height: 300px;
	background-color: #f4f4f4;
}

.dtps_global_actions_tabs.ui-tabs > .ui-tabs-panel.ui-widget-content {
	background-color: transparent;
}

.ui-tabs-nav li.ui-tabs-fixed .ui-icon-close.ui-icon-inline, .ui-tabs-nav li .ui-icon-refresh.ui-icon-inline {
	display: none;
}

.ui-tabs-nav li.ui-tabs-selected .ui-icon-refresh.ui-icon-inline {
	display: block;
	position: absolute;
	top: 50%;
	left: 2px;
	margin-top: -8px;
}

.ui-tabs-nav li.ui-state-processing .ui-icon-refresh.ui-icon-inline {
	display: block;
	background-image: url(ajax-loader-small.gif?3f5c5f4f887a30b1d1bfed9e4cd4e19e);
	background-position: 0 0;
	cursor: wait;
}

.ui-tabs-nav li.ui-tabs-static .ui-icon-refresh.ui-icon-inline {
	display: none;
}

.ui-tabs .ui-tabs-nav .ui-icon-close.ui-icon-inline {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

/* Dashboard */
.dashboard_actions {
	float: right;
	text-transform: uppercase;
}

.dashboard_actions a {
	color: #5c9acd;
	text-decoration: none;
}

.dashboard_actions a:hover {
	text-decoration: underline;
}

/* Services */
.services_content_wrap {
	padding: 20px;
}

#services_choice_wrap {
	height: 50px;
	line-height: 50px;
	margin-top: -15px;
	position: relative;
}

#services_choice_wrap > * {
	vertical-align: middle;
}

#services_result {
	margin-top: 10px;
}

/**
 * Default elements
 **/
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.odd {
	background-color: #ffffff;
}

.even, table.default tbody tr.even {
	background-color: #f3f6fc;
}

.column_odd {
	background-color: #bed7eb;
}

.column_even {
	background-color: #deeaf5;
}

.background_color_dark {
	background-color: #011d47;
	color: white;
}

.background_color_medium {
	background-color: #5c9acd;
	color: white;
}

.background_color_light {
	background-color: #bed7eb;
}

.spaceless {
	margin: 0 !important;
	padding: 0 !important;
}

.column_align_right {
	text-align: right;
}

.column_description {
	background-color: #ffffff;
}

label {
	padding-right: 5px;
	vertical-align: middle;
}

input[type="text"], input[type="email"], input[type="file"], input[type="password"], input[type="number"] {
	display: inline-block;
	position: relative;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #5c9acd;
	vertical-align: middle;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

input[type="checkbox"], input[type="radio"] {
	margin-right: 5px;
	vertical-align: middle;
}

select {
	display: inline-block;
	position: relative;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 5px;
	color: #011d47;
	background-color: #ffffff;
	border: 1px solid #5c9acd;
	vertical-align: middle;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

select:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: #ffffff right center no-repeat url(select-arrow.png?694f8ed8f55d3ade546a8cfcd5282174);
}

textarea {
	display: inline-block;
	position: relative;
	line-height: 20px;
	padding: 0 10px;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #5c9acd;
	vertical-align: middle;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	resize: none;
}

input[type="text"][disabled="disabled"], input[type="email"][disabled="disabled"], input[type="file"][disabled="disabled"], input[type="password"][disabled="disabled"],
input[type="text"]:disabled, input[type="email"]:disabled, input[type="file"]:disabled, input[type="password"]:disabled, select:disabled, select[disabled="disabled"] {
	background-color: #cccccc !important;
	cursor: default;
}

/* Default table style */
table.default {
	border: 1px solid #cee1f1;
	border-collapse: collapse;
}

table.default-transparent {
	border: none;
	border-collapse: collapse;
}

table.default caption, table.default-transparent caption {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

table.default caption {
	background-color: #e7effa;
	border-bottom-style: none !important;
}

table.default thead, table.default tfoot, table.default-transparent thead, table.default-transparent tfoot {
	font-weight: bold;
}

table.default thead, table.default tfoot {
	background-color: #e7effa;
}

table.default tbody tr {
	background-color: #ffffff;
}

table.default th, table.default td, table.default caption, table.default-transparent th, table.default-transparent td, table.default-transparent caption {
	min-height: 30px;
	line-height: 30px;
	padding: 0 10px;
}

table.default th, table.default td, table.default caption {
	border: 1px solid #cee1f1;
}

table.default th {
	background: #e7effa;
}

/* Table status */
table.default tr.error td,
table.default tr td.error {
	border-color: #e21d38;
	background-color: #f7dadc;
	color: #e21d38;
}

table.default tr.complete td,
table.default tr td.complete {
	border-color: #88c424;
	background-color: #e7f3d3;
	color: #333333;
}

table.default tr.inactive td,
table.default tr td.inactive {
	background-color: #e4e4e4;
	color: #777777;
	text-decoration: line-through;
}

table.default tr.disabled td,
table.default tr td.disabled {
	background-color: #e4e4e4;
	color: #777777;
}

table.default tr.deleted td,
table.default tr td.deleted {
	text-decoration: line-through;
}

/* General table styles/properties */
table.clickable td, table tbody.clickable tr, table tr.clickable, table td.clickable, .clickable {
	cursor: pointer;
}

table.full_width {
	width: 100%;
}

table.centered tbody tr {
	text-align: center;
}

/* Zebra striped tables */
table.zebra td, table.default.zebra td {
	border: 1px solid #e7effa;
}

table.default.zebra th {
	border: 1px solid #cee1f1;
	background: #bed7eb;
}

table.zebra thead tr {
	color: #011d47;
	font-size: 16px;
}

table.zebra tbody tr:nth-child(odd) {
	background-color: #ffffff;
}

table.zebra tbody tr:nth-child(even) {
	background-color: #f3f6fc;
}

/* Vertical zebra striped tables */

table.zebra-vertical td, table.zebra-vertical th {
	border: 1px solid transparent;
	border-left: 1px solid #5c9acd;
	border-right: 1px solid #5c9acd;
}

table.zebra-vertical td:nth-child(odd), table.zebra-vertical th:nth-child(odd) {
	background-color: #ffffff;
}

table.zebra-vertical td:nth-child(even), table.zebra-vertical th:nth-child(even) {
	background-color: #f3f6fc;
}

/* header color */
table thead.header,
table tfoot.header,
table caption.header {
	background-color: #5c9acd;
	color: #ffffff;
}

table thead.header_light,
table tfoot.header_light,
table caption.header_light {
	background-color: #deeaf5;
}

table thead.header_dark,
table tfoot.header_dark,
table caption.header_dark {
	background-color: #011d47;
	color: #ffffff;
}

/* border-topless */
table.border-topless,
table.border-topless thead tr:first-child td,
table.border-topless thead tr:first-child th {
	border-top: none;
}

/* Layout caption - value [ - caption - values - ... ] */
body table.list.simple tbody tr td {
	font-weight: inherit;
}

table.list.simple tbody td:first-child {
	font-weight: bold;
}

table.list tbody td:nth-child(odd) {
	font-weight: bold;
	width: 25%;
}

table.list.auto_width tbody td {
	width: auto;
}

table.list.reversed tbody td:nth-child(odd) {
	font-weight: inherit;
}

table.list.reversed tbody td:nth-child(even) {
	font-weight: bold;
}

table.list.centered tbody td:nth-child(odd) {
	text-align: right;
}

table.list.centered tbody td:nth-child(even) {
	text-align: left;
}

table.list.split tbody td:nth-child(odd) {
	text-align: left;
}

table.list.split tbody td:nth-child(even) {
	text-align: right;
}

/*
table.default tbody tr.disabled td {
	opacity: 0.6;
}
*/

/* Tablesorter */
table.tablesorter thead th.tablesorter-header {
	background: url("data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==") no-repeat right center;
	cursor: pointer;
	padding-right: 20px;
}

table.tablesorter thead th.tablesorter-header.tablesorter-headerAsc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
}

table.tablesorter thead th.tablesorter-header.tablesorter-headerDesc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
}

table.tablesorter thead th.tablesorter-header.sorter-false {
	background-image: none;
	cursor: default;
	padding-right: 10px;
}

table.tablesorter tfoot th .left {
	float: left;
}

table.tablesorter tfoot th .right {
	float: right;
}

/**
 * Status
 **/
.dtps_missing_data_error {
	font-size: 15px;
	font-weight: 700;
	color: #e21d38;
}

.dtps_success_data_message {
	font-size: 15px;
	font-weight: 700;
	color: #88c424;
}

.dtps_alert {
	font-weight: 700;
	color: #e21d38;
}

.dtps_disabled {
	opacity: 0.6;
}

/* DTPS default elements */
.auto-width {
	display: inline-block;
	width: auto;
}

.dtps_memo_wrap, .dtps_memo_icon_placeholder {
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.dtps_memo_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(memo_blank.gif?d24b1eadaeed7a1b0e50f25910386dfb) no-repeat 0 0;
}

.dtps_memo_icon_filled {
	background-image: url(memo.gif?7bc181bf6646c7f03188f82a659f0863);
}

.dtps_memo_wrap div {
	position: absolute;
	width: 200px;
	height: 200px;
	text-align: left;
}

.dtps_memo_wrap div textarea {
	width: 198px;
	height: 198px;
	resize: none;
}

.dtps_memo_icon_placeholder {
	width: 16px;
	height: 16px;
}

.dtps_option_header {
	line-height: 40px;
	background-color: #999999;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
}

.dtps_option_header > * {
	vertical-align: middle;
}

/* warning & notification styles */

.dtps_notification { border: solid 1px; padding: 20px; max-width: 60em; border-radius: 9px; }

.dtps_notification.success { background: #dde9dd; border-color: #88c424; }

.dtps_notification.info { border-color: #5c9acd; background: #e7effa; }

.dtps_notification.warning { border-color: #f7d035; background: #fceec9; }

.dtps_notification a, .dtps_notification a:visited { color: #011d47; }

.dtps_notification.error { background: #f7dadc; border-color: #e21d38; }

.dtps_notification.error h1, .dtps_notification.error h2, .dtps_notification.error h3 { color: #e21d38; }

.dtps_notification.warning h1, .dtps_notification.warning h2, .dtps_notification.warning h3, .dtps_notification.warning h4 { color: #333333; }

.dtps_simple_wrapper.warning {
	border-top: 1px solid #011d47;
}

.dtps_simple_wrapper.error {
	border-top: 1px solid #e21d38;
}

/* content wrapper */

.dtps_simple_wrapper {
	background: #f4f4f4;
	position: relative;
	display: inline-block;
	min-width: 100%;
	border-top: 2px solid #e7effa;
	margin-bottom: 20px;
}

.dtps_simple_wrapper.error h1,
.dtps_simple_wrapper.error h2,
.dtps_simple_wrapper.error h3,
.dtps_simple_wrapper.error h4 {
	color: #e21d38;
}

.dtps_simple_wrapper_header {
	background: #e4e4e4;
	padding: 5px 5px 5px 20px;
	margin-bottom: 5px;
}

.dtps_simple_wrapper_content .dtps_simple_wrapper_header {
	background: #ffffff;
	border-bottom: 1px solid #e7effa;
	margin-bottom: 0;
}

.dtps_simple_wrapper_content {
	padding: 15px 20px;
}

.dtps_simple_wrapper_content .dtps_simple_wrapper_content {
	padding: 15px 20px;
	background: #ffffff;
	margin-bottom: 15px;
}

.dtps_simple_wrapper_wrap {
	display: inline-block;
	min-width: 100%;
}

.dtps_simple_content_wrap_title {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: #bed7eb solid 1px;
	color: #5c9acd;
}

.dtps_simple_content_wrap_content_header {
	min-height: 40px;
	height: auto;
	line-height: 40px;
	padding: 0 20px;
	color: #011d47;
	background-color: #cccccc;
}

.dtps_simple_content_wrap_content {
	line-height: 18px;
	background-color: #f4f4f4;
	padding: 20px;
	margin-bottom: 20px;
}

/* tabs */
section section {
	padding: 0;
}

.bg-white, .bg-grey {
	border: #bed7eb solid 1px;
	display: inline-block;
	min-width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 150px;
}

.bg-white {
	background-color: #ffffff;
	padding: 20px;
}

.bg-grey {
	background-color: #f4f4f4;
	padding: 20px;
}

.bg-grey p, .bg-grey h1, .bg-grey h2, .bg-grey h3 {
	margin: 12px 0;
}

.bg-grey :first-child {
	margin-top: 0;
}

.hide {
	display: none;
}

ul.tabstyles {
	box-sizing: border-box;
	line-height: 20px;
	margin: 15px 0 0 0;
	padding: 0;
}

.dtps_simple_wrapper_content ul.tabstyles {
	margin: 0;
}

.tabstyles li {
	list-style: none;
	background: #bed7eb;
	border: #bed7eb solid 1px;
	border-bottom: 0;
	border-radius: 9px 9px 0 0;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	height: 100%;
	padding: 5px 20px;
	margin: 5px 3px 0 0;
	position: relative;
}

.tabstyles li:hover {
	background: #e7effa;
}

.tabstyles li.active {
	background: #5c9acd;
	border-color: #5c9acd;
	color: #ffffff;
	height: 100%;
	cursor: default;
}

.tabstyles .fa {
	position: absolute;
	top: 2px;
	font-size: 10px;
	opacity: 0.6;
}

.tabstyles .fa:hover {
	opacity: 1;
}

.tabstyles .fa-close, .tabstyles .fa-times {
	right: 3px;
}

.tabstyles .fa-refresh {
	color: #bed7eb;
	left: 3px;
}

.tabstyles li:hover .fa-refresh {
	color: #e7effa;
}

.tabstyles li.active .fa-refresh {
	color: #ffffff;
	left: 3px;
}

/* htable */
.dtps_simple_htable_wrap {

}

.dtps_simple_htable_line {
	line-height: 18px;
	padding: 4px 10px;
	border-top: none;
}

.dtps_simple_htable_col {
	display: inline-block;
	width: 75%;
	overflow: hidden;
	vertical-align: middle;
}

.dtps_simple_htable_line .dtps_simple_htable_col:first-child {
	font-weight: bold;
	width: 25%;
}

/* ctable */
.dtps_simple_ctable_row {
	display: block;
	width: 100%;
	border-left: 1px dotted #011d47;
	line-height: 27px;
	min-height: 27px;
	white-space: nowrap;
}

.dtps_simple_ctable_title {
	background-color: #5c9acd;
	border-top: 1px dotted #011d47;
	border-right: 1px dotted #011d47;
	font-weight: bold;
	overflow: hidden;
}

.dtps_simple_ctable_header {
	border-top: 1px dotted #011d47;
	font-weight: bold;
}

.dtps_simple_ctable_span {
	display: inline-block;
	border-bottom: 1px dotted #011d47;
	border-right: 1px dotted #011d47;
	height: inherit;
	line-height: inherit;
	padding: 0 10px;
	width: 200px;
	overflow: hidden;
}

.dtps_simple_ctable_span_hidden {
	display: none;
}

.dtps_simple_ctable_span .ui-button {
	vertical-align: middle;
}

/* Breadcrumbs */
#dtps_mod_content_breadcrumbs, #dtps_mod_content_breadcrumbs a {
	color: #cccccc;
	text-decoration: none;
}

#dtps_mod_content_breadcrumbs a:hover {
	text-decoration: underline;
}

#dtps_mod_content_breadcrumbs span {
	color: #011d47;
}

.dtps_module_content_breadcrumbs_refresh {
	vertical-align: bottom;
	cursor: pointer;
}

/* Debug */
.debug-foldout {
	display: none;
	margin: 5px 5px 0 0;
	padding: 5px;
	border: 1px solid #808080;
}

.debug_hide {
	display: none;
}

.debug_view_array td {
	vertical-align: top;
	padding-left: 5px;
}

.debug_view_array tr:nth-child(even) {
	background-color: #e4e4e4;
}

.debug_view_array tr:nth-child(odd) {
	background-color: #dddddd;
}

#dtps_sa_show_hide {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 100px;
	background-color: #000000;
	color: #ffffff;
	cursor: pointer;
	text-align: center;
	z-index: 10000;
}

/**
 * Actions
 **/
/* Entrypoint */
ul.manuals {

}

ul.manuals li {
	margin-top: 5px;
	list-style-position: inside;
	list-style-image: url(page_attachment.gif?f5897465eae57b0e1c983d2373b307df);
}

ul.manuals li:first-child {
	margin-top: 0;
}

ul.manuals li.pdf {
	list-style-image: url(file_acrobat.gif?5f29c417cdbae1c11f4451f0428ef444);
}

ul.manuals li.doc {
	list-style-image: url(page_attachment.gif?f5897465eae57b0e1c983d2373b307df);
}

ul.manuals li.xls {
	list-style-image: url(page_attachment.gif?f5897465eae57b0e1c983d2373b307df);
}

ul.manuals li.license {
	list-style-image: url(icon_key.gif?64706912cc465b279f6ff38ee4a77d01);
}

ul.manuals li a {
	color: #5c9acd;
	font-weight: bold;
	vertical-align: top;
}

/* Access */
span.dtps_access_caption {
	display: block;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 10px;
}

span.dtps_access_caption:first-child {
	margin-top: 0;
}

.dtps_access_button_wrap {
	display: inline-block;
	margin-top: 20px;

}

.dtps_version_text {
	margin-top: 20px;
	display: inline-block;
	float: right;
}

.dtps_access_forgot_link {
	margin-top: 20px;
	display: block;
}

.dtps_access_explanation {
	font-size: 1.3em;
	text-align: justify;
}

/* Admin */
.dtps_admin_checklist_form {
	display: inline-block;
	height: 20px;
}

.dtps_admin_edit_buttons {
	padding: 0 10px 10px;
	border-top: none;
	background-color: #f4f4f4;
	text-align: right;
}

.dtps_admin_add_buttons {
	padding: 10px 0;
}

.dtps_admin_datatable_wrapper {
	padding: 10px 20px;
}

/* SA */
#sa_check_datamodel_result {
	margin-top: 20px;
	min-height: 150px;
	line-height: 1.5em;
}

#sa_check_datamodel_result .ui-icon {
	display: inline-block;
	vertical-align: middle;
}

.dtps_sa_dm_wrap {
	padding-left: 30px;
}

.dtps_sa_success {
	display: block;
	color: #74a81d;
}

.dtps_sa_neutral {
	display: block;
	color: #000000;
}

.dtps_sa_warn {
	display: block;
	color: #ff7800;
	font-weight: bold;
}

.dtps_sa_fail {
	display: block;
	color: #e21d38;
	font-weight: bold;
}

.ui-tabs .dtps_ui_tabs_vertical {

}

.ui-tabs.dtps_ui_tabs_vertical .ui-tabs-nav {
	display: inline-block;
	border: none;
	vertical-align: top;
	padding: 0 10px 0 0;

}

.ui-tabs.dtps_ui_tabs_vertical .ui-tabs-nav li {
	float: none;
}

.ui-tabs.dtps_ui_tabs_vertical .ui-tabs-nav li a {
	text-align: left;
}

.ui-tabs.dtps_ui_tabs_vertical .ui-tabs-panel {
	border-left: 1px solid;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
}

.editable_resource {
	display: inline-block;
	cursor: url(wand.png?62a925af59561ea618a98a477b4a1585), auto;
}

.hidden {
	display: none;
}

#toast-container > div {
	opacity: 1 !important;
}

.admin_module_checklist {
	width: 100%;
}

.admin_module_checklist thead {
	display: none;
}

.admin_module_checklist tr:nth-child(odd) {
	background: white;
}

.admin_module_checklist tr:nth-child(even) {
	background: #f3f6fc;
}

.admin_module_checklist td {
	line-height: 1.8em;
	padding: 3px 15px;
	vertical-align: middle;
}

.admin_module_checklist td.caption {
	width: 25%;
	font-weight: bold;
	white-space: nowrap;
}

div#cancel_password_change {
	float: right;
}

div#button_password_change_success {
	margin: 20px auto 0;
	display: block;
}

#sa_datamodel_module_select {
	margin-bottom: 8px;
}

#sa_datamodel_module_select input[type="checkbox"] {
	margin: 4px 10px;
}

#sa_datamodel_module_select label {
	text-transform: capitalize
}

/* .dtps_quick_menu */
.dtps_quick_menu {
	color: #ffffff;
	cursor: default;
	font-size: 16px;
	line-height: 40px;
}

.dtps_quick_menu .last {
	cursor: pointer;
}

.dtps_quick_menu.small {
	font-size: 13px;
	line-height: 30px;
}

.dtps_quick_menu div {
	background-color: #5c9acd;
	display: inline-block;
	position: relative;
	text-align: center;
}

.dtps_quick_menu > div > span {
	cursor: pointer;
	padding: 1px 40px;
}

table .dtps_quick_menu div {
	float: left;
}

.dtps_quick_menu.invalid > div:after,
.dtps_quick_menu.invalid > div:last-child {
	background-color: #e21d37;
}

.dtps_quick_menu ul {
	color: #333333;
	display: none;
	left: -10px;
	position: absolute;
	z-index: 10;
}

.dtps_quick_menu.active > div:hover > ul {
	display: inline-block;
}

.dtps_quick_menu > div:first-child > ul {
	left: 0;
}

.dtps_quick_menu ul li {
	background-color: #bed7eb;
	border-bottom: 1px solid #e4e4e4;
	line-height: normal;
	padding: 10px 40px;
	position: relative;
	text-align: left;
}

.dtps_quick_menu ul li:last-child {
	border: none;
}

.dtps_quick_menu > div > ul > li {
	padding: 10px 40px;
	white-space: nowrap;
}

.dtps_quick_menu > div:first-child > ul > li {
	padding: 10px 40px 10px 30px;
}

.dtps_quick_menu > div:last-child > ul > li {
	padding: 10px 40px 10px 50px;
}

.dtps_quick_menu.small > div > ul li {
	padding-bottom: 8px;
	padding-top: 8px;
}

.dtps_quick_menu ul li:hover {
	background-color: #5c9acd;
	color: #ffffff;
}

.dtps_quick_menu ul ul {
	border-left: 1px solid #e4e4e4;
	display: none;
	left: 100%;
	top: 0;
}

.dtps_quick_menu ul li:hover > ul {
	display: inline-block;
}

.dtps_quick_menu span {
	display: block;
}

.dtps_quick_menu a {
	color: inherit !important;
	text-decoration: none !important;
	display: block;
	margin: 0 10px;
}

.dtps_quick_menu > div > span:after,
.dtps_quick_menu div:after {
	border: 20px solid transparent;
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 0;
}

.dtps_quick_menu.small > div > span:after,
.dtps_quick_menu.small div:after {
	border: 15px solid transparent;
}

.dtps_quick_menu div:after {
	border-left-color: #ffffff;
	pointer-events: none;
	right: -29px;
	z-index: 2;
}

.dtps_quick_menu.small div:after {
	border-left-color: #ffffff;
}

.dtps_quick_menu.small div:after {
	right: -20px;
}

.dtps_quick_menu > div > span:after {
	border-left-color: #bed7eb;
	pointer-events: none;
	right: -26px;
	z-index: 3;
}

.dtps_quick_menu.small > div > span:after {
	border-left-color: #5c9acd;
	right: -17px;
}

.dtps_quick_menu > div.active > span:after {
	border-left-color: #011d47;
	pointer-events: none;
}

.dtps_quick_menu > div.disabled > span:after {
	pointer-events: none;
}

.dtps_quick_menu div:first-child:before,
.dtps_quick_menu div:last-child:after,
.dtps_quick_menu div:last-child > span:after {
	display: none;
	pointer-events: none;
}

/* kolomselectie */
nav#kolomsetwrap {
	display: flex;
	flex-wrap: wrap;
}

nav#kolomset, nav#begrotingopties {
	flex-basis: content;
	min-width: 25%;
}

nav#kolomset {
	flex-grow: 1;
	background-color: #5c9acd;
	color: #ffffff;
}

nav#kolomset:hover, nav#kolomset.active {
	flex-grow: 1;
}

nav#begrotingopties {
	flex-grow: 100;
	line-height: 32px;
	padding-left: 25px;
}

nav .financial_column_set_selection {
}

div.button-wrapper, div.button-wrapper-float-right {
	line-height: 40px;
}

div.button-wrapper-float-right {
	float: right;
	padding: 0 5px;
}

div.button-wrapper:first-child {
	margin-top: -10px;
}

.button, button {
	background-color: #5c9acd;
	border: 1px solid #5c9acd;
	border-radius: 9px;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	padding: 0 15px;
}

a.button {
	text-decoration: none;
	padding: 2px 15px;
}

button[disabled] {
	border: 1px solid #eeeeee;
	color: #666666;
	background: #cccccc;
	cursor: not-allowed;
	opacity: .5;
}

.ui-widget-content a.button {
	padding: 0 15px;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
}

.ui-widget-content a.button:hover,
.button:hover, button:hover {
	background-color: #bed7eb;
	color: #011d47;
}

button[disabled]:hover {
	color: #666666;
	background: #cccccc;
}

.button.right {
	float: right;
}

.button.left {
	float: left;
}

.button i.fa {
	margin: 0 5px 0 0;
}

@keyframes fade-in-right {
	0% {
		opacity: 0;
		transform: translateX(-15px);
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}