.table td,
th,
tr {
    padding: 0.2rem;
}

tr,
th,
td {
    border-style: none;
    font-size: 13px;
    min-width: 150px;
    max-width: 170px;
}

.fixed-table-body {
    padding-bottom: 5px;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: 0.5rem;
    font-weight: normal;
    font-size: 13px;
}

.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    opacity: 0;
}

.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-track {
    border-radius: 4px 4px 4px 4px;
    opacity: 0;
}

.bootstrap-table .fixed-table-container .fixed-table-body::-webkit-scrollbar-thumb {
    border-radius: 4px 4px 4px 4px;
    background-color: hsl(0, 1%, 86%);
}

.form-control {
    height: 31px;
}

.btn-secondary {
    padding: 2px 7px 2px 7px;
}


/* Voor eerste kolom overschrijven: breede th en td */
table.wide-first-col th:first-child,
table.wide-first-col td:first-child {
  max-width: none !important;
  min-width: 210px !important;
}

/* eerste kolom vastzetten bij horizontaal scrollen */
.sticky-col {
  position: sticky;
  left: 0;
  background: #f8f9fa !important; /*achtergrond en z index om boven cellen van andere kolommen uit te steken*/
  z-index: 2;
}

/* het kopje 'waterschap'toch in het blauw */
th[data-field^="waterschap"] {
  background: #18427c !important;
}

th.sticky-col[data-field="0"] {
  background: #18427c !important;
}

/* Hover-kleur voor buttons overschrijven */
.btn-outline-dark {
--bs-btn-hover-bg: #6c757d;
}