html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
    padding-bottom: 60px;
	background-image: url('/css/img/email-footer.jpg');
	background-repeat: repeat-x;
	background-position-y: 100%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: both;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, button, input, select, textarea, body {
	font-family: 'Open Sans';
}

a {
	color: #4EA8D3;
	text-decoration: underline;
}

h1 {	
	font-family: 'Patua One', cursive;
	font-weight: 300;
	font-size: 1.3125rem;	
	color: #8b3f90;
}

.container {
	width: 90%;
	margin: 0px auto;
}

#result {
	display: block;
	min-height: 80px;
}

.logo-add {
	float: right;
	height: 200px;
	position: relative;
}

.header {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
	width: 100%;
	display: block;
	padding-top: 0px;
/* 	background-image: url('/css/img/jeugd.jpg'); */
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
/* 	min-height: 463px; */
}

	.header .container {
		height: 90px;
/*		background-color: rgba(255,255,255,0.5); */
		background-color: rgba(230,230,230,1);
/*  		margin-bottom: 50px; */
		position: relative;
		width: 100%;
		border-bottom: 1px solid #777777;
	}
	
	
	.header a {
		color: #444444;
		text-decoration: none;
	}
	
	.header a:hover {
		color: #F2780C;
		color: rgb(41, 145, 214);
	}

	.header__logo {
		float: left;
		padding: 20px;
		height: 50px;		
	}
	
		.header__logo img {
			height: 100%;
		}
	.header-aanvraagformulier img{
		width: 100%
	}	
	
	.header__slogan {
		display: none;
		position: absolute;
		bottom: -250px;
		left: 40px;
		background-color: rgba(247, 218, 0, 0.5);
		border-color: rgba(0, 0, 0, 0.5);
		border-radius: 30px;		
		line-height: 50px;
		border-width: 0px;
		margin: 0px;
		padding: 0px 30px;
		height: 50px;
		font-size: 35px;
		font-weight: 700;
		color: rgb(10, 0, 2);
	}
	
	.header__title {
	
	}

	.header__user {
		float: right;
	}
	
		.header__user-role {
			width: 100%;
			float: right;
			margin-right: 20px;				
		}

			.header__user-role .chapter__question-select {
				float: right;
				margin: 0px;
			}
			
			.header__user-role .chapter__question-select label {
				float: left;
				line-height: 2.35rem;
				line-height: 90px;
				font-size: 1rem;
				font-size: 0.85rem;
			}
			
			.header__user-role .chapter__question-select .chapter__question-select__container {
				margin-top: 26px;
			}
	
		.header__user-name {
			float: right;
			margin-right: 20px;
			line-height: 90px;
		}
		
		.header__user-logout {
			float: right;
		}
	
	
	.menu {
		float: left;
		height: 90px;
	}
	
		.menu__item {		
			padding-right: 10px;			
			padding-left: 10px;
			height: 90px;
			line-height: 90px;	
			font-size: 14px;
			font-weight: 400;
		}
		
		.menu__item_active {
			
		}
		
		.menu__item_hover {
			
		}


.main {
	
}

.main__title {	
	font-family: 'Montserrat';
	font-family: 'Patua One', cursive;
	font-weight: 300;
	font-size: 1.3125rem;
	color: #545454;
	color: #8b3f90;
}

.button {
	width: 250px;
	height: 35px;
	display: block;
	line-height: 35px;
	font-size: 0.875rem;
	padding: 0px 5px;
	background: #545454;
	border: 1px solid #2A2A2A;	
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-weight: 400;
}

.child {
	
}

.child__button_remove {
	float:right;
	width: 35px;
	height: 35px;
	font-size: 0.875rem;
	display: block;
	background: #545454;
	border: 1px solid #2A2A2A;
	text-align: center;
	line-height: 35px;
	color: #ffffff;
	cursor: pointer;
}

.chapter {
	font-size: 0.875rem;
	color: #545454;	
	position: relative;
}
.chapter tr.chapter__fields td {
	padding-bottom: 25px;
}
.chapter td {
	width: 24%;
	width: 150px;
	padding-right: 25px;
}	

.chapter td.smaller {
	width: 60px;
}

.chapter td.nopadding {
	padding-right: 0px;
}	

.chapter_two_columns {
		
}	

.chapter_three_columns {
		
}
.chapter_four_columns {
		
}
	.chapter__column, .chapter__column_dual, .chapter__column_triple, .chapter__column_quadrupal{
		float: left;
	}
	
	
	.chapter_one_column .chapter__column {
		width: 100%;
	}
	.chapter_two_columns .chapter__column {
		width: 50%;
	}
	
	.chapter_three_columns .chapter__column {
		width: 33.33%;
	}
	
	.chapter_three_columns .chapter__column_dual {
		width: 66.66%;
	}
	.chapter_four_columns .chapter__column {
		width: 25%;
	}
	.chapter_four_columns .chapter__column_dual {
		width: 50%;
	}
	.chapter_four_columns .chapter__column_triple {
		width: 75%;
	}
	.chapter_five_columns .chapter__column {
		width: 20%;
	}
	.chapter_five_columns .chapter__column_dual {
		width: 40%;
	}
	.chapter_five_columns .chapter__column_triple {
		width: 60%;
	}
	.chapter_five_columns .chapter__column_quadrupal {
		width: 80%;
	}
	.chapter_six_columns .chapter__column {
		width: 16.66%;
	}
	.chapter_six_columns .chapter__column_dual {
		width: 33.33%;
	}
	.chapter_six_columns .chapter__column_triple {
		width: 50%;
	}
	.chapter_six_columns .chapter__column_quadrupal {
		width: 66.66%;
	}

	.chapter__title {				
		
	/*
		font-weight: 700;
		font-size: 1.125rem;
		color: #545454;
	*/
		
		font-family: 'Roboto';
		font-weight: 700;
		font-size: 0.937rem;
		color: #8b3f90;
	}

	.chapter__intro {
		font-size: 0.875rem;
		color: #545454;
	}
		
	.chapter__question {
		margin-bottom: 25px;		
	}	
		.chapter__question-label {			
			font-size: 0.875rem;
			color: #4EA8D3;
			color: #8b3f90;
			display: block;
			margin-bottom: 4px;
		}

		.chapter__question-label .yellow {
			background-color: yellow;
		}	

		.chapter__question-input {
									
		}
			input[name="zipcode"] {
				text-transform: uppercase;
			}
		
			.simple input,
			.chapter__question-input input[type="email"],
			.chapter__question-input input[type="password"],
			.chapter__question-input input[type="text"],
			.chapter__question-input input[type="date"] {
				width: 190px;
				height: 35px;
				line-height: 35px;
				font-size: 0.875rem;			
				color: #545454;
				padding: 0px 5px;				
				background: #FFFFFF;
				border: 1px solid #BEBDBD;
			}
			
			.chapter__question-input_small input[type="text"] {
				width: 100px;
			}		
			
		
		.chapter__question-submit {
									
		}
			
			.chapter__question-submit .options__button {
				float: none;
			}
			
			.chapter__question-input_small .options__button {
				display: inline;
				float: none;
			}
		
			
		.chapter__question-rights {
			
		}	
		
		.chapter__question-radio,
		.chapter__question-checkbox {
			width: 100%;
			float: left;
			cursor: pointer;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
			.chapter__question-radio__checker,
			.chapter__question-checkbox__checker {
				position: absolute;
				left: -9999px;			
			}
			
			.chapter__question-radio__label,
			.chapter__question-checkbox__label {
				padding-left: 30px;				
				background-repeat: no-repeat;				
				font-size: 0.875rem;
				color: #545454;
				float: left;
				height: 20px;				
			}
			
			.chapter__question-checkbox__label {
				background-image: url('/css/img/check-open.svg');
			}
			
			.chapter__question-radio__label {
				background-image: url('/css/img/radio-open.svg');
			}			
			
			.chapter__question-radio:hover .chapter__question-radio__label,
			.chapter__question-checkbox:hover .chapter__question-checkbox__label {
				color: #4EA8D3;
			}
				
			.chapter__question-checkbox__checker:disabled + .chapter__question-checkbox__label {
				color: #dedede;
				cursor: not-allowed;
				background-image: url('/css/img/check-disabled.svg');				
			}
			.chapter__question-checkbox__checker:checked:disabled + .chapter__question-checkbox__label {
				color: #dedede;
				cursor: not-allowed;
				background-image: url('/css/img/check-filled-disabled.svg');				
			}					
			.chapter__question-checkbox__checker:checked + .chapter__question-checkbox__label {
				background-image: url('/css/img/check-filled.svg');
			}
			

			.chapter__question-radio__checker:checked + .chapter__question-radio__label {
				background-image: url('/css/img/radio-filled.svg');
			}
			
			.checked_message {
				color: transparent;
			}
			.chapter__question-checkbox__checker:checked + .checked_message {
				color: #545454;
			}

			.chapter__question-radio__remark,
			.chapter__question-checkbox__remark {
		
			}
		
		.chapter__question-date {
						
		}
			
			.chapter__question-date input[type="text"] {
				width: 125px;
				height: 35px;
				line-height: 35px;
				font-size: 0.875rem;			
				color: #545454;
				padding: 0px 5px;				
				background: #FFFFFF;
				border: 1px solid #BEBDBD;
				background-image: url('/css/img/icon-date.svg');
				background-repeat: no-repeat;
				background-position: 107px center;
				cursor: pointer;
			}
				
		.chapter__question-select {			
			margin-bottom: 25px;	
		}
			
			.simple .chapter__question-select {			
				margin-bottom: 0px;	
			}
			
			.chapter__question-select__container {				
				background-image: linear-gradient(-180deg, #FDFDFD 0%, #F5F5F5 100%);
				border: 1px solid #CBCACA;
				border-radius: 2px;
				overflow: hidden;
				width: 200px;
				background-image: url('/css/img/icon-select-drop-down.svg');
				background-repeat: no-repeat;
				background-position: 183px center;
			}
			
			.chapter__question-select__container.select__large {
				width: 400px;
				background-position: 383px center;
			}
			
			.chapter__question-select__container.select__half {
				width: 100px;
				background-position: 83px center;
			}
			
			.chapter__question-select select {
				border: none;
				background: none;
				width: 220px;
				height: 30px;
				padding-right: 30px;				
				cursor: pointer;
				height: 35px;
				line-height: 35px;
				font-size: 0.875rem;			
				color: #545454;
			}
			
			.header .chapter__question-select__container {
				background-color: #ffffff;
			}
			
			.select__large select {
				width: 420px;
			}
			
			.select__half select {
				width: 120px;
			}
						
			.chapter__question-select select:disabled,
			.chapter__question-input input:disabled,
			.chapter__question-textarea textarea:disabled {
				color: #bbb;
				border: none;
				resize: none;
			}
		
		.chapter__question-upload {
			position: relative;
			width: 250px;
			height: 35px;
			display: block;
		}
		
		.chapter__question-upload.small {
			width: 100%;
			
		}
		
			.chapter__question-upload__input {
				position: absolute;
				left: -9999px;				
			}
			
			.chapter__question-upload__label {				
				width: 100%;
				height: 35px;
				display: block;
				line-height: 35px;
				font-size: 0.875rem;
				padding: 0px 5px;
				background: #4EA8D3;
				border: 1px solid #29586E;
				cursor: pointer;
				color: #fff;
				text-align: center;
				font-weight: 400;			
			}
			.chapter__question-upload__hover:after{
		
			}
			.chapter__question-upload__hover{
			
			position: absolute;
			bottom: 40px;;
			width: 320px;;
			padding: 0.9em;	
			background-color: #ffffff;
			box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
			display: none;
			
			}
			.chapter__question-upload:hover .chapter__question-upload__hover{
				display: block;
			}
			
			.chapter__question-upload__label_filled {
				background: #66B563;
				border: 1px solid #458043;
			}
			
			.chapter__question-upload__close-button {
				position: absolute;
				right: -49px;
				top: 0px;
				width: 35px;
				height: 35px;
				font-size: 0.875rem;
				display: block;
				background: #545454;
				border: 1px solid #2A2A2A;
				text-align: center;
				line-height: 35px;
				color: #ffffff;
				cursor: pointer;
			}			
		
		
		.chapter__question_error {
				
		}	
	
			.chapter__question-message {
					
			}	
	
		.chapter__question-textarea {
			width: 100%;			
		}
		
		.chapter__question-textarea textarea {
			padding: 5px 8px;
			width: 530px;
			height: 170px;
			background: #FFFFFF;
			border: 1px solid #BEBDBD;	
		}
		
		.chapter__question-textarea.small textarea {
			width: 250px;
		}
			
		.chapter__options {
			position: absolute;
			top: -10px;
			left: 240px;
		}
			
		.chapter__question-download {			
			width: 66%;
			margin-right: 33%;
			height: 40px;
			float:left;
		}	
		
			.chapter__question-download .chapter__question-download-link  {			
				float:left;
				width: 220px;
				margin-bottom: 10px;
				margin-top: 10px;
				margin-right: 20px;
			}
			
			.chapter__question-download .chapter__question-checkbox  {			
				float:left;
				width: 220px;
			}
		
		
	.chapter__question_horizontal-checks {
		
	}
	
	.chapter__question_vertical-checks {
		
	}

.error,
.message {
	color: #C05656;
	border: 1px solid #C05656;
	padding: 5px 10px;
	margin-bottom: 20px;
	font-size: 0.875rem;
}

.dot {
	position: relative;
	display: inline-block;
	min-width: 10px;
	height: 20px;
	background-color: #4EA8D3;
	margin-left: 5px;
	text-align: center;
	color: #ffffff;
	border-radius: 10px;
	cursor: pointer;
	padding: 1px 5px;
	font-weight: 400;
}

.dot_warning {
	background-color: #C05656;;
}

.bigdot{
	padding: 20px;
	
}	
.dot .message {
	display: none;
	position: absolute;
	left: 25px;
	border-color: #4EA8D3;
	background-color: #ffffff;
	border-radius: 3px;
	color: #333;
	min-width: 189px;
	top: -5px;
}

.dot:hover .message {
	display: block;
}

.error {
	margin: 10px 0px;
	float: left;
	padding: 0px 5px;
	width: 100%;
}

.message p {
	margin: 0px;
	line-height: 25px;
}
	
.filter_menu {
	width: 100%;
	float: left;
}	
	
	.filter_menu .chapter__question {
		float: left;
		margin-right: 16px;
	}
	
	.filter_menu .chapter__question_pagination {
		float:right;			
	}
	
		.filter_menu__default_filters {
			float: left;
		}
	
		.filter_menu__export_filters {
			float: right;
		}

		.filter_menu__search_filters {
			clear: both;
			float: left;
			width: 100%;
		}
		
		.filter_menu__search_filters input[type="text"] {
			width: 400px;
		}
		.filter_menu__search_filters input[type="text"].small {
			width: 270px;
		}
		
		.filter_menu .options__button {
			margin-top: 24px;	
		}
		
		.filter_menu .options__button_afterinput {
			margin-top: 0px;
			position: relative;
			top:1px;	
		}
			
	
.options {
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}	

	.options__button {
		padding: 0px 20px;
		height: 35px;
		display: block;
		color: #ffffff;
		line-height: 35px;
		text-decoration: none;
		float: left;
		margin-right: 10px;
	}
	
	.options__button_afterinput {
		float: none;
		display: inline;
		margin-top: 0px;
	}	
	
	.options__button[type="submit"] {
		height: 37px;
	}
	
	.options__button_nextstep {		
		background: #66B563;
		border: 1px solid #458043;
	}
	
	.options__button_warning {		
		background: #C05656;
		border: 1px solid #793535;
	}	
	
	.options__button_neutral {
		background: #4EA8D3;	
		border: 1px solid #29586E;
	}
	
	.options__button_cancel {
		background: #545454;	
		border: 1px solid #2a2a2a;
	}
	
	.options__button:disabled {
		background: #dfdfdf;	
		border: 1px solid #e3e3e3;
		color: #aeacac;
	}	


.chapter__question-rights table,
.data {
	width: 100%;
	border-bottom: 5px solid #D8D8D8;
	font-size: 0.8125rem;
	color: #646464;
	border-collapse: separate;
	border-spacing: 0px;
}

.data {
	margin-bottom: 20px;
}

.filter-type {
	font-size: 0.8125rem;
	width: 100%
	
}

	.chapter__question-rights table th,
	.chapter__question-rights table td,	
	.data th,
	.data td {
		padding-left: 10px;
		padding-right: 10px;
	}

	.chapter__question-rights table thead,
	.data thead,
	.data th {
		background-color: #D8D8D8;
	}
		.chapter__question-rights table thead th,
		.data th {
			height: 55px;
			font-weight: 700;
			text-align: left;
			text-transform: uppercase;
			border-left: 1px solid #DFDFDF;
			border-right: 1px solid #C1C1C1;		
		}
		
		.chapter__question-rights table thead tr th:last-child,
		.data thead tr th:last-child {
			border-right: 0px;
		}
		
		.chapter__question-rights table thead tr th:first-child,
		.data thead tr th:first-child {
			border-left: 0px;
		}
		
	.chapter__question-rights table tbody th,
	.chapter__question-rights table tbody td,
	.data tbody td {
		height: 45px;
		background-color: #E8E8E8;
		border-left: 1px solid #F1F1F1;
		border-right: 1px solid #D5D5D5;	
	}
	
		.chapter__question-rights table tr td:last-child,
		.data tbody tr td:last-child {
			border-right: 0px;
		}
		
		.chapter__question-rights table tr td:first-child,
		.data tbody tr td:first-child {
			border-left: 0px;
		}
		
		.chapter__question-rights table tr.overlimit td:first-child,
		.data tbody tr.overlimit td:first-child {
			border-left: 2px solid #ff0000;
		}
		
	.chapter__question-rights table tbody tr:nth-child(odd) td,
	.data tbody tr:nth-child(odd) td {
		background-color: #EEEEEE;		
	}

.simple {

}


.simple th {
	text-align: left;
}

.simple .highlight th,
.simple .highlight td {
	color: #4EA8D3;
}

.simple th,	
.simple td {
	padding-right: 20px;
    line-height: 25px;

}	
	.simple_children th {
		width: 25%;
	}
	
	.match_children tr:nth-child(2) td {
		color: #66aa00;
	}
	
	.simple_finance td {
		vertical-align: bottom;
	}
	
.footer {
	width: 100%;
	height: 40px;
	padding-bottom: 20px;
	padding-top: 60px;
	text-align: center;
}


.piechart {
	width: 100%;
}

	.piechart-legend {
		width: 340px;
		float: left;
		margin-right: 20px;
	}
	
	
	.piechart-legend__wide {
		width: 600px;
	}
		
		.piechart-legend table {
			width: 100%;			
		}
	
		.piechart-legend tr {
			line-height: 26px;	
		}
		
		.piechart-legend tfoot tr {
			line-height: 36px;	
		}
	
		.piechart-legend tr[data-value] {		
			cursor: pointer;			
		}
		
		.piechart-legend table tbody tr td {			
			font-size: 14px;
			color: #545454;
		}
		
		.piechart-legend table tfoot {
			text-align: left;			
			font-size: 14px;	
		}
		
		.piechart-legend table tfoot th {
			margin-top: 10px;
			border-top: 1px solid #545454;
		}
		
		.piechart-legend .pie-number {
			text-align: center;
		}
		
		.piechart-legend .piechart-label {
			text-align: center;
			font-size: 14px;
			color: #4EA8D3;
		}
	
	.piechart-title {				
		font-size: 18px;
		color: #545454;
	}
	
	.piechart-intro {
		font-size: 14px;
		color: #545454;
		margin-bottom: 20px;
		float: left;		
	}
		
		.piechart-icon {
			display: block;
			width: 16px;
			height: 16px;
			border-radius: 8px;
			margin-right: 10px;
		}
		
	.piechart-graphcontainer{
		float: left;
		width: 280px;
	}
	
	.piechart-graphcontainer__lower{
		margin-top: 60px;
	}
	
		
		



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
    
    .footer,
    .options__button,
    .header,
    #beheer-menu {
	    display: none;
	}

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
a[href]:after {
        content: " (" attr(href) ")";
    }
*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.pagination{
	display: flex;
	justify-content: right;
	
	
}
.pagination__center{
	display: flex;
	flex-wrap: wrap;
		justify-content: space-around;	
}
.pagination__center label{
	    font-size: 0.875rem;
	    color: #8b3f90;
    display: block;
    width: 100%;
    margin-bottom: 4px;


}

.pagination .button.small{
	width:30px;
	height: 30px;
	border-radius: 25px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-color:#337c9e;
	text-decoration: none;
	font-weight: bold;
	background-color: #4EA8D3;
	padding:0px;
/* 	margin:8px; */
}

.pagination .button.small.active{
    background: #66B563;
    border: 1px solid #458043;
	}


.icon-orderby{
	display: flex;
/* 	float: right; */
	flex-direction: column;
	height: 100%;
	margin-left: auto;
	
}
.icon-orderby:before{
	content:'';
	border-bottom: solid 7px #646464;
	border-right: solid 4px transparent;
	border-left: solid 4px transparent;
	margin-bottom: 2px;
}
.icon-orderby:after{
	content:'';
	border-top: solid 7px #646464;
	border-right: solid 4px transparent;
	border-left: solid 4px transparent;
}

.orderby-down:before{
	opacity: 0.5;
}
.orderby-up:after{
	opacity:0.5; 
}
table.data th a,table.simple th a{
	color: #646464;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
}

.chapter__question-input input[type="text"].valuta{
	padding-left:15px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwMS45ODcgNDAxLjk4NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk4NyA0MDEuOTg3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTM0NS4xNzYsMzgyLjAxNmwtOS45OTYtNDUuMzkyYy0wLjU2Ny0yLjY2OS0xLjk5NS00LjY2OC00LjI4NC01Ljk5NWMtMi40NzUtMS4zMzUtNC45NDgtMS41Mi03LjQyLTAuNTY4bC0xLjQzLDAuNTY4ICAgbC0zLjQzLDAuODU1Yy0xLjUyNSwwLjM3Ni0zLjI4NSwwLjgwOC01LjI4MywxLjI4M2MtMS45OTksMC40NzYtNC4zMjYsMC45NDgtNi45OTUsMS40MjdjLTIuNjU1LDAuNDc2LTUuNDc2LDAuOTA3LTguNDE5LDEuMjg3ICAgYy0yLjk0OSwwLjM3My02LjEzMiwwLjcxMi05LjU2MSwwLjk5OWMtMy40MywwLjI4MS02Ljg1MiwwLjQyNS0xMC4yODEsMC40MjVjLTI0LjE3NCwwLTQ1LjkyMi02LjUxNy02NS4yMzktMTkuNTU1ICAgYy0xOS4zMi0xMy4wNDItMzMuNTQ4LTMwLjY5Ni00Mi42ODMtNTIuOTYxaDExMC40ODZjMi4wOTgsMCw0LjAwMS0wLjcxMiw1LjcwOC0yLjE0M2MxLjcxOS0xLjQyNCwyLjc2Ni0zLjE4MywzLjEzOS01LjI4NCAgIGw2Ljg1Mi0zMS45NzdjMC41NzQtMi44NDcsMC01LjQyLTEuNzA4LTcuNzA2Yy0xLjkwMy0yLjI4Ni00LjI4OC0zLjQzLTcuMTM5LTMuNDNoLTEzMS4wNGMtMC41NzEtMTIuOTQyLTAuNTcxLTIyLjkzNCwwLTI5Ljk3OCAgIGgxMzkuMzI1YzUuMTQ0LDAsOC4xODYtMi40NzIsOS4xMzctNy40MjFsNi44NTItMzIuNTQ4YzAuNTY3LTIuNjY0LTAuMDg5LTUuMTM2LTEuOTk5LTcuNDIyYy0xLjcwNy0yLjI4NC00LjA4Ni0zLjQzMS03LjEzMi0zLjQzMSAgIGgtMTMzLjYyYzkuNTE3LTIxLjMxNywyMy43OTEtMzguMDY2LDQyLjgyNy01MC4yNDhjMTkuMDM0LTEyLjE4NSw0MC41NDItMTguMjc0LDY0LjUyNC0xOC4yNzRjMC43NjQtMC4zOCwzLjU2OS0wLjI4NCw4LjQxOSwwLjI4NiAgIGM0Ljg1MywwLjU2OCw3LjYxOCwwLjgwOCw4LjI4MSwwLjcxMmMwLjY1Ny0wLjA5NCwzLjE0MiwwLjE5Myw3LjQyLDAuODU1YzQuMjg0LDAuNjY2LDYuNDI3LDEsNi40MjcsMWw0Ljk5NiwwLjk5OCAgIGMxLjQzMSwwLjI4OCwyLjUyNSwwLjUyMiwzLjI4NSwwLjcxNWwxLjE0MywwLjI4NGMyLjQ3MiwwLjc2NSw0Ljc1LDAuNTI1LDYuODUyLTAuNzExYzIuMDk1LTEuMjQxLDMuNDI5LTMuMDk0LDQuMDAxLTUuNTY4ICAgbDEyLjI3OC00NS4zOTVjMC41NjgtMi40NzUsMC4yOC00Ljc1OS0wLjg1NS02Ljg1MmMtMS43MTUtMi4yODgtMy42MjEtMy43MTUtNS43MTUtNC4yODRDMzE1LjM5LDIuMTksMjk2LjkyLDAsMjc3LjUxLDAgICBjLTQyLjY0MSwwLTgwLjc1MSwxMi4xODUtMTE0LjM0NywzNi41NDVjLTMzLjU5NSwyNC4zNjItNTYuNzcsNTYuNTMyLTY5LjUyMyw5Ni41MDFINjUuNjYzYy0yLjY2NiwwLTQuODUzLDAuODU1LTYuNTY3LDIuNTY4ICAgYy0xLjcwOSwxLjcxMS0yLjU2OCwzLjkwMS0yLjU2OCw2LjU2N3YzMi41NDhjMCwyLjY2NCwwLjg1Niw0Ljg1NCwyLjU2OCw2LjU2M2MxLjcxNSwxLjcxNSwzLjkwNSwyLjU2OCw2LjU2NywyLjU2OGgxOS4xMyAgIGMtMC41NzUsOS4xMzktMC42NjYsMTkuMTI2LTAuMjg4LDI5Ljk4MUg2NS42NjNjLTIuNDc0LDAtNC42MTUsMC45MDMtNi40MjMsMi43MTFjLTEuODA3LDEuODA3LTIuNzEyLDMuOTQ5LTIuNzEyLDYuNDJ2MzIuMjY0ICAgYzAsMi40NzgsMC45MDUsNC42MTMsMi43MTIsNi40MjdjMS44MDksMS44MDgsMy45NDksMi43MDQsNi40MjMsMi43MDRoMjcuMTI0YzExLjk5MSw0Mi4wNjQsMzQuNjQzLDc1LjUyLDY3Ljk1MiwxMDAuMzU3ICAgYzMzLjMxMSwyNC44NDYsNzIuMjM1LDM3LjI2MSwxMTYuNzcxLDM3LjI2MWMzLjYyLDAsNy4yODItMC4wODksMTAuOTk1LTAuMjg3YzMuNzItMC4xOTEsNy4xODctMC40NzksMTAuNDI0LTAuODU1ICAgYzMuMjM0LTAuMzc3LDYuNDI0LTAuODAxLDkuNTY1LTEuMjhjMy4xMzgtMC40NzksNS45OTUtMC45NDcsOC41NjItMS40MzFjMi41Ny0wLjQ3Miw0Ljk5Ny0wLjk0Nyw3LjI3OS0xLjQyICAgYzIuMjg2LTAuNDgyLDQuMzMyLTAuOTk5LDYuMTQzLTEuNTc0YzEuODA3LTAuNTY0LDMuMzIzLTAuOTk2LDQuNTY1LTEuMjc2YzEuMjM5LTAuMjg3LDIuMjM4LTAuNjI2LDIuOTk0LTAuOTk5bDEuNDMxLTAuMjg4ICAgYzIuMDk1LTAuNzYsMy43MTMtMi4xNDIsNC44NTMtNC4xNDRDMzQ1LjQ2NCwzODYuNDQ0LDM0NS43NDQsMzg0LjI5OSwzNDUuMTc2LDM4Mi4wMTZ6IiBmaWxsPSIjOWM5YzljIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: left 4px center;
	box-sizing: border-box;
}


.aanvraagformulier-kader{
	padding: 10px;
	width: 80%;
	margin-top: 10px;
/*	margin-right: 200px;
*/
	border-width: 2px;
	border-style: solid;
	border-color: #F07E15;
	font-size: 14px;
}

#list-school,
.list-aanvraag,
.list-leverancier {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 262px;
}

#list-school li span,
.list-aanvraag li span,
.list-leverancier li span {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 5px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  color: black; /* Add a black text color */
  display: block;	
}

#list-school li span:hover:not(.header),
.list-aanvraag li span:hover:not(.header),
.list-leverancier li span:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}

@media only screen and (max-width: 799px) {
  /* line 27, scss/variables/_scaling.scss */
    .desktop {
      display: none; }

	.chapter_three_columns .chapter__column {
		width: 100%;
	}      
	.chapter_four_columns .chapter__column {
		width: 100%;
	}   	
	.chapter_five_columns .chapter__column {
		width: 100%;
	}  	 
	.chapter_six_columns .chapter__column {
		width: 100%;
	}  
	.chapter_field_columns .chapter__column {
		width: 100%;
	}       
	.chapter_field_columns .chapter__column_half {
		width: 150px;
		float: left;
	}  
}

@media only screen and (min-width: 800px) {
  /* line 34, scss/variables/z.scss */
    .mobile {
      display: none; 
      } 
.aanvraagformulier {
     	margin-left: 100px;

}      
	   
	.chapter_field_columns .chapter__column {
		width: 300px;
	}     	
	.chapter_field_columns .chapter__column_half {
		float: left;
		width: 150px;
	}

	
 
}

table.request-info td {
	border-bottom: solid 1px  rgba(0, 0, 0, 0.1);
	vertical-align: top;
}