.inlever { border: solid 1px #666666; width: 280px; margin: 5px;float: left; }
.inlever div { padding: 2px; padding-left:15px; padding-right:15px; }
.inlever_header { background-color: #666666; color: white; font-size: 20px; }
.inlever_name { font-size: 17px; }


/* Dynamic forms */ 
.form_border                { clear:both; border: solid grey 1px; padding: 5px; display: table; }
.form_box                   { clear:both; border: solid transparent 1px; padding: 5px; display: table; }
.form_flow                  { clear:none; float:left; }

/* form messages */
div.form_status {
  font-size: 14px;
  color: Green;
  font-weight: bold;
  border: solid 1px Orange;
  background:url(/p-httpd/beheer/mgmt_portal/_style/images/checkmark.png) no-repeat top left #FFF8DC;
  padding:16px;
  padding-left: 80px;
}
div.form_error {
  font-size: 14px;
  color: Red;
  font-weight: bold;
  border: solid 1px Orange;
  background:url(/p-httpd/beheer/mgmt_portal/_style/images/crossmark.png) no-repeat top left #FFF8DC;
  padding:16px;
  padding-left: 80px;
}
table.lined_table { border-spacing:0; border-collapse:collapse; font-size:13px;width:100%;}
table.lined_table td { border: solid 1px darkgrey; padding: 2px; margin:0; }
table.lined_table th { border: solid 1px darkgrey; padding: 2px; margin:0; background-color: lightgrey; }
label.klasse { display: inline-block; width: 44px; text-align: left; }

@media print {
  td, th {
    font-size: 8pt;
    border-bottom: solid 1px black;
  }
  td b {
    font-size: 10pt;
  }
  .noprint {
    display: none;
  }
  .page {
    page-break-before: always;
  }
}

@media only screen and (min-width: 464px) { 
  .form_field label {
    display: inline-block;
    width: 135px;
    text-align: right;
  }
}

/* Data tables */

table.dataTable {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  font-size: 13px;
}
table.dataTable thead tr {
  background: #C8B199;
  color: #222222;
}
table.dataTable .rowgroup {
  background-color: #42410C;
  height: 2px;
}
table.dataTable tr th {
  text-align: left;
  padding-right: 10px;
  border-right: solid 2px #42410C;
  font-weight: normal;
}
table.dataTable tbody td {
  text-align: left;
  background-color: #FFFFFC;
}
table.dataTable tbody tr.odd td {
  background-color: #FFFFEE;
}
table.dataTable tbody tr.even td.sorting_1,
table.dataTable tbody tr.even td.sorting_2,
table.dataTable tbody tr.even td.sorting_3 {
  background-color: #FFFFEE;
}
table.dataTable tbody tr.odd td.sorting_1,
table.dataTable tbody tr.odd td.sorting_2,
table.dataTable tbody tr.odd td.sorting_3 {
  background-color: #FFFFDD;
}
.dataTables_wrapper {
  border: 1px solid #42410C;
  border-radius: 5px;
  background-color: #42410C;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_paginate,
.plugin .dataTables_wrapper .dataTables_paginate .paginate_button,
.plugin .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.plugin .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_filter {
  color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
  color: black !important;
}
.dataTables_wrapper:after {
  display:block;
  clear:both;
  content: " ";
}
.dataTables_length, .dataTables_info {
  margin: 5px;
  margin-left: 10px;
}
.dataTables_filter {
  margin: 5px;
}
.dataTables_wrapper .paging_full_numbers {
  margin: 5px;
  margin-right: 10px;
  font-size: 12px;
}
.dataTables_wrapper .paging_full_numbers a.paginate_button.first {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dataTables_wrapper .paging_full_numbers a.paginate_button.last {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dataTables_wrapper .paging_full_numbers a.paginate_button {
  margin: 0;
  margin-left: -1px;
  border-radius: 0;
  background-color: #FFFFDD;
  border: solid 1px #C8B199;
}
.dataTables_wrapper .paging_full_numbers a.paginate_button:hover {
  background-color: #f8f6f2;
}
.dataTables_wrapper .paging_full_numbers a.paginate_button_disabled {
  opacity: 0.3;
  cursor: default;
  background-color: #FFFFDD;
  border: solid 1px #C8B199;
}
.dataTables_wrapper .paging_full_numbers a.paginate_active {
  margin: 0;
  margin-left: -1px;
  border-radius: 0;
  background-color: #FFFFFF;
  border: solid 1px #C8B199;
  font-weight: bold;
}
li.dtr-empty { display: none; }
table.dataTable thead th.sorting,table.dataTable thead th.sorting_asc,table.dataTable thead th.sorting_desc { background-image:none;padding-left:30px;}
table.dataTable th.sorting::before,table.dataTable th.sorting_asc::before,table.dataTable th.sorting_desc::before{
  margin-left:-15px; float:left; color:#333333; content:"\f0dd";
  font-size:16px; font-family:"Font Awesome 6 Pro";font-weight: 600; opacity:0.3;
}
table.dataTable th.sorting::after,table.dataTable th.sorting_asc::after,table.dataTable th.sorting_desc::after{
  margin-left:-15px; float:left; color:#333333; content:"\f0de";
  font-size:16px; font-family:"Font Awesome 6 Pro";font-weight: 600; opacity:0.3;
}
table.dataTable th.sorting_asc::before { opacity:0.8;}
table.dataTable th.sorting_desc::after { opacity:0.8;}
/* Responsive indicators */
div table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before{
  content:"\f0a9";
  color: #666666;
  position: absolute;
  top: auto;
  bottom: 9px;
  left: 4px;
  background-color: transparent
  transition: all 0.3s ease-in-out;
  border:none;
  box-shadow:none;
  font-size:14px; font-family:"Font Awesome 6 Pro";font-weight: 600;
  font-weight:900;
}
div table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before{
  transform: rotate(0deg);
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before{
  content:"\f0a9";
  transform: rotate(90deg);
  border:none;
  box-shadow:none;
  background-color: transparent;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty::before {
  display: none !important;
}
@media only screen and (min-width: 744px) and (max-width: 999px) { 
  table.dataTable tr th.show_if_fit, 
  table.dataTable tr td.show_if_fit  {
    display: none;
  }
}
@media only screen and (max-width: 743px) { 

  table.dataTable table, 
  table.dataTable thead, 
  table.dataTable tbody, 
  table.dataTable tr, 
  table.dataTable tr th, 
  table.dataTable tr td {
    display: block; 
  }

  table.dataTable tr {
    border: solid 1px #C8B199;
  }
  table.dataTable tr th {
    border-right: none;
  }
  table.dataTable tr td {
    border: none;
    position: relative;
    padding-left: 50%; 
    white-space: normal;
    text-align:left;
    min-height: 24px;
  }
  table.dataTable tr td:before {
    content: attr(tdlabel);
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%; 
    /* padding-right: 10px;  */
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
  }

}