html, body, div.body, #percelensheetForm, #percelensheetForm\:sheet {
    height: 99%
}
html.test {
    background-image: url("/oat/jakarta.faces.resource/test.svg.xhtml?ln=images") !important;
    background-repeat: repeat;
}
body {margin-top: 0}
body .ui-datatable .ui-datatable-data > tr > td, body .ui-datatable .ui-datatable-data > tr > th,
body .ui-datatable thead th, body .ui-button.ui-button-text-only .ui-button-text, body .ui-datatable .ui-datatable-header,
body .ui-panel .ui-panel-titlebar, body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link,
body .ui-datatable .ui-paginator {
    padding: 1px;
}
body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 1px 1px 1px 1.5rem;
}
body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
    height: 1rem;
}
body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
    line-height: 1rem;
}
.ui-widget, .ui-inputfield {
    font-size: 0.80rem !important;
    letter-spacing: 0.03em;
}
.ui-inputfield {
    padding: 3px !important;
}
.scantable .ui-column-customfilter, .scantable .ui-column-filter {display: inline-block !important}
.scantable {margin-bottom: 5px}
.persoonpickForm button {margin-right: 1em}
body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: calc(1rem + 3px);
}
body .ui-button.ui-button-icon-only {
    width: 1.5rem;
}
.fa-info::before {
	margin-left: 4px;
}
.ui-widget-header {
    text-align: center;
    text-transform: uppercase;
    text-transform: none !important;
}
.ui-panel .ui-panel-titlebar {
    padding-top: 0.2rem !important;
}
.ui-overlaypanel .ui-panelmenu-header {
    display: none
}
div.ui-row-editor, td.rowselector, th.rowselector, th.row-toggler, td.row-toggler, td.row-editor, th.row-editor, ._25 {
    max-width: 3.7em;
}
div.ui-row-editor {
    float: left
}
.ui-datatable .ui-datatable-tablewrapper table {
    table-layout:auto;
    word-wrap: break-word;
}
.ui-datatable .ui-datatable-tablewrapper table td {
    white-space: normal
}
#AnnotatieEditForm td table thead, #oatinst, #oatpers {
    display: none;
    visibility: hidden;
}
#AnnotatieEditForm td table td  {
    border: 0;
}
.topmenu {
    background-image: url("/oat/jakarta.faces.resource/Fryske-Akademy-logo2.svg.xhtml?ln=images") !important;
    background-position: center !important;
    background-size: 5% !important;
    background-repeat: no-repeat !important;
}
.darktheme .topmenu {
    background-color: #999999 !important;
}
.test .topmenu {
    background-image: url("/oat/jakarta.faces.resource/test.svg.xhtml?ln=images") !important;
}
.topmenu .ui-menuitem .ui-menu-list {
    padding-left: 3px !important;
}
.menubutton {
    float: right;
}
li a.current span {
    font-style: italic;
    text-decoration: underline
}
.astat {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}
.zoekPersoon {
    display: none;
    position: absolute;
    left: 30%;
    top: 50%;
    font-size: xx-large;
    font-weight: bold;
    z-index: 2000
}
.astat img {
    width: 100px;
    height: 100px;
}
.ui-cell-editor, .ui-inputfield, .ui-autocomplete {
    width: 95% !important;
}
.ui-cell-editor {
    pointer-events: none;
}
.ui-cell-editor-input {
    pointer-events: auto;
}
.ui-dialog table {
    table-layout: auto;
    width: 100%;
    min-width: 300px
}
div.ui-dialog-content {
    max-height: 800px;
}
.buttonpanel {
    position: sticky;
    top: 0;
    z-index: 10;
}
#rechtspersonendiv {
    width: 40%;
}
#RechtsPersoonForm div {
    padding: 2px;
}
.ui-expanded-row-content {
    background-color: var(--primary-color)
}
.ui-widget.ui-selectbooleancheckbox div {
    width: 20px !important;
}
div.ui-selectbooleancheckbox {
    margin-left: 20px;
}
.ui-cell-editor {
    display: inline-block;
    margin-left: 3px;
}
div.tariefsoortentable, div.Tarieven, div.percelen, div.artikelen, div.floatleft {
    float: left;
}
#perceelDiv {
    width: 770px;
    margin-top: 10px;
    float: left;
}
#perceelDiv_content, #sheetcontainer_content {
    border: 0
}
#perceelDiv_content {
    padding: 0
}
div.fixed {
    position: fixed;
    right: 25px;
    top: 100px;
    padding: 10px;
}
button.fixed {
    position: fixed;
    right: 20px;
}
.thickborder .ui-panel-content {
    border-width: 2px !important
}
.sheetleft {
}
tr[data-rk="-1"]::after {
    content: "*";
    font-weight: bold;
    font-size: xx-large;
}
tr[data-rk="-1"], tr.nieuw, td.nieuw, td.transient {
    background-color: var(--surface-c) !important
}
th[class="ht__highlight"] ~ td {
    filter: invert(15%);
}
.darktheme th[class="ht__highlight"] ~ td {
    filter: invert(90%);
}
tr[data-rk="-1"] td.row-editor span {
    background-color: rgba(255,0,0,0.5);
    border-radius: 10%;
}
div.artikelen {
    width: 50%
}
@media (min-width: 1440px) {
    .tariefdrop {
        width: 500px !important;
        min-width: unset !important
    }
}
@media (max-width: 1280px) {
    .tariefdrop {
        width: 300px !important;
        min-width: unset !important
    }
}
.bggreen {
    background-color: lightgreen !important;
}
.darktheme tr:not(.ui-state-highlight) .ui-row-editor span {
    color: unset !important;
}
tr:not(.ui-state-highlight) .ui-row-editor span {
    color: #666 !important;
}
a.ui-link {
    color: var(--primary-color-text);
}
#tologin {
    color: var(--primary-color);
}
.ui-state-highlight td a {
    color: var(--primary-color-text);
}
/*#growl_container {
    min-width: 150px;
    position: fixed;
    top: 35%;
    right: 50px;
}*/
td.required {
    background-color: rgba(255,0,0,0.4) !important;
}
td.ui-message-warn {
    background-color: orange !important;
    color: var(--text-color) !important;
}
.ui-message-error:empty {
    visibility: hidden;
}
td.ui-message-error:empty {
    visibility: unset;
}
button.noEnter, button.noEnter span.ui-button-text {
    width: 0; height: 0; border: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 0; z-index: 1000;
    position: absolute; top: 0; right: 0
}
button.noEnter span.ui-button-text {
    display: none
}
.ui-button.ui-state-disabled .ui-button-text:empty::before {
    content: " "
}
.bold {font-weight: bold !important;}
.num input, .num {
    text-align: right
}
.num input {
    max-width: 50px
}
button.nieuw, button.extranieuw, li.options {
    float: right !important;
    margin-left: 2px;
}
li.options {
    margin-right: 30px !important;
}
input.htCheckboxRendererInput {
    margin-left: 25px
}
button.extranieuw {
    margin-top: -25px
}
#trashp {
    width: 32px;
}
#percelensheetForm, #buttons button.nieuw, #percelensheetForm button.extranieuw {
    float: none;
}
button.button, #buttons button, #buttons div {
    margin-right: 2px
}
.ui-button {
    padding: 2px !important;
}
body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 2px !important;
}
button:focus {
    border: 3px outset lightgray !important;
}
a:focus {
    border: 1px outset lightgray !important;
}
#menuform a:focus {
    border: unset !important;
}
.sheetcontainer {
    margin-right: 5px;
    padding: 0;
    width: 800px;
}
.newartnr {
    margin-left: 3px !important;
}
#sheetcommands {
    z-index: 1000;
}
#sheetcommands_header {
    cursor: move;
}
#percelensheetForm button.extranieuw {
    margin-top: 0
}
span.rowHeader, .hidden {
    visibility: hidden;
    height: 25px;
    display: block
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    -webkit-box-shadow: inset 0 1px 1px #8f8f8f !important;
    box-shadow: inset 0 1px 1px #8f8f8f !important;
}
/*th.ui-filter-column .ui-column-title::after, span.clearfilter::after {
    font-family: "Font Awesome 5 Free";
    content: "\f0b0"
}*/
span.clearfilter::after {
   text-decoration: line-through;
}
th.ui-filter-column .ui-column-filter, th.ui-filter-column .ui-selectonemenu, th.ui-filter-column .ui-column-customfilter input, th.ui-filter-column .ui-chkbox-box {
    border-style: outset;
    border-width: 1px;
    background-color: var(--primary-100);
    color: red;
    font-weight: bold;
}
.darktheme th.ui-filter-column .ui-column-filter, .darktheme th.ui-filter-column .ui-selectonemenu, .darktheme th.ui-filter-column .ui-column-customfilter input, .darktheme th.ui-filter-column .ui-chkbox-box {
    background-color: var(--primary-900);
}
.handsontable.listbox tr td.current, .handsontable.listbox tr:hover td {
  background: var(--primary-color) !important;
}
.handsontable .htDimmed {
    color: var(--primary-color) !important;
}
.handsontable.listbox .htDimmed.current {
    color: var(--primary-color-text) !important;
}
.darktheme .handsontable td.ui-message-error {
  color: var(--primary-color-text);
}
div.autocompleteEditor table {
    border: 2px solid !important;
}
.meldingen {
    align-items: center;
    text-align: center;
    width: 80%;
    margin: 5px auto;
}
.meldingen h3 {
    opacity: 0.9;
    display: inline-block;
    width: 96%;
}
tr.gebouwd {
    filter: invert(10%);
}
li.ui-tabs-header, ul.ui-tabs-nav {
    text-align: unset;
}
div.lastedited {
    float: right;
    margin-top: 10px;
    margin-right: 100px;
    width: 40%;
}
div.locked {
    text-align: center;
    padding: 2px;
    border: 1px solid;
    font-weight: bold;
}
.persoonholder {
    border: 0;
    padding: 0;
    display: inline-block;
}
#persoonsverwijzing {
    display: inline-block;
}
.INITIEEL {
    background-color: lightskyblue;
}
.BEANTWOORD {
    background-color: peachpuff;
}
.VALIDE {
    background-color: palegreen;
}
.AFGEHANDELD {
    background-color: darkseagreen;
}
.INITIEEL, .BEANTWOORD, .VALIDE, .AFGEHANDELD {
    color: black;
}
.htCore thead tr:nth-child(1) th:nth-child(10) span {
    text-decoration: line-through;
}