/* projects/elaad/src/styles.scss */
.EquipmentListContainer {
  display: block;
  padding: 1.6rem;
  margin-top: 2rem;
  background-color: var(--color-white);
  border: 0.1rem solid var(--color-tertiary-100);
  border-radius: 0.5rem;
}
.EquipmentListContainer .tngh-table {
  background-color: white;
}
lib-list-slider tngh-form-field input {
  border-radius: 4px;
  height: 10px;
  -webkit-appearance: none;
  width: 100%;
  background: rgb(56, 190, 220);
  background:
    linear-gradient(
      90deg,
      var(--25A---Laag, #BFE6F5) 0%,
      var(--25A---Laag, #BFE6F5) 9%,
      var(--32A---Laag, #82CCEB) 9%,
      var(--32A---Laag, #82CCEB) 18%,
      var(--35A---Laag, #44B3E2) 18%,
      var(--35A---Laag, #44B3E2) 27%,
      var(--63A---Laag, #114861) 27%,
      var(--63A---Laag, #114861) 36%,
      var(--80A---Laag, #0B3040) 36%,
      var(--80A---Laag, #0B3040) 45%,
      var(--100-a-125-a-midden, #FBE2D5) 45%,
      var(--100-a-125-a-midden, #FBE2D5) 54%,
      var(--160-a-200-a-midden, #F7C7AC) 54%,
      var(--160-a-200-a-midden, #F7C7AC) 63%,
      var(--250-a-315-a-midden, #F1A983) 63%,
      var(--250-a-315-a-midden, #F1A983) 72%,
      var(--400-a-630-a-midden, #BE5014) 72%,
      var(--400-a-630-a-midden, #BE5014) 81%,
      var(--1000-a-1250-a-midden, #7E350F) 81%,
      var(--1000-a-1250-a-midden, #7E350F) 90%,
      var(--1600A---Midden, #F00) 90%);
}
lib-list-slider tngh-form-field input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(63, 148, 222);
  border: solid black 3px;
  cursor: pointer;
}
lib-list-slider tngh-form-field .form-field span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
h3,
h4,
h5 {
  color: #000;
  margin-top: 0;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 13px;
}
.tngh-table {
  border-radius: 8px;
}
.tngh-table td,
.tngh-table th {
  padding-inline-start: 2rem !important;
  padding-inline-end: 2rem !important;
  background: none !important;
}
.header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 2rem 0;
}
.header-row .table-action-bar {
  margin: var(--spacing-8) 0;
  display: flex;
  justify-content: flex-end;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.25) !important;
}
button {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
  cursor: pointer;
}
.e-card {
  padding: 2rem 1.6rem;
  border-radius: 10px;
  border-top: 1px solid var(--color-tertiary-100, #DEE3E3);
  background: var(--color-white, #FFF);
}

/* library/component-library/src/lib/styles/default/styles.scss */
:root {
  --Primair300:var(--RijksHemelblauw__RijksHemelblauw);
  --Primair500:var(--Rijks-Lintblauw/Rijks-Lintblauw);
  --Notificationcolors__New100:var(--Rijks-Paars/Rijks-Paars-15);
  --Notificationcolors__New500:var(--Rijks-Paars/Rijks-Paars-45);
  --Notificationcolors__Warning100:var(--Rijks-Geel/Rijks-Geel-15);
  --Notificationcolors__Warning800:var(--Rijks-Donkergeel/Rijks-Donkergeel);
  --Notificationcolors__Negative100:var(--Rijks-Robijnrood/Rijks-Robijnrood-15);
  --Notificationcolors__Negative800:var(--Rijks-Rood/Rijks-Rood);
  --Notificationcolors__Positive100:var(--Rijks-Groen/Rijks-Groen-15);
  --Notificationcolors__Positive800:var(--Rijks-Donkergroen/Rijks-Donkergroen);
  --Notificationcolors__Info100:var(--Rijks-Hemelblauw/Rijks-Hemelblauw-15);
  --Notificationcolors__Info800:var(--Rijks-Donkerblauw/Rijks-Donkerblauw);
  --Notificationcolors__Neutral100:var(--Rijks-CoolGrey/Rijks-CoolGrey100);
  --Notificationcolors__Neutral800:var(--Rijks-CoolGrey/Rijks-CoolGrey500);
  --Basecolors__Text500:var(--Rijks-CoolGrey/Rijks-CoolGrey700);
  --White:var(--Base colors/BG-White);
  --Basecolors__BGWhite:#ffffff;
  --Basecolors__Border500:var(--Rijks-CoolGrey/Rijks-CoolGrey300);
  --Basecolors__Disabled100:var(--Rijks-CoolGrey/Rijks-CoolGrey100);
  --Basecolors__Disabled500:var(--Rijks-CoolGrey/Rijks-CoolGrey300);
  --Primair100:var(--Rijks-Lichtblauw/Rijks-Lichtblauw);
  --Notificationcolors__Info500:var(--Rijks-Hemelblauw/Rijks-Hemelblauw);
  --Notificationcolors__Warning500:var(--Rijks-Geel/Rijks-Geel);
  --Notificationcolors__Negative500:var(--Rijks-Rood/Rijks-Rood-60);
  --Notificationcolors__Positive500:var(--Rijks-Groen/Rijks-Groen);
  --Basecolors__Text200:var(--Rijks-CoolGrey/Rijks-CoolGrey500);
  --Basecolors__Disabled800:var(--Rijks-CoolGrey/Rijks-CoolGrey400);
  --Grey100:#f3f3f3;
  --Grey300:#e9e9e9;
  --ShadowPrimair400:rgba(21, 66, 115, 0.6);
  --RijksLintblauw75:var(--Rijks-Lintblauw/Rijks-Lintblauw-75);
  --RijksLintblauw60:var(--Rijks-Lintblauw/Rijks-Lintblauw-60);
  --RijksCoolGrey900:#172b4d;
  --RijksCoolGrey800:#1e293b;
  --RijksCoolGrey700:#334155;
  --RijksCoolGrey600:#475569;
  --RijksCoolGrey500:#64748b;
  --RijksCoolGrey400:#94a3b8;
  --RijksCoolGrey300:#cbd5e1;
  --RijksCoolGrey200:#e2e8f0;
  --RijksCoolGrey100:#f1f5f9;
  --RijksCoolGrey050:#f8fafc;
  --RijksLintblauw__RijksLintblauw:#154273;
  --RijksLintblauw__RijksLintblauw75:#4f7196;
  --RijksLintblauw__RijksLintblauw60:#738eab;
  --RijksLintblauw__RijksLintblauw45:#95a9c0;
  --RijksLintblauw__RijksLintblauw30:#b8c6d5;
  --RijksLintblauw__RijksLintblauw15:#dce3ea;
  --RijksPaars__RijksPaars:#42145f;
  --RijksPaars__RijksPaars75:#714f87;
  --RijksPaars__RijksPaars60:#8d729f;
  --RijksPaars__RijksPaars45:#a995b7;
  --RijksPaars__RijksPaars30:#c6b8ce;
  --RijksPaars__RijksPaars15:#e3dce7;
  --RijksViolet__RijksViolet:#a90061;
  --RijksViolet__RijksViolet75:#be4088;
  --RijksViolet__RijksViolet60:#cb66a0;
  --RijksViolet__RijksViolet45:#d88cb7;
  --RijksViolet__RijksViolet30:#e5b2cf;
  --RijksViolet__RijksViolet15:#f2d9e7;
  --RijksRobijnrood__RijksRobijnrood:#ca005d;
  --RijksRobijnrood__RijksRobijnrood75:#d74085;
  --RijksRobijnrood__RijksRobijnrood60:#df669d;
  --RijksRobijnrood__RijksRobijnrood45:#e78cb6;
  --RijksRobijnrood__RijksRobijnrood30:#efb2ce;
  --RijksRobijnrood__RijksRobijnrood15:#f7d9e7;
  --RijksRoze__RijksRoze:#f092cd;
  --RijksRoze__RijksRoze75:#f4add9;
  --RijksRoze__RijksRoze60:#f6bde1;
  --RijksRoze__RijksRoze45:#f8cee8;
  --RijksRoze__RijksRoze30:#fbdef0;
  --RijksRoze__RijksRoze15:#fdeff8;
  --RijksRood__RijksRood:#d62b1f;
  --RijksRood__RijksRood75:#de625a;
  --RijksRood__RijksRood60:#e5807b;
  --RijksRood__RijksRood45:#eba09b;
  --RijksRood__RijksRood30:#f1bfbc;
  --RijksRood__RijksRood15:#f8dfdd;
  --RijksOranje__RijksOranje:#e17000;
  --RijksOranje__RijksOranje75:#e79549;
  --RijksOranje__RijksOranje60:#ecaa6b;
  --RijksOranje__RijksOranje45:#f0bf8f;
  --RijksOranje__RijksOranje30:#f5d4b4;
  --RijksOranje__RijksOranje15:#fbeada;
  --RijksDonkergeel__RijksDonkergeel:#ffb612;
  --RijksDonkergeel__RijksDonkergeel75:#fcc958;
  --RijksDonkergeel__RijksDonkergeel60:#fcd477;
  --RijksDonkergeel__RijksDonkergeel45:#fcdf98;
  --RijksDonkergeel__RijksDonkergeel30:#fde9b9;
  --RijksDonkergeel__RijksDonkergeel15:#fef4dc;
  --RijksGeel__RijksGeel:#f9e11e;
  --RijksGeel__RijksGeel75:#f9e961;
  --RijksGeel__RijksGeel60:#faee7f;
  --RijksGeel__RijksGeel45:#fcf19d;
  --RijksGeel__RijksGeel30:#fdf6be;
  --RijksGeel__RijksGeel15:#fefbde;
  --RijksDonkerbruin__RijksDonkerbruin:#673327;
  --RijksDonkerbruin__RijksDonkerbruin75:#8c665e;
  --RijksDonkerbruin__RijksDonkerbruin60:#a2847e;
  --RijksDonkerbruin__RijksDonkerbruin45:#baa39e;
  --RijksDonkerbruin__RijksDonkerbruin30:#d1c1bd;
  --RijksDonkerbruin__RijksDonkerbruin15:#e8e0df;
  --RijksBruin__RijksBruin:#94710a;
  --RijksBruin__RijksBruin75:#ae954c;
  --RijksBruin__RijksBruin60:#bfa96f;
  --RijksBruin__RijksBruin45:#cebf92;
  --RijksBruin__RijksBruin30:#dfd4b6;
  --RijksBruin__RijksBruin15:#efeadb;
  --RijksDonkergroen__RijksDonkergroen:#275937;
  --RijksDonkergroen__RijksDonkergroen75:#5e8269;
  --RijksDonkergroen__RijksDonkergroen60:#7d9b87;
  --RijksDonkergroen__RijksDonkergroen45:#9db4a4;
  --RijksDonkergroen__RijksDonkergroen30:#bdcdc2;
  --RijksDonkergroen__RijksDonkergroen15:#dee6e1;
  --RijksGroen__RijksGroen:#39870c;
  --RijksGroen__RijksGroen75:#6ba54d;
  --RijksGroen__RijksGroen60:#89b770;
  --RijksGroen__RijksGroen45:#a5c993;
  --RijksGroen__RijksGroen30:#c3dbb6;
  --RijksGroen__RijksGroen15:#e1edda;
  --RijksMosgroen__RijksMosgroen:#777b00;
  --RijksMosgroen__RijksMosgroen75:#999c46;
  --RijksMosgroen__RijksMosgroen60:#adaf69;
  --RijksMosgroen__RijksMosgroen45:#c1c38e;
  --RijksMosgroen__RijksMosgroen30:#d6d7b3;
  --RijksMosgroen__RijksMosgroen15:#ebebda;
  --RijksMintgroen__RijksMintgroen:#76d2b6;
  --RijksMintgroen__RijksMintgroen75:#99ddc8;
  --RijksMintgroen__RijksMintgroen60:#ade3d3;
  --RijksMintgroen__RijksMintgroen45:#c2ebde;
  --RijksMintgroen__RijksMintgroen30:#d5f1e9;
  --RijksMintgroen__RijksMintgroen15:#eaf8f4;
  --RijksDonkerblauw__RijksDonkerblauw:#01689b;
  --RijksDonkerblauw__RijksDonkerblauw75:#428db2;
  --RijksDonkerblauw__RijksDonkerblauw60:#67a3c1;
  --RijksDonkerblauw__RijksDonkerblauw45:#8dbad1;
  --RijksDonkerblauw__RijksDonkerblauw30:#b3d1e0;
  --RijksDonkerblauw__RijksDonkerblauw15:#d9e8ef;
  --RijksHemelblauw__RijksHemelblauw:#007bc7;
  --RijksHemelblauw__RijksHemelblauw75:#439bd3;
  --RijksHemelblauw__RijksHemelblauw60:#68aedb;
  --RijksHemelblauw__RijksHemelblauw45:#8dc2e4;
  --RijksHemelblauw__RijksHemelblauw30:#b3d6ed;
  --RijksHemelblauw__RijksHemelblauw15:#d9ebf6;
  --RijksLichtblauw__RijksLichtblauw:#8fcae7;
  --RijksLichtblauw__RijksLichtblauw75:#acd6ec;
  --RijksLichtblauw__RijksLichtblauw60:#bddfef;
  --RijksLichtblauw__RijksLichtblauw45:#cce6f3;
  --RijksLichtblauw__RijksLichtblauw30:#ddeff7;
  --RijksLichtblauw__RijksLichtblauw15:#eef7fc;
  --RijksLogo:#123552;
  --RijksCoolGrey__RijksCoolGrey100:#f1f5f9;
  --RijksCoolGrey__RijksCoolGrey800:#1e293b;
  --RijksCoolGrey__RijksCoolGrey300:#cbd5e1;
  --RijksCoolGrey__RijksCoolGrey900:#172b4d;
  --RijksCoolGrey__RijksCoolGrey400:#94a3b8;
  --RijksCoolGrey__RijksCoolGrey500:#64748b;
  --RijksCoolGrey__RijksCoolGrey050:#f8fafc;
  --RijksCoolGrey__RijksCoolGrey200:#e2e8f0;
  --RijksCoolGrey__RijksCoolGrey700:#334155;
  --RijksCoolGrey__RijksCoolGrey600:#475569;
  --LeadingIcon:true;
  --TrailingIcon:true;
  --New:var(--Rijks-Paars/Rijks-Paars-75);
  --Active:var(--Rijks-Hemelblauw/Rijks-Hemelblauw);
  --Warning:var(--Rijks-Donkergeel/Rijks-Donkergeel);
  --Danger:var(--Rijks-Rood/Rijks-Rood);
  --Neutral:var(--Rijks-CoolGrey/Rijks-CoolGrey500);
}
:root {
  --main-font-stack:
    "Rijksoverheid-sans",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    roboto,
    oxygen-sans,
    ubuntu,
    cantarell,
    "Helvetica Neue",
    sans-serif;
  --heading-font-stack:
    "PT Sans",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    roboto,
    oxygen-sans,
    ubuntu,
    cantarell,
    "Helvetica Neue",
    sans-serif;
}
:root {
  --text-input-padding-inline: var(--spacing-12);
  --text-input-padding-block: var(--spacing-12);
  --text-input-height: var(--spacing-48);
}
:root {
  --form-control-border-width: 1px;
  --form-control-border-color: #7A8AA0;
  --form-control-border-radius: 0px;
  --form-control-font-size: 16px;
  --form-control-line-height: 24px;
  --form-control-focus-border-color: black;
  --form-control-focus-box-shadow: none;
  --form-control-invalid-color: #D2262E;
  --form-control-outline-width: 1px;
  --form-control-disabled-background-color: #F9F9FA;
}
:root {
  --form-field-invalid-border-width: 2px;
  --form-field-invalid-border-color: #D62B1F;
  --form-field-invalid-border-padding: 16px;
  --form-label-color: #475569;
  --form-label-font-size: 16px;
  --form-label-font-weight: 700;
  --form-label-line-height: 24px;
  --form-field-label-spacing: 0;
  --form-helptext-color: #5B6E8A;
  --form-helptext-font-size: 16px;
  --form-helptext-line-height: 24px;
}
:root {
  --button-gap: 10px;
  --button-focus-visible-outline: 2px dashed #5315F6;
  --button-primary-border: 1px solid #42145F;
  --button-primary-border-radius: 0;
  --button-primary-background-color: #42145F;
  --button-primary-color: #FFFFFF;
  --button-primary-font-size: 18px;
  --button-primary-font-weight: 400;
  --button-primary-hover-border: none;
  --button-primary-hover-background-color: #42145F;
  --button-primary-focus-border: 2px solid #FFE76B;
  --button-primary-focus-background-color: #FFE76B;
  --button-primary-focus-color: white;
  --button-primary-active-border: 2px solid #42145F;
  --button-primary-active-background-color: #42145F;
  --button-primary-disabled-border: 2px solid #F9F9FA;
  --button-primary-disabled-background-color: #F9F9FA;
  --button-primary-disabled-color: #7A8AA0;
  --button-secondary-border: 2px solid #007BC7;
  --button-secondary-border-radius: 0;
  --button-secondary-background-color: #FFFFFF;
  --button-secondary-color: #007BC7;
  --button-secondary-font-size: 18px;
  --button-secondary-font-weight: 400;
  --button-secondary-hover-border: 2px solid #007BC7;
  --button-secondary-hover-background-color: #F9F9FA;
  --button-secondary-focus-background-color: #FFE76B;
  --button-secondary-focus-color: #000000;
  --button-secondary-active-border: 2px solid #290B7A;
  --button-secondary-active-background-color: #F2F4F6;
  --button-secondary-disabled-background-color: #F9F9FA;
  --button-secondary-disabled-color: #7A8AA0;
  --button-subtle-border: 2px solid transparent;
  --button-subtle-border-radius: 0;
  --button-subtle-background-color: rgba(0, 0, 0, 0);
  --button-subtle-color: #154273;
  --button-subtle-font-size: 18px;
  --button-subtle-font-weight: 400;
  --button-subtle-hover-border: 2px solid transparent;
  --button-subtle-hover-background-color: rgba(0, 0, 0, 0.05);
  --button-subtle-focus-border: 2px solid #FFE76B;
  --button-subtle-focus-background-color: #FFE76B;
  --button-subtle-focus-color: #000000;
  --button-subtle-active-border: 2px solid transparent;
  --button-subtle-active-background-color: rgba(0, 0, 0, 0.1);
  --button-subtle-disabled-background-color: #F9F9FA;
  --button-subtle-disabled-color: #7A8AA0;
  --button-sm-font-size: 18px;
  --button-sm-padding-block: 7px;
  --button-sm-padding-inline: 16px;
  --button-md-font-size: 18px;
  --button-md-padding-block: 13px;
  --button-md-padding-inline: 16px;
  --button-icon-only-min-block-size: var(--spacing-24);
  --button-icon-only-min-inline-size: var(--spacing-24);
}
:root {
  --select-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z' fill='%230A2750'/%3E%3C/svg%3E%0A");
  --select-padding-block: 11px;
  --select-padding-inline: 11px;
  --select-disabled-background-color: #F9F9FA;
  --select-disabled-border: 1px solid #7A8AA0;
}
:root {
  --date-picker-background-color: white;
  --date-picker-icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 2C8.55228 2 9 2.44772 9 3V4H15V3C15 2.44772 15.4477 2 16 2C16.5523 2 17 2.44772 17 3V4H18C19.6569 4 21 5.34315 21 7V19C21 20.6569 19.6569 22 18 22H6C4.34315 22 3 20.6569 3 19V7C3 5.34315 4.34315 4 6 4H7V3C7 2.44772 7.44772 2 8 2ZM7 6H6C5.44772 6 5 6.44772 5 7V10H19V7C19 6.44772 18.5523 6 18 6H17V7C17 7.55228 16.5523 8 16 8C15.4477 8 15 7.55228 15 7V6H9V7C9 7.55228 8.55228 8 8 8C7.44772 8 7 7.55228 7 7V6ZM19 12H5V19C5 19.5523 5.44772 20 6 20H18C18.5523 20 19 19.5523 19 19V12ZM7 15C7 14.4477 7.44772 14 8 14H10C10.5523 14 11 14.4477 11 15V17C11 17.5523 10.5523 18 10 18H8C7.44772 18 7 17.5523 7 17V15Z' fill='%23154273'/%3E%3C/svg%3E%0A");
  --date-picker-icon-width: 24px;
  --date-picker-icon-height: 24px;
  --date-picker-padding-inline: 11px;
  --date-picker-padding-block: 11px;
  --date-picker-disabled-color: #F9F9FA;
  --date-picker-disabled-border-color: #7A8AA0;
}
:root {
  --radio-group-flex-direction: row;
  --radio-group-gap: var(--spacing-20);
  --radio-gap: 8px;
  --radio-size: 24px;
  --radio-font-size: calc(round(var(--radio-size) / 3 * 2));
  --radio-background-color: #FFFFFF;
  --radio-box-shadow-size: 1px;
  --radio-box-shadow-color: #7A8AA0;
  --radio-active-background-color: #F2F4F6;
  --radio-focus-visible-outline: 2px dashed #5315F6;
  --radio-focus-visible-outline-offset: 2px;
  --radio-focus-background-color: #FFFFFF;
  --radio-focus-box-shadow-size: 2px;
  --radio-focus-box-shadow-color: #000000;
  --radio-active-box-shadow-size: 2px;
  --radio-active-box-shadow-color: #7A8AA0;
  --radio-hover-background-color: #F9F9FA;
  --radio-hover-box-shadow-size: 2px;
  --radio-hover-box-shadow-color: #7A8AA0;
  --radio-disabled-background-color: #F9F9FA;
  --radio-invalid-background-color: #FFFFFF;
  --radio-invalid-box-shadow-size: 2px;
  --radio-invalid-box-shadow-color: #D2262E;
  --radio-checked-background-color: #7A8AA0;
  --radio-checked-dot-color: #FFFFFF;
  --radio-checked-dot-size: 25%;
  --radio-checked-box-shadow-color: #7A8AA0;
  --radio-checked-box-shadow-size: 2px;
  --radio-checked-active-background-color: #290B7A;
  --radio-checked-active-dot-color: #FFFFFF;
  --radio-checked-active-box-shadow-size: 2px;
  --radio-checked-active-box-shadow-color: #290B7A;
  --radio-checked-hover-background-color: #3F10BC;
  --radio-checked-hover-dot-color: #FFFFFF;
  --radio-checked-hover-box-shadow-size: 2px;
  --radio-checked-hover-box-shadow-color: #3F10BC;
  --radio-checked-focus-background-color: #FFFFFF;
  --radio-checked-focus-dot-color: #000000;
  --radio-checked-focus-box-shadow-size: 2px;
  --radio-checked-focus-box-shadow-color: #000000;
  --radio-checked-disabled-background-color: #7A8AA0;
  --radio-checked-disabled-dot-color: #FFFFFF;
  --radio-checked-disabled-box-shadow-size: 2px;
  --radio-checked-disabled-box-shadow-color: #7A8AA0;
}
:root {
  --menu-item-color: #42145F;
  --menu-item-icon-color: #42145F;
  --menu-item-hover-color: var(--color-white);
  --menu-item-hover-background-color: #007BC7;
  --menu-item-hover-icon-color: #B8C6D5;
  --menu-item-label-font-size: 14px;
  --menu-item-label-line-height: 21px;
  --menu-item-label-font-weight: 400;
  --menu-item-disabled-color: #B8C6D5;
  --menu-item-disabled-icon-color: #B8C6D5;
  --menu-item-disabled-hover-color: #B8C6D5;
  --menu-item-disabled-hover-background-color: #E9E9E9;
  --menu-item-disabled-hover-icon-color: #B8C6D5;
}
:root {
  --admin-sidebar-width: 100%;
  --admin-sidebar-transition: width 0.3s ease;
  --admin-sidebar-background-color: #E9E9E9;
  --admin-sidebar-padding: 2.4rem;
  --admin-sidebar-section-title-color: #01689B;
  --admin-sidebar-section-title-font-size: 12px;
  --admin-sidebar-section-title-line-height: 12px;
  --admin-sidebar-section-title-font-weight: 400;
  --admin-sidebar-section-title-border-bottom: 1px solid #D0D5DD;
  --admin-sidebar-section-title-padding: 4px;
}
:root {
  --pill-gap: 04.rem;
  --pill-padding-inline: 0.8rem;
  --pill-border-radius: 1.2rem;
  --pill-font-size: 1.4rem ;
}
:root {
  --toaster-success-color: black;
  --toaster-success-border-color: #1F9938;
  --toaster-success-background-color: #C5F0CE;
}
@font-face {
  font-family: "Rijksoverheid-sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("./media/rijksoverheid-sans-regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Rijksoverheid-sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("./media/rijksoverheid-sans-bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: url("./media/PTSans-Regular-subset.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 600;
  src: url("./media/PTSans-Bold-subset.woff2") format("woff2");
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* library/component-library/src/lib/styles/elaad/styles.scss */
html.elaad:root {
  --button-sm-font-size: 14px;
  --button-focus-visible-outline: 2px dashed #5315F6;
  --button-primary-border: 1px solid #DEE3E3;
  --button-primary-border-radius: 6px;
  --button-primary-background-color: var(--color-primary-500);
  --button-primary-color: #FFFFFF;
  --button-primary-font-weight: 700;
  --button-primary-hover-border: 1px solid #06A4CD;
  --button-primary-hover-background-color: var(--color-primary-500);
  --button-primary-focus-border: 1px solid #007B9B;
  --button-primary-focus-background-color: var(--color-primary-500);
  --button-primary-focus-color: #FFFFFF;
  --button-primary-active-border: 1px solid #06A4CD;
  --button-primary-active-background-color: #FFFFFF;
  --button-secondary-border: 1px solid #DEE3E3;
  --button-secondary-border-radius: var(--spacing-6);
  --button-secondary-background-color: #FFFFFF;
  --button-secondary-color: #469AD3;
  --button-secondary-font-size: var(--spacing-14);
  --button-secondary-font-weight: 600;
  --button-secondary-hover-border: 1px solid #DEE3E3;
  --button-secondary-hover-background-color: #FFFFFF;
  --button-secondary-focus-background-color: #FFFFFF;
  --button-secondary-focus-color: #469AD3;
  --button-secondary-active-border: 1px solid #DEE3E3;
  --button-secondary-active-background-color: #FFFFFF;
  --button-secondary-disabled-background-color: #FFFFFF;
  --button-secondary-disabled-color: #469AD3;
}
:root {
  --table-thead-bg: #469AD3;
  --table-th-color: white;
  --table-tr-bg-hover: #E2EFF4;
}
html.elaad:root {
  --form-label-font-size: var(--spacing-14);
  --form-helptext-font-size: var(--spacing-14);
  --form-control-font-size: var(--spacing-14);
  --select-padding-inline: var(--spacing-12);
  --select-padding-block: var(--spacing-6);
  --form-field-label-spacing: var(--spacing-8);
  --menu-background-color: white;
}
:root {
  --text-input-padding-inline: var(--spacing-12);
  --text-input-padding-block: var(--spacing-6);
  --text-input-height: unset;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  margin-block: 0.67em;
  margin-inline: 0;
  font-size: 2em;
}
hr {
  box-sizing: content-box;
  block-size: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-block-end: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: 700;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  inset-block-end: -0.25em;
}
sup {
  inset-block-start: -0.5em;
}
img {
  display: block;
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
:where(button, [type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
}
:where(button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner) {
  padding: 0;
  border-style: none;
}
:where(button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring) {
  outline: 1px dotted ButtonText;
}
fieldset {
  margin: 0;
  padding-block: 0;
  padding-inline: 0;
  border: 0;
}
legend {
  display: table;
  box-sizing: border-box;
  max-inline-size: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  block-size: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
p {
  margin: 0;
}
html.elaad:root {
  --color-primary-50: #E2EFF4;
  --color-primary-200: #AFD5E4;
  --color-primary-500: #469AD3;
  --color-primary-700: #56B0D2;
  --color-primary-800: #06A4CD;
  --color-primary-900: #007B9B;
  --color-secondary-800: #FF8A16;
  --color-secondary-900: #FF7F00;
  --color-tertiary-50: #F9FAFA;
  --color-tertiary-100: #DEE3E3;
  --color-surface-50: #F9FAFB;
  --color-surface-100: #F1F2F4;
  --color-surface-200: #E5EDF5;
  --color-surface-300: #4360A3;
  --color-surface-400: #344A7E;
  --color-surface-500: #25355A;
  --color-surface-600: #858888;
  --color-surface-700: #111322;
  --color-surface-800: #0A0E17;
  --color-surface-900: #070A11;
  --color-font-50: #FAFAFA;
  --color-font-100: #F5F5F5;
  --color-font-200: #EFEFEF;
  --color-font-300: #E1E1E1;
  --color-font-400: #BEBEBE;
  --color-font-700: #7E889A;
  --color-font-800: #5A6C77;
  --color-font-900: #233D5A;
  --color-state-green-50: #A2E6BA;
  --color-state-green-100: #DFF6E7;
  --color-state-green-200: #CBF1D7;
  --color-state-green-300: #B7EBC9;
  --color-state-green-400: #7ADB9B;
  --color-state-green-500: #3ECB6E;
  --color-state-green-600: #2DA957;
  --color-state-green-700: #238143;
  --color-state-green-800: #1D6C38;
  --color-state-green-900: #18582E;
  --color-state-yellow-50: #FFF4CC;
  --color-state-yellow-100: #FFEEB3;
  --color-state-yellow-200: #FFE999;
  --color-state-yellow-300: #FFE380;
  --color-state-yellow-400: #FFDE66;
  --color-state-yellow-500: #FFD84D;
  --color-state-yellow-600: #FFD333;
  --color-state-yellow-700: #FFCD1A;
  --color-state-yellow-800: #FFC800;
  --color-state-yellow-900: #E5B400;
  --color-state-yellow-950: #4D3C00;
  --color-state-grey-100: rgba(249, 250, 251, 1);
  --color-state-grey-300: rgba(222, 227, 227, 1);
  --color-state-grey-500: rgba(133, 136, 136, 1);
  --color-state-grey-background: rgba(235, 235, 235, 1);
  --color-state-red-50: #FBEBEB;
  --color-state-red-100: #F5D5D5;
  --color-state-red-200: #F1C1C1;
  --color-state-red-300: #ECABAB;
  --color-state-red-400: #E69696;
  --color-state-red-500: #E28282;
  --color-state-red-600: #DE6D6D;
  --color-state-red-700: #E30000;
  --color-state-red-800: #BB2B2B;
  --color-state-red-900: #7D1C1C;
  --color-text-500: rgba(35, 61, 90, 1);
  --color-white: #FFF;
  --light-grey: #F8F8F8;
  --color-black: #000;
  --color-border: #C8C8C8;
  --color-text-error: #FF0000;
  --color-charging: #5CE92D;
  --color-usage: #4F79A7;
  --color-gradient-silver:
    linear-gradient(
      180deg,
      #FFFFFF 35.5%,
      #6E7B90 100%,
      #98A5B9 100%);
  --color-gradient-orange:
    linear-gradient(
      180deg,
      #FF9D3C 35.5%,
      #FF7F00 100%);
  --main-font-stack:
    "OpenSans",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    roboto,
    oxygen-sans,
    ubuntu,
    cantarell,
    "Helvetica Neue",
    sans-serif;
  --heading-font-stack:
    "OpenSans",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    roboto,
    oxygen-sans,
    ubuntu,
    cantarell,
    "Helvetica Neue",
    sans-serif;
  --text-xs: 1.2rem;
  --text-sm: 1.4rem;
  --text-base: 1.6rem;
  --text-lg: 1.8rem;
  --text-xl: 2rem;
  --text-2xl: 2.4rem;
  --text-3xl: 2.8rem;
  --text-4xl: 3.6rem;
  --text-5xl: 5.2rem;
  --text-6xl: 5.8rem;
  --text-7xl: 6.4rem;
  --text-8xl: 8.8rem;
  --text-9xl: 9.6rem;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  --font-base: var(--font-normal);
  --leading-h1: 1.15;
  --leading-base: 1.6;
  --spacing-4: 0.4rem;
  --spacing-6: 0.6rem;
  --spacing-8: 0.8rem;
  --spacing-10: 1rem;
  --spacing-12: 1.2rem;
  --spacing-16: 1.6rem;
  --spacing-20: 2rem;
  --spacing-24: 2.4rem;
  --spacing-32: 3.2rem;
  --spacing-40: 4rem;
  --spacing-48: 4.8rem;
  --spacing-56: 5.6rem;
  --spacing-64: 6.4rem;
  --spacing-72: 7.2rem;
  --spacing-80: 8rem;
  --spacing-96: 9.6rem;
  --rounded: var(--rounded-4);
  --rounded-4: 0.4rem;
  --rounded-6: 0.6rem;
  --rounded-8: 0.8rem;
  --rounded-16: 1.6rem;
  --rounded-24: 2.4rem;
  --rounded-48: 4.8rem;
  --max-container-width: 1180px;
  --outer-margin: 2rem;
  --color-border: initial;
  --color-border-light: initial;
  --color-outline: initial;
  --main-text-color: var(--color-font-900);
  --main-text-size: var(--text-base);
  --color-error: initial;
  --base-selection-bgcolor: var(--color-black);
  --base-select-textcolor: var(--color-white);
}
.sr-only {
  position: absolute;
  block-size: 1px;
  inline-size: 1px;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  overflow: hidden;
}
.sr-only.focusable:focus {
  block-size: auto;
  inline-size: auto;
  clip: auto;
}
.line-clamp-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.max-w-50ch {
  max-inline-size: 50ch;
}
.block-link-overlay::after {
  position: absolute;
  inset: 0;
  content: "";
  z-index: 1;
}
.block-link-overlay:hover {
  cursor: pointer;
}
.span-1 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-1 {
    grid-column: span 1;
  }
}
.span-2 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-2 {
    grid-column: span 2;
  }
}
.span-3 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-3 {
    grid-column: span 3;
  }
}
.span-4 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-4 {
    grid-column: span 4;
  }
}
.span-5 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-5 {
    grid-column: span 5;
  }
}
.span-6 {
  grid-column: 1/-1;
}
@media (width >= 1024px) {
  .span-6 {
    grid-column: span 6;
  }
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("./media/OpenSans-Regular-webfont.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("./media/OpenSans-Bold-webfont.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-display: swap;
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: url("./media/PTSans-Regular-subset.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "OpenSanS";
  font-style: normal;
  font-weight: 600;
  src: url("./media/OpenSans-Semibold-webfont.woff") format("woff");
}
::selection {
  background-color: var(--base-selection-bgcolor);
  color: var(--base-select-textcolor, #000);
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
html.elaad body {
  position: absolute;
  inset: 0;
  color: var(--main-text-color, #000);
  font-family: var(--main-font-stack);
  font-size: var(--main-text-size, 1.6rem);
  -webkit-font-smoothing: antialiased;
  font-weight: var(--font-base, 1.6rem);
  line-height: var(--leading-base, 1.5);
}
lib-energy-consumption .graph,
lib-energy-consumption .graph-container {
  width: 100%;
}
lib-energy-consumption .tngh-table table {
  table-layout: fixed;
}
lib-energy-consumption .tngh-table table td,
lib-energy-consumption .tngh-table table th {
  min-inline-size: 5%;
  min-width: 5%;
}
lib-energy-consumption .tngh-table table td:first-child,
lib-energy-consumption .tngh-table table th:first-child {
  min-inline-size: 25%;
  min-width: 25%;
  max-width: 25%;
  width: 25%;
}
lib-energy-consumption .tngh-table table td:not(:first-child),
lib-energy-consumption .tngh-table table th:not(:first-child) {
  text-align: center;
}
.form-helptext {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
tngh-button .btn {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
}
.cdk-overlay-dark-backdrop {
  background: var(--cdk-overlay-backdrop, rgba(98, 97, 137, 0.75));
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */