.flipbook-black-text {
  color: #000000;
  font-weight: bold;
}
.flipbook-white-text {
  color: #ffffff;
  font-weight: bold;
}
.flipbook-red-text {
  color: #e62b27;
  font-weight: bold;
}
.flipbook-green-text {
  color: #009432;
  font-weight: bold;
}
.flipbook-blue-text {
  color: #0068b3;
  font-weight: bold;
}
.flipbook-orange-text {
  color: #F79F1F;
  font-weight: bold;
}
.flipbook-purple-text {
  color: #d7d7d7;
  font-weight: bold;
}
.flipbook-yellow-text {
  color: #ffd23f;
}
.flipbook-grey-text {
  color: #969694;
}
.flipbook-fluor-text {
  color: #009432;
  font-weight: bold;
}
.flipbook-bg-red {
  background-color: #e62b27;
}
.flipbook-bg-green {
  background-color: #009432;
}
.flipbook-bg-yellow {
  background-color: #ffd23f;
}
.flipbook-bg-blue {
  background-color: #0068b3;
}
.flipbook-bg-purple {
  background-color: #d7d7d7;
}
.flipbook-underline-text {
  text-decoration: underline;
}
.flipbook-break-text {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flipbook-no-break-text {
  white-space: nowrap;
  word-break: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
table thead tr {
  background-color: #353641;
  color: #ffd23f;
}
table thead tr th {
  padding: 3px;
  vertical-align: top;
  height: inherit;
  background-color: #353641;
  color: #ffd23f;
}
table thead tr th a {
  color: #ffd23f;
}
table thead tr th a:hover {
  color: #009432;
}
table tbody tr {
  border-bottom: none;
}
table tbody tr td {
  height: 1rem;
  padding: 3px;
  vertical-align: top;
}
table tbody tr td .js-form-type-checkbox {
  margin: 0;
}
.table-zebra thead.sticky-header {
  position: sticky;
  top: 80px;
  z-index: 1000;
  background-color: #666666;
}
.table-zebra thead.sticky-header th {
  padding: 3px;
  vertical-align: top;
  height: inherit;
  background-color: #353641 !important;
  color: #ffd23f;
}
.table-zebra thead.sticky-header.border-on-scroll {
  border: 10px solid blue;
  /* Voeg hier je gewenste border styling toe */
}
.table-zebra tbody tr:nth-child(even) {
  background-color: #d7d7d7;
}
.flipbook-devel {
  margin: 0;
  background-color: #353641 !important;
  color: #ffd23f;
  text-align: center;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.flipbook-devel a {
  color: #ffd23f;
  text-decoration: underline;
}
.flipbook-btn-primary,
.button.flipbook-btn-primary {
  background-color: #ffffff;
  color: #e62b27;
  border: 2px solid #e62b27;
  padding: 5px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
  line-height: 1.4;
  flex-wrap: wrap;
}
.flipbook-btn-primary svg,
.button.flipbook-btn-primary svg,
.flipbook-btn-primary i,
.button.flipbook-btn-primary i {
  margin-right: 8px;
  flex-shrink: 0;
}
.flipbook-btn-primary:hover,
.button.flipbook-btn-primary:hover {
  background-color: #ffffff;
  color: #e62b27;
}