:root {
  /*    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #9e9e9e;
    --rz-base-600: #757575;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;*/
  /*    --rz-primary: #5F83C2;
    --rz-primary-light: #b6c7e4;
    --rz-primary-lighter: #b6c7e4;
    --rz-primary-dark: #345287;
    --rz-primary-darker: #263c62;
    --rz-secondary: #345287;
    --rz-secondary-light: #b6c7e4;
    --rz-secondary-lighter: ##345287;
    --rz-secondary-dark: #345287;
    --rz-secondary-darker: #263c62;*/
  --rz-primary: #0C2C65;
  --rz-primary-light: #103a84;
  --rz-primary-lighter: #dbe6f9;
  --rz-primary-dark: #081e44;
  --rz-primary-darker: #041025;
  --rz-secondary: #96BFE7;
  --rz-secondary-light: #b4d1ee;
  --rz-secondary-lighter: #d1e3f5;
  --rz-secondary-dark: #7aade1;
  --rz-secondary-darker: #0C2C65;
  /*    --rz-secondary: #DA4929;
    --rz-secondary-light: #e99380;
    --rz-secondary-lighter: rgba(233, 30, 99, 0.12);
    --rz-secondary-dark: #862b17;
    --rz-secondary-darker: #5a1d10;*/
  --rz-info: #2196f3;
  --rz-info-light: #4dabf5;
  --rz-info-lighter: rgba(33, 150, 243, 0.2);
  --rz-info-dark: #1a78c2;
  --rz-info-darker: #1666a5;
  --rz-success: #A2CC7B;
  --rz-success-light: #b6d797;
  --rz-success-lighter: rgba(162, 204, 123, 0.16);
  --rz-success-dark: #81ba4c;
  --rz-success-darker: #6da03e;
  --rz-warning: #ff9800;
  --rz-warning-light: #ffad33;
  --rz-warning-lighter: rgba(255, 152, 0, 0.2);
  --rz-warning-dark: #cc7a00;
  --rz-warning-darker: #ad6700;
  --rz-danger: #f44336;
  --rz-danger-light: #f6695e;
  --rz-danger-lighter: rgba(244, 67, 54, 0.2);
  --rz-danger-dark: #c3362b;
  --rz-danger-darker: #a62e25;
  /*    --rz-series-1: #3700b3;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-input-font-size: 0.9rem;*/
}
:root {
  --rz-card-background-color: white;
  --rz-panel-menu-icon-color: #345287;
  --rz-panel-menu-item-active-color: #18222C;
  --rz-panel-menu-item-active-background-color: #EDEDED;
  --rz-panel-menu-item-hover-color: #18222C;
  --rz-panel-menu-item-hover-background-color: #EDEDED;
  --rz-pager-background-color: white;
  --rz-dropdown-item-selected-background-color: #d1e3f5;
  --rz-dropdown-item-selected-hover-background-color: #b4d1ee;
  --rz-dropdown-item-hover-background-color: #d1e3f5;
  --rz-body-background-color: white;
  --rz-panel-menu-item-color: #EDEDED;
  --rz-panel-menu-icon-color: #EDEDED;
  --rz-tree-node-selected-color: #0C2C65;
}
.rz-breadcrumb-item::before {
  color: white;
}
/*#1F2B38 navigatie boven achtergond
#18222C navigatie zijde kleur
#ffffff de witte kleur
#1F2B38 de andere witte kleur
#EDEDED en nog een andere witte kleur
#0C2C65 blauwe kleur
#1F5FA7 link kleur breadcrumb*/
:root {
  --rz-link-color: #94BDE5;
  --rz-switch-checked-circle-background-color: #081e44;
}
:root {
  --rz-tree-node-selected-background-color: #d1e3f5;
}
/*Radzen overwrite*/
:root {
  --rz-panel-menu-item-border: var(--rz-border-primary-lighter);
}
.p-tabs .rz-tabview-nav {
  background-color: white !important;
}
.rz-selectable .rz-data-row:hover {
  background-color: var(--rz-primary-lighter);
  color: white !important;
}
.rz-selectable .rz-data-row:hover .rz-cell-data {
  color: var(--rz-primary-darker);
}
.rz-selectable .rz-state-highlight {
  background-color: var(--rz-primary-lighter);
}
.p-paginator-summary {
  background-color: white;
}
.p-overwriter .rz-profile-menu {
  background-color: initial;
}
.p-overwriter .rz-profile-menu:hover {
  background-color: var(--rz-primary-light);
}
.p-overwriter .rz-profile-menu .rz-navigation-item-icon-children {
  color: var(--rz-primary);
}
.p-overwriter .rz-navigation-item-icon {
  font-size: 1.75rem;
  padding: 1rem 0.875rem 1rem 0.875rem;
  margin-right: 1rem;
}
.p-overwriter .rz-navigation-item-link {
  background: none !important;
}
.header {
  min-height: 0;
  border-bottom: none;
  box-shadow: none;
  color: var(--rz-base-700);
  background-color: white;
  border: hsl(240, 12%, 95%) solid 1px;
}
.rz-card {
  border: hsl(240, 12%, 95%) solid 1px;
}
.rz-label {
  color: var(--rz-base-800);
}
.p-dropdown-rz .rz-profile-menu:hover {
  background-color: var(--rz-secondary);
}
.p-dropdown-rz .rz-navigation-item-icon-children {
  color: var(--rz-base-700) !important;
}
.p-dropdown-rz .rz-navigation-item-icon-children:hover {
  background-color: var(--rz-secondary);
}
.p-dropdown-rz-primary {
  padding: 0 !important;
}
.p-dropdown-rz-primary .rz-profile-menu {
  border: none;
  background-color: var(--rz-primary);
  color: var(--rz-on-primary);
}
.p-dropdown-rz-primary .rz-navigation-item-icon-children {
  color: var(--rz-on-primary) !important;
}
.p-card-grid-footer .p-button-core {
  color: white !important;
}
.p-card-grid-footer .p-button-core > * {
  color: var(--rz-base-400) !important;
}
.p-card-grid-footer .p-button-core:hover {
  color: white !important;
  background-color: var(--rz-primary) !important;
}
.p-card-grid-footer .p-button-core:hover > * {
  color: white !important;
  background-color: var(--rz-primary) !important;
}
.p-accordion .rz-accordion-header {
  border-bottom: solid 1px #EDEDED;
}
.p-accordion .rz-accordion-header > a {
  padding: 0.5rem 0.25rem 0.5rem 1rem !important;
  color: var(--rz-primary);
  font-weight: bold;
  font-size: 1.1rem;
}
.p-vrijevelden.rz-layout {
  background-color: white !important;
}
:root {
  --rz-notification-info-background-color: var(--rz-info);
  --rz-notification-success-background-color: var(--rz-success);
  --rz-notification-warning-background-color: var(--rz-warning);
  --rz-notification-error-background-color: var(--rz-danger);
  --rz-notification-info-color: white;
  --rz-notification-success-color: white;
  --rz-notification-warning-color: white;
  --rz-notification-error-color: white;
  --rz-notification-info-success-color: white;
  --rz-notification-info-warning-color: white;
  --rz-notification-info-error-color: white;
  --rz-notification-info-icon-color: white;
  --rz-notification-success-icon-color: white;
  --rz-notification-warning-icon-color: white;
  --rz-notification-error-icon-color: white;
  --rz-text-disabled-color: var(--rz-base-600);
}
.p-role-menu {
  --rz-panel-menu-item-color: #18222C;
  --rz-panel-menu-icon-color: #18222C;
  --rz-panel-menu-item-2nd-level-color: #26333f;
  --rz-panel-menu-item-2nd-level-hover-background-color: var(--rz-base-200);
}
.frontdesk-header {
  background-color: white;
}
.frontdesk-panel {
  background-color: white;
  border: solid 1px var(--rz-base-300);
}
.frontdesk-panel header {
  background-color: #fefefe;
}
.frontdesk-footer.p-display-list {
  background-color: var(--rz-base-600);
}
.frontdesk-footer.p-display-list .p-detail-item > * {
  border-left: 1px white solid;
}
.frontdesk-footer.p-display-list .p-detail-item * {
  color: var(--rz-white) !important;
}
.p-contact-edit-grid {
  background-color: white;
}
.p-grid-search-list {
  background-color: white;
}
.p-display-list .p-detail-wrapper {
  border-color: var(--rz-base-300);
}
.p-display-list .p-detail-wrapper:hover {
  background-color: var(--rz-base-100);
  border-color: var(--rz-primary) !important;
}
.p-display-list .p-detail-wrapper:hover .p-detail-item {
  background-color: var(--rz-base-100);
}
.p-display-grid .p-detail-wrapper {
  border-color: var(--rz-base-300);
}
.p-display-grid .p-detail-wrapper:hover {
  background-color: var(--rz-base-100);
  border-color: var(--rz-primary) !important;
}
.p-display-grid .p-detail-wrapper:hover .p-detail-item {
  background-color: var(--rz-base-100);
}
.p-display-hover-list {
  border-color: var(--rz-base-300);
}
.p-display-hover-grid {
  border-color: var(--rz-base-300);
}
.p-template-card .p-badge-success {
  color: var(--rz-success-dark) !important;
}
.p-template-card .p-badge-success-inverse {
  background-color: var(--rz-success);
}
.p-template-card .p-badge-secondary {
  color: var(--rz-secondary) !important;
}
.p-template-card .p-badge-secondary-inverse {
  background-color: var(--rz-secondary);
}
.p-popup-items > div {
  background-color: var(--rz-base-200);
}
.p-popup-items > div:hover {
  background-color: var(--rz-base-100);
}
:root {
  --p-blackwhite: #ffffff;
}
/** {
    font-family: 'Oxygen', 'Helvetica Neue', 'Arial', 'sans-serif';
}*/
.p-gridlistview {
  color: var(--rz-base-600) !important;
}
.p-gridlistview-active {
  color: var(--rz-base-100) !important;
  background-color: var(--rz-primary) !important;
}
.p-header-color {
  color: var(--rz-base-800);
}
.p-icon {
  color: var(--rz-base-900);
}
.p-spinner-color {
  color: var(--rz-primary);
}
.p-search-content {
  border: solid 1px var(--rz-base-300);
  background-color: var(--rz-base-50);
}
.p-navmenu-settings {
  background-color: var(--rz-base-200);
  border-right: var(--rz-base-300) solid 1px;
}
.p-navmenu-item-bg {
  background-color: #EDEDED;
  color: #717171 !important;
}
.p-navmenu-side {
  width: max-content;
}
.p-navmenu-side li .rz-navigation-item-wrapper {
  border-left: 4px solid #EDEDED !important;
}
.p-navmenu-side li .rz-navigation-item-wrapper .rz-navigation-item-link {
  padding: 0.625rem 0.75rem;
  font-weight: 600;
}
.p-navmenu-side li .rz-navigation-item-wrapper-active {
  color: #0C2C65 !important;
  border-left: 4px solid #0C2C65 !important;
  background-color: #E0E0E0;
}
.p-navmenu-side li .rz-navigation-item-wrapper:hover {
  color: #0C2C65 !important;
  border-left: 4px solid #0C2C65 !important;
  background-color: #E0E0E0;
}
.p-navmenu-tab li .rz-navigation-item-wrapper {
  border-bottom: 4px solid #EDEDED !important;
}
.p-navmenu-tab li .rz-navigation-item-wrapper-active {
  color: #0C2C65 !important;
  border-bottom: 4px solid #0C2C65 !important;
}
.p-navmenu-tab li .rz-navigation-item-wrapper:hover {
  color: #0C2C65 !important;
  border-bottom: 4px solid #0C2C65 !important;
}
.p-dropdown-header-button * {
  font-size: 0.9rem;
  color: var(--rz-base-900);
}
.p-dropdown-item {
  color: var(--rz-base-800);
}
.p-dropdown-item:hover {
  background-color: var(--rz-base-50);
  color: var(--rz-base-900);
}
.p-header {
  /*background-color: var(--rz-secondary-lighter) !important;*/
}
.p-header-sticky {
  background-color: var(--rz-white);
}
.p-button {
  color: var(--rz-base-600) !important;
  background-color: transparent;
  filter: brightness(100%) !important;
}
.p-button:hover {
  filter: brightness(50%) !important;
  background-color: transparent !important;
}
.p-huisstijl-email-basis {
  border: 1px solid var(--rz-base-100);
}
.p-huisstijl-email-sleutels {
  color: var(--rz-base-700);
  border-bottom: solid 1px var(--rz-base-300);
}
.p-huisstijl-email-sleutels th {
  border-bottom: solid 2px var(--rz-base-300);
}
.p-huisstijl-email-sleutels td {
  border-bottom: solid 1px var(--rz-base-300);
}
.p-huisstijl-email-sleutels td.key {
  font-weight: 600;
}
.vrijveld:hover {
  background-color: var(--rz-tree-node-selected-background-color);
  cursor: pointer;
}
div.vrijveld:hover > * > * {
  color: var(--rz-tree-node-selected-color);
}
div.vrijveld.active {
  background-color: var(--rz-tree-node-selected-background-color);
}
div.vrijveld.active > * > * {
  color: var(--rz-tree-node-selected-color);
}
.p-table .vrijveldtable:hover {
  cursor: pointer;
}
.p-table .vrijveldtable:hover > * {
  background-color: var(--rz-tree-node-selected-background-color) !important;
}
.p-table .vrijveldtable:hover > * span {
  color: var(--rz-tree-node-selected-color) !important;
}
.p-table .vrijveldtable.active > * {
  background-color: var(--rz-tree-node-selected-background-color) !important;
}
.p-table .vrijveldtable.active > * span:not(.rz-chkbox-box):not(.rzi) {
  color: var(--rz-tree-node-selected-color) !important;
}
.p-timeline-thema {
  color: var(--rz-text-color);
  background-color: white;
}
.p-timeline-icons > span:hover {
  background-color: var(--rz-base-400);
  cursor: pointer;
}
.p-timeline-icons > span > i {
  color: var(--rz-base-800);
}
.p-timeline-upload .p-button-core .rz-button-icon-left {
  color: var(--rz-primary-dark);
  font-size: 1rem;
}
.p-timeline-upload:hover .p-button-core .rz-button-icon-left {
  color: var(--rz-primary-darker);
  background-color: var(--rz-primary-light) !important;
}
/*Variables*/
:root {
  --pv-menu-width: 3.75rem;
}