:root {
  --dt-row-selected: 172, 186, 212;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
}



table.dataTable thead th.filter, table.dataTable thead th.no_filter{
	padding:2px 2px;
	background-color: #eaeaea;
	color:var(--white);
	/* border-bottom: 2px solid var(--main-groen); */
	box-sizing: border-box;
}
table.dataTable thead th.total_head{
	padding:2px 2px;
	background-color: #eaeaea;
	color:#000;
  	box-sizing: border-box;
}
/* 
.dataTables_wrapper .dataTables_filter input{
	background-image: url('../../images/search2.png');
	background-size: 16px;
	background-position: 8px 7px;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 34px;
	box-sizing: border-box;
} */

table.dataTable thead th.no_back, table.dataTable thead th.no_back_filter {
	background-color: #F9F9F9;
	color:var(--white);
}
table.dataTable thead th,table.dataTable thead td{
	padding:10px 5px;
	/* background-color: var(--main-groen); */
	background-color: var(--freshino-blue2);
	color:var(--white);
	text-align: left;
	font-size: 10pt;
	padding-right: 16px;
	font-weight: normal;  
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
/* table.dataTable thead th:first-child,table.dataTable thead td:first-child { */
table.dataTable thead tr:first-child th:first-child,
table.dataTable thead tr td:first-child {
	border-top-left-radius: 8px;
}
table.dataTable thead tr:first-child th:last-child,
table.dataTable thead td:last-child {
  border-top-right-radius: 8px;
}
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{
	cursor:pointer;
	background-repeat:no-repeat;
	background-position: calc(100% - 5px);
  	background-size: 8px;
}

table.dataTable thead .sorting{
	position: relative;
}
	table.dataTable thead .sorting::after {
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		content: "\f063";
		font-family: 'FontAwesome';
		color: white;
	}
table.dataTable thead .sorting_asc{
	/* color: var(--freshino-red); */
}
	table.dataTable thead .sorting_asc::after {
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		content: "\f062";
		font-family: 'FontAwesome';
		color: var(--freshino-orange);
	}
	
table.dataTable thead .sorting_desc{
	/* color: var(--freshino-red); */
}
	table.dataTable thead .sorting_desc::after{
		position: absolute;
		right: 4px;
		top: 50%;
		transform: translateY(-50%);
		content: "\f063";
		font-family: 'FontAwesome';
		color: var(--freshino-orange);
	}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

table.dataTable thead .sorting:hover::after,
table.dataTable thead .sorting_desc:hover::after,
table.dataTable thead .sorting_asc:hover::after {
	color: var(--freshino-orange);
}

table.dataTable.order-column > tbody tr > .sorting_1, table.dataTable.order-column > tbody tr > .sorting_2, table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1, table.dataTable.display > tbody tr > .sorting_2, table.dataTable.display > tbody tr > .sorting_3 {
	border-left: 1px solid var(--freshino-lightgrey);
    border-right: 1px solid var(--freshino-lightgrey);
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	align-self: flex-start;
}

table.dataTable tbody tr.selected>* {
  	background-color: var(--selected-row);
}

@media screen and (max-width: 640px){
	div.dt-buttons{float:none;text-align:center}
}

table.dataTable tfoot tr.footer_insert th,
table.dataTable tfoot tr.footer_insert td {
	padding: 8px 4px 8px 4px;
	/* border-top: 1px solid var(--main-groen); */
	background-color: #f9f9f9;
	vertical-align: top;
}
td.details-control:hover,td.details-control-showsticker:hover {
	color: var(--main-rood-hover);
	/* color: #126DB2; */
}
td.details-control:before, td.details-control-showsticker::before {
  content: "\f13a"; /* circle-chevron-down */
  /*content: "\f0d7"; /* caret-down */
  font-family: 'FontAwesome';
	transition: all 0.1s ease-in-out;
}
tr.shown td.details-control::before, tr.shown td.details-control-showsticker::before {
  content: "\f056"; /* circle-chevron-up  */
  /*content: "\f0d8"; /* caret-up */
  font-family: 'FontAwesome';
	transition: all 0.1s ease-in-out;
}

table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid var(--main-grey);
}
table.dataTable tbody th, table.dataTable tbody td {
  padding: 5px 5px;
}

.dataTables_wrapper::after {
  display: none;
}

.dataTables_wrapper .dataTables_paginate a {
  font-weight: normal;
}
table.dataTable tbody th.focus, table.dataTable tbody td.focus {
  outline: unset;
}
div.dt-autofill-handle {
  background-color: var(--lichtblauw);
}
table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: unset;
	background-color: #ecebeb;
}
table.dataTable tbody tr {
  background-color: var(--white);
}
table.dataTable tr.dtrg-group th {
  background-color: var(--white);
  height: 32px;
}
.dataTables_scrollFoot{
  /* overflow: visible !important;  */
}
.dataTables_wrapper .dataTables_filter input{
	border: 1px solid #ddd;
	/* border-radius: var(--radius-datatables-inputs);
	border-bottom: 1px solid var(--main-lichtgroen); */
	padding: 7px 5px 6px 28px;
	box-sizing: border-box;
	border: 1px solid var(--main-grey);
	border-radius: var(--radius-input);
	/* border-bottom: 1px solid var(--freshino-bottom-border-color); */
	background-color: #EDEFF0;
	margin-bottom: 0.333em;
}
.dataTables_wrapper .dataTables_filter>label {
	position: relative;
	display: inline-block;
}

.dataTables_wrapper .dataTables_filter i.fa-magnifying-glass {
	left: 12px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	color: #6e6e6e;
	position: absolute;
	z-index: 1;
}
button.dt-button i {
  font-size: 16px;
}
table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  padding: 10px 0px;
  height: 10px;
}
table.display tbody tr td   {
	height: 32px;
}		
table.subrow thead tr th,table.subrow thead tr td {
	height: 10px !important;
}
table.display tfoot td.totalBold {
	font-weight: bold;
}
table#verkooplijst tbody tr td,
table#rapport_overzicht_volijst tbody tr td{
	height: 25px;
}
/* CUSTOM HEIGHT ROWS DATATABLES WITH #ID */
table#regels_massamutatie tbody tr td {
	height: 40px;
}
table.group_rows_indent_1 tr.odd td:first-child,
table.group_rows_indent_1 tr.even td:first-child {
	padding-left: 20px;
}
table.group_rows_indent_2 tr.dtrg-level-1 td:first-child {
	padding-left: 20px;
}
table.group_rows_indent_2 tr.odd td:first-child,
table.group_rows_indent_2 tr.even td:first-child {
	padding-left: 40px;
}
table tr.dtrg-group {
	background-color: var(--background-ed) ;
}
	table tr.dtrg-group td:hover {
		background-color: var(--main-grey1) ;
	}
	table tr.dtrg-group td{
		border-bottom: 0px;
		cursor: pointer;
	}
	table tr.dtrg-group td span {
		color: grey;
		margin-left: 5px;
	}
	table tr.collapsed td{
		/* border-bottom: 1px solid var(--white) !important; */
	}
	table.group_rows_indent_2 tr.dtrg-level-0, table.group_rows_indent_1 tr.dtrg-level-0 {
		background-color: var(--white);
	}
table#voorraad_telling tbody tr td {
	padding-right: 20px;
}
table#voorraad_telling tbody tr td:first-child {
	padding-right: 0px;
}
/* DATATABLES SUBROW */
table.dataTable.row-border tbody tr.dt-hasChild td, table.dataTable.row-border tbody tr.dt-hasChild th {
	border-top: 1px solid var(--subrow-grey) !important;
}
tr td.details_row_open {
	border: 1px solid var(--subrow-grey);
	padding: 15px 15px 15px 15px !important;
	background-color: var(--subrow-background);
}
	tr td.details_row_open h2 {
		color: var(--donkerblauw);
		margin-bottom: 4px;
	}
	tr.shown td, tr.shown th {
		border-top: 1px solid var(--subrow-grey) !important;
		background-color: var(--subrow-background) ;
	}
	tr.shown td:first-child, tr.shown th:first-child {
		border-left: 1px solid var(--subrow-grey);
	}
	tr.shown td:last-child, tr.shown th:last-child {
		border-right: 1px solid var(--subrow-grey);
	}
	tr td.details_row_open table.display thead td, tr td.details_row_open table.display thead th {
		/* background-color: #165C91; */
		/* background-color: #AAB7D1BD; */
		background-color: var(--subrow-background);
		/* border-bottom: 4px solid var(--main-lichtgroen); */
		/* border-top: 1px solid var(--main-lichtgroen); */
		height: 28px;
		color: #464646;
		font-weight: 600;
	}
	tr td.details_row_open table.display tbody td:first-child, tr td.details_row_open table.display tbody th:first-child, tr.shown th:first-child {
		/* border-left: 1px solid var(--main-lichtgroen); */
		border-left: 1px solid var(--main-grey);
	}
	tr td.details_row_open table.display tbody td:last-child, tr td.details_row_open table.display tbody th:last-child, tr.shown th:last-child {
		/* border-right: 1px solid var(--main-lichtgroen); */
		border-right: 1px solid var(--main-grey);
	}
	tr td.details_row_open table.display tbody tr:last-child td {
		/* border-bottom: 1px solid var(--main-lichtgroen); */
		border-bottom: 1px solid var(--main-grey);
	}
	tr td.details_row_open table.display tfoot td, tr td.details_row_open table.display tfoot th {
		background-color: var(--subrow-background);
	}
	tr td.details_row_open table.dataTable.no-footer {
		border-bottom: 0px;
	}
	tr td.details_row_open table.subRowInfo td, tr td.details_row_open>table>tbody>tr>td, td.child_row>table>tbody>tr>td {
		background-color: var(--subrow-background);
		border-top: none;
		height: 24px;
	}

	table.dataTable thead td.col-status, table.dataTable thead th.col-status {
		min-width: 28px;
		max-width: 28px;
		width: 28px !important;
		text-align: center;
		padding: 10px 3px;
	}
	table.dataTable thead td.col-status-indent1, table.dataTable thead th.col-status-indent1 {
		min-width: 48px;
		max-width: 48px;
		width: 48px !important;
		text-align: center;
		padding: 10px 3px;
	}
	table.dataTable thead td.col-status-indent2, table.dataTable thead th.col-status-indent2 {
		min-width: 68px;
		max-width: 68px;
		width: 68px !important;
		text-align: center;
		padding: 10px 3px;
	}
	table.dataTable tbody td.col-status, table.dataTable tbody th.col-status {
		min-width: 28px;
		max-width: 28px;
		width: 28px !important;
		text-align: center;
		padding: 10px 3px;
	}
	table.dataTable tfoot td.col-status, table.dataTable tfoot th.col-status {
		min-width: 28px;
		max-width: 28px;
		width: 28px !important;
		text-align: center;
		padding: 10px 3px;
	}
	td.col-center {
		text-align: center;
		color: var(--main-groen);
	}
	td.details-control,td.details-control-showsticker {
		cursor: pointer;
		height: 34px;
		text-align: center;
		/* transition: all 0.3s ease-in-out; */
		/* color: #2196F3; */
		color: var(--main-rood);
		font-size: 12pt;
		min-width: 28px;
		max-width: 28px;
		width: 28px;
	}
	table.dataTable tfoot th, table.dataTable tfoot td {
		padding: 10px 5px;
	}

	/* .dataTables_scrollFootInner {
		width: 100% !important;
		overflow: hidden;
	}

	.dataTables_scrollFootInner table {
		width: 100% !important;
	}
	 */
	.dataTables_scrollBody:has(select) {
		/* overflow: visible !important; */
	}