html {
	overflow-y: scroll;
	height: 100%;
}

body {
	font-family: "Trebuchet MS", sans-serif;
	height: auto;
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
}

#header {
	width: 100%;
	background: url(dataview.png) no-repeat scroll center 6px #ffffff;
	background-size: 256px;
	background-position: center 8px;
	height: 140px;
	position: fixed;
	z-index: 999;
}

.start {
	width: 350px;
	height: 80px;
	margin: auto;
	display: block;
	position: relative;
}

#login {
	width: 300px;
	height: auto;
	/*border:2px solid #005da9;*/
	border: 2px solid #1D317D;
	position: absolute;
	top: 160px;
	margin-left: -150px;
	left: 50%;
}

#logout {
	width: 36%;
	text-align: right;
	position: absolute;
	right: 0px;
	top: 20px;
}

.inlog {
	width: 110px;
}

#logout .knop input[type=submit],
input[type=submit],
input[type=button] {
	color: #ffffff;
	/*background-color:#005da9;*/
	background-color: #1D317D;
	padding: 3px 10px;
	/*border-color:#005da9;*/
	border-color: #1D317D;
	cursor: pointer;
}

input.admin[type=submit] {
	background-color: #CD5C5C;
	border-color: #CD5C5C;
}

ul.wrapper,
div.dashboard {
	padding-top: 140px;
}

ul.wrapper.grafieken {
	padding-top: 134px;
}

ul.wrapper.grafieken li {
	position: relative;
	float: left;
}

ul.wrapper.grafieken li .grabber {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	cursor: move;
}

ul.wrapper.faq,
ul.wrapper.myaccount {
	margin-left: 30px;
	max-width: 740px;
}

ul.wrapper.faq li {
	font-size: 15px;
	padding: 6px 0;
}

ul.wrapper.faq li.question {
	font-weight: bold;
	font-size: 17px;
}

.wrapper ul.myaccount {
	margin-left: 30px;
}

.wrapper ul.myaccount li label {
	font-size: 15px;
	padding: 12px 0;
	width: 160px;
	display: inline-block;
}

.wrapper ul.myaccount li input[type=password] {
	font-size: 20px;
}

.wrapper ul.myaccount li select {
	font-size: 15px;
}

#jaartoev input[type=submit] {
	padding: 0 10px;
	margin-top: 4px;
	font-size: 12px;
	background-color: #00A860;
}

.update {
	width: 202px;
	padding: 6px 8px;
	background-color: #00a860;
	color: white;
	position: absolute;
	top: 25px;
	left: 82px;
	font-weight: bold;
}

.veld {
	width: 288px;
	padding: 6px;
	height: 24px;
}

#login .label {
	width: 40%;
	float: left;
}

.knop {
	margin-left: 40%;
}

.donkerblauw {
	/*background-color:#005da9;*/
	background-color: #1D317D;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

ul#tabmenu {
	width: 100%;
	height: 39px;
	margin-top: -25px;
	margin-bottom: 7px;
	border-bottom: 1px solid #ddd;
	padding-left: 8px;
	position: relative;
	z-index: 999;
}

ul#tabmenu li {
	float: left;
	margin-right: 6px;
	height: 41px;
}

ul#tabmenu li.logout {
	float: right;
	margin-right: 30px;
}

ul#tabmenu li a {
	margin-top: 0px;
	width: 100%;
	height: 40px;
	display: block;
	text-align: center;
	background-color: #f6f6f6;
	padding: 10px 15px 0 15px;
	color: #444;
	text-decoration: none;
	font-size: 16px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}

ul#tabmenu li.actief a,
ul#tabmenu li a:hover {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

ul#subtabmenu {
	width: 100%;
	height: 32px;
	margin-top: 0;
	margin-bottom: 7px;
	border-bottom: 1px solid #ddd;
	padding-left: 20px;
	position: relative;
}

ul#subtabmenu li {
	float: left;
	margin-right: 6px;
	height: 34px;
}

ul#sub li.logout {
	float: right;
	margin-right: 30px;
}

ul#subtabmenu li a {
	margin-top: 0px;
	width: 100%;
	height: 33px;
	display: block;
	text-align: center;
	background-color: #f6f6f6;
	padding: 7px 15px 0 15px;
	color: #444;
	text-decoration: none;
	font-size: 14px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}

ul#subtabmenu li.actief a,
ul#subtabmenu li a:hover {
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#column1,
#column2,
#column {
	width: 750px;
	min-height: 400px;
	float: left;
	padding-top: 140px;
}

div#column1.pratable {
	width: 1200px;
}

#column2 {
	width: 460px;
	min-height: 800px;
}

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

.row {
	min-height: 27px;
	height: auto;
	padding-top: 5px;
	display: block;
	/*border: 1px solid #e5eef6;*/
	border: 1px solid #EEEEEE;
	margin-left: 8px;
}

ul.custom li.row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
}

ul.custom li.row:first-of-type div {
	font-weight: bold;
}

ul.custom div {
	text-align: center;
}

.move .row,
.row.move,
.row.admin {
	border: 1px solid #F5DBDB;
}

.row a {
	/*color:#005da9;*/
	color: #1D317D;
}

.row.move a,
.row.admin a {
	color: #A90000;
}

.tussenkop,
.hoofdkop,
.kopje {
	/*background-color:#7faed4;*/
	background-color: #828CAF;
	height: 27px;
	padding-top: 5px;
	margin-left: 8px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}

.tussenkop.move,
.inactief .tussenkop {
	background-color: #D38F8F;
}

.hoofdkop.marge {
	margin-top: 40px;
}

.kopje {
	background-color: #52A17A;
	font-weight: normal;
}

.rechts {
	text-align: right;
}

.deze {
	float: left;
	margin-left: 8px;
}

.toevoegen {
	margin-left: 10px;
	margin-bottom: 6px;
	padding: 3px 10px;
	border-color: #009732;
	margin-top: 6px;
	background-color: #009732;
	width: auto;
	color: #ffffff;
}

.toevoegen.inaktief,
input[type=submit].inaktief {
	border-color: #dddddd;
	background-color: #dddddd;
	color: #999999;
}

.datumnav {
	display: inline-block;
	width: auto;
	float: right;
	margin-right: 2px;
	margin-top: 10px;
}

#forecastheader {
	display: none;
}

.hoofdkop {
	background-color: #1D317D;
}

li.hoofdkop.move,
li.row.move {
	cursor: move;
}

.hoofdkop.move,
.categorie.voegtoe .hoofdkop {
	background-color: #CD5C5C;
}

ul.voegtoe li.hoofdkop,
ul.categorie li.voegtoe,
.row.voegtoe,
li.row span,
.hoofdkop span,
*[name="modal"] {
	cursor: pointer;
	border-top: 0;
}

.row label,
.row .invoer,
.row .vorige,
.row .kolom {
	width: 290px;
	float: left;
	height: 30px;
}

.row .voorvoegsel {
	width: 15px;
	float: left;
	height: 30px;
	text-align: right;
	margin-right: 4px;
}

.row .grf {
	clear: both;
	float: left;
}

.row label {
	/*	clear: both;*/
	padding-right: 10px;
	text-align: right;
	width: 300px;
	min-height: 27px;
	height: auto;
}

.row.form label {
	margin-left: 33px;
}

.row.form div {
	height: 27px;
}

.row label.datum {
	width: 84px;
}

.row.aard label,
.row.vark label,
.row.gdt label {
	width: 164px;
}

.row.aardweek label {
	width: 144px;
}

.row.ptgweek label {
	width: 100px;
}

.row .vorige {
	width: 100px;
	color: #666666;
	text-align: right;
	font-weight: normal;
	float: right;
	margin-right: 7px;
}

.row.aard .vorige {
	width: 45px;
}

.row.vark .vorige {
	width: 65px;
}

.row.vark .invoer {
	width: 125px;
}

.row.vark .invoer input.data {
	width: 70px;
}

.row.gdt .invoer input.data {
	width: 80px;
}

.row.ptgweek .vorige {
	width: 100px;
}

.row .kolom {
	width: 80px;
}

.marketstabel .row {
	border: none;
	padding-top: 0;
	height: 30px;
}

.marketstabel .row.tussenkop {
	padding-top: 6px;
}

.marketstabel .row.titels {
	min-height: unset;
	height: 28px;
}

.marketstabel .row.toelichting {
	height: auto;
	margin-top: 6px;
	display: flex;
	flex-direction: column;
}

.marketstabel .row.titels .kolom {
	height: 20px;
	padding-top: 8px;
}

.marketstabel .row.publicatie .kolom {
	padding-top: 6px;
}

.marketstabel .row .kolom {
	width: 82px;
	text-align: center;
}

.pratable .marketstabel .row .kolom {
	width: 132px;
	text-align: center;
}

.marketstabel .row .kolom.dubbel {
	width: 240px;
}

.marketstabel textarea {
	width: 732px;
	height: 175px;
}

.row.toelichting {
	height: auto;
	margin-top: 6px;
}

.row.toelichting label {
	text-align: left;
	min-height: unset;
}

.row.toelichting textarea {
	width: 732px;
	height: 175px;
}

.row .kolom input {
	width: 65px;
}

.row.vet {
	font-weight: bold;
	border-top: 1px solid #999999;
}

form#dataform {
	margin-bottom: 20px;
}

form#formmodus {
	position: absolute;
	left: 465px;
	top: 4px;
}

input.data,
input.tekst,
input.link,
input.tekstlang,
#boxes .box input.data.alert {
	width: 60px;
	height: 16px;
	font-family: "Trebuchet MS", sans-serif;
	text-align: right;
}

input.link {
	width: 240px;
	text-align: left;
}

table.localbuyer.mass input.data {
	width: 43px;
}

input.data.breed {
	width: 90px;
}

input.tekst,
input.tekstlang {
	width: 80px;
	text-align: left;
}

input.data.forecast {
	/*margin-left:80px;*/
	float: right;
	color: #828CAF;
}

input.tekstlang {
	width: 150px;
}

select#vrij {
	float: left;
}

#opendatum {
	display: none;
	float: left;
	margin-left: 12px;
}

input[type=date] {
	width: 120px;
	height: 16px;
	font-family: "Trebuchet MS", sans-serif;
}

.ptgweek input.data {
	width: 90px;
}

.lichtblauw {
	/*background-color:#e5eef6;*/
	background-color: #EEEEEE;
}

.lichtblauw.move,
.lichtblauw.admin {
	background-color: #F5DBDB;
}

.lichtblauw.favoriet,
.wit.favoriet {
	background-color: #EFDD8F;
	border-color: #EFDD8F;
}

.lichtblauw.alert,
.wit.alert {
	background-color: #fff0dc;
	border-color: #e0dfce;
}

.tabel.alerts {
	width: 670px;
}

.tabel.verwachtedata {
	width: 800px;
}

.tabel.laatstedata {
	width: 970px;
}

.tabel.alerts li.row,
.tabel.verwachtedata li.row,
.tabel.laatstedata li.row {
	height: 40px;
}

.tabel.verwachtedata li.row.warning {
	background-color: #ff8c8c;
}

.tabel.verwachtedata li.row.soon {
	background-color: #ffd08c;
}

.tabel.verwachtedata li.row.warning a span,
.tabel.verwachtedata li.row.soon a span {
	color: #000;
}

.tabel.verwachtedata li a,
.tabel.laatstedata li a,
.tabel.alerts li a {
	display: block;
}

span.door {
	display: block;
	width: 100px;
	margin-top: 6px;
	float: left;
}

.tabel.laatstedata span.door {
	width: 250px;
}

span.laatst {
	display: block;
	width: 100px;
	float: left;
}

.tabel.verwachtedata span.naam,
.tabel.laatstedata span.naam,
.tabel.alerts span.naam {
	display: block;
	margin-top: 6px;
	float: left;
}

ul.afwijking span.naam {
	width: 500px;
	float: left;
	overflow: hidden;
	height: 20px;
}

ul.afwijking span.door {
	width: 220px;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
}

ul.afwijking span.laatst {
	width: 150px;
}

ul.afwijking span.verschil,
ul.afwijking span.waarden {
	display: block;
	width: 60px;
	float: left;
	text-align: right;
}

ul.afwijking span.waarden {
	width: 160px;
}

form#alerts td {
	padding-right: 10px;
	padding-bottom: 4px;
}

.row.totaal {
	/*background-color:#7faed4;*/
	background-color: #828CAF;
	color: #ffffff;
	font-weight: bold;
}

.row.gemiddeld {
	font-weight: bold;
	font-style: italic;
}

li.line {
	display: table;
	width: 100%;
}

.categorie {
	width: 24.8%;
	position: relative;
	float: left;
	margin-bottom: 40px;
}

.categorie.nos.ui-sortable {
	height: 314px;
}

ul.wrapper.ui-sortable ul.categorie,
ul.wrapper ul.categorie.move {
	height: 314px;
}

.categorie .row,
.tabel .row {
	padding-left: 6px;
}

table#rechten,
table#tabrechten {
	margin: 20px 0;
}

table#rechten td.recht,
table#tabrechten td.recht {
	text-align: center;
}

table#rechten td span,
table#tabrechten td span {
	padding: 0 10px;
}

table#rechten tr td:first-of-type {
	width: 200px;
}

table#rechten tr td label {
	width: 100%;
}

table#rechten tr:nth-child(even) {
	background: #f1f1f1;
}

table#rechten tr td {
	vertical-align: middle;
	padding: 6px 0 0 4px;
}

iframe#scraper {
	margin-top: 110px;
}


li.row.cat {
	min-height: 20px;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
	position: absolute;
	z-index: 9000;
	background-color: #73758E;
	/*#686868;*/
	display: none;
	top: 0;
	left: 0;
}

#boxes {
	position: absolute;
	top: -1px;
	left: 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

#boxes .window {
	position: absolute;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999;
	padding: 20px;
}

/* Customize your modal window here, you can add background image too */
#boxes .box {
	width: 435px;
	height: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color: #ffffff;
	background-position: center bottom;
	border: 1px solid #4f4f4f;
}

#boxes #popdiv.box,
#boxes #popexport.box {
	height: 240px;
	width: 365px;
	overflow-y: auto;
}

#boxes #popexport.box {
	background: #ffffff url(loading.gif) no-repeat;
	background-position: center center;
}

#boxes #popuser.box {
	height: 600px;
	width: 560px;
	overflow-y: auto;
}

#boxes #poplargediv.box {
	height: 360px;
	width: 365px;
	overflow-y: auto;
}

#boxes #popwidget.box {
	height: auto;
	width: 310px;
	overflow-y: auto;
}

#boxes #popgrafiek.box {
	height: 800px;
	width: 1024px;
	overflow-y: auto;
}

button#grafiek,
button.grafiek,
button#grafiek2 {
	float: left;
	color: #ffffff;
	background-color: #b00000;
	padding: 3px 10px;
	border-color: #b00000;
	display: none;
	margin: 4px 10px;

}

button#grafiek2 {
	border-color: #009732;
	background-color: #009732;
	cursor: pointer;
}

button#stream,
button.stream {
	float: left;
	color: #ffffff;
	background-color: #00b000;
	padding: 3px 10px;
	border-color: #00b000;
	display: none;
	margin: 4px 10px;

}

button.dts {
	float: right;
	padding: 1px 6px;
	margin: 0 6px 0 0;
	background-color: #0da000;
	border-color: #0da000;
	color: #fff;
}

#filtereddata {
	clear: both;
	width: 770px;
	min-height: 800px;
}

#crosstable label {
	/* width: 110px; */
	display: inline-block;
	margin-left: 10px;
}

.dts #crosstable label {
	width: auto;
}

.dts div.tree-multiselect span.section-name {
	display: none;
}

#source div.tree-multiselect,
#target div.tree-multiselect {
	width: 400px;
	margin: 0 20px;
}

select#targetdb {
	margin: 0 24px 0 7px;
}

div#veldinfo {
	float: left;
	width: calc(100vw - 500px);
}

div#veldinfo div.tree-multiselect {
	width: 100%;
	margin-bottom: 20px;
	max-width: none;
}

div#veldinfo div.tree-multiselect div.selections.no-border {
	width: 100%;
}

div#veldinfo div.omniregel {
	padding: 7px 0 7px 6px;
	background-color: #e5eef6;
}

div#veldinfo div.omniregel.bron {
	background-color: #1f719b !important;
	color: #fff;
	margin-bottom: 24px;
}

div#veldinfo div.omniregel div.omschr {
	width: 1000px;
	display: inline-block;
}

div#veldinfo div.omniregel:nth-child(odd) {
	background-color: #ffffff;
}

div#veldinfo div.omniregel button {
	margin-left: 10px;
}

div.tree-multiselect .auxiliary input.search {
	box-sizing: border-box;
	background-color: #e5eef6;
	border-color: #e5eef6 !important;
}

div#veldinfo span.dbname {
	font-weight: bold;
	font-size: 16px;
	width: 160px;
	display: inline-block;
	padding-left: 14px;
}

button#widget,
button.widget {
	float: left;
	color: #ffffff;
	background-color: #b00000;
	padding: 3px 10px;
	border-color: #b00000;
	display: block;
	margin: 10px 0;
	cursor: pointer;
}

ul#widgetlijst {
	padding-left: 12px;
	margin-top: 20px;
}

ul#widgetlijst li {
	border: 1px solid #e5eef6;
	padding: 2px 4px;
}

ul#widgetlijst li a {
	text-decoration: none;
	color: #000;
}

ul#widgetlijst li a:hover {
	font-style: italic;
}

button.grafiek,
button.stream {
	display: inline-block;
	float: right;
	padding: 2px 6px;
	margin: 0 6px 0 0;
}

button.stream.export {
	background-color: #7cacd4;
	border-color: #BBBBBB;
}

form.pasaan {
	display: inline-block;
	float: right;
}

form.pasaan input[type=submit] {
	padding: 1px 6px;
	margin: 0 6px 0 0;
	background-color: #BBBBBB;
	border-color: #BBBBBB;
}

button#opslaan {
	position: absolute;
	left: 642px;
	top: 106px;
	color: #ffffff;
	/*background-color: #005da9;*/
	background-color: #1D317D;
	padding: 3px 10px;
	/*border-color: #005da9;*/
	border-color: #1D317D;
	cursor: pointer;
}

a.custom {
	margin: 0 0 0 18px;
	padding: 3px 8px;
	display: inline-block;
	background-color: #0aa900;
	color: #fff;
	text-decoration: none;
	border: 0;
	font-family: Arial;
	font-size: 13px;
	cursor: pointer;
}

#boxes label {
	width: 110px;
	display: inline-block;
	height: 26px;
	vertical-align: top;
}

#boxes .box textarea {
	margin: 0px;
	width: 200px;
	height: 70px;
}

#boxes .box input[type=text] {
	width: 220px;
}

#popdiv h2,
#poplargediv h2,
#popuser h2,
h2.import {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

.koppel {
	height: auto;
	padding: 6px 36px;
}

.border {
	/*border: 1px solid #e5eef6;*/
	border: 1px solid #EEEEEE;
}

.koppel.tussenkop,
.koppel.hoofdkop {
	margin-left: 0;
}

.koppel label {
	width: 210px;
	display: inline-block;
}

#koppelcsv {
	width: 340px;
	margin: 14px 30px;
}

.cronfunc {
	margin: 30px 0 0 20px;
}

.cronfunc fieldset {
	margin-bottom: 6px;
}

.cronfunc label {
	width: 180px;
	display: inline-block;
	vertical-align: top;
}

.cronfunc b {
	font-weight: bold;
}

.tabel.grafieken {
	width: 700px;
}

.tabel.grafieken li a span.titel {
	width: 310px;
	display: inline-block;
}

.tabel.grafieken li a span.naam {
	width: 260px;
	display: inline-block;
}

select#product,
#formbuild select {
	margin-left: 10px;
	padding: 3px;
	margin-top: 6px;
	width: auto;
}

#formbuild select {
	margin-top: 0;
}

#formbuild .buildfield {
	width: 180px;
	float: left;
	padding-top: 10px;
}

ul.filters {
	margin-top: 40px;
	margin-left: 9px;
	display: none;
	height: 60px;
}

ul.filters li {
	width: 200px;
	float: left;
	padding: 3px 6px;
	border: 1px solid #ccc;
	margin-left: -1px;
	position: relative;
}

ul.filters li span {
	display: block;
	width: 100%;
	height: 100%;
}

ul.filters li:first-of-type {
	border-left: 1px solid #ccc;
}

ul.filters li:hover {
	background-color: #efefef;
	cursor: pointer;
}

ul.filters li.clicked {
	background-color: #f1f1f1;
	cursor: pointer;
	padding: 3px 6px;
}

ul.sub {
	display: none;
	margin-top: 3px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-left: -7px;
	margin-bottom: -3px;
	max-height: 350px;
	width: 212px;
	position: absolute;
	border: 1px solid #ccc;
	z-index: 99;
}

ul.filters li ul.sub li {
	padding: 0;
	border: 0;
	background-color: #fff;
	width: 210px;
	margin-left: -6px;
	padding-left: 7px;
}

ul.filters li ul.sub li.select_all {
	padding-bottom: 12px;
	font-style: italic;
}

ul.filters li ul.sub li:first-of-type {
	padding-top: 12px;
}

ul.filters li ul.sub li:last-of-type {
	padding-bottom: 10px;
}

ul.filters li.clicked ul.sub {
	display: block;
}

ul#groupby {
	margin-left: 10px;
}

ul#groupby li,
ul#options li {
	cursor: move;
	font-size: 13px;
	width: auto;
	margin: 0 5px;
	padding: 0 5px;
}

ul#groupby li.ui-state-disabled,
ul#options li.ui-state-disabled {
	color: lightgrey;
}

ul#groupby li {
	width: 100%;
}

ul#groupby li:nth-child(1) {
	padding-left: 20px;
}

ul#groupby li:nth-child(2) {
	padding-left: 40px;
}

ul#groupby li:nth-child(3) {
	padding-left: 60px;
}

ul#groupby li:nth-child(4) {
	padding-left: 80px;
}

ul#groupby li:nth-child(5) {
	padding-left: 100px;
}

table.localbuyer th,
table.localbuyer td {
	padding: 4px 8px;

}

table.localbuyer tr.row {
	display: table-row;
}

table.localbuyer tr.row td select.cur {
	float: right;
	margin-right: 10px;
}

table.localbuyer tr.klapin {
	display: none !important;
}

table.localbuyer tr td.inputveld {
	text-align: right;
}

table.localbuyer tr.row.hoofdkop td.gem {
	text-align: right;
	padding-right: 14px;
	color: #ccc;
}

table.localbuyer tr.row b {
	font-weight: bold;
	font-size: 117%;
	color: #fff;
}

/* DASHBOARD */

.gridly,
.gridly> :not(.dragging) {
	transition: all 0.4s ease-in-out;
}

.gridly .dragging {
	z-index: 800;
}

section {
	position: relative;
	margin-bottom: 40px;
}

section .brick {
	opacity: 1;
	position: relative;
	border: 10px solid #fff;
	box-sizing: border-box;
	max-width: 100%;
	background-color: #f6f9fb;
}

section .brick iframe {
	border: 1px solid #e0e0e0;
	border-top: none;
	box-sizing: border-box;
	width: 100%;
	height: calc(100% - 27px);
}

.edit section .brick iframe {
	border: none;
	margin-top: 27px;
}

section .brick.xxsmall {
	width: 237px;
	height: 130px;
}

section .brick.small {
	width: 474px;
	height: 260px;
}

section .brick.small.extern {
	width: 474px;
	height: 390px;
}

section .brick.small.anderhalf {
	width: calc(1.5 * 474px);
	height: calc(1.5 * 260px);
}

section .brick.large {
	width: 948px;
	height: 520px;
}

section .brick>div.balk {
	padding: 3px 6px;
	height: 27px;
	background-color: #063a52 !important;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	line-height: 21px;
	font-size: 15px;
	cursor: pointer;
	user-select: none;
	/* standard syntax */
	-webkit-user-select: none;
	/* webkit (safari, chrome) browsers */
	-moz-user-select: none;
	/* mozilla browsers */
	-khtml-user-select: none;
	/* webkit (konqueror) browsers */
	-ms-user-select: none;
	/* IE10+ */
}

section .brick.toevoeg>div.balk {
	background-color: #a70000 !important;
}

section .brick>div.editmode {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	display: none;
}

section .brick.toevoeg>div.selecteer {
	background: none;
	text-align: center;
}

.edit section .brick.toevoeg>div.balk {
	display: block;
	padding: 3px 6px;
	height: 27px;
	background-color: #063a52 !important;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	line-height: 21px;
	font-size: 15px;
}

.toevoeg select {
	margin-top: 10px;
}

.add.button {
	display: none;
}

.edit .add.button {
	display: inline-block;
}

.edit section .brick>div.editmode {
	display: block;
}

.edit section .brick:not(.toevoeg)>div.balk {
	position: absolute;
	width: 100%;
}

section .brick>div.editmode>span {
	font-size: 20px;
	padding: 0;
	position: absolute;
	top: 3px;
	cursor: pointer;
	color: #fff;
	display: block;
	z-index: 900;
}

section .brick>div.editmode>span.smaller {
	left: 3px;
	background-repeat: no-repeat;
	/* background-image:
		url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 -256 1792 1792' id='svg2' version='1.1' inkscape:version='0.48.3.1 r9886' width='100%25' height='100%25' sodipodi:docname='zoom_out_font_awesome.svg'%3E%3Cdefs id='defs10' /%3E%3Cg transform='matrix(1,0,0,-1,53.152542,1217.0848)' id='g4'%3E%3Cpath d='m 1024,736 v -64 q 0,-13 -9.5,-22.5 Q 1005,640 992,640 H 416 q -13,0 -22.5,9.5 Q 384,659 384,672 v 64 q 0,13 9.5,22.5 9.5,9.5 22.5,9.5 h 576 q 13,0 22.5,-9.5 9.5,-9.5 9.5,-22.5 z m 128,-32 q 0,185 -131.5,316.5 Q 889,1152 704,1152 519,1152 387.5,1020.5 256,889 256,704 256,519 387.5,387.5 519,256 704,256 889,256 1020.5,387.5 1152,519 1152,704 z m 512,-832 q 0,-53 -37.5,-90.5 -37.5,-37.5 -90.5,-37.5 -54,0 -90,38 L 1103,124 Q 924,0 704,0 561,0 430.5,55.5 300,111 205.5,205.5 111,300 55.5,430.5 0,561 0,704 q 0,143 55.5,273.5 55.5,130.5 150,225 94.5,94.5 225,150 130.5,55.5 273.5,55.5 143,0 273.5,-55.5 130.5,-55.5 225,-150 94.5,-94.5 150,-225 Q 1408,847 1408,704 1408,484 1284,305 l 343,-343 q 37,-37 37,-90 z' id='path6' inkscape:connector-curvature='0' style='fill:%23ffffff' /%3E%3C/g%3E%3C/svg%3E"); */
}

section .brick>div.editmode>span.bigger {
	left: 31px;
	/* background-image:
		url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 -256 1792 1792' id='svg2' version='1.1' inkscape:version='0.48.3.1 r9886' width='100%25' height='100%25' sodipodi:docname='zoom_in_font_awesome.svg'%3E%3Cdefs id='defs10' /%3E%3Cg transform='matrix(1,0,0,-1,68.338983,1224.678)' id='g4'%3E%3Cpath d='m 1024,736 v -64 q 0,-13 -9.5,-22.5 Q 1005,640 992,640 H 768 V 416 q 0,-13 -9.5,-22.5 Q 749,384 736,384 h -64 q -13,0 -22.5,9.5 Q 640,403 640,416 V 640 H 416 q -13,0 -22.5,9.5 Q 384,659 384,672 v 64 q 0,13 9.5,22.5 9.5,9.5 22.5,9.5 h 224 v 224 q 0,13 9.5,22.5 9.5,9.5 22.5,9.5 h 64 q 13,0 22.5,-9.5 Q 768,1005 768,992 V 768 h 224 q 13,0 22.5,-9.5 9.5,-9.5 9.5,-22.5 z m 128,-32 q 0,185 -131.5,316.5 Q 889,1152 704,1152 519,1152 387.5,1020.5 256,889 256,704 256,519 387.5,387.5 519,256 704,256 889,256 1020.5,387.5 1152,519 1152,704 z m 512,-832 q 0,-53 -37.5,-90.5 -37.5,-37.5 -90.5,-37.5 -54,0 -90,38 L 1103,124 Q 924,0 704,0 561,0 430.5,55.5 300,111 205.5,205.5 111,300 55.5,430.5 0,561 0,704 q 0,143 55.5,273.5 55.5,130.5 150,225 94.5,94.5 225,150 130.5,55.5 273.5,55.5 143,0 273.5,-55.5 130.5,-55.5 225,-150 94.5,-94.5 150,-225 Q 1408,847 1408,704 1408,484 1284,305 l 343,-343 q 37,-37 37,-90 z' id='path6' inkscape:connector-curvature='0' style='fill:%23ffffff' /%3E%3C/g%3E%3C/svg%3E%0A"); */
	background-repeat: no-repeat;
}

section .brick>div.editmode>span.delete {
	right: 3px;
	/* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='22px' height='22px' viewBox='0 0 22 22' enable-background='new 0 0 22 22' xml:space='preserve'%3E%3Ctitle%3Ecancel-circle%3C/title%3E%3Cpath fill='%23FFFFFF' d='M11,0C4.925,0,0,4.925,0,11s4.925,11,11,11s11-4.925,11-11S17.075,0,11,0z M11,19.938 c-4.937,0-8.938-4.001-8.938-8.938c0-4.937,4.001-8.938,8.938-8.938c4.936,0,8.938,4.001,8.938,8.938 C19.938,15.936,15.936,19.938,11,19.938z'/%3E%3Cpath fill='%23FFFFFF' d='M14.438,5.5L11,8.938L7.563,5.5L5.5,7.563L8.938,11L5.5,14.438L7.563,16.5L11,13.063l3.438,3.438 l2.063-2.063L13.063,11L16.5,7.563L14.438,5.5z'/%3E%3C/svg%3E"); */
	background-repeat: no-repeat;
}

section .brick.xxsmall>div.editmode>span.bigger {
	left: 3px;
}

.brick.xxsmall>div.editmode>span.smaller,
.brick.large>div.editmode>span.bigger {
	display: none;
}

section .brick>div {
	background: #000000;
}

body:not(.omnilink) ul.wrapper {
	padding-bottom: 50px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

ul.wrapper.ui-sortable ul.categorie,
ul.wrapper ul.categorie.move {
	height: auto !important;
}

form#crosstable {
	width: 100%;
}

form#crosstable.additions {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

form#crosstable.additions div.tree-multiselect {
	width: 100%;
	max-width: 1200px;
}

h1.additions {
	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	margin-left: 28px;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

@media screen and (max-width: 1465px) {

	/*1465 */
	#header {
		background-size: 365px;
		background-position: center 8px;
	}

	.start {
		width: 175px;
		height: 40px;
		margin: auto;
		display: block;
		position: relative;
	}

	ul#tabmenu {
		margin-top: 15px;
	}
}