@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.bundle.scp.css';

/* /Pages/DAF/Actielijst/DAFActielijst.razor.rz.scp.css */
.row>*[b-r7do2ujvaa]{
    padding-left: 0px;
    padding-right: 0px;
}

.actielijst[b-r7do2ujvaa]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.actielijst-container[b-r7do2ujvaa]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-r7do2ujvaa]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-r7do2ujvaa]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-r7do2ujvaa]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-r7do2ujvaa]{
    overflow: auto;
    max-height: 600px;
}
[b-r7do2ujvaa] tr:nth-child(even) { background: #89baeb; }

[b-r7do2ujvaa] .quickgrid[theme=default] table{
    width: 100%;
}

[b-r7do2ujvaa] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-r7do2ujvaa] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-r7do2ujvaa] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-r7do2ujvaa] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-r7do2ujvaa] {
    height: auto;
}

[b-r7do2ujvaa] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/DAF/Incidentenlijst/DAFIncidentenlijst.razor.rz.scp.css */
.row>*[b-f0o8jb7k9o]{
    padding-left: 0px;
    padding-right: 0px;
}

.incidentenlijst[b-f0o8jb7k9o]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.incidentenlijst-container[b-f0o8jb7k9o]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-f0o8jb7k9o]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-f0o8jb7k9o]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-f0o8jb7k9o]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-f0o8jb7k9o]{
    overflow: auto;
    max-height: 600px;
}
[b-f0o8jb7k9o] tr:nth-child(even) { background: #89baeb; }

[b-f0o8jb7k9o] .quickgrid[theme=default] table{
    width: 100%;
}

[b-f0o8jb7k9o] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-f0o8jb7k9o] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-f0o8jb7k9o] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-f0o8jb7k9o] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-f0o8jb7k9o] {
    height: auto;
}

[b-f0o8jb7k9o] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/DAF/Inkopen/DAFInkopen.razor.rz.scp.css */
.container[b-67zt4pdd1z] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-67zt4pdd1z] {
    max-width: 1250px;
}

.addButton[b-67zt4pdd1z] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-67zt4pdd1z] {
    background-color: #297dd1;
}

.imageButton:hover[b-67zt4pdd1z]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.btn-primary[b-67zt4pdd1z] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-67zt4pdd1z] {
    background-color: #297dd1;
}

.yearTabs[b-67zt4pdd1z] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-67zt4pdd1z] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-67zt4pdd1z] {
    max-height: 250px;
}

.tableDiv[b-67zt4pdd1z] {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
    padding: 0px;
}

.tableDiv table[b-67zt4pdd1z] {
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
    
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

.tableDiv thead[b-67zt4pdd1z], .tableDiv tbody[b-67zt4pdd1z] { display: block; }

.tableDiv tbody[b-67zt4pdd1z] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-67zt4pdd1z]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-67zt4pdd1z],
.tableDiv tr[b-67zt4pdd1z],
.tableDiv th[b-67zt4pdd1z],
.tableDiv td[b-67zt4pdd1z] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-67zt4pdd1z],
.tableDiv td[b-67zt4pdd1z] {
    min-width: 174px;
    width: 100%;
    font-size: 14px;
}

.tableDiv .lastItem[b-67zt4pdd1z]{
    min-width: 164px;
    max-width: 164px!important;
    width: 164px;
}

.yearTab[b-67zt4pdd1z] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-67zt4pdd1z],
.dsinputTable th[b-67zt4pdd1z] {
    max-width: 100px !important;
    text-align: center;
}



.dsinputTable input[b-67zt4pdd1z] {
    max-width: 100px;
}

#calculateButton[b-67zt4pdd1z] {
    margin-left: 32px;
    margin-top: 124px; 
}

.readonly:focus[b-67zt4pdd1z]{
    outline: none;
}

.readonly:hover[b-67zt4pdd1z]{
    cursor: default;
}

#headerTable[b-67zt4pdd1z]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-67zt4pdd1z]{
    width: calc(100% - 17px);
}

.extraViewer[b-67zt4pdd1z]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-67zt4pdd1z]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-67zt4pdd1z]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-67zt4pdd1z]{
    cursor: pointer;
}

.grid[b-67zt4pdd1z]{
    overflow: auto;
    max-height: 600px;
}
[b-67zt4pdd1z] .grid tr:nth-child(even) { background: #89baeb; }
[b-67zt4pdd1z] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-67zt4pdd1z] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-67zt4pdd1z]{
    z-index: 1;
}

.quickgrid[b-67zt4pdd1z] {
    height: auto;
}

[b-67zt4pdd1z] .grid thead {
    position: sticky;
    top: 0;
    background-color: #00509e;
    color: white;
    outline: 1px solid gray;
    z-index: 1;
}

[b-67zt4pdd1z] .col-title{
    color: white;
}

.textCounter[b-67zt4pdd1z]{
    text-align: right;
    font-size: 12px;
}
/* /Pages/DAF/Logboek/DAFLogboek.razor.rz.scp.css */
.container[b-zy6wi39o27]{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.table>:not(:last-child)>:last-child>*[b-zy6wi39o27]{
    border: none;
}

.btn-primary[b-zy6wi39o27]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-zy6wi39o27]{
    background-color: #297dd1;
}

.titleRow[b-zy6wi39o27]{
    width: 100%;
}

#leftColumn > .row[b-zy6wi39o27]{
    margin-right: 4px;
}

#middleColumn > .row[b-zy6wi39o27]{
    margin-right: 4px;
}

#rightColumn > .row[b-zy6wi39o27]{
    margin-right: 4px;
}

.dateButton[b-zy6wi39o27]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: 8px;
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
}

.dateButton:hover[b-zy6wi39o27]{
    background-color: #297dd1;
    cursor: pointer;
}

.tableSubject[b-zy6wi39o27]{
    background-color: #80a0ff;
}

.table[b-zy6wi39o27]{
    background-color: white;
}

td.tableInput[b-zy6wi39o27]  input{
    border: 0px;
    border-radius: 0;
    width: 100%;
    
}

td.tableInput[b-zy6wi39o27]  input.valid.modified{
    outline: none;
}

td.tableInput[b-zy6wi39o27]  input:focus{
    outline: 2px solid black;
    border-radius: 2px;
}

#basicInformation[b-zy6wi39o27]{
    margin-top: 8px;
}

#werzaamhedenInformation[b-zy6wi39o27]{
    margin-top: 8px;
}

.tableHeader[b-zy6wi39o27]{
    text-align: center;
    background-color: #80a0ff;
    border-left: 1px solid white;
}

#werzaamhedenInformation table td[b-zy6wi39o27]{
    padding-left: 4px;
    padding-right: 4px;
}

.instellingenheader[b-zy6wi39o27]{
    padding-left: 32px;
    text-align: center;
    background-color: #80a0ff;
}

.addButton:hover[b-zy6wi39o27]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.openButton:hover[b-zy6wi39o27]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.removeButton:hover[b-zy6wi39o27]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.tableInput[b-zy6wi39o27]{
    border: 1px solid rgb(192, 235, 255);
}
/* /Pages/DAF/Totalizer/DAFTotalizerFormulier.razor.rz.scp.css */
.btn-primary[b-o0hjdvcc9p]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-o0hjdvcc9p]{
    background-color: #297dd1;
}



.row>*[b-o0hjdvcc9p]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-o0hjdvcc9p]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-o0hjdvcc9p]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-o0hjdvcc9p]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-o0hjdvcc9p],td[b-o0hjdvcc9p]{
    text-align: center;
}
.subject-body td[b-o0hjdvcc9p]{
    width: 600px;
}

.tabBar[b-o0hjdvcc9p]{
    margin-top: 8px;
}

.dataTableDiv[b-o0hjdvcc9p]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-o0hjdvcc9p]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-o0hjdvcc9p],.dataTableDiv tr[b-o0hjdvcc9p],.dataTableDiv th[b-o0hjdvcc9p],.dataTableDiv td[b-o0hjdvcc9p]{
    border: 2px solid black;
}

.dataTableDiv th[b-o0hjdvcc9p], .dataTableDiv td[b-o0hjdvcc9p]{
    min-width: 180px;
    text-align: center;
}

.yearTab[b-o0hjdvcc9p]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-o0hjdvcc9p]{
    overflow: auto;
    max-height: 400px;
}

[b-o0hjdvcc9p] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-o0hjdvcc9p] .quickgrid[theme=default] .qgDate{
    min-width: 160px;
}


[b-o0hjdvcc9p] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-o0hjdvcc9p]{
    z-index: 1;
}

.quickgrid[b-o0hjdvcc9p] {
    height: auto;
}

[b-o0hjdvcc9p] thead {
    position: sticky;
    top: 0;
    background-color: #00509e;
    outline: 1px solid gray;
    z-index: 1;
    color: white;
}

[b-o0hjdvcc9p] tr:nth-child(even) { background: #c3d2ff; }

[b-o0hjdvcc9p] .calculatedField:not(th){
    background-color: rgb(255, 205, 111);
}

[b-o0hjdvcc9p] .qgDate:not(td) .col-title-text{
    color: white !important;
}
/* /Pages/Formulier.razor.rz.scp.css */
.btn-primary[b-oujf25n7eq]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-oujf25n7eq]{
    background-color: #297dd1;
}



.row>*[b-oujf25n7eq]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-oujf25n7eq]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-oujf25n7eq]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-oujf25n7eq]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

#card2 td[b-oujf25n7eq]{
    width: 260px;
}

#card5 td[b-oujf25n7eq]{
    width: 400px;
}

#card6 td[b-oujf25n7eq]{
    width: 800px;
}
/* /Pages/Index.Razor.rz.scp.css */
.customer[b-lyxsxnb26p]{
    height: 32px;
    background-color: white;
    margin-top: 8px;
    padding-left: 8px;
    border-radius: 6px;
}

.customer:hover[b-lyxsxnb26p]{
    background-color: #bec8e4;
}

.btn-primary[b-lyxsxnb26p]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-lyxsxnb26p]{
    background-color: #297dd1;
}
/* /Pages/InkoopOrder/InkoopOrder/InkoopOrder.razor.rz.scp.css */
.container[b-m5o02fa7d8] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    
}

.row[b-m5o02fa7d8] {
    width: 100%;
    min-width: 100%;

    display: flex;
    flex-direction: column;
}

.grid[b-m5o02fa7d8]{
    overflow: auto;
    max-height: 600px;
}
[b-m5o02fa7d8] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-m5o02fa7d8]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-m5o02fa7d8] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-m5o02fa7d8] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-m5o02fa7d8] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
    width: 400px;
}

#paginatorRow[b-m5o02fa7d8]{
    margin-top: 32px;
}

[b-m5o02fa7d8] .quickgrid[theme=default] .qgDescription{
    min-width: 500px;
}
/* /Pages/Login.razor.rz.scp.css */
.login-form[b-rguijq846g]{
    margin: auto;
    width: 50%;
}

.login-form a[b-rguijq846g]{
    color: rgb(138, 138, 138);
    text-decoration: none;
}

.login-form .btn-primary[b-rguijq846g]{
    background-color: #00509e;
    border-color: #00509e;
    width: 100%;
}

.login-form .btn-primary:hover[b-rguijq846g]{
    background-color: #297dd1;
}

.login-form .login-spinner[b-rguijq846g]{
    margin-top: 8px;
}
/* /Pages/LPM/Sensoren/SensorPage.razor.rz.scp.css */
.grid-container[b-c6rap0wynj]{
    display: grid;
    grid-template-rows: 1fr auto;
    height: calc(100vh - 115px);
    gap: 10px;
    padding: 0px;
}

.table-section[b-c6rap0wynj]{
    background-color: #f0f0f0;
    overflow: auto;
}

.button-section[b-c6rap0wynj]{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e0e0e0;
}

.btn[b-c6rap0wynj]{
    width: 100%;
}

.grid[b-c6rap0wynj]{
    overflow: auto;
    max-height: 600px;
}
[b-c6rap0wynj] tr:nth-child(even) { background: #89baeb; }

[b-c6rap0wynj] .quickgrid[theme=default] table{
    width: 100%;
}

[b-c6rap0wynj] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-c6rap0wynj] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-c6rap0wynj] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-c6rap0wynj] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-c6rap0wynj] {
    height: auto;
}

[b-c6rap0wynj] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/MailUserPage.razor.rz.scp.css */
table[b-kb4t1inv4s]{
    background-color: rgb(253, 253, 253);
    border-radius: 8px;
    box-shadow: 5px 7px #888888;
}

#submitButton[b-kb4t1inv4s]{
    margin-left: 2px;
    margin-right: 2px;
}

#removeButton:hover[b-kb4t1inv4s]{
    background-color: #a0a0a034;
    border-radius: 90px;
    cursor: pointer;
}
/* /Pages/Mars/Actielijst/MarsActielijst.razor.rz.scp.css */
.row>*[b-rtcw8s1t4n]{
    padding-left: 0px;
    padding-right: 0px;
}

.actielijst[b-rtcw8s1t4n]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.actielijst-container[b-rtcw8s1t4n]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-rtcw8s1t4n]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-rtcw8s1t4n]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-rtcw8s1t4n]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-rtcw8s1t4n]{
    overflow: auto;
    max-height: 600px;
}
[b-rtcw8s1t4n] tr:nth-child(even) { background: #89baeb; }

[b-rtcw8s1t4n] .quickgrid[theme=default] table{
    width: 100%;
}

[b-rtcw8s1t4n] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-rtcw8s1t4n] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-rtcw8s1t4n] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-rtcw8s1t4n] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-rtcw8s1t4n] {
    height: auto;
}

[b-rtcw8s1t4n] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Analyse/MarsAnalyse24HFormulier.razor.rz.scp.css */
.btn-primary[b-syubid4323]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-syubid4323]{
    background-color: #297dd1;
}

.btn-secondary[b-syubid4323]{
    background-color: #00509e;
    border-color: #297dd1;
}

.btn-secondary:hover[b-syubid4323]{
    background-color: #297dd1;
}

.row>*[b-syubid4323]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-syubid4323]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-syubid4323]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-syubid4323]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

th[b-syubid4323], td[b-syubid4323]{
    text-align: center;
}

#card2 td[b-syubid4323]{
    width: 260px;
}

#card5 td[b-syubid4323]{
    width: 400px;
}

#card6 td[b-syubid4323]{
    width: 800px;
}

.tableDiv[b-syubid4323] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.tableDiv table[b-syubid4323] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.tableDiv thead[b-syubid4323]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-syubid4323]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr[b-syubid4323]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-syubid4323],
.tableDiv tr[b-syubid4323],
.tableDiv th[b-syubid4323],
.tableDiv td[b-syubid4323] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-syubid4323],
.tableDiv td[b-syubid4323] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}
.col-ov[b-syubid4323]{
    margin-right: 16px;
}
.col-gr[b-syubid4323]{
    margin-left: 16px;
}
/* /Pages/Mars/Analyse/MarsAnalyse24HOverview.razor.rz.scp.css */
.container[b-90ncxisw3a] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    
}

.row[b-90ncxisw3a] {
    width: 100%;
    min-width: 100%;

    display: flex;
    flex-direction: column;
}

.yearTabs[b-90ncxisw3a]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}
#tableRow[b-90ncxisw3a] {
    max-height: 750px;
}

.tableDiv[b-90ncxisw3a]{
    max-width: 4500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

.grid[b-90ncxisw3a]{
    overflow: auto;
    max-height: 600px;
}
[b-90ncxisw3a] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-90ncxisw3a]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-90ncxisw3a] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}
[b-90ncxisw3a] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}
[b-90ncxisw3a] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}
[b-90ncxisw3a] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #e79f9f;
}
[b-90ncxisw3a] .quickgrid[theme=default] .Effluent .col-title {
    background-color: #e0e79f;
}
[b-90ncxisw3a] .quickgrid[theme=default] .Schuimtest .col-title {
    background-color: #be9fe7;
}

[b-90ncxisw3a] .form-switch{
    font-size: 22px;
}

[b-90ncxisw3a] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-90ncxisw3a] .InfSteSwitch  {
    background-color: #76cf8d;
}
[b-90ncxisw3a] .InfHSwitch {
    background-color: #9fe2e7;
}
[b-90ncxisw3a] .SlibSwitch {
    background-color: #e7c29f;
}
[b-90ncxisw3a] .PermeaatSwitch {
    background-color: #e79f9f;
}
[b-90ncxisw3a] .EffluentSwitch {
    background-color: #e0e79f;
}
[b-90ncxisw3a] .SchuimtestSwitch {
    background-color: #be9fe7;
}

[b-90ncxisw3a] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-90ncxisw3a] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-90ncxisw3a] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.tableDiv thead[b-90ncxisw3a], tbody[b-90ncxisw3a] { display: block; }

.tableDiv tbody[b-90ncxisw3a] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-90ncxisw3a]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-90ncxisw3a],
.tableDiv tr[b-90ncxisw3a],
.tableDiv th[b-90ncxisw3a],
.tableDiv td[b-90ncxisw3a] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-90ncxisw3a],
.tableDiv td[b-90ncxisw3a] {
    min-width: 136px;
    width: 100%;
    font-size: 14px;
} */

.yearTab[b-90ncxisw3a]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.paginator[b-90ncxisw3a]{
    z-index: 1;
}

.quickgrid[b-90ncxisw3a] {
    height: auto;
}

[b-90ncxisw3a] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Analyse/MarsAnalyseFormulier.razor.rz.scp.css */
.btn-primary[b-ka6x3rrnh1]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-ka6x3rrnh1]{
    background-color: #297dd1;
}

.btn-secondary[b-ka6x3rrnh1]{
    background-color: #00509e;
    border-color: #297dd1;
}

.btn-secondary:hover[b-ka6x3rrnh1]{
    background-color: #297dd1;
}

.row>*[b-ka6x3rrnh1]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-ka6x3rrnh1]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-ka6x3rrnh1]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-ka6x3rrnh1]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

th[b-ka6x3rrnh1], td[b-ka6x3rrnh1]{
    text-align: center;
}

#card2 td[b-ka6x3rrnh1]{
    width: 260px;
}

#card5 td[b-ka6x3rrnh1]{
    width: 400px;
}

#card6 td[b-ka6x3rrnh1]{
    width: 800px;
}

.tableDiv[b-ka6x3rrnh1] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.tableDiv table[b-ka6x3rrnh1] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.tableDiv thead[b-ka6x3rrnh1]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-ka6x3rrnh1]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr[b-ka6x3rrnh1]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-ka6x3rrnh1],
.tableDiv tr[b-ka6x3rrnh1],
.tableDiv th[b-ka6x3rrnh1],
.tableDiv td[b-ka6x3rrnh1] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-ka6x3rrnh1],
.tableDiv td[b-ka6x3rrnh1] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}
.col-ov[b-ka6x3rrnh1]{
    margin-right: 16px;
}
.col-gr[b-ka6x3rrnh1]{
    margin-left: 16px;
}
/* /Pages/Mars/Analyse/MarsAnalyseGrafieken.razor.rz.scp.css */
.btn-primary[b-pzjfn742re]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-pzjfn742re]{
    background-color: #297dd1;
}

.activeCat[b-pzjfn742re]{
    background-color: #00509e;
}

.navigation-button[b-pzjfn742re]{
    width: 100%;
}

.menu-button[b-pzjfn742re]{
    max-width: calc(100% / 5);
}

.hide[b-pzjfn742re]{
    display: none;
}
/* /Pages/Mars/Analyse/MarsAnalyseOverview.razor.rz.scp.css */
.container[b-8nw5nfw86c] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    
}

.row[b-8nw5nfw86c] {
    width: 100%;
    min-width: 100%;

    display: flex;
    flex-direction: column;
}

.yearTabs[b-8nw5nfw86c]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}
#tableRow[b-8nw5nfw86c] {
    max-height: 750px;
}

.tableDiv[b-8nw5nfw86c]{
    max-width: 4500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

.grid[b-8nw5nfw86c]{
    overflow: auto;
    max-height: 600px;
}
[b-8nw5nfw86c] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-8nw5nfw86c]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-8nw5nfw86c] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #e79f9f;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .Effluent .col-title {
    background-color: #e0e79f;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .Schuimtest .col-title {
    background-color: #be9fe7;
}

[b-8nw5nfw86c] .form-switch{
    font-size: 22px;
}

[b-8nw5nfw86c] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-8nw5nfw86c] .InfSteSwitch  {
    background-color: #76cf8d;
}
[b-8nw5nfw86c] .InfHSwitch {
    background-color: #9fe2e7;
}
[b-8nw5nfw86c] .SlibSwitch {
    background-color: #e7c29f;
}
[b-8nw5nfw86c] .PermeaatSwitch {
    background-color: #e79f9f;
}
[b-8nw5nfw86c] .EffluentSwitch {
    background-color: #e0e79f;
}
[b-8nw5nfw86c] .SchuimtestSwitch {
    background-color: #be9fe7;
}

[b-8nw5nfw86c] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-8nw5nfw86c] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-8nw5nfw86c] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.tableDiv thead[b-8nw5nfw86c], tbody[b-8nw5nfw86c] { display: block; }

.tableDiv tbody[b-8nw5nfw86c] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-8nw5nfw86c]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-8nw5nfw86c],
.tableDiv tr[b-8nw5nfw86c],
.tableDiv th[b-8nw5nfw86c],
.tableDiv td[b-8nw5nfw86c] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-8nw5nfw86c],
.tableDiv td[b-8nw5nfw86c] {
    min-width: 136px;
    width: 100%;
    font-size: 14px;
} */

.yearTab[b-8nw5nfw86c]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.paginator[b-8nw5nfw86c]{
    z-index: 1;
}

.quickgrid[b-8nw5nfw86c] {
    height: auto;
}

[b-8nw5nfw86c] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Cumulatief/MarsCumalatiefOverview.razor.rz.scp.css */
.container[b-h4mj4xuusv] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    
}

.row[b-h4mj4xuusv] {
    width: 100%;
    min-width: 100%;

    display: flex;
    flex-direction: column;
}

.yearTabs[b-h4mj4xuusv]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

/*.tableDiv{
    max-width: calc(100vw - 250px);
}

table{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table, tr, th, td{
    border: 2px solid black;
}

th, td{
    min-width: 120px;
    text-align: center;
}*/

.yearTab[b-h4mj4xuusv]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-h4mj4xuusv]{
    overflow: auto;
    max-height: 600px;
}
[b-h4mj4xuusv] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-h4mj4xuusv]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

/*::deep .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}
::deep .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}
::deep .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}*/

[b-h4mj4xuusv] .form-switch{
    font-size: 22px;
}

[b-h4mj4xuusv] .form-check-input{
    width: 56px; 
    height: 22px;
}

/*::deep .InfSteSwitch  {
    background-color: #76cf8d;
}
::deep .InfHSwitch {
    background-color: #9fe2e7;
}
::deep .SlibSwitch {
    background-color: #e7c29f;
}*/

[b-h4mj4xuusv] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-h4mj4xuusv] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-h4mj4xuusv] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-h4mj4xuusv]{
    z-index: 1;
}

.quickgrid[b-h4mj4xuusv] {
    height: auto;
}

[b-h4mj4xuusv] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Cumulatief/MarsCumulatiefFormulier.razor.rz.scp.css */
.btn-primary[b-luphsg49ji]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-luphsg49ji]{
    background-color: #297dd1;
}



.row>*[b-luphsg49ji]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-luphsg49ji]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-luphsg49ji]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-luphsg49ji]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

th[b-luphsg49ji],td[b-luphsg49ji]{
    text-align: center;
}

#card2 td[b-luphsg49ji]{
    width: 260px;
}

#card5 td[b-luphsg49ji]{
    width: 400px;
}

#card6 td[b-luphsg49ji]{
    width: 800px;
}

/* /Pages/Mars/DrogeStof/MarsDrogeStofFormulier.razor.rz.scp.css */
.container[b-01x1n8atz6] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-01x1n8atz6] {
    max-width: 1250px;
}

.addButton[b-01x1n8atz6] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-01x1n8atz6] {
    background-color: #297dd1;
}

.btn-primary[b-01x1n8atz6] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-01x1n8atz6] {
    background-color: #297dd1;
}

.yearTabs[b-01x1n8atz6] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-01x1n8atz6] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-01x1n8atz6] {
    max-height: 250px;
}

.tableDiv[b-01x1n8atz6] {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
    padding: 0px;
}

.tableDiv table[b-01x1n8atz6] {
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
    
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

.tableDiv thead[b-01x1n8atz6], .tableDiv tbody[b-01x1n8atz6] { display: block; }

.tableDiv tbody[b-01x1n8atz6] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-01x1n8atz6]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-01x1n8atz6],
.tableDiv tr[b-01x1n8atz6],
.tableDiv th[b-01x1n8atz6],
.tableDiv td[b-01x1n8atz6] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-01x1n8atz6],
.tableDiv td[b-01x1n8atz6] {
    min-width: 174px;
    width: 100%;
    font-size: 14px;
}

.tableDiv .lastItem[b-01x1n8atz6]{
    min-width: 164px;
    max-width: 164px!important;
    width: 164px;
}

.yearTab[b-01x1n8atz6] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-01x1n8atz6],
.dsinputTable th[b-01x1n8atz6] {
    max-width: 100px !important;
    text-align: center;
}



.dsinputTable input[b-01x1n8atz6] {
    max-width: 100px;
}

#calculateButton[b-01x1n8atz6] {
    margin-left: 32px;
    margin-top: 124px; 
}

.readonly:focus[b-01x1n8atz6]{
    outline: none;
}

.readonly:hover[b-01x1n8atz6]{
    cursor: default;
}

#headerTable[b-01x1n8atz6]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-01x1n8atz6]{
    width: calc(100% - 17px);
}

.extraViewer[b-01x1n8atz6]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-01x1n8atz6]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-01x1n8atz6]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-01x1n8atz6]{
    cursor: pointer;
}

.grid[b-01x1n8atz6]{
    overflow: auto;
    max-height: 600px;
}
[b-01x1n8atz6] .grid tr:nth-child(even) { background: #89baeb; }
[b-01x1n8atz6] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-01x1n8atz6] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-01x1n8atz6]{
    z-index: 1;
}

.quickgrid[b-01x1n8atz6] {
    height: auto;
}

[b-01x1n8atz6] .grid thead {
    position: sticky;
    top: 0;
    background-color: #00509e;
    color: white;
    outline: 1px solid gray;
    z-index: 1;
}

[b-01x1n8atz6] .col-title{
    color: white;
}
/* /Pages/Mars/Incidentenlijst/MarsIncidentenlijst.razor.rz.scp.css */
.row>*[b-5gsiycmnac]{
    padding-left: 0px;
    padding-right: 0px;
}

.incidentenlijst[b-5gsiycmnac]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.incidentenlijst-container[b-5gsiycmnac]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-5gsiycmnac]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-5gsiycmnac]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-5gsiycmnac]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-5gsiycmnac]{
    overflow: auto;
    max-height: 600px;
}
[b-5gsiycmnac] tr:nth-child(even) { background: #89baeb; }

[b-5gsiycmnac] .quickgrid[theme=default] table{
    width: 100%;
}

[b-5gsiycmnac] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-5gsiycmnac] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-5gsiycmnac] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-5gsiycmnac] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-5gsiycmnac] {
    height: auto;
}

[b-5gsiycmnac] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Inkopen/MarsInkopen.razor.rz.scp.css */
.container[b-5ymqvbxnkm] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-5ymqvbxnkm] {
    max-width: 1250px;
}

.addButton[b-5ymqvbxnkm] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-5ymqvbxnkm] {
    background-color: #297dd1;
}

.imageButton:hover[b-5ymqvbxnkm]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.btn-primary[b-5ymqvbxnkm] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-5ymqvbxnkm] {
    background-color: #297dd1;
}

.yearTabs[b-5ymqvbxnkm] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-5ymqvbxnkm] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-5ymqvbxnkm] {
    max-height: 250px;
}

.tableDiv[b-5ymqvbxnkm] {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
    padding: 0px;
}

.tableDiv table[b-5ymqvbxnkm] {
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
    
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

.tableDiv thead[b-5ymqvbxnkm], .tableDiv tbody[b-5ymqvbxnkm] { display: block; }

.tableDiv tbody[b-5ymqvbxnkm] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-5ymqvbxnkm]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-5ymqvbxnkm],
.tableDiv tr[b-5ymqvbxnkm],
.tableDiv th[b-5ymqvbxnkm],
.tableDiv td[b-5ymqvbxnkm] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-5ymqvbxnkm],
.tableDiv td[b-5ymqvbxnkm] {
    min-width: 174px;
    width: 100%;
    font-size: 14px;
}

.tableDiv .lastItem[b-5ymqvbxnkm]{
    min-width: 164px;
    max-width: 164px!important;
    width: 164px;
}

.yearTab[b-5ymqvbxnkm] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-5ymqvbxnkm],
.dsinputTable th[b-5ymqvbxnkm] {
    max-width: 100px !important;
    text-align: center;
}



.dsinputTable input[b-5ymqvbxnkm] {
    max-width: 100px;
}

#calculateButton[b-5ymqvbxnkm] {
    margin-left: 32px;
    margin-top: 124px; 
}

.readonly:focus[b-5ymqvbxnkm]{
    outline: none;
}

.readonly:hover[b-5ymqvbxnkm]{
    cursor: default;
}

#headerTable[b-5ymqvbxnkm]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-5ymqvbxnkm]{
    width: calc(100% - 17px);
}

.extraViewer[b-5ymqvbxnkm]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-5ymqvbxnkm]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-5ymqvbxnkm]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-5ymqvbxnkm]{
    cursor: pointer;
}

.grid[b-5ymqvbxnkm]{
    overflow: auto;
    max-height: 600px;
}
[b-5ymqvbxnkm] .grid tr:nth-child(even) { background: #89baeb; }
[b-5ymqvbxnkm] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-5ymqvbxnkm] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-5ymqvbxnkm]{
    z-index: 1;
}

.quickgrid[b-5ymqvbxnkm] {
    height: auto;
}

[b-5ymqvbxnkm] .grid thead {
    position: sticky;
    top: 0;
    background-color: #00509e;
    color: white;
    outline: 1px solid gray;
    z-index: 1;
}

[b-5ymqvbxnkm] .col-title{
    color: white;
}

.textCounter[b-5ymqvbxnkm]{
    text-align: right;
    font-size: 12px;
}
/* /Pages/Mars/Logboek/MarsLogboek.razor.rz.scp.css */
.container[b-tbikhr8ofo]{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.btn-primary[b-tbikhr8ofo]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-tbikhr8ofo]{
    background-color: #297dd1;
}

.titleRow[b-tbikhr8ofo]{
    width: 100%;
}

#leftColumn > .row[b-tbikhr8ofo]{
    margin-right: 4px;
}

#middleColumn > .row[b-tbikhr8ofo]{
    margin-right: 4px;
}

#rightColumn > .row[b-tbikhr8ofo]{
    margin-right: 4px;
}

.dateButton[b-tbikhr8ofo]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: 8px;
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
}

.dateButton:hover[b-tbikhr8ofo]{
    background-color: #297dd1;
    cursor: pointer;
}

.tableSubject[b-tbikhr8ofo]{
    background-color: #80a0ff;
}

.table[b-tbikhr8ofo]{
    background-color: white;
}

td.tableInput[b-tbikhr8ofo]  input{
    border: 0px;
    border-radius: 0;
    width: 100%;
    
}

td.tableInput[b-tbikhr8ofo]  input.valid.modified{
    outline: none;
}

td.tableInput[b-tbikhr8ofo]  input:focus{
    outline: 2px solid black;
    border-radius: 2px;
}

#basicInformation[b-tbikhr8ofo]{
    margin-top: 8px;
}

#werzaamhedenInformation[b-tbikhr8ofo]{
    margin-top: 8px;
}

.tableHeader[b-tbikhr8ofo]{
    text-align: center;
    background-color: #80a0ff;
    border-left: 1px solid white;
}

#werzaamhedenInformation table td[b-tbikhr8ofo]{
    padding-left: 4px;
    padding-right: 4px;
}

.instellingenheader[b-tbikhr8ofo]{
    padding-left: 32px;
    text-align: center;
    background-color: #80a0ff;
}

.addButton:hover[b-tbikhr8ofo]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.openButton:hover[b-tbikhr8ofo]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.removeButton:hover[b-tbikhr8ofo]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}
/* /Pages/Mars/Ontwaterdslib/MarsOntwaterdSlibScreen.razor.rz.scp.css */
.container[b-y1qa4ujdd5] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    
}

.row[b-y1qa4ujdd5] {
    width: 100%;
    min-width: 100%;

    display: flex;
}

.btn-primary[b-y1qa4ujdd5]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-y1qa4ujdd5]{
    background-color: #297dd1;
}



.row>*[b-y1qa4ujdd5]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-y1qa4ujdd5]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-y1qa4ujdd5]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-y1qa4ujdd5]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-y1qa4ujdd5],td[b-y1qa4ujdd5]{
    text-align: center;
}
.subject-body td[b-y1qa4ujdd5]{
    width: 600px;
}

.tabBar[b-y1qa4ujdd5]{
    margin-top: 8px;
}

.dataTableDiv[b-y1qa4ujdd5]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-y1qa4ujdd5]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-y1qa4ujdd5],.dataTableDiv tr[b-y1qa4ujdd5],.dataTableDiv th[b-y1qa4ujdd5],.dataTableDiv td[b-y1qa4ujdd5]{
    border: 2px solid black;
}

.dataTableDiv th[b-y1qa4ujdd5], .dataTableDiv td[b-y1qa4ujdd5]{
    min-width: 180px;
    text-align: center;
}

.yearTab[b-y1qa4ujdd5]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dateButton[b-y1qa4ujdd5]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    /*padding: 8px;*/
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
    margin-left: 50%;
}

.dateButton:hover[b-y1qa4ujdd5]{
    background-color: #297dd1;
    cursor: pointer;
}

.grid[b-y1qa4ujdd5]{
    overflow: auto;
    max-height: 600px;
}
[b-y1qa4ujdd5] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-y1qa4ujdd5]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-y1qa4ujdd5] .form-switch{
    font-size: 22px;
}

[b-y1qa4ujdd5] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-y1qa4ujdd5] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-y1qa4ujdd5] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-y1qa4ujdd5] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-y1qa4ujdd5]{
    z-index: 1;
}

.quickgrid[b-y1qa4ujdd5] {
    height: auto;
}

[b-y1qa4ujdd5] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Mars/Summary/MarsSummary.razor.rz.scp.css */
.btn-primary[b-we696wp07c]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-we696wp07c]{
    background-color: #297dd1;
}

.activeCat[b-we696wp07c]{
    background-color: #00509e;
}

.navigation-button[b-we696wp07c]{
    width: 100%;
}

.menu-button[b-we696wp07c]{
    max-width: calc(100% / 5);
}

.hide[b-we696wp07c]{
    display: none;
}
/* /Pages/Mars/Vetzuren/MarsVetzurenFormulier.razor.rz.scp.css */
.btn-primary[b-ms8d3ta21q]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-ms8d3ta21q]{
    background-color: #297dd1;
}



.row>*[b-ms8d3ta21q]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-ms8d3ta21q]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-ms8d3ta21q]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-ms8d3ta21q]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
th[b-ms8d3ta21q],td[b-ms8d3ta21q]{
    text-align: center;
}
#card2 td[b-ms8d3ta21q]{
    width: 260px;
}

#card5 td[b-ms8d3ta21q]{
    width: 400px;
}

#card6 td[b-ms8d3ta21q]{
    width: 800px;
}

/* /Pages/Mars/Vetzuren/MarsVetzurenOverview.razor.rz.scp.css */
.container[b-wdr0pz6qzq] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
}

.row[b-wdr0pz6qzq] {
width: 100%;
min-width: 100%;

display: flex;
flex-direction: column;
}

.yearTabs[b-wdr0pz6qzq]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tableDiv[b-wdr0pz6qzq]{
    max-width: calc(100vw - 250px);
}

table[b-wdr0pz6qzq]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table[b-wdr0pz6qzq], tr[b-wdr0pz6qzq], th[b-wdr0pz6qzq], td[b-wdr0pz6qzq]{
    border: 2px solid black;
}

th[b-wdr0pz6qzq], td[b-wdr0pz6qzq]{
    min-width: 120px;
    text-align: center;
}

.yearTab[b-wdr0pz6qzq]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-wdr0pz6qzq]{
    overflow: auto;
    max-height: 600px;
}
[b-wdr0pz6qzq] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-wdr0pz6qzq]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-wdr0pz6qzq] .quickgrid[theme=default] .InfSte .col-title {
    background-color: #76cf8d;
}
[b-wdr0pz6qzq] .quickgrid[theme=default] .InfH .col-title {
    background-color: #9fe2e7;
}
[b-wdr0pz6qzq] .quickgrid[theme=default] .Slib .col-title {
    background-color: #e7c29f;
}

[b-wdr0pz6qzq] .form-switch{
    font-size: 22px;
}

[b-wdr0pz6qzq] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-wdr0pz6qzq] .InfSteSwitch  {
    background-color: #76cf8d;
}
[b-wdr0pz6qzq] .InfHSwitch {
    background-color: #9fe2e7;
}
[b-wdr0pz6qzq] .SlibSwitch {
    background-color: #e7c29f;
}

[b-wdr0pz6qzq] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-wdr0pz6qzq] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-wdr0pz6qzq] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-wdr0pz6qzq]{
    z-index: 1;
}

.quickgrid[b-wdr0pz6qzq] {
    height: auto;
}

[b-wdr0pz6qzq] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Overview.razor.rz.scp.css */
.yearTabs[b-uh3uoqph3x]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tableDiv[b-uh3uoqph3x]{
    max-width: calc(100vw - 250px);
}

table[b-uh3uoqph3x]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table[b-uh3uoqph3x], tr[b-uh3uoqph3x], th[b-uh3uoqph3x], td[b-uh3uoqph3x]{
    border: 2px solid black;
}

th[b-uh3uoqph3x], td[b-uh3uoqph3x]{
    min-width: 90px;
}

.yearTab[b-uh3uoqph3x]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}
/* /Pages/Summary.razor.rz.scp.css */
.btn-primary[b-muyg4rluck]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-muyg4rluck]{
    background-color: #297dd1;
}

.navigation-button[b-muyg4rluck]{
    width: 100%;
}
/* /Pages/Vion/Actielijst/VionActielijst.razor.rz.scp.css */
.row>*[b-9ce7q39ign]{
    padding-left: 0px;
    padding-right: 0px;
}

.actielijst[b-9ce7q39ign]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.actielijst-container[b-9ce7q39ign]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-9ce7q39ign]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-9ce7q39ign]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-9ce7q39ign]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-9ce7q39ign]{
    overflow: auto;
    max-height: 600px;
}
[b-9ce7q39ign] tr:nth-child(even) { background: #89baeb; }

[b-9ce7q39ign] .quickgrid[theme=default] table{
    width: 100%;
}

[b-9ce7q39ign] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-9ce7q39ign] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-9ce7q39ign] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-9ce7q39ign] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-9ce7q39ign] {
    height: auto;
}

[b-9ce7q39ign] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Analyse/VionAnalyseFormulier.razor.rz.scp.css */
.btn-primary[b-czx49yp243]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-czx49yp243]{
    background-color: #297dd1;
}

.btn-secondary[b-czx49yp243]{
    background-color: #00509e;
    border-color: #297dd1;
}

.btn-secondary:hover[b-czx49yp243]{
    background-color: #297dd1;
}

.row>*[b-czx49yp243]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-czx49yp243]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-czx49yp243]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-czx49yp243]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

th[b-czx49yp243], td[b-czx49yp243]{
    text-align: center;
    min-width: 150px;
    max-width: 1300px;
}

#card2 td[b-czx49yp243]{
    width: 260px;
}

#card5 td[b-czx49yp243]{
    width: 400px;
}

#card6 td[b-czx49yp243]{
    width: 800px;
}

.tableDiv[b-czx49yp243] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.tableDiv table[b-czx49yp243] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.tableDiv thead[b-czx49yp243]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-czx49yp243]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr[b-czx49yp243]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-czx49yp243],
.tableDiv tr[b-czx49yp243],
.tableDiv th[b-czx49yp243],
.tableDiv td[b-czx49yp243] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-czx49yp243],
.tableDiv td[b-czx49yp243] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}
/* /Pages/Vion/Analyse/VionAnalyseOverview.razor.rz.scp.css */
.container[b-9j8ptjrrc9] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.row[b-9j8ptjrrc9] {
    width: 100%;
    min-width: 100%;
}

.yearTabs[b-9j8ptjrrc9]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

/*
#tableRow {
    max-height: 750px;
}

.tableDiv {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

/*.tableDiv table {
    /*display: block;*/
/*    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

/*.tableDiv thead, tbody { display: block; }

.tableDiv tbody {*/
/*    height: 610px;      /* Just for the demo          */
/*    overflow-y: auto;    /* Trigger vertical scroll    */
/*    overflow-x: hidden;  /* Hide the horizontal scroll */
/*}

.tableDiv tbody tr{
    min-width: 100%;
    width: 100%;
}

.tableDiv table,
.tableDiv tr,
.tableDiv th,
.tableDiv td {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th,
.tableDiv td {
    min-width: 90px;
    width: 100%;
    font-size: 14px;
}*/

.yearTab[b-9j8ptjrrc9]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-9j8ptjrrc9]{
    overflow: auto;
    max-height: 525px;
}
[b-9j8ptjrrc9] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-9j8ptjrrc9]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-9j8ptjrrc9] .quickgrid[theme=default] .IBT .col-title {
    background-color: #76cf8d;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .H24 .col-title {
    background-color: #9fe2e7;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .EDAF .col-title {
    background-color: #e7c29f;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .UASB .col-title {
    background-color: #e79f9f;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .BIDOX .col-title {
    background-color: #e0e79f;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .NAS1 .col-title {
    background-color: #be9fe7;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .NAS2 .col-title {
    background-color: #0cb38e;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .NAS3 .col-title {
    background-color: #b0df30;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .Permeaat .col-title {
    background-color: #19d147;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .Effluent .col-title {
    background-color: #e62b2b;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .EffluentP .col-title {
    background-color: #e6e79f;
}

[b-9j8ptjrrc9] .form-switch{
    font-size: 22px;
}

[b-9j8ptjrrc9] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-9j8ptjrrc9] .IBTSwitch  {
    background-color: #76cf8d;
}
[b-9j8ptjrrc9] .H24Switch {
    background-color: #9fe2e7;
}
[b-9j8ptjrrc9] .EDAFSwitch {
    background-color: #e7c29f;
}
[b-9j8ptjrrc9] .UASBSwitch {
    background-color: #e79f9f;
}
[b-9j8ptjrrc9] .BIDOXSwitch {
    background-color: #e0e79f;
}
[b-9j8ptjrrc9] .NAS1Switch {
    background-color: #be9fe7;
}
[b-9j8ptjrrc9] .NAS2Switch {
    background-color: #0cb38e;
}
[b-9j8ptjrrc9] .NAS3Switch {
    background-color: #b0df30;
}
[b-9j8ptjrrc9] .PermeaatSwitch {
    background-color: #19d147;
}
[b-9j8ptjrrc9] .EffluentSwitch {
    background-color: #e62b2b;
}
[b-9j8ptjrrc9] .EffluentPSwitch {
    background-color: #e6e79f;
}

[b-9j8ptjrrc9] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-9j8ptjrrc9] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-9j8ptjrrc9]{
    z-index: 1;
}

.quickgrid[b-9j8ptjrrc9] {
    height: auto;
}

[b-9j8ptjrrc9] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Cumulatief/VionCumulatief.razor.rz.scp.css */
.btn-primary[b-xucfvtfb16]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-xucfvtfb16]{
    background-color: #297dd1;
}

.btn-secondary[b-xucfvtfb16]{
    background-color: #00509e;
    border-color: #297dd1;
}

.btn-secondary:hover[b-xucfvtfb16]{
    background-color: #297dd1;
}
/* /Pages/Vion/Cumulatief/VionCumulatiefOverview.razor.rz.scp.css */
.yearTabs[b-ar7pw9kif3]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tableDiv[b-ar7pw9kif3]{
    max-width: calc(100vw - 250px);
}

table[b-ar7pw9kif3]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table[b-ar7pw9kif3], tr[b-ar7pw9kif3], th[b-ar7pw9kif3], td[b-ar7pw9kif3]{
    border: 2px solid black;
}

th[b-ar7pw9kif3], td[b-ar7pw9kif3]{
    min-width: 90px;
}

.yearTab[b-ar7pw9kif3]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

/* .tableDiv {
    max-width: calc(100vw - 250px);
    max-height: calc(100vw - 250px);
}

.tableDiv table {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 650px;
}
.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr{
    min-width: 100%;
    width: 100%;
}

.tableDiv table,
.tableDiv tr,
.tableDiv th,
.tableDiv td {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th,
.tableDiv td {
    min-width: 136px;
    width: 100%px;
    font-size: 14px;
} */

.grid[b-ar7pw9kif3]{
    overflow: auto;
    max-height: 570px;
}
[b-ar7pw9kif3] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-ar7pw9kif3]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-ar7pw9kif3] .quickgrid[theme=default] .FT .col-title {
    background-color: #76cf8d;
}
[b-ar7pw9kif3] .quickgrid[theme=default] .TT .col-title {
    background-color: #9fe2e7;
}
[b-ar7pw9kif3] .quickgrid[theme=default] .PT .col-title {
    background-color: #e7c29f;
}
[b-ar7pw9kif3] .quickgrid[theme=default] .AT .col-title {
    background-color: #e79f9f;
}

[b-ar7pw9kif3] .form-switch{
    font-size: 22px;
}

[b-ar7pw9kif3] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-ar7pw9kif3] .FTSwitch  {
    background-color: #76cf8d;
}
[b-ar7pw9kif3] .TTSwitch {
    background-color: #9fe2e7;
}
[b-ar7pw9kif3] .PTSwitch {
    background-color: #e7c29f;
}
[b-ar7pw9kif3] .ATSwitch {
    background-color: #e79f9f;
}

[b-ar7pw9kif3] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-ar7pw9kif3] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-ar7pw9kif3] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-ar7pw9kif3]{
    z-index: 1;
}

.quickgrid[b-ar7pw9kif3] {
    height: auto;
}

[b-ar7pw9kif3] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Drogestof/VionDrogeStofFormulier.razor.rz.scp.css */
.container[b-c1v7jwd1a0] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-c1v7jwd1a0] {
    max-width: 1250px;
}

.addButton[b-c1v7jwd1a0] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-c1v7jwd1a0] {
    background-color: #297dd1;
}

.yearTabs[b-c1v7jwd1a0] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-c1v7jwd1a0] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-c1v7jwd1a0] {
    max-height: 250px;
}

.tableDiv[b-c1v7jwd1a0] {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
}

.tableDiv table[b-c1v7jwd1a0] {
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

.tableDiv thead[b-c1v7jwd1a0], .tableDiv tbody[b-c1v7jwd1a0] { display: block; }

.tableDiv tbody[b-c1v7jwd1a0] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-c1v7jwd1a0]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-c1v7jwd1a0],
.tableDiv tr[b-c1v7jwd1a0],
.tableDiv th[b-c1v7jwd1a0],
.tableDiv td[b-c1v7jwd1a0] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-c1v7jwd1a0],
.tableDiv td[b-c1v7jwd1a0] {
    min-width: 136px;
    width: 100%;
    font-size: 14px;
}

.yearTab[b-c1v7jwd1a0] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-c1v7jwd1a0],
.dsinputTable th[b-c1v7jwd1a0] {
    max-width: 100px;
    text-align: center;
}

.dsinputTable input[b-c1v7jwd1a0] {
    max-width: 100px;
}

#calculateButton[b-c1v7jwd1a0] {
    background-color: #00509e;
    border-color: #00509e;
    margin-top: 124px; 
}

#calculateButton:hover[b-c1v7jwd1a0] {
    background-color: #297dd1;
}

.popupButton[b-c1v7jwd1a0] {
    background-color: #00509e;
    border-color: #00509e;
    margin-top: 124px; 
}

.popupButton:hover[b-c1v7jwd1a0] {
    background-color: #297dd1;
}

.addButton[b-c1v7jwd1a0] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-c1v7jwd1a0] {
    background-color: #297dd1;
}

.btn-primary[b-c1v7jwd1a0] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-c1v7jwd1a0] {
    background-color: #297dd1;
}

.readonly:focus[b-c1v7jwd1a0]{
    outline: none;
}

.readonly:hover[b-c1v7jwd1a0]{
    cursor: default;
}

#headerTable[b-c1v7jwd1a0]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-c1v7jwd1a0]{
    width: calc(100% - 17px);
}

.extraViewer[b-c1v7jwd1a0]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-c1v7jwd1a0]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-c1v7jwd1a0]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-c1v7jwd1a0]{
    cursor: pointer;
}

.errorTableDiv[b-c1v7jwd1a0] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.errorTableDiv table[b-c1v7jwd1a0] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.errorTableDiv thead[b-c1v7jwd1a0]{
    display:table;
    width: calc(100% - 8px);
}

.errorTableDiv tbody[b-c1v7jwd1a0]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.errorTableDiv tbody tr[b-c1v7jwd1a0]{
    min-width: 100%;
    width: 100%;
}

.errorTableDiv table[b-c1v7jwd1a0],
.errorTableDiv tr[b-c1v7jwd1a0],
.errorTableDiv th[b-c1v7jwd1a0],
.errorTableDiv td[b-c1v7jwd1a0] {
    border: 2px solid black;
    text-align: center;
}

.errorTableDiv th[b-c1v7jwd1a0],
.errorTableDiv td[b-c1v7jwd1a0] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}

.grid[b-c1v7jwd1a0]{
    overflow: auto;
    max-height: 525px;
}
[b-c1v7jwd1a0] .quickgrid[theme=default] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-c1v7jwd1a0]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}


[b-c1v7jwd1a0] .form-switch{
    font-size: 22px;
}

[b-c1v7jwd1a0] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-c1v7jwd1a0] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-c1v7jwd1a0] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-c1v7jwd1a0] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-c1v7jwd1a0]{
    z-index: 1;
}

.quickgrid[b-c1v7jwd1a0] {
    height: auto;
}

[b-c1v7jwd1a0] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Flotatieslib/VionFlotatieSlibScreen.razor.rz.scp.css */
.btn-primary[b-w69oztx17v]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-w69oztx17v]{
    background-color: #297dd1;
}



.row>*[b-w69oztx17v]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-w69oztx17v]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-w69oztx17v]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-w69oztx17v]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-w69oztx17v],td[b-w69oztx17v]{
    text-align: center;
}
.subject-body td[b-w69oztx17v]{
    width: 600px;
}

.tabBar[b-w69oztx17v]{
    margin-top: 8px;
}

.dataTableDiv[b-w69oztx17v]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-w69oztx17v]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-w69oztx17v],.dataTableDiv tr[b-w69oztx17v],.dataTableDiv th[b-w69oztx17v],.dataTableDiv td[b-w69oztx17v]{
    border: 2px solid black;
}

.dataTableDiv th[b-w69oztx17v], .dataTableDiv td[b-w69oztx17v]{
    min-width: 180px;
    text-align: center;
}

.yearTab[b-w69oztx17v]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dateButton[b-w69oztx17v]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    /*padding: 8px;*/
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
    margin-left: 50%;
}

.dateButton:hover[b-w69oztx17v]{
    background-color: #297dd1;
    cursor: pointer;
}

.grid[b-w69oztx17v]{
    overflow: auto;
    max-height: 600px;
}
[b-w69oztx17v] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-w69oztx17v]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-w69oztx17v] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-w69oztx17v] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-w69oztx17v] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-w69oztx17v]{
    z-index: 1;
}

.quickgrid[b-w69oztx17v] {
    height: auto;
}

[b-w69oztx17v] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/H2S/VionH2SFormulier.razor.rz.scp.css */
.btn-primary[b-t980mbuw6d]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-t980mbuw6d]{
    background-color: #297dd1;
}



.row>*[b-t980mbuw6d]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-t980mbuw6d]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-t980mbuw6d]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-t980mbuw6d]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-t980mbuw6d],td[b-t980mbuw6d]{
    text-align: center;
}
.subject-body td[b-t980mbuw6d]{
    width: 600px;
}

.tabBar[b-t980mbuw6d]{
    margin-top: 8px;
}

.dataTableDiv[b-t980mbuw6d]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-t980mbuw6d]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-t980mbuw6d],.dataTableDiv tr[b-t980mbuw6d],.dataTableDiv th[b-t980mbuw6d],.dataTableDiv td[b-t980mbuw6d]{
    border: 2px solid black;
}

.dataTableDiv th[b-t980mbuw6d], .dataTableDiv td[b-t980mbuw6d]{
    min-width: 120px;
    text-align: center;
}

.yearTab[b-t980mbuw6d]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-t980mbuw6d]{
    overflow: auto;
    max-height: 600px;
}
[b-t980mbuw6d] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-t980mbuw6d]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-t980mbuw6d] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-t980mbuw6d] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-t980mbuw6d] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-t980mbuw6d]{
    z-index: 1;
}

.quickgrid[b-t980mbuw6d] {
    height: auto;
}

[b-t980mbuw6d] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Incidentenlijst/VionIncidentenlijst.razor.rz.scp.css */
.row>*[b-8j5c362i5h]{
    padding-left: 0px;
    padding-right: 0px;
}

.incidentenlijst[b-8j5c362i5h]{
    margin-top: 8px;
    margin-bottom: 8px;
    min-width: 100%;
    
}

.container.incidentenlijst-container[b-8j5c362i5h]{
    margin-left: auto;
    margin-right: auto;
    min-width: 90%;
    height: 100%;
}

.check-card-header[b-8j5c362i5h]{
    background-color: rgb(179, 203, 255);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
}

.check-card-header:hover[b-8j5c362i5h]{
    background-color: rgb(152, 184, 255);
}

.check-card-body[b-8j5c362i5h]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.grid[b-8j5c362i5h]{
    overflow: auto;
    max-height: 600px;
}
[b-8j5c362i5h] tr:nth-child(even) { background: #89baeb; }

[b-8j5c362i5h] .quickgrid[theme=default] table{
    width: 100%;
}

[b-8j5c362i5h] .quickgrid[theme=default] .col-title {
    background-color: #00509e;
    color: white;

    font-size: 12px;
}

[b-8j5c362i5h] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-8j5c362i5h] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-8j5c362i5h] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.quickgrid[b-8j5c362i5h] {
    height: auto;
}

[b-8j5c362i5h] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Inkopen/VionInkopen.razor.rz.scp.css */
.container[b-nbc1awmeu9] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-nbc1awmeu9] {
    max-width: 1250px;
}

.addButton[b-nbc1awmeu9] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-nbc1awmeu9] {
    background-color: #297dd1;
}

.imageButton:hover[b-nbc1awmeu9]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.btn-primary[b-nbc1awmeu9] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-nbc1awmeu9] {
    background-color: #297dd1;
}

.yearTabs[b-nbc1awmeu9] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-nbc1awmeu9] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-nbc1awmeu9] {
    max-height: 250px;
}

.tableDiv[b-nbc1awmeu9] {
    max-width: 2500px;
    max-height: calc(100vw - 250px);
    overflow-x: auto;
    padding: 0px;
}

.tableDiv table[b-nbc1awmeu9] {
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 2500px;
    height: 650px;
    
}
/*.tableDiv thead{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}*/

.tableDiv thead[b-nbc1awmeu9], .tableDiv tbody[b-nbc1awmeu9] { display: block; }

.tableDiv tbody[b-nbc1awmeu9] {
    height: 610px;      /* Just for the demo          */
    overflow-y: auto;    /* Trigger vertical scroll    */
    overflow-x: hidden;  /* Hide the horizontal scroll */
}

.tableDiv tbody tr[b-nbc1awmeu9]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-nbc1awmeu9],
.tableDiv tr[b-nbc1awmeu9],
.tableDiv th[b-nbc1awmeu9],
.tableDiv td[b-nbc1awmeu9] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-nbc1awmeu9],
.tableDiv td[b-nbc1awmeu9] {
    min-width: 174px;
    width: 100%;
    font-size: 14px;
}

.tableDiv .lastItem[b-nbc1awmeu9]{
    min-width: 164px;
    max-width: 164px!important;
    width: 164px;
}

.yearTab[b-nbc1awmeu9] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-nbc1awmeu9],
.dsinputTable th[b-nbc1awmeu9] {
    max-width: 100px !important;
    text-align: center;
}



.dsinputTable input[b-nbc1awmeu9] {
    max-width: 100px;
}

#calculateButton[b-nbc1awmeu9] {
    margin-left: 32px;
    margin-top: 124px; 
}

.readonly:focus[b-nbc1awmeu9]{
    outline: none;
}

.readonly:hover[b-nbc1awmeu9]{
    cursor: default;
}

#headerTable[b-nbc1awmeu9]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-nbc1awmeu9]{
    width: calc(100% - 17px);
}

.extraViewer[b-nbc1awmeu9]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-nbc1awmeu9]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-nbc1awmeu9]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-nbc1awmeu9]{
    cursor: pointer;
}

.grid[b-nbc1awmeu9]{
    overflow: auto;
    max-height: 600px;
}
[b-nbc1awmeu9] .grid tr:nth-child(even) { background: #89baeb; }
[b-nbc1awmeu9] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}

[b-nbc1awmeu9] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-nbc1awmeu9]{
    z-index: 1;
}

.quickgrid[b-nbc1awmeu9] {
    height: auto;
}

[b-nbc1awmeu9] .grid thead {
    position: sticky;
    top: 0;
    background-color: #00509e;
    color: white;
    outline: 1px solid gray;
    z-index: 1;
}

[b-nbc1awmeu9] .col-title{
    color: white;
}

.textCounter[b-nbc1awmeu9]{
    text-align: right;
    font-size: 12px;
}
/* /Pages/Vion/Kwh/VionKWhFormulier.razor.rz.scp.css */
.btn-primary[b-fqdwmnvfbc]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-fqdwmnvfbc]{
    background-color: #297dd1;
}



.row>*[b-fqdwmnvfbc]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-fqdwmnvfbc]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-fqdwmnvfbc]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-fqdwmnvfbc]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-fqdwmnvfbc],td[b-fqdwmnvfbc]{
    text-align: center;
}
.subject-body td[b-fqdwmnvfbc]{
    width: 600px;
}

.tabBar[b-fqdwmnvfbc]{
    margin-top: 8px;
}

.dataTableDiv[b-fqdwmnvfbc]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-fqdwmnvfbc]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-fqdwmnvfbc],.dataTableDiv tr[b-fqdwmnvfbc],.dataTableDiv th[b-fqdwmnvfbc],.dataTableDiv td[b-fqdwmnvfbc]{
    border: 2px solid black;
}

.dataTableDiv th[b-fqdwmnvfbc], .dataTableDiv td[b-fqdwmnvfbc]{
    min-width: 180px;
    text-align: center;
}

.yearTab[b-fqdwmnvfbc]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.grid[b-fqdwmnvfbc]{
    overflow: auto;
    max-height: 600px;
}
[b-fqdwmnvfbc] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-fqdwmnvfbc]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-fqdwmnvfbc] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-fqdwmnvfbc] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-fqdwmnvfbc] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-fqdwmnvfbc]{
    z-index: 1;
}

.quickgrid[b-fqdwmnvfbc] {
    height: auto;
}

[b-fqdwmnvfbc] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Logboek/VionLogboek.razor.rz.scp.css */
.container[b-lf47laf4ch]{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.btn-primary[b-lf47laf4ch]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-lf47laf4ch]{
    background-color: #297dd1;
}

.titleRow[b-lf47laf4ch]{
    width: 100%;
}

#leftColumn > .row[b-lf47laf4ch]{
    margin-right: 4px;
}

#middleColumn > .row[b-lf47laf4ch]{
    margin-right: 4px;
}

#rightColumn > .row[b-lf47laf4ch]{
    margin-right: 4px;
}

.dateButton[b-lf47laf4ch]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    padding: 8px;
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
}

.dateButton:hover[b-lf47laf4ch]{
    background-color: #297dd1;
    cursor: pointer;
}

.tableSubject[b-lf47laf4ch]{
    background-color: #80a0ff;
}

.table[b-lf47laf4ch]{
    background-color: white;
}

td.tableInput[b-lf47laf4ch]  input{
    border: 0px;
    border-radius: 0;
    width: 100%;
    
}

td.tableInput[b-lf47laf4ch]  input.valid.modified{
    outline: none;
}

td.tableInput[b-lf47laf4ch]  input:focus{
    outline: 2px solid black;
    border-radius: 2px;
}

#basicInformation[b-lf47laf4ch]{
    margin-top: 8px;
}

#werzaamhedenInformation[b-lf47laf4ch]{
    margin-top: 8px;
}

.tableHeader[b-lf47laf4ch]{
    text-align: center;
    background-color: #80a0ff;
    border-left: 1px solid white;
}

#werzaamhedenInformation table td[b-lf47laf4ch]{
    padding-left: 4px;
    padding-right: 4px;
}

.instellingenheader[b-lf47laf4ch]{
    padding-left: 32px;
    text-align: center;
    background-color: #80a0ff;
}

.addButton:hover[b-lf47laf4ch]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.openButton:hover[b-lf47laf4ch]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}

.removeButton:hover[b-lf47laf4ch]{
    background-color: rgba(199, 199, 199, 0.411);
    border: 1px solid transparent;
    border-radius: 180px;
    cursor: pointer;
}
/* /Pages/Vion/Ontwaterdslib/VionOntwaterdSlibScreen.razor.rz.scp.css */
.btn-primary[b-iapxo3m20l]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-iapxo3m20l]{
    background-color: #297dd1;
}



.row>*[b-iapxo3m20l]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-iapxo3m20l]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-iapxo3m20l]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

.subject-body table[b-iapxo3m20l]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.subject-body th[b-iapxo3m20l],td[b-iapxo3m20l]{
    text-align: center;
}
.subject-body td[b-iapxo3m20l]{
    width: 600px;
}

.tabBar[b-iapxo3m20l]{
    margin-top: 8px;
}

.dataTableDiv[b-iapxo3m20l]{
    margin-top: 8px;
    width: 250px;
}

.dataTableDivtable table[b-iapxo3m20l]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    width: 250px;
}

.dataTableDiv table[b-iapxo3m20l],.dataTableDiv tr[b-iapxo3m20l],.dataTableDiv th[b-iapxo3m20l],.dataTableDiv td[b-iapxo3m20l]{
    border: 2px solid black;
}

.dataTableDiv th[b-iapxo3m20l], .dataTableDiv td[b-iapxo3m20l]{
    min-width: 180px;
    text-align: center;
}

.yearTab[b-iapxo3m20l]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dateButton[b-iapxo3m20l]{
    height: 34px;
    width: 34px;
    border-radius: .25rem;
    border: 1px solid transparent;
    /*padding: 8px;*/
    background-color: #00509e;
    border-color: #00509e;

    margin-top: 8px;
    margin-left: 50%;
}

.dateButton:hover[b-iapxo3m20l]{
    background-color: #297dd1;
    cursor: pointer;
}

.grid[b-iapxo3m20l]{
    overflow: auto;
    max-height: 600px;
}
[b-iapxo3m20l] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-iapxo3m20l]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-iapxo3m20l] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-iapxo3m20l] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-iapxo3m20l] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-iapxo3m20l]{
    z-index: 1;
}

.quickgrid[b-iapxo3m20l] {
    height: auto;
}

[b-iapxo3m20l] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/Summary/VionSummary.razor.rz.scp.css */
.btn-primary[b-n4orl7m0ky]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-n4orl7m0ky]{
    background-color: #297dd1;
}

.activeCat[b-n4orl7m0ky]{
    background-color: #00509e;
}

.navigation-button[b-n4orl7m0ky]{
    width: 100%;
}

.menu-button[b-n4orl7m0ky]{
    max-width: calc(100% / 5);
}

.hide[b-n4orl7m0ky]{
    display: none;
}
/* /Pages/Vion/Totalizer/VionTotalizerFormulier.razor.rz.scp.css */
.btn-primary[b-yo44kb7ilt]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-yo44kb7ilt]{
    background-color: #297dd1;
}

.btn-secondary[b-yo44kb7ilt]{
    background-color: #00509e;
    border-color: #297dd1;
}

.btn-secondary:hover[b-yo44kb7ilt]{
    background-color: #297dd1;
}

.td-title[b-yo44kb7ilt]{
    font-weight: bold;
}

.row>*[b-yo44kb7ilt]{
    padding-left: 0px;
    padding-right: 0px;
}

.subject-header[b-yo44kb7ilt]{
    margin-top: 8px;
    background-color: #00509e;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    align-content: center;
    color: white;
}

.subject-body[b-yo44kb7ilt]{
    background-color: white;
    border: 1px solid #ccc9c9;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
}

table[b-yo44kb7ilt]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

th[b-yo44kb7ilt], td[b-yo44kb7ilt]{
    text-align: center;
    min-width: 150px;
    max-width: 1300px;
}

#card2 td[b-yo44kb7ilt]{
    width: 260px;
}

#card5 td[b-yo44kb7ilt]{
    width: 400px;
}

#card6 td[b-yo44kb7ilt]{
    width: 800px;
}

.tableDiv[b-yo44kb7ilt] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.tableDiv table[b-yo44kb7ilt] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.tableDiv thead[b-yo44kb7ilt]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-yo44kb7ilt]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr[b-yo44kb7ilt]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-yo44kb7ilt],
.tableDiv tr[b-yo44kb7ilt],
.tableDiv th[b-yo44kb7ilt],
.tableDiv td[b-yo44kb7ilt] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-yo44kb7ilt],
.tableDiv td[b-yo44kb7ilt] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}
/* /Pages/Vion/Totalizer/VionTotalizerOverview.razor.rz.scp.css */
.yearTabs[b-keo6mjxupk]{
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tableDiv[b-keo6mjxupk]{
    max-width: calc(100vw - 250px);
}

table[b-keo6mjxupk]{
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

table[b-keo6mjxupk], tr[b-keo6mjxupk], th[b-keo6mjxupk], td[b-keo6mjxupk]{
    border: 2px solid black;
}

th[b-keo6mjxupk], td[b-keo6mjxupk]{
    width: 90px;
}

.yearTab[b-keo6mjxupk]{
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.tableDiv[b-keo6mjxupk] {
    max-width: calc(100vw - 250px);
    max-height: calc(100vw - 250px);
}

.tableDiv table[b-keo6mjxupk] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 650px;
}
.tableDiv thead[b-keo6mjxupk]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-keo6mjxupk]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
    overflow-x: auto;
}

.tableDiv tbody tr[b-keo6mjxupk]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-keo6mjxupk],
.tableDiv tr[b-keo6mjxupk],
.tableDiv th[b-keo6mjxupk],
.tableDiv td[b-keo6mjxupk] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-keo6mjxupk],
.tableDiv td[b-keo6mjxupk] {
    max-width: 150px;
    min-width: 150px;
    /*width: 100%px;*/
    font-size: 14px;
}


.grid[b-keo6mjxupk]{
    overflow: auto;
    max-height: 600px;
}
[b-keo6mjxupk] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-keo6mjxupk]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}

[b-keo6mjxupk] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-keo6mjxupk] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-keo6mjxupk] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-keo6mjxupk]{
    z-index: 1;
}

.quickgrid[b-keo6mjxupk] {
    height: auto;
}

[b-keo6mjxupk] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Pages/Vion/VFA/VionVFAFormulier.razor.rz.scp.css */
.container[b-4wbbtri6qf] {
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    min-width: 100%;
    max-height: calc(100vw - 250px);
}

.modal-dialog[b-4wbbtri6qf] {
    max-width: 1250px;
}

.addButton[b-4wbbtri6qf] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.addButton:hover[b-4wbbtri6qf] {
    background-color: #297dd1;
}

.btn-primary[b-4wbbtri6qf] {
    background-color: #00509e;
    border-color: #00509e;
    max-width: 250px;
    margin-bottom: 8px;
}

.btn-primary:hover[b-4wbbtri6qf] {
    background-color: #297dd1;
}

.yearTabs[b-4wbbtri6qf] {
    min-width: 100%;
    max-height: 42px;
    background-color: white;
    overflow-x: scroll;
    overflow-y: hidden;
}

.row[b-4wbbtri6qf] {
    width: 100%;
    min-width: 100%;
}

#tableRow[b-4wbbtri6qf] {
    max-height: 250px;
}

.tableDiv[b-4wbbtri6qf] {
    max-width: calc(100vw - 250px);
    max-height: calc(100vw - 250px);
}

.tableDiv table[b-4wbbtri6qf] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 650px;
}
.tableDiv thead[b-4wbbtri6qf]{
    display:table;
    width: calc(100% - 8px);
}

.tableDiv tbody[b-4wbbtri6qf]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.tableDiv tbody tr[b-4wbbtri6qf]{
    min-width: 100%;
    width: 100%;
}

.tableDiv table[b-4wbbtri6qf],
.tableDiv tr[b-4wbbtri6qf],
.tableDiv th[b-4wbbtri6qf],
.tableDiv td[b-4wbbtri6qf] {
    border: 2px solid black;
    text-align: center;
}

.tableDiv th[b-4wbbtri6qf],
.tableDiv td[b-4wbbtri6qf] {
    /*width: 136px;*/
    min-width: 350px;
    font-size: 14px;
}

.yearTab[b-4wbbtri6qf] {
    min-height: 42px;
    max-height: 42px;
    float: left;
    display: inline;
    margin-left: 8px;
    background-color: #8f95a5;
    min-width: 120px;
    max-width: 120px;
    text-overflow: ellipsis;
    font-size: 40px;
}

.dsinputTable td[b-4wbbtri6qf],
.dsinputTable th[b-4wbbtri6qf] {
    max-width: 100px;
    text-align: center;
}

.dsinputTable input[b-4wbbtri6qf] {
    max-width: 100px;
}

#calculateButton[b-4wbbtri6qf] {
    margin-left: 32px;
    margin-top: 124px; 
}

.readonly:focus[b-4wbbtri6qf]{
    outline: none;
}

.readonly:hover[b-4wbbtri6qf]{
    cursor: default;
}

#headerTable[b-4wbbtri6qf]{
    margin-bottom: 0px;
    width: 100%;
    border-bottom: 0px;
}

#headerTable thead[b-4wbbtri6qf]{
    width: calc(100% - 17px);
}

.extraViewer[b-4wbbtri6qf]{
    margin-top: 8px;
    max-height: 200px;
    width: 350px;
    overflow-y: auto;
    background-color: rgb(231, 231, 231);
}

.extraItem[b-4wbbtri6qf]{
    height: 32px;
    background-color: white;
    border-radius: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.extraItem img[b-4wbbtri6qf]{
    margin-top: 4px;
    margin-right: 8px;
    float: right;
}

.extraButton:hover[b-4wbbtri6qf]{
    cursor: pointer;
}

.errorTableDiv[b-4wbbtri6qf] {
    max-width: calc(1300px);
    max-height: calc(500px);
}

.errorTableDiv table[b-4wbbtri6qf] {
    display: block;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    width: 100%;
    max-height: 500px;
}
.errorTableDiv thead[b-4wbbtri6qf]{
    display:table;
    width: calc(100% - 8px);
}

.errorTableDiv tbody[b-4wbbtri6qf]{
    display: table;
    max-height: 550px;
    overflow-y: auto;
    width: calc(100% - 8px);
}

.errorTableDiv tbody tr[b-4wbbtri6qf]{
    min-width: 100%;
    width: 100%;
}

.errorTableDiv table[b-4wbbtri6qf],
.errorTableDiv tr[b-4wbbtri6qf],
.errorTableDiv th[b-4wbbtri6qf],
.errorTableDiv td[b-4wbbtri6qf] {
    border: 2px solid black;
    text-align: center;
}

.errorTableDiv th[b-4wbbtri6qf],
.errorTableDiv td[b-4wbbtri6qf] {
    min-width: 250px;
    max-width: 250px;
    width: 100%px;
    font-size: 14px;
    white-space: pre;
}

.grid[b-4wbbtri6qf]{
    overflow: auto;
    max-height: 525px;
}
[b-4wbbtri6qf] .quickgrid[theme=default] tr:nth-child(even) { background: #89baeb; }
.tableDiv table[b-4wbbtri6qf]{
    /*display: block;*/
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
    max-width: 4500px;
    height: 650px;
}


[b-4wbbtri6qf] .form-switch{
    font-size: 22px;
}

[b-4wbbtri6qf] .form-check-input{
    width: 56px; 
    height: 22px;
}

[b-4wbbtri6qf] .quickgrid[theme=default] .col-header-content {
    padding: 0px;
}
[b-4wbbtri6qf] .quickgrid[theme=default] .qgDate{
    min-width: 120px;
}
[b-4wbbtri6qf] .quickgrid[theme=default] td {
    border-right: 1px solid #e0dfdf;
    border-left: 1px solid #e0dfdf;
}

.paginator[b-4wbbtri6qf]{
    z-index: 1;
}

.quickgrid[b-4wbbtri6qf] {
    height: auto;
}

[b-4wbbtri6qf] .quickgrid[theme=default] thead {
    position: sticky;
    top: 0;
    background-color: #89baeb;
    outline: 1px solid gray;
    z-index: 1;
}
/* /Shared/Components/Customer.razor.rz.scp.css */
.customer[b-1caw1p9ecr]{
    height: 32px;
    background-color: white;
    margin-top: 8px;
    padding-left: 8px;
    border-radius: 6px;
}

.customer:hover[b-1caw1p9ecr]{
    background-color: #bec8e4;
}
/* /Shared/Components/paginator/CustomPaginator.razor.rz.scp.css */
#pageColumnContent[b-fa5l1rdhms]{
    float: right;
    margin-right: 16px;
}

.pageButton[b-fa5l1rdhms]{
    background-color: transparent;
    border: none;
}

.pageButton:hover:enabled[b-fa5l1rdhms]{
    background-color: #e0dfdf;
    border: none;
}

.pageButton:disabled[b-fa5l1rdhms]{
    cursor: default;
    filter: invert(50%);
}

/* /Shared/Components/popup/Popup.razor.rz.scp.css */
.modal-dialog[b-r6qaqq3lon]{
    margin-left: auto;
    margin-right: auto;
}

.modal[b-r6qaqq3lon]{
    background-color: rgba(0, 0, 0, 0.6); 
    backdrop-filter: blur(4px);
}
/* /Shared/LoginLogoutButton.razor.rz.scp.css */
.btn-danger[b-n17951wwl2]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-danger:hover[b-n17951wwl2]{
    background-color: #297dd1;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.home[b-bkn7nmi8ow]{
    /*background-image: url(./images/home.svg);*/
    width: 48px;
    height: 48px;
    position: absolute;
    left: 8px;
    filter: invert(80%);
}

.home:hover[b-bkn7nmi8ow]{
    cursor: pointer;
    filter: invert(60%);
}

.page[b-bkn7nmi8ow] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bkn7nmi8ow] {
    flex: 1;
}

.hide[b-bkn7nmi8ow]{
    display:none;
}

footer[b-bkn7nmi8ow] {
    text-align: center;
    color: white;
    font-size: 20px;
    height: 2.5rem;
    max-height: 2.5rem;
    background-color: #00509e;
}

.content[b-bkn7nmi8ow] {
    height: calc(100vh - 6rem);
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
}

.sidebar[b-bkn7nmi8ow] {
    background-color: #00509e;
}

.btn-primary[b-bkn7nmi8ow]{
    background-color: #00509e;
    border-color: #00509e;
}

.btn-primary:hover[b-bkn7nmi8ow]{
    background-color: #297dd1;
}

.top-row[b-bkn7nmi8ow] {
    background-color: #00509e;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
    color: white;
}

.top-row .navbar-title[b-bkn7nmi8ow] {
    position: absolute;
    left: 56px;
    color: white;
    font-size: 16px;
}

.top-row[b-bkn7nmi8ow]  a,
.top-row[b-bkn7nmi8ow]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.top-row[b-bkn7nmi8ow]  a:hover,
.top-row[b-bkn7nmi8ow]  .btn-link:hover {
    text-decoration: underline;
}

.top-row[b-bkn7nmi8ow]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

/* MOBILE TOP ROW */
.navbar-mobile[b-bkn7nmi8ow] {
    background-color: #00509e;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.navbar-mobile .navbar-title[b-bkn7nmi8ow] {
    position: absolute;
    left: 8px;
    color: white;
    font-size: 16px;
}

.navbar-mobile[b-bkn7nmi8ow]  a,
.navbar-mobile[b-bkn7nmi8ow]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
}

.navbar-mobile[b-bkn7nmi8ow]  a:hover,
.navbar-mobile[b-bkn7nmi8ow]  .btn-link:hover {
    text-decoration: underline;
}

.navbar-mobile[b-bkn7nmi8ow]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 700.98px) {
    .top-row:not(.auth)[b-bkn7nmi8ow] {
        display: none;
    }

    .top-row.auth[b-bkn7nmi8ow] {
        justify-content: space-between;
    }

    .top-row[b-bkn7nmi8ow]  a,
    .top-row[b-bkn7nmi8ow]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 701px) {
    .navbar-mobile[b-bkn7nmi8ow] {
        display: none;
    }

    .page[b-bkn7nmi8ow] {
        flex-direction: row;
    }

    .sidebar[b-bkn7nmi8ow] {
        width: 250px;
        height: 100vh;
        max-height: 100vh;
        position: sticky;
        top: 0;
        overflow-y: auto;
    }

    .top-row[b-bkn7nmi8ow] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-bkn7nmi8ow]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-bkn7nmi8ow],
    article[b-bkn7nmi8ow] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#menu-button[b-bkn7nmi8ow] {
    position: absolute;
    left: 8px;
    cursor: pointer;
}

#version[b-bkn7nmi8ow] {
    position: absolute;
    right: 8px;
    bottom: 8px;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-sqpfa3bt2n] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-sqpfa3bt2n] {
    height: 3.5rem;
    background-color: #00509e;
}

.navbar-brand[b-sqpfa3bt2n] {
    font-size: 1.1rem;
}

.oi[b-sqpfa3bt2n] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.menu-item:hover[b-sqpfa3bt2n]{
    cursor: pointer;
}
.nav-link:hover[b-sqpfa3bt2n]{
    cursor: pointer;
}
.nav-item[b-sqpfa3bt2n] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-sqpfa3bt2n] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-sqpfa3bt2n] {
        padding-bottom: 1rem;
    }

    .nav-item[b-sqpfa3bt2n]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-sqpfa3bt2n]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-sqpfa3bt2n]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 701px) {
    .navbar-toggler[b-sqpfa3bt2n] {
        display: none;
    }

    .collapse[b-sqpfa3bt2n] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-sqpfa3bt2n] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Shared/Tab.razor.rz.scp.css */
.active[b-p2arn47yvw]{
    background-color: #00509e;
    color: white;
}

li[b-p2arn47yvw]{
    height:auto;  
    min-width:50px; 
    max-width:48px; 
    padding:5px; 
    border: 1px solid #00509e; 
    border-radius: 5px;
    background-color: #ff707f;
    text-align:right;
    font-weight: bold;
}
/* /Shared/TabBar.razor.rz.scp.css */
#yearTabBar[b-d6wk4ts51u]{
    min-width: 750px;
    max-width: 750px;
    padding-right: 50px;
}