@import "site-forms.css";
@import "site-grids.css";

/* GENERAL
*/
:root {
	--color-darkbrown: #030405;
	--color-graylevel0: #f5f4f4;
	--color-graylevel1: #e9e8e6;
	--color-graylevel2: #d5d3cf;
	--color-graylevel3: #bfbcb6;
	--color-graylevel4: #807a6e;
	--color-graylevel5: #554e3e;
	--color-graylevel6: #3b362b;
	--color-tabbackground: #f7f8e5;
	--color-felgroen: #ced201;
	--color-felgroen-level1: rgba(215,238,25,.20);
	--color-menuseperator: #3b362b;
	--color-menucolor: #FFFFFF;
	--color-menuhover: #ced201;
	--color-menuactive: #ced201;
	--color-menucolor80: RGBA(255,255,255,.80);
	--homepage-backgroundcolor-farmdata: #808022;
	--homepage-backgroundcolor-general: #ced201;
	--homepage-backgroundcolor-footer: #ced201;
	--color-footer: #000000;

	--color-row: #FFFFFF;
	--color-rowalt: #f7f8e5;
	/* --color-rowhover: rgba(215,238,25,.40); */
	--color-rowhover: rgb(216,237,158);
	--color-rowselected: #ced201;
	/* --color-rowaccent: rgba(215,238,25,.40); */
	--color-rowaccent: rgb(216,237,158);

	--color-btn: #030405;	
	--color-btnactive: #ced201;	

	--color-fieldrequired:rgba(255,0,0,.10);
	--color-fieldinvalid: rgba(255,0,0,.10);
	--color-concept: pink;
	--result-color-darkgreen: #008000;
	--result-color-lightgreen:#98FB98;
	--result-color-neutral: gray;
	--result-color-lightred: #F08080;
	--result-color-darkred: #FF0000;	
	--color-incorrect: #FF0000;
	--drop-target-color: #808022;
}

body{
	font-family:'Open Sans', sans-serif;
	overflow-y: hidden;
}

label {
	font-weight: 600;
}

div.pppanel-div-table {
	display: table;
}

div.pppanel-div-table > div {
	display: table-row;
}

div.pppanel-div-table > div > div {
	display: table-cell;
	padding: 5px;
}

div.ppforms-div-table {
	display: table;
	width: 1400px;
}

div.ppforms-div-table > div {
	display: table-row;
}

div.ppforms-div-table > div > div {
	display: table-cell;
	padding: 5px;
}

.cursor-pointer {
	cursor: pointer;
}

.text-truncate {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-truncate .pp-inputrowsplitby {
	display: block!important;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

/* headers */
div.ppforms-div-table > div > div:nth-child(1), div.ppforms-div-table > div > div:nth-child(3){
	width: 200px;
}
/* data */
div.ppforms-div-table > div > div:nth-child(2), div.ppforms-div-table > div > div:nth-child(4){
	width: 500px;
}

.fw-normal {
	font-weight: normal!important;
}

.fw-bold {
	font-weight: bold!important;
}

/*
	felgroen: d7ee19

fc donkerbruin/zwart:	030405
fc mosgroen	 #808022
fc groengeel #ced201

sc felgroen: d7ee19

tabgrijs: ececec
sc donkerstegrijs 554e3e 
sc enedonkergrijs: # 807a6e
sc middelgrijs: bfbcb6
sc enalichtstegrijs d5d3cf
sc lichtste grijs: e9e8e6
*/

.pp-font-small {
	font-size: 0.7em;
}

.ms-Panel-content.pp-panel-isform {
	margin-left: -15px;
	margin-right: -15px;
}

.modal-header {
	background-color: var(--color-graylevel1);
}

.pp-panel-isform .pp-panel-header {
	width: 100%;
	background-color: var(--color-graylevel1);
	height: 30px;
}

.pp-panel-isform .pp-panel-section {
	width: 100%;
	background-color: var(--color-graylevel1);
	margin-bottom: 5px;
}

.pp-panel-isform .ms-Panel-closeButton {
	top: -5px;
	cursor: pointer;
}

.pp-panel-isform div.pp-printform {
	margin-right: 50px;
	margin-top: 7px;
	float: right;
	cursor: pointer;
}

.ppforms-section-name {
	font-size: large; 
	font-weight: bold;
	padding-left: 10px;
}
/*
GENERAL */

/* HEADER
 */
#topheader{
	background-color: var(--color-darkbrown);
	height:75px !important;
}

#pp-header {
	height: 70px;
	width: 100%;
	display: flex;
	flex-direction: row;	
}

#pp-toplogo {
	display: inline-flex;
	margin-left: 185px;
	height: 60px;
	min-width: 60px;
	align-items: center;
}

#pp-toplogo.collapsed {
	margin-left: 15px;
}

#pp-toplogo img {
	height: 60px;
}

#pp-toplogo img.pp-toplogo-custom {
	max-height: 60px;
	margin-top: 10px;
}

.pp-toplogo-poweredby {
	margin-right: 100px;
}

.pp-toplogo-poweredby > div > img {
	height: 40px;
	margin-top: -15px;
}

#pp-breadcrumb-container {
	color: var(--color-graylevel3);
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
}

#pp-breadcrumb-container ol, #pp-breadcrumb-container ul {
	margin-top: inherit;
	margin-bottom: inherit;
	margin-left: -20px;
}

#pp-breadcrumb {
	list-style: none;
	vertical-align: middle;
}

#pp-breadcrumb > li {
	display: inline-block;
}

#pp-breadcrumb > li:first-child {
	margin-left: -10px;
}

#pp-breadcrumb> li:last-child {
	font-weight: bolder;
}

#pp-breadcrumb > li:not(:last-child) {
	color: gray;
}

#pp-breadcrumb > li:not(:first-child):before {
	content : "\025B8"; 
	padding-left: 5px;
	padding-right: 5px;
}

.pp-invisible {
	display: none !important;
	visibility: hidden !important;
}

#pp-header-container {
	right: 10px;
	position: absolute;
}

#pp-header-container > div {
	display: inline-flex;
}

#pp-header-actions {
	align-items: center;
	height: 70px;
}

div#headerlocationsearch {
	cursor: pointer;
	background-image: url('/images/header_locationsearch.svg');
	min-width: 20px;
	min-height: 20px;
	display: inline-block;
	margin-right: 12px;
}

#user-menu-settings {
	background-image: url("/images/menu/menu_admin.svg") ;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 45px;
	margin-top: 4px;
	margin-right: 10px;
	cursor: pointer;
	white-space: nowrap;
}

#user-menu-person {
	cursor: pointer;
	margin-top: 4px;
}

#user-menu {
	color: var(--color-menucolor) !important;
	display: none;
	margin-right: 20px;
}

#user-menu > div:not(:last-child) {
	display: inline-block;
}
.user-menu-icon{
	background: url("/images/menu/menu_person.svg") no-repeat;
	transform: scale(0.6);
	width: 30px;
	height: 45px;
	display: inline-block;
	vertical-align:middle;
}
#user-menu-name {
	color: var(--color-menucolor) !important;
	font-size: 16px;
	margin-right: 20px;
	display: inline-block;
}

#user-menu > div:nth-child(2) img {
	margin-left: 20px;
}

.dropdown-menu
{
	display: none;
	/* position: relative; */
	background: #fff;
	border-radius: 5px;
	border: 2px solid var(--color-darkbrown);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	margin-top: -12px;
}

#user-menu-popout button > a, #user-menu-settings-popout button > a {
	color: white !important;
	cursor: pointer !important;
	text-decoration: none !important;
}

#user-menu-popout button > a:hover, #user-menu-settings-popout button > a:hover{
	color: black !important;
}

#user-menu-popout > div a, #user-menu-settings-popout > div a {
	color: black;
	cursor: pointer;
}

#user-menu-popout > div > div, #user-menu-settings-popout > div > div {
	padding: 5px;
	color: black;
}

#user-menu-hiddenlogout {
	position: absolute;
	top: 0px;
	right: 0px;
}

#user-menu-hiddenlogout > button {
	background-color: black;
	border: 0px;
	height: 10px;
}

#user-menu-hiddenlogout a {
	color: black;
}
/*
HEADER */

/* MENU
*/
#pp-menu-container {
    position: absolute;
	width: 200px;
    height: 100%;
    white-space: nowrap;
	left: 0px;
    overflow-x: hidden;
	background-color: var(--color-darkbrown);
	z-index: 10;
	font-size: 14px;
}

#pp-menu-container.menu-collapsed {
	width: 30px;
}

#pp-menu-collapser {
	height: 30px;
	border-bottom: 1px solid var(--color-menuseperator);
}

.menu-seperator {
	border-top: 1px solid var(--color-menuseperator);/*#bfbcb6;*/
}

#pp-menu-expand {
	display: none;
}

#pp-menu-collapse {
	display: block;
}

#pp-menu-expand, #pp-menu-collapse {
	float: right;
	cursor: pointer;
}

#pp-menu-expand img, #pp-menu-collapse img {
	height: 28px;
	float: left
}

#pp-menu {
	letter-spacing: 1px;
	color: var(--color-menucolor);
	padding-right: 5px;
}

#pp-menu a, .pp-menu-link span {
	line-height: 30px;
	text-decoration: none;
}

#pp-menu a:hover {
	font-style: normal;
}

#pp-menu a:not(.active) {
	color: var(--color-menucolor80);
}

.pp-menu-hoofditem-container {
	min-height: 40px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.pp-menu-item .pp-menu-block {
	display: none;
}

.pp-menu-block.level2 {
	background-color: var(--color-graylevel4);
}

.pp-menu-container.level2.active {
	background-color: var(--color-graylevel5);
}

.pp-menu-block.level3 {
	background-color: var(--color-graylevel5);
}

.pp-menu-block.level2 .pp-menu-link {
	padding-left: 20px;
}

.pp-menu-block.level3 .pp-menu-link {
	padding-left: 35px;
	/*font-size: 12px;*/
}

.pp-menu-block.level4 .pp-menu-link {
	padding-left: 50px;
	/*font-size: 12px;*/
}

.pp-menu-item.level2 {
	margin-left: 0px;
}

.pp-menu-item.level2 .pp-menu-item-container {
	margin-left: 0px;
}

.pp-menu-item-container.active {
	display: block;
}

.pp-menu-item.level1 > div.pp-menu-link {
	color: var(--color-menucolor);
}

.pp-menu-item.level1.active > div.pp-menu-link {
	color: var(--color-menuactive);
}

.pp-menu-item.level2 {
	color: var(--color-menucolor80);
}

.pp-menu-item.level2.active > div.pp-menu-link {
	color: var(--color-menuactive);
}

.pp-menu-item.level3.active > div.pp-menu-link {
	color: var(--color-menuactive);
}

.pp-menu-spacer {
	height: 10px;
}

.pp-menu-active {
	display: block;
}

.pp-menu-arrowright {
	display: none;
	padding-top: 5px;
	background-image: url(/images/menu/icon_arrowright.svg);
    height: 28px;
	width: 10px;
    background-repeat: no-repeat;	
}

#pp-menu-container.menu-collapsed .pp-menu-arrowright {
	width:0px;
}

.pp-menu-arrowright.active {
	display: block;
	float: right;
}	

.pp-menu-arrowdown {
	display: none;
	margin-top: 4px;
	background-image: url(/images/menu/icon_arrowdown.svg);
    width: 20px;
    background-repeat: no-repeat;
	background-position: center;
	height: 28px;	
}

#pp-menu-container.menu-collapsed .pp-menu-arrowdown  {
	width:0px;
}


.pp-menu-arrowdown.active {
	display: block;
	float: right;
}

.pp-menu-item.level2 .pp-menu-arrowright {
	margin-top:  0px;
}	

.pp-menu-item.level2 .pp-menu-arrowdown {
	line-height: 40px;
}

.pp-menu-item.level3 .pp-menu-arrowright {
	line-height: 40px;
}	

.pp-menu-item.level3 .pp-menu-arrowdown {
	line-height: 40px;
}

.pp-menu-link {
	display: inline-block;
	
}
.pp-menu-image {
	display: inline-block;
	width: 30px;
	cursor: pointer;
}

#pp-menu a.active {
	font-weight: bold;
	color: var(--color-menucolor);
}

#pp-menu a:hover, #pp-menu span:hover {
	text-decoration: none;
	color: var(--color-menuhover);
	cursor: pointer;
}


/*
MENU */

/*FOOTER
*/
	#pp-homepage-footer-collapser {
		padding-top: 2px;
	}

	#pp-homepage-footer-expanded {
		display: block;
	}

	#pp-homepage-footer-collapsed {
		display: none;
	}

	#pp-homepage-footer-expanded, #pp-homepage-footer-collapsed {
		float: left;
		cursor: pointer;
		display: block;
	}

	#pp-homepage-footer-expanded img, #pp-homepage-footer-collapsed img {
		height: 12px;
		width: 20px;
		display: block;
	}

	#pp-homepage-footer-expanded img:nth-child(2), #pp-homepage-footer-collapsed img:nth-child(2) {
		margin-top: -5px;
	}	

	#pp-homepage-footer-container.footer-collapsed {
		height: 30px;
	}	
/*
FOOTER */

#wrapper {
    position: absolute;
    width: 100%;
    min-height: 100%;
	background-color: var(--color-graylevel1);
}

#content-wrapper {
	overflow-y: auto;
	height: calc(100vh - 75px);
	padding-bottom: 20px;
	margin-left: 200px;
}

#contentarea {
	margin-top: 10px;
	margin-right:0px !important;
	margin-left: 0px !important;
}

ul.nav-tabs {
	margin-top: 10px;
	margin-left: -10px;
}

.with-nav-tabs > div.panel-body {
	/*margin-left: 10px;*/
	/*margin-right: 10px;*/
	padding-top: 1px;
}

.nav-tabs > li > a.active {
	background-color: var(--color-felgroen);
}

.container-fluid {
	padding-right: 10px;
}


/* INDEXPAGE
*/
.pp-index-login {
	padding: 40px;
	width: 700px;
	height: 500px;
	background-color: #FFFFFF;
	margin: 0 auto 10px;
	margin-top:5%;
	border-radius: 2px;
	box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.75);
	overflow: hidden;
	text-align: center;
}

.pp-index-login > div:nth-child(2) {
	margin-bottom: 100px;
	margin-top: 100px;
}

.pp-index-login-btn {
	background-color:var(--color-darkbrown);
	border: none;
	width: 200px;
	height: 50px;
	border-radius: 10px;
}  

.pp-index-login-btn a > h2 {
	color: white;
	font-family: Arial;
	font-size: 17px;
	text-align: center;
	opacity: 1;
	margin-top: 10px;
} 

.pp-index-login a {
	text-decoration: none;
	color: var(--main-color-brown);
	font-weight: 400;
	text-align: center;
	display: inline-block;
}


.pp-index-login a:hover {
	text-decoration: none;
	color: var(--color-felgroen);
	cursor: pointer;
}

.pp-accessdenied > div:nth-child(3) {
	margin-bottom: 100px;
}

.pp-accessdenied > div:nth-child(3) > div {
	display: inline-block;
}

#pp-usernotfound {
	width: 600px;
	margin-bottom: 30px;
	display: none;
	margin-top: 10px;
	border-radius: 5px;
	padding-top:5px;
	padding-left:5px;
	background-color: var(--color-fieldinvalid);
	font-weight: bold;
}

.pp-loading {
	font-weight: bolder;
	margin: 20px;
	position: relative;
}

#pp-loading-language {
	margin-left: 10px;
	margin-right: 10px;
}
/*
INDEXPAGE */


.ppform > div hr {
	margin-top: 10px ;
}

.pp-blur {
	filter: blur(0.25rem);
}

hr {
	margin-top: 0px;
	margin-bottom: 0px;
}

.navbar {
	margin-bottom:0px !important
}

.navbar-default {
	border: none;
}

.pointer {
	cursor: pointer;
}

#pp-draggable-popup {
	position: absolute;
	background-color: white;
	z-index:99999;
	border: 2px solid var(--color-felgroen-level1);
	border-radius: 4px;
	padding-left: 4px;
	padding-right: 4px;
	height: 400px;
	width: 850px;
	font-size: 14px;
}

#pp-draggable-popup-titlebar {
	background-color: #f9f9f9;
	cursor: move;
	min-height: 35px;
	display: inline-block;
	width: 100%;
}

#pp-draggable-popup-body {
	margin: 4px;
	overflow: auto;
	overflow-y: scroll;
}

#locGeneral {
	font-size: 12px;
}

#pp-draggable-popup-body span {
	padding-right: 20px;
}

	
#avatar{
	padding-left:10px;
	margin-right:56px;
	float:right;
	margin-top:-3px;
}

form.ppform-help div.form-group img {
	border-color: black;
	border-width: 1px;
	border-style: dashed;
	margin-top: 2px;
}

/* JSGrid */
/* geen schauduw wanneer grid in panel */
.ms-Panel-content .jsgrid{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.jsgrid-cell{
	padding-left: 0.2em !important;
	padding-right: 0.2em !important;
	padding-top: 0.1em !important;
	padding-bottom: 0em !important;
	font-size:0.8em !important;
	vertical-align: top;
	word-break: break-word;
	overflow-wrap: break-word;
	overflow-x: hidden !important;
}

.jsgrid-cell ul {
	margin-bottom: 0px;
	padding-left: 20px;
}

.jsgrid-cell div.pp-inputrowsplitby:not(:last-child) {
	border-bottom: 1px dashed var(--color-graylevel2);
	width: 100%;
	display: inline-block;
}


#ecContent .jsgrid-cell{
	vertical-align: top;
}

.total-row {
  font-weight: bold;
  background: var(--color-graylevel1);
  height:100px;
}

.total-row td {
  border-top: 2px solid #efefef;
}

.jsgrid-row > .jsgrid-cell:not(.ppgrid-row-selected):not(.accent) {
	background: var(--color-row);
}

.jsgrid-alt-row:not(.jsgrid-selected-row) > .jsgrid-cell:not(.ppgrid-row-selected):not(.accent) {
	background: var(--color-rowalt);/* bm 2021-10-28 !important;*/
}

.jsgrid-selected-row > .jsgrid-cell{
	background: var(--color-rowhover) !important;
	border-color: var(--color-rowhover) !important;
}

.ppgrid-row-selected, .jsgrid-alt-row.ppgrid-row-selected > .jsgrid-cell {
	background: var(--color-rowselected) !important;
	border-color: var(--color-rowselected) !important;
}

div.pp-grid-container {
	overflow-y: auto;
	overflow-x: auto;
}

.pp-jsgrid-border td {
	border-top: 2px dotted var(--color-menuseperator) !important;
}

.pp-jsgrid-background td {
	background-color: var(--color-rowhover) !important;
}

.pp-grid-multipleedits {
	overflow-y: hidden;
	overflow-x: hidden;
}

.pp-grid-multipleedits > div:first-child {
	padding: 0px;
}

.pp-grid-multipleedits > div:not(:first-child) {
	padding-left: 5px;
}

.pp-grid-error-row {
	color: red;
}

.jsgrid-filter-row > .jsgrid-cell{
	text-align:center;
	vertical-align: middle;
}

.jsgrid-filter-row > .jsgrid-cell input{
	height: 20px !important;
}

tr.jsgrid-filter-row > td.jsgrid-control-field > input {
	display: none;
}

.jsgrid-filter-date {
	display: flex;
}

tr:not(.jsgrid-filter-row) td.jsgrid-cell.accent {
	background-color: var(--color-rowaccent);
}

tr:not(.jsgrid-filter-row) td.jsgrid-cell.summaryrow {
	font-weight: bolder;
	border-top: 2px solid var(--color-graylevel3);
}

.pp-jsgrid-currency {
	text-align: right;
}

.pp-jsgrid-currency > span:first-child {
	padding-right: 5px;
}

.pp-jsgrid-currency > span:nth-child(2) {
	float: right;
}

.pp-jsgrid-inlinediting-inputrowdiv input {
	margin-bottom: 4px;
}

div.pp-form-control.pp-jsgrid-inlinediting-inputrowdiv {
	border: 0px;
}

div.pp-form-control.pp-jsgrid-inlinediting-inputrowdiv input {
	margin-bottom: 4px;
}

.jsgrid-download-cell > a{
	color: #000;
}

.jsgrid-field-details {
	margin-left: 4px;
	vertical-align: top;
	height: 12px;
	width: 12px;
	cursor: pointer;
}

.jsgrid-field-info {
	margin-left: 4px;
	margin-top: 2px;
	vertical-align: top;
	height: 12px;
	width: 12px;
	cursor: pointer;
	float: right;
}

.jsgrid-field-warning {
	margin-left: 4px;
	margin-top: 2px;
	vertical-align: top;
	height: 12px;
	width: 12px;
	cursor: pointer;
	float: right;
}

.pp-feedschedulewarning {
	display: inline-block;
	margin-left: 5px;
}

.ui-widget-header{
	border-color: var(--color-felgroen) !important;
	background: var(--color-felgroen) !important;
}

a.pp-passwordreset {
	color: var(--color-darkbrown);
	font-weight: bold;
}

a.pp-passwordreset:hover {
	text-decoration: underline;
}



/* Hoofdmenu pagina */
.MessagePopupActive {
	font-style: italic;
	font-size: 10px;
	margin-bottom: 10px;
}

.MessagePopupBody {
	white-space: pre-wrap;
}

/* startpagina */


/* JS GRID CUSTOM */
.jsgrid-search-button {
	background-image: url("/images/vergrootglas.gif") !important;
	background-size: 16px;
	background-position: 0 0 !important;
}

.jsgrid-clear-filter-button {
	background-image: url("/images/trechter.gif") !important;
	background-size: 16px;
	background-position: 0 0 !important;
}

/*.BM2023-03-13 jsgrid-edit-button {
	background-image: url("/images/pen.gif") !important;
	background-size: 16px;
	background-position: 0 0 !important;
}*/

.jsgrid-update-button {
	background-image: url("/images/inline_save.png") !important;
	background-size: 14px;
	background-position: 0 0 !important;
}

.jsgrid-cancel-edit-button {
	background-image: url("/images/inline_cancel.png") !important;
	background-size: 14px;
	background-position: 0 0 !important;
}

.jsgrid-update-button:before {
	content: "\f304";
}

div.jsgrid-edit-button {
	text-align: center;
	cursor: pointer !important;
	background-repeat: no-repeat;
	background-position: center !important;
	margin-top: 2px;
	margin-bottom: 2px;	
	min-height: 20px;
	width: 100%;
}

div.jsgrid-edit-button.small {
	background-size: 10px;
	width: 10px;
	margin-top: inherit;
	margin-bottom: inherit;
	margin-left: 5px;
	display: inline-block;
	background-position: bottom !important;
	min-height: 10px;
}

div.jsgrid-add-button {
	cursor: pointer !important;
	min-width: 15px;
	min-height: 15px;
	text-align: center;
	vertical-align: text-top;
	display: inline-block;
	font-size: 16px;
	margin-top: -2px;
}

div.jsgrid-delete-button {
	cursor: pointer !important;
	min-width: 15px;
	min-height: 15px;
	text-align: center;
	vertical-align: text-top;
	display: inline-block;
	margin-top: -1px;
}

div.jsgrid-clear-button {
	cursor: pointer !important;
	min-width: 15px;
	min-height: 15px;
	text-align: center;
	display: inline-block;
	background-image: url('/images/circle-xmark-regular.svg');
	background-repeat: no-repeat;
}


div.jsgrid-view-button {
	cursor: pointer !important;
	display:inline;
	font-size: 14px;
	margin-right: 5px;
}

/*DEPRECATED 2023-02-21
div.jsgrid-view-button {
	cursor: pointer !important;
	background-image: url("/images/common/grid_readonly.svg") !important;
	background-size: 30px 30px;
	background-position: -6px;
}*/

div.pp-jsgrid-button {
	/*DEPRECATED 2023-02-21 background: none;
	border: none;*/
	cursor: pointer !important;
}

div.jsgrid-sign-button {
	cursor: pointer !important;
	background-image: none !important;
}

div.jsgrid-signred-button {
	cursor: pointer !important;
	background-image: none !important;
	color: red;
}

div.jsgrid-pdf-button {
	cursor: pointer !important;
	margin-left: 4px;
	background-color: transparent;
	background-image:url('/images/download-pdf.svg');
	height: 20px;
	width: 20px;
	border: 0;
}

div.jsgrid-pests-button {
	cursor: pointer !important;
	background-color: transparent;
	background-image:url('/images/icon_rat.png');
	height: 17px;
	width: 17px;
	border: 0;
	display: inline-block;
}

div.pp-jsgrid-checkboxaction {
	cursor: pointer !important;
	background-image: none !important;
}

div.pp-iswithoutantibiotics {
	background-color: orange;
}


.ms-Panel {
	padding-top: 75px;
}

.ms-Panel-closeButton {
	z-index: 9999;
}

.ms-Panel-headerText {
	max-height: 0px;
	margin-top: -10px;
}

.ms-Panel-contentInner {
    margin-top: 0px;
    padding-top: 10px;
}

.form-group input[type="text"]:invalid:not(:focus):not(:placeholder-shown),
.form-group select:invalid:not(:focus):not(:placeholder-shown),
.form-group input[type="number"]:invalid:not(:focus):not(:placeholder-shown),
.form-group input[type="email"]:invalid:not(:focus):not(:placeholder-shown) {
    background: var(--color-fieldrequired);
    color: black;
}

input[type=checkbox], input[type=radio] {
    margin: 4px;
}

.poultryplanforms td {
    vertical-align: top;
}

.ppforms-sectionwrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}



.pp-alert {
	overflow: ellipsis;
}

.alert-info {
	color: inherit;
	font-weight: bolder;
}

.ppforms-button {
	margin-right: 20px;
}

.ppforms-file {
	background-color: inherit !important;
}

.ppforms-file input {
	width: auto !important;
	display: inline-block;
}

.ppforms-file input[type='file'] {
	color: white;
	display: inline-block;
	padding-left: 10px;
}

#contentarea .pp-typeahead-uldiv {
	position: absolute;
    top: 100%;
	z-index: 9999;
}

#contentarea ul.pp-typeahead-ul {
	top: 0px !important;
	max-height: 200px;
	position: relative !important;
	overflow-y: scroll;
	max-width: 1000px;
}

.ms-Panel-content ul.pp-typeahead-ul {
	top: 100% !important;
	max-height: 200px;
	overflow-y: scroll;
	max-width: 1000px;
	z-index: 9999;
	position: absolute;
}

.pp-typeahead-ul {
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 1000;
	display: "block";
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	background-color: #FFFFFF;
}

.pp-typeahead-li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	white-space: nowrap;
}

.pp-typeahead-li-selected {
	background-color: var(--color-felgroen);
}

.pp-typeahead-li a:hover {
	text-decoration: none;
}

.pp-typeahead-li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400px;
	line-height: 1.4;
	color: #000000;
	white-space: nowrap;
}


input.ppforms-pptypeahead {
	padding-right: 25px !important;
}

.pp-checkboxlist {
	display: inline-block;
	width: 100%;
	padding-block: 1px;
}
  
.pp-checkboxlist:focus {
	outline: 0;
}

.pp-checkboxlist .pp-checkboxlist-anchor {
	width: 98%;
	position: relative;
	cursor: pointer;
	display: inline-block;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
  }

  .pp-checkboxlist .pp-checkboxlist-anchor.checkboxlist-filled {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: -5px;	
  }  
  
.pp-checkboxlist .pp-checkboxlist-anchor:after {
	position: absolute;
	content: "";
	border-left: 2px solid black;
	border-top: 2px solid black;
	padding: 2px;
	right: 5px;
	top: 20%;
	transform: rotate(-135deg);
}
  
.pp-checkboxlist .pp-checkboxlist-anchor:active:after {
	right: 8px;
	top: 21%;
}
  
ul.pp-checkboxlist-items {
	z-index: 9999;
	position: fixed;
	padding: 2px;
	display: none;
	background-color: white;
	margin: 0;
	border: 1px solid #ccc;
	flex-direction: column;
}
  
ul.pp-checkboxlist-items li {
	list-style: none;
	white-space: nowrap;
	padding-right: 5px;
	margin: 0px;
}

.pp-checkboxlist.visible ul.pp-checkboxlist-items {
	display: flex;
	max-height: 200px;
	overflow-y: auto;
}
  
.pp-checkboxlist label {
	font-weight: normal !important;
	white-space: nowrap;
}

.pp-linkhover {
	text-decoration: underline;
}

.pp-linkhover:hover {
	background-color:var(--color-darkbrown);
	color: white;
	cursor: pointer !important;
	height: 100%;
	width:100%;
}

.pp-vink-ok {
	background-image:url('/images/gridvink.png');
	background-repeat: no-repeat;
	background-position-x: center;
	min-width: 16px;
	min-height: 16px;
}

.pp-vink-ok.right {
	float: right;
}

.pp-vink-ok.left {
	float: left;
}

.ppforms-hidesection {
	visibility: hidden;
	opacity: 0;
	height:0;
}

#ppOverlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.8);
	z-index: 9999;
	display: none;
}

#ppOverlayBody {
	width: 400px;
	height: 200px;
	display: flex;
	align-items: center;
	top: calc(50%);
	left: calc(50%);
	position: relative;
}

#ppPanelContainer {
	position:relative;width:0px;height:0px;
}

.pp-align-center {
	text-align: center;
}

.pp-align-left {
	text-align: left;
}

.pp-align-right {
	text-align: right;
}

/* toepassen als ergens width gedefinieerd is */
.pp-jsgrid-table {
	width: initial !important;
}

.pp-jsgrid-header-cell {
	display: table-cell;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
	border-top: 1px solid #e9e9e9 !important;
	border-right: 1px solid #e9e9e9 !important;
}

.ppforms-inputtype-div {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.pp-jsgrid-header-row {
	height: initial !important;
}

.pp-jsgrid-header-cell.jsgrid-align-right {
	text-align: right;
	padding-right: 8px;
}


.jsgrid-grid-header {
	overflow-y: hidden !important;
  }

.jsgrid-grid-body{
  overflow: auto;
  overflow-y: hidden !important;
}


.jsgrid-header-cell{
	padding:0.2em !important;
	font-size:0.9em !important;
	font-weight:bold;
	vertical-align: top;
	word-break: break-word;
	overflow-wrap: break-word;
	overflow-x: hidden !important;	
}


.jsgrid-header-cell .info, .mortalityinfo {
	min-width: 20px;
	min-height: 20px;
	background-image: url('/images/field_info.svg');
	background-repeat: no-repeat;
	background-position-x: right;
}


 .jsgrid-table td[colspan]:not([colspan="1"]) {
	border-bottom: 1px solid #e9e9e9 !important;
}

table.pp-form-columnslayout {
	margin: 10px;
}

table.pp-form-columnslayout tr > td.cellspacer {
	width: 50px;
}

table.pp-form-columnslayout tr > td[data-section-tag="true"]  {
	padding-bottom: 10px;
}

table.pp-form-columnslayout tr > td:nth-child(2) div.pp-div-table > div > div:nth-child(2) {
	padding-left: 0px;
}

table.pp-form-columnslayout tr > td:not([data-section-header="true"][data-section-tag="true"])  {
	position: relative;
}

table.pp-form-columnslayout div.ppforms-field-message {
	background-position-x: left;
	left: -15px;
	min-width: 15px;
	min-height: 15px;
}

table.pp-form-columnslayout div.ppforms-field-message.warning {
	left: -20px;
	right: auto;
	min-width: 20px;
	min-height: 20px;
}

table.pp-form-columnslayout select.pp-form-control {
	padding-left: 0px;
}

table.pp-form-columnslayout div.inputrow input.pp-form-control {
	line-height: inherit;
}


div.pp-form-headerrow {
	background-color: var(--color-graylevel0);
	height: 20px;
	font-weight: bold;
}


.pp-form-control[readonly],
.pp-form-control[disabled] {
    background-color: inherit;
    border: inherit;
    padding: 0px;
    box-shadow: inherit;
    appearance: none;
}

.pp-form-control.showreadonlyborder[readonly]:not([disabled]) {
	border: 1px solid #ccc;
	border-radius: 4px;
}


.inputrow label.control-label::after {
	content:" *";
	color:red;
}

.form-group.required input:not([disabled]) ~ .control-label::after {
	content:" *";
	color:red;
}

.form-group.required select:not([disabled]) ~ .control-label::after {
	content:" *";
	color:red;
}

.form-group.required textarea:not([disabled]) ~ .control-label::after {
	content:" *";
	color:red;
}

.form-group.required div:not([disabled]) ~ .control-label::after {
	content:" *";
	color:red;
}

label.required::after {
	content:" *";
	color:red;
}

.form-group.required canvas:not([disabled]) ~ .control-label::after {
	content:" *";
	color:red;
}
  
.form-group.required {
	display: flex;
	flex-direction: column;
}

.form-group.required label:last-child {
	order: -1;
}

.panel {
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
}

.panel-heading {
	padding-left: 20px;
}

.panel-default  {
	border: 0px;
}

.panel-default > .panel-heading {
	background-color: inherit;
	border: 0px;
	padding-bottom: 0px;
}


.form-group label {
	margin-bottom: 0px !important;
}

.pp-menu-itemselected {
	font-weight: bold !important;
}

.jsgrid-pager a{
	color: #000000;
}

div.inputrow input[type='checkbox'].form-check-input {
	margin-bottom: -2px;
}

.ppforms-checkboxgroup input[type='checkbox'] {
	margin-left: inherit;
}

.ppforms-checkboxgroup-validator {
	cursor: default;
	background: inherit;
	border: none;
	display: none;
}

.pp-form-control.pp-invalid-warning {
	background: #fcf8e3;
}

.pp-form-control.pp-invalid-error {
	background: var(--color-fieldinvalid);
}

div.ppforms-radio input[type='radio'] {
	margin-left: 0;
}

div.ppforms-radio.inline {
	display:inline-flex;
	align-items: center;
	margin: 4px 14px 4px 0;
	gap: 5px;	
}

div.ppforms-radio.inline input[type='radio'] {
	position: static;
	margin: 0;
}

div.ppforms-radio.inline label {
	display:inline-flex;
	padding-left: 0;
	margin: 0;
	min-height: 0;
	line-height: 14px;
}

.form-group.required div.ppforms-radio.inline label:last-child {
	order: 0
}

div.ppforms-checkboxgroup.inline {
	display:inline-block;	
	margin-right: 14px;
	margin-top: inherit;
	margin-bottom: inherit;		
}

div.ppforms-checkboxgroup.inline > input[type="checkbox"] {
	height: 100%;
}

div.ppforms-field-header {
	display: inline-block;
	width: 100%;
}

div.ppforms-field-header > div {
	display: inline-block;
}

div.pp-grid-header-first {
	font-weight: 600;
}

div.ppforms-field-message  {
	min-width: 20px;
	min-height: 20px;
	text-align:center;
	position:absolute;
	display:inline-block;
	right: 5px;
	top: -2px;
	left: 0px;
	background-repeat: no-repeat;
	background-position-x: right;	
}
div.pp-panel-isdiv div.ppforms-field-message {
	left: inherit;
}


div.inputrow div.ppforms-field-message  {
	min-width: 20px;
	min-height: 20px;
	background-repeat: no-repeat;
	background-position-x: right;
	position: relative;
	float: right;
	left: 0px;
}

div.inputrow div.ppforms-field-message.info {
	margin-left: 10px;
	background-image: url('/images/field_info.svg');
}

div.ppselectmulti-field-clear {
	min-width: 10px;
	min-height: 10px;
	display: inline-block;
	background-image: url('/images/circle-xmark-regular.svg');
	background-repeat: no-repeat;
	margin-left: 5px;
	opacity: 0.25;
}

div.ppforms-field-clear  {
	min-width: 16px;
	min-height: 16px;
	text-align: center;
	position: absolute;
	display: inline-block;
	right: 8px;
	top: 3px;
	background-image: url('/images/circle-xmark-regular.svg');
	background-repeat: no-repeat;
	opacity: 0.25;
}

div.form-group div.ppforms-field-clear.with-label {
    top: 23px;
}

div.form-group div.inputrow div.ppforms-field-clear.with-label.ppforms-field-clear-inputrow-first {
	top: 2px;
	right: 12px;
}

div.form-group div.inputrow div.ppforms-field-clear.with-label.ppforms-field-clear-inputrow {
	top: 6px;
}


/*BM 2025-08-05 div.ppforms-field-clear-inputrow-first  {
    right: 12px;
    top: 6px;
}*/

/*div.form-group div.inputrow div.ppforms-field-clear-inputrow  {
    top: 4px !important;
}

div.ppforms-field-clear.with-label.ppforms-field-clear-inputrow {
	top: 4px !important;
}
*/
div.ppforms-field-clear-inputrow  {
	right: 12px; /* BM 2025-08-05 28px*/
	top: 8px;
}


table.pp-form-columnslayout div.ppforms-field-clear.with-label {
	right: 4px;
	top: 5px;
}

table.pp-form-columnslayout div.inputrow div.ppforms-field-clear.with-label {
	right: 28px; /* BM 2025-06-24 12px*/
	top: 3px;
}

table.pp-form-columnslayout div.inputrow > div.inputrow-added-row div.ppforms-field-clear.with-label {
	top: 7px;
}


div[data-showallrows="false"] div.inputrow-added-row:nth-child(odd) select, 
div[data-showallrows="false"] div.inputrow-added-row:nth-child(odd) input {
	background-color: var(--color-graylevel0);
}

div.ppforms-field-clear.colspan  {
	right: -11px;
}

div.ppforms-sectionwrapper div.ppforms-field-clear {
	right: 2px;
}

div.ppforms-field-loading {
	min-width: 24px;
	min-height: 24px;
	text-align: center;
	position: absolute;
	display:inline-block;
	top: 16px;
	background-image: url('/images/loading_small.gif');
}

input.ppforms-field-correct {
	border: 1px solid #008800 !important;
}

input.ppforms-field-incorrect {
	border: 1px solid #FF0000 !important;
}


div.ppforms-field-message.error {
	background-image: url('/images/field_error.svg');
}

div.pp-jsgrid-inlineerror-withvalue > div {
	display: inline-block;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	background-position-x: left;
	margin-left: 5px;
	
}

div.pp-jsgrid-inlineerror-withvalue.error {
	color: var(--result-color-darkred);
	font-weight: bolder;
}

div.pp-jsgrid-inlineerror-withvalue.good {
	color: var(--result-color-darkgreen);
	font-weight: bolder;
}

div.pp-jsgrid-inlineerror-withvalue > img {
	height: 16px;
	margin-top: -2px;
}

div.pp-jsgrid-inlineerror {
	min-width: 14px;
	min-height: 14px;
	display: inline-block;
	background-image: url('/images/field_error.svg');
}

div.pp-jsgrid-inlineloading {
	min-width: 24px;
	min-height: 24px;
	display: inline-block;
	background-image: url('/images/loading_small.gif');
}

img.pp-jsgrid-inlinearrow {
	margin-left: 4px;
	height: 18px;
}

img.pp-jsgrid-inlinearrow-equal {
	margin-left: 4px;
	width: 18px;
}

div.ppforms-field-message.warning {
	background-image: url('/images/field_warning.svg');
}

div.ppforms-field-message.info {
	/*
	BM 2021-05-27 deprecated
	top: inherit;
	left: 50px;*/
	margin-left: -10px;
	background-image: url('/images/field_info.svg');
}

div.ppforms-formloading {
	display: flex;
	align-items: center;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
	top: 0;
	left: 0;
	opacity: 0.8;
	background: var(--color-darkbrown);
}

div.pp-collapsed {
	display: none;
}

div.pp-expanded {
	display: block;
}

div[data-collapsed="true"] {
	display: block;
	background-image: url('/images/icon_plus.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	min-height: 30px;
}

div[data-collapsed="false"] {
	display: block;
	background-image: url('/images/icon_min.png');
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	min-height: 30px;
}

.pp-panel-isform form.ppform:not(.formchecklist) div[data-collapsed="false"]:not(:first-child) {
	padding-left: inherit;
}

.pp-panel-isform div[data-collapsed="false"] .pp-panel-section {
	width: calc(100% - 30px);
	margin-left: 30px;
}

label[data-collapsed="true"] {
	background-image: url('/images/icon_plus.png');
	background-repeat: no-repeat;
	padding-left: 30px;
}

label[data-collapsed="false"] {
	background-image: url('/images/icon_min.png');
	background-repeat: no-repeat;
	padding-left: 30px;
}



[data-collapsed="true"]:hover, [data-collapsed="false"]:hover {
	cursor: pointer;
}

input:focus, textarea:focus, select:focus {
	outline: none !important;
	outline-offset: 0 !important;
}

.pp-form-control {
	padding-left: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	display: block;
	width: 100%;
	line-height: 1.25;
}

.pp-form-control-comment {
	padding-left: 15px;
	padding-bottom: 15px;
	font-style: italic;
	font-size: 12px;
}

.form-group {
	margin-bottom: 10px !important;
}

.ppform td {
	vertical-align: top;
}

.ms-Panel-contentInner {
	padding: 0 15px 0px;
}

table.pp-table {
	border-collapse: separate;
	border-spacing: 5px;
}

table.pp-table tr:hover > td {
	background-color: var(--color-rowhover) !important;
}

table.pp-table tr:nth-child(even) td {
	background-color: var(--color-rowalt)
}

table.pp-table tr:nth-child(odd) td {
	background-color: var(--color-row);
	border: 1px solid #f3f3f3;
}

table.pp-table th, td {
	padding: 2px;
}

table.pp-table th {
	background-color: var(--color-felgroen);
}

table.pp-table th.h3 {
	background-color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
}

.btn-primary {
	background-color: var(--color-btn);
	border-color: var(--color-btn);
}

.btn-secondary {
	background-color: var(--color-graylevel1);
	border-color: var(--color-graylevel1);
}

button.pp-active {
	background-color: var(--color-btnactive) !important;
	border-color: var(--color-btnactive) !important;
	color: var(--color-btn) !important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background-color: var(--color-btnactive) !important;
	border-color: var(--color-btnactive) !important;
	color: var(--color-btn) !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
	background-color: var(--color-btnactive) !important;
	border-color: var(--color-btnactive) !important;
	color: var(--color-btn) !important;
}

.pp-div-altrow {
	background-color:  var(--color-rowalt);
}

.pp-div-table {
	display: table;
}

.pp-div-table.inline{
	display: inline-table;
}

.pp-div-table > div {
	display: table-row;
}

.pp-div-table.border {
	border-collapse: separate;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}

.pp-div-table.border > div > div {
	border-collapse: separate;
	border-bottom: 1px solid #ddd;
}

.pp-div-table > div > div {
	display: table-cell;
	padding: 2px;
}

/* div.inputrow > div:not(:first-child) > div {
	padding-bottom: 4px;
} */

div.inputrow > div > div {
	padding-bottom: 4px;
}

div.inputrow > div > div {
	display: table-cell;
	padding-left: 0px;
	/* padding-bottom: 0px; */
	padding-top: 0px;
}

div.inputrow-first-row .pp-form-control, div.inputrow-added-row .pp-form-control {
	display: inline-block;
}

div.inputrow-first-row .row-delete-cell .disabled {
	pointer-events: none; /* Prevents clicks */
	opacity: 0.15; /* Makes it look disabled */
}

div.inputrow-added-row > div {
	padding-top: 4px !important;
}

div.inputrow > div > div input, div.inputrow > div > div select {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

div.inputrow > div > div:not(:nth-last-child(-n+2)) {
	display: table-cell;
	padding-right: 25px;
}

div.inputrow > div > div:not(:nth-last-child(-n+2)).colspan {
	padding-right: 10px;
}

.pp-div-th {
	font-weight: bolder;
	padding-right: 20px !important;
	padding-left: 5px !important;
}

.pp-input-week > div {
	display: inline-block;
	min-width: 20px;
	max-width: 20px;
	min-height: 20px;
	max-height: 20px;
	background-color: var(--color-felgroen-level1);
	padding: 1px;
	color: #000000;
	text-align: center;
	margin: 1px;
}

.pp-input-week > div.selected {
	background-color: var(--color-darkbrown);
	color: white;
}

.pp-input-week > div.currentweek {
	text-decoration: underline;
}

.pp-input-week.disabled {
	opacity: 0.5;
}

.pp-input-week:not(.disabled) > div:hover {
	background-color: var(--color-felgroen-level1) !important;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.tooltip {
	opacity: 1 !important; 
}

.ui-tooltip {
    background: var(--color-felgroen) !important;
    border: 1px solid var(--color-darkbrown) !important;
	box-shadow: 0px 0px 5px 0px var(--color-darkbrown) !important;
	padding: 5px;
	border-radius: 4px !important;
}



.pp-tooltip-leesmeer {
	text-decoration: underline dotted var(--color-darkbrown);
}

.ppforms-multiselect > div {
	vertical-align: middle;
	display: inline-block;
}

.ppforms-multiselect > div:nth-child(2) {
	display: inline-block;
}

table.pp-form-columnslayout div.ppforms-multiselect > div:nth-child(1), table.pp-form-columnslayout div.ppforms-multiselect > div:nth-child(3)  {
	width: 40%;
}

.ppforms-multiselect > div:nth-child(2) > div {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	color: #000000;
}

.ppforms-multiselect > div:nth-child(2) > div {
	cursor: pointer;
}

.ppforms-multiselect > div > select {
	vertical-align: middle;
	min-width: 100px;
	width: 100%;
	overflow-x: auto;
}

.pp-verygood {
	background-color: #b3ff99;
}

.pp-good {
	background-color: #d9ffcc;
}

.pp-bad {
	background-color: #ffcccc;
}

.pp-verybad {
	background-color: #ff8080;
}
.pp-bold-italic {
	font-weight: bolder;
	font-style: italic;
}
/* 
CHARTS */
.pp-gauge-needle {
	stroke: black !important;
	stroke-width: 2;
	stroke-linecap: round;
}

.pp-gauge-gauge1 {
	fill: none;
	stroke: #FF0000 !important;
	stroke-width: 15;
}

.pp-gauge-gauge2 {
	fill: none;
	stroke: #F08080 !important;
	stroke-width: 15;
}

.pp-gauge-gauge3 {
	fill: none;
	stroke: #98FB98 !important;
	stroke-width: 15;
}

.pp-gauge-gauge4 {
	fill: none;
	stroke: #008000 !important;
	stroke-width: 15;
}

.bb-tooltip {
	opacity: inherit !important;
}

.bb-tooltip th {
	background-color: var(--homepage-backgroundcolor-farmdata) !important;
}

.bb-tooltip td {
	border-left: none;
}

.jsgrid-header-row-total {
	font-weight: normal;
	text-align: right;
	padding-right: 0.2em !important;
	font-size: 0.8em !important;
}

.jsgrid-header-row-totalheader {
	font-weight: bold;
	text-align: right;
	padding-right: 0.2em !important;
	font-size: 0.8em !important;
}

.jsgrid-header-row-total.accent {
	background-color: var(--color-rowaccent);
}

.jsgrid-align-right {
	padding-right: 8px !important;
}

.ppforms-checkbox {
    width: 100%;
    position: relative;
    display: block;
}

div.rounded {
	background: #fff;
	border-radius: 5px;
	padding: 5px;
}

div.rounded.gray {
	background: #d9edf7;
	border-color: #bce8f1;
	margin-top: 20px;
	margin-bottom: 20px;
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    padding-right: inherit !important;
    padding-left: inherit !important;
}

.form-group {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

/* hide default checkbox */

.jsgrid-cell input[type="checkbox"]:disabled:not(:checked) {
	display: none;
}

.ppforms-checkbox input[type="checkbox"] {
    width: auto;
    opacity: 0.00000001;
    position: absolute;
    left: 0;
    margin-left: -10px;
}
.ppforms-checkbox label:not(.hidelabel) {
    position: relative;
}

.ppforms-checkbox label:not(.hidelabel):before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    margin: 0;
    width: 15px;
    height: 15px;
    transition: transform 0.28s ease;
    border-radius: 3px;
    border: 2px solid #000000;
	opacity: 1;	
}

.ppforms-checkbox label.labelabovecheckbox:before {
    left: calc(50% - 8px) !important;
    margin-top: 4px !important;
	margin-left: 0px !important;
}

.ppforms-checkbox label:not(.hidelabel):after {
  content: '';
    display: block;
    width: 8px;
    height: 6px;
    border-bottom: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(-45deg) scale(0);
	position: absolute;
    top: 6px;
    left: 4px;
	opacity: 1;
}

.ppforms-checkbox label.labelabovecheckbox:after {
	top: 10px;
	left: calc(50% - 4px);
	opacity: 1;
}

.ppforms-checkbox label:not(.hidelabel) {
    min-height: 24px;
    display: block;
    padding-left: 26px;
	padding-bottom: 2px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.ppforms-checkbox input[type="checkbox"]:checked ~ label::before {
    color: #000000;
	border: 2px solid #000000;
	background-color: var(--color-felgroen-level1);
}

.ppforms-checkbox input[type="checkbox"]:checked ~ label::after {
    transform: rotate(-45deg) scale(1);
}

.ppforms-checkbox input[type="checkbox"]:disabled ~ label::after {
    opacity: 0.9;
}

.ppforms-checkbox input[type="checkbox"]:disabled:checked ~ label::before  {
	opacity: 0.1 !important;
	border: 2px solid var(--color-felgroen);
}

.ppforms-checkbox input[type="checkbox"]:disabled ~ label::before  {
	opacity: 0.1 !important;
}

.ppforms-checkbox input[type="checkbox"]:disabled label {
    cursor: default;
}

.ppforms-checkbox label span {
    /*position: absolute;*/
    top: 50%;
    transform: translateY(-50%);
}

div.ms-PanelHost > div:first-child:not(.ms-Panel) {
	display: none !important;
}

.modal-content {
	margin-top: 200px;
}

.modal-sm {
	width: 400px;
}

.pp-opmerking {
	white-space: pre-wrap;
}


div.pp-grid-field-warning {
	display: inline-block;
	width: 100%;
	text-align: center;
}

div.pp-grid-field-warning > div:first-child {
	display: inline;
	margin-right: 5px;
}

div.pp-grid-actionbuttons {
	float: right;
}

div.pp-grid-actionbuttons > div {
	cursor: pointer !important;
	min-width: 20px;
	min-height: 20px;
	margin-left: 5px;
}

div.pp-grid-colorblock { 
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 5px;
}

.pp-europa {
	background-image:url('/images/europa.png');
	background-repeat: no-repeat;
	background-position-x: center;
	background-size: 15px 15px;
	min-width: 16px;
	min-height: 16px;
}

.pp-europa.right {
	float: right;
}

.pp-europa.left {
	float: left;
}

.planningcontainer {
	background-color: white;
	padding: 10px;
	overflow-x: auto;
}

.planningtabel {
	font-size: 11px;
}

.planningtabel > thead th {
	padding: 2px;
	white-space: nowrap;
	padding-right: 10px;
	max-width: inherit;	
}

.planningtabel > thead > tr:nth-child(2) > th {
	max-width: 60px;
	text-align: center;
}

.planningtabel > thead > tr:nth-child(2) > th {
	border-bottom: 1px solid #d9d9d9;
}

.planningtabel > thead > tr:nth-child(2) > th:nth-child(1) {
	max-width: 20px;
	min-width: 20px;
	text-align: center;
}

.planningtabel > thead > tr:nth-child(2) > th:nth-child(2) {
	max-width: 70px;
	min-width: 70px;
	text-align: center;
}

.planningtabel > tbody td {
	text-align: right;
	max-width: 60px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	min-width: 30px;
	vertical-align: top;
	white-space: nowrap;
	padding-right: 10px;
	max-width: inherit;	
}

.planningtabel th.flockvoorraad, .planningtabel td.flockvoorraad,
.planningtabel th.flockproductie, .planningtabel td.flockproductie,
.planningtabel th.flockuitval, .planningtabel td.flockuitval,
.planningtabel th.flockleeftijd, .planningtabel td.flockleeftijd,
.planningtabel th.flockbeschikbaar, .planningtabel td.flockbeschikbaar {
	white-space: nowrap;
	padding-right: 10px;
	max-width: inherit;
}


.planningtabel > tbody td:nth-child(1) {
	min-width: 20px;
}

.planningtabel > tbody td:nth-child(2) {
	max-width: 70px;
}

.planningtabel div.sale:not(.inactive):not(.fixed):hover, div.purchase:not(.inactive):not(.fixed):hover {
	border: 1px dotted #000000;
	cursor: pointer;
}

.planningtabel > tbody td > div.inactive {
	color: grey;
}

.planningtabel > tbody td > div.fixed {
	font-weight: bold;
	font-style: italic;
}

.planningtabel > tbody td > div.cancelled {
	font-style: italic;
	text-decoration: line-through;
}

.planningtabel > tbody > tr > td:nth-child(1) {
	font-weight: bold;
}

.planningtabel > tbody > tr > td:nth-child(2) {
	font-weight: bold;
}

.planningtabel > tbody > tr:nth-child(even) {
	background:#fff;
}

.planningtabel > tbody > tr:nth-child(odd) {
	background:var(--color-rowalt);
}

.planningtabel > tbody tr:hover, .planningtabel > tbody tr.selected {
	background-color: var(--color-rowselected);
}

.planningcontainer .borderleft {
	border-left: 1px solid #d9d9d9;
}

.planningcontainer .borderleftbold {
	border-left: 1px solid #000000;
}


.planningcontainer .borderright {
	border-right: 1px solid #d9d9d9;
}

.planningcontainer .borderrightbold {
	border-right: 1px solid #000000;
}

.planningcontainer .borderbottom {
	border-bottom: 1px solid #d9d9d9;
}

.planningcontainer .bordertopbold {
	border-top: 1px solid #000000;
}

#planninginfo {
	font-size: 11px;
}

.planningtabel tr.bordertop td {
	border-top: 1px solid #d9d9d9;
}

.planningtabel div.leeftijd {
	padding-right: 2px;
}

#planninggrafiekcontainer {
    transition-property: visibility, opacity;
	transition-duration: 0s, 2s;
	text-align: center;
}

#planninggrafiekcontainer.grafiekhidden {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 1s, 0s;
    transition-delay: 0s, 1s;
}

#planninggrafiekcontainer .bb-tooltip {
	text-align: left;
}

.planningstatus-nieuw {
	background-color: red;
}

.planningstatus-gewijzigd {
	background-color: orange;
}

.planningstatus-extracontrole {
	background-color: orange;
}

.planningstatus-verwerkt {
	background-color: green;
}

.planningstatus-geannuleerd {
	background-color: green;
}

.planningstatus-gesloten {
	background-color: purple;
}

div.pp-users-hoofdmenu {
	border-top: 1px solid;
	width: 300px;
	
}

div.pp-users-submenu-1 {
	border-top: 1px dotted;
	width: 300px;
	margin-left: 50px;
	padding: 5px;
}

div.pp-users-submenu-2 {
	margin-left: 50px;
	border-top: 1px dotted gray;
}

div.pp-users-submenu-3 {
	margin-left: 50px;
}

div.pp-users-submenu-1 > span {
	font-weight: bolder;
}

span.pp-users-tabs-span {
	font-weight: bolder;
}

div.pp-users-tabs > div {
	width: 280px;
	margin-left: 70px;
	margin-bottom: 5px;
	margin-top: 5px;
}




div.panel.with-nav-tabs.panel-default {
	padding-bottom: 10px;
}

.panel-group {
	margin-bottom: 0px;
}

.with-nav-tabs div.panel-group {
	margin-bottom: 0px;
}

.with-nav-tabs div.form-group {
	margin-right: 15px;
	margin-left: 15px;
}

.panel-group.pp-panel-isdiv  div.panel.panel-default:first-child {
	margin-top: 5px;
}

.with-nav-tabs .tab-content {
	padding-top: 0px;
}

.with-nav-tabs .tab-content div.ppforms-sectionwrapper {
	padding: 0px;
}

.with-nav-tabs .tab-content div.ppforms-sectionwrapper div.panel-body {
	padding: 0px;
}

.with-nav-tabs div.panel-default  {
	border: 0px;
}

.nav-tabs {
	border: 0px;
}



.nav-tabs > li > a {
	color: black;
	background-color: var(--color-tabbackground);
}

.nav-tabs > li > a:not(.active) {
	border-bottom: 1px solid #ddd;
}



.ppforms-button-small {
	font-size: inherit;
	padding: inherit;
}

.ppforms-section-togglefullscreen {
	float: right;
}


.ppforms-section-togglefullscreen:hover {
	cursor: pointer;
}

#dragdropdiv {
	width: 100%; 
	min-height: 22px;
	text-align:center; 
	margin-bottom: 5px;
	background-color: white;
	border: 1px gray dashed;
}

#bedrijven div.bedrijf {
	margin-right: 30px;  /* BM 16-06-2020  IVM Hatching egg planning, was eerst 10px */
	display: inline-block !important;
	font-size: 12px;
}

#bedrijven input[type="checkbox"] {
	left: inherit;
	z-index: 999;
	margin-left: inherit;
}

#bedrijven .ppforms-checkbox label {
	min-width: 140px;
}

div.trumbowyg-button-pane {
	z-index: inherit;
}

#ppcorehelpsearch {
	width: inherit;
	display: inline-block;
}

.pp-highlight {
	background: lightpink;
}

div.traceability-flow-divider {
	display: inline;
	font-size: 6em;
	padding-left: 20px;
	position: absolute;
	padding-top:10px;	
	max-width: 75px;
}

div#traceabilityflowrow > div {
	text-align: center;
	height: 100px;
	width: 410px;
}

div.traceability-flow-divider div.shipping {
	position: absolute;
	font-size: 0.2em;
	transform: scaleX(-1);
	left: 0px;
	bottom: 0px;
	right: 0px;
}

.transform-horizontal {
	transform: scaleX(-1);
}

.transform-vertical {
	transform: scaleY(-1);
}

div#traceabilityflowheader > div h2 {
	text-align: center;
}

div#traceabilityflowheader > div h2 {
	text-align: center;
}

div#traceabilityflowheader > div {
	width: 410px;
}

div.traceability-block {
	min-height: 100px;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
}

div.detailsarrow {
	transition-duration: 0.5s;
	transition-property: transform;
}

div.traceability-block.selected {
	background-color: var(--color-felgroen-level1) !important;
	border-color: var(--color-felgroen-level1) !important;
	color: #000000;
}

div#traceabilityflowdownarrows > div {
	text-align: center;
	font-size: 4em;	
}

div#traceabilityflowdetails > div > div {
	background-color: var(--color-felgroen-level1);
	border-radius: 5px;
	padding: 5px;
}


/* MJ hiden van de tick lines bij alle grafieken */
.bb-axis .tick line {
	display: none;
}  

.planninghatchingeggs-plannedfull {
	background-color: var(--result-color-darkgreen);
	color: #FFFFFF;
}

.planninghatchingeggs-plannedpartial {
	background-color: #FFA500;
}

/* WS pijltjes weghalen bij input number */

/* Works for Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Works for Firefox */
input[type="number"] {
	appearance: textfield;
}

#broilersflockinformation > table {
	border-width: 1px;
	border-style: solid;
	border-color: var(--color-graylevel2);
}

#broilersflockinformation > table > tr > td {
	padding-left: 5px;
}

#broilersflockinformation > table > tr > td:nth-child(odd) {
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}

#broilersflockinformation > table > tr > td:nth-child(even) {
	padding-right: 40px;
}

#broilersflockinformation > table > tr:nth-child(odd) {
	background: var(--color-row);
}

#broilersflockinformation > table > tr:nth-child(even) {
	background: var(--color-rowalt);
}


form.formchecklist .cellspacer {
	display: none;
}

form.formchecklist .pp-form-headerrow {
	background-color: var(--homepage-backgroundcolor-farmdata);
	color: #fff;
    margin-top: 0;
    padding: 10px;
    height: auto;
}

form.formchecklist .pp-form-headersubrow {
	background-color:var(--color-graylevel0);
	color: black;
    margin-top: 0;
    padding: 10px;
    height: auto;
}

form.formchecklist table.pp-form-columnslayout {
	table-layout: auto!important;
	width: 100%!important;
	margin: 0;
	padding: 10px;
}

form.formchecklist table.pp-form-columnslayout tr > td[data-section-header="true"] + td {
	background-color: var(--color-tabbackground);
	padding: 10px;
	border-bottom: 4px solid var(--color-tabbackground);
}

form.formchecklist label {
	font-weight: normal;
}

form.formchecklist table.pp-form-columnslayout tr > td[data-section-tag="true"] {
	padding: 0;
}

form.formchecklist table.pp-form-columnslayout tr > td[data-section-header="true"]  {
	padding: 10px;
    border-bottom: 4px solid var(--color-tabbackground);
}

form.formchecklist .pp-panel-section {
	margin-bottom: 1px;
}

form.formchecklist .cycle-summary {
	font-size: 0.9em;
	line-height: 1;
	margin-top: -30px;
}

form.formchecklist .cycle-summary > div:nth-child(even) {
	margin-bottom: 20px;
}

form.formchecklist .cycle-summary-header > div div:nth-child(odd), form.formchecklist .cycle-summary label {
	font-weight: bold;
}

form.formchecklist .cycle-summary-header > div div:nth-child(even) {
	padding-right: 40px;
}

form.formchecklist .cycle-summary table {
	border-spacing: 5px;
	border-collapse: separate;
}



#calamityGraphContainer:after {
	content: '';
	clear: both;
}

#calamityGraphContainer > div {
	float: left;
	padding: 10px;
}



/* EDITABLE TABEL */
.editableTable {
	padding-inline: 10px;
}

.editableTable .table {
	position: relative;
}

.editableTable th,
.editableTable .fixed-column {
	background-color: #f9f9f9;
	font-size: 12px;
	min-width: 0;
	white-space: normal!important;
}

.editableTable .fixed-column {
	position: sticky!important;
	left: 0;
	z-index: 1;
}

.editableTable .tableHead th {
	text-align: center;
}

.editableTable .tableHead tr:nth-child(1) th {
	background-color: var(--color-graylevel3);
}

.editableTable th {
	min-width: 60px;
	vertical-align: top!important;
}

.editableTable td {
	vertical-align: middle!important;
	padding: 0px!important;
}

.editableTable .readonly {
	display: block;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	padding-inline: 6px;
}

.editableTable .table-content {
	display: flex;
	flex-direction: column;
	gap: 15px;
}


.editableTable .field-input {
	border: none;
	width: 100%;
	border-radius: 0;
	border: 1px solid transparent;
	box-shadow: none;
	padding-inline: 6px;
	min-width: 100%;
}

.editableTable .field-input:focus {
	box-shadow: none;
	outline: 0;
	border-color: #000
}

.editableTable .field-input.field-error {
	border-color: var(--color-incorrect);
}

.editableTable .table-actions {
	display: flex;
    flex-direction: column;
    gap: 10px;
}

.editableTable .table-btn-group {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.editableTable button {
	margin: 0;
}

.editableTable .tableError {
	display: none;
	margin: 0;
}

.editableTable .table-content .btn {
	margin-bottom: 10px;
}

.ms-Panel-fullwidth {
	max-width: 100%!important;
}

.ms-Panel-fullwidth table {
	width: 100%!important;
}

.ms-Panel-fullwidth table.pp-form-columnslayout {
	margin-inline: 0!important;
}

.ms-Panel-fullwidth .pp-form-columnslayout > tr:first-child {
	display: none;
}


/* CSS CUSTOMSUMMARY AND DRAGGABLE */
td[draggable="true"].grabbable {
    cursor: grab!important;
}


tr:not(.jsgrid-filter-row) td.jsgrid-cell.customsummaryrow {
	font-weight: bolder;
	padding-block: 7px !important;
}

tr:not(.jsgrid-filter-row) td:not(.sticky).jsgrid-cell.customsummaryrow.pp-summary-borderbottom,
tr:not(.jsgrid-filter-row) td.sticky:nth-last-child(1 of .sticky).jsgrid-cell.customsummaryrow.pp-summary-borderbottom
{
	border-top: 2px solid var(--color-graylevel2);
}

tr:not(.jsgrid-filter-row) td.jsgrid-cell.customsummaryrow.pp-summary-borderbottom {
	border-bottom: 1px solid var(--color-graylevel5);
}


.dragging {
    opacity: 0.5;
}

.table-draggable .planned {
	background-color: green!important;
	color: #fff!important;
}

.table-droppable .drop-target {
	position: relative;
}

.table-droppable .drop-target:before {
	/*content: '';*/
	position: absolute;
	inset: 1px;
}

.table-droppable .customsummaryrow.drop-target:before {
	border-color: gray;
}
.grabbable.dragging,
.drop-target.dragover {
    background-color: var(--drop-target-color) !important;
	color: white;
	border: 2px dashed black !important;
}

.sticky {
	position: sticky;
    left: 0;
	z-index: 2;
}