@media only screen and (max-width: 800px) {
  .mobile {
    display: initial;
  }
  .tablet {
    display: none;
  }
  .desktop {
    display: none;
  }
  :root {
    --pv-menu-width: 0rem;
  }
}
@media only screen and (min-width: 800px) {
  .mobile {
    display: none;
  }
  .tablet {
    display: initial;
  }
  .desktop {
    display: initial;
  }
}
@media only screen and (min-width: 1200px) {
  .mobile {
    display: none;
  }
  .tablet {
    display: none;
  }
  .desktop {
    display: initial;
  }
}
/*Radzen overwrite*/
: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;F.
    --rz-primary-dark: #345287;
    --rz-primary-darker: #263c62;
    --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: rgb(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-input-font-size: var(--rz-body-font-size);*/
  --rz-input-font-size: 0.9rem;
}
:root {
  /*  --rz-panel-menu-item-border: var(--rz-border-primary-lighter);*/
  --rz-panel-menu-item-border: none !important;
}
:root {
  /*    --rz-dropdown-item-padding: 0.75rem 1rem;*/
  --rz-dropdown-item-padding: 0.37rem 0.75rem;
}
:root {
  /*  --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.9375rem;*/
  --rz-numeric-input-padding: 0.4375rem 1.25rem 0.4375rem 0.4375rem;
}
:root {
  --rz-tooltip-background-color: var(--rz-info);
  --rz-tooltip-color: var(--rz-text-contrast-color);
  --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
  --rz-tooltip-padding: 0.25rem 0.5rem;
  --rz-tooltip-border-radius: var(--rz-border-radius);
  --rz-tooltip-font-size: var(--rz-body-font-size);
}
:root {
  --rz-button-disabled-opacity: 0.4;
}
:root {
  --rz-upload-choose-background-color: var(--rz-card-background-color);
  --rz-upload-choose-color: var(--rz-text-body2-color);
}
:root {
  --rz-header-background-color: var(--rz-layout-body-background-color);
}
:root .rz-treenode-content:not(.rz-treenode-content-selected):hover .rz-treenode-label:hover {
  background-color: var(--rz-tree-node-selected-background-color);
  color: var(--rz-tree-node-selected-color);
}
.rz-treenode-children .rz-treenode {
  padding-inline-start: 1.25rem;
}
.rz-body {
  padding: 0;
  transform: none !important;
}
.body {
  padding: 0;
}
.rz-state-disabled > .rz-button-box > i {
  opacity: var(--rz-button-disabled-opacity);
}
.rz-layout {
  transform: none !important;
}
.rz-navigation-item-text {
  padding-left: 0.25rem;
}
.rz-tooltip {
  position: absolute;
  transition: top 0.2s, left 0.2s;
  top: 0;
  left: 0;
}
.rz-tooltip-content {
  background: var(--rz-tooltip-background-color);
  color: var(--rz-tooltip-color);
  box-shadow: var(--rz-tooltip-shadow);
  padding: var(--rz-tooltip-padding);
  border-radius: var(--rz-tooltip-border-radius);
  font-size: var(--rz-tooltip-font-size);
  white-space: nowrap;
}
.rz-tooltip .rz-top-tooltip-content {
  margin-bottom: -16px;
}
.rz-tooltip .rz-top-tooltip-content:after {
  content: ' ';
  width: 0px;
  height: 0px;
  /* position: absolute;
  width: 8px;
  height: 8px;
  bottom: 0;
  left: 12px;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;*/
}
.rz-tooltip .rz-bottom-tooltip-content {
  margin-top: -16px;
}
.rz-tooltip .rz-bottom-tooltip-content:after {
  content: ' ';
  width: 0px;
  height: 0px;
  /*  position: absolute;
  width: 8px;
  height: 8px;
  top: 0;
  left: 12px;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -12px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;*/
}
.rz-tooltip .rz-left-tooltip-content {
  margin-right: 8px;
}
.rz-tooltip .rz-left-tooltip-content:after {
  content: ' ';
  width: 0px;
  height: 0px;
  /*  position: absolute;
  width: 8px;
  height: 8px;
  top: 20px;
  right: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;*/
}
.rz-tooltip .rz-right-tooltip-content {
  margin-left: 0;
}
.rz-tooltip .rz-right-tooltip-content:after {
  content: ' ';
  width: 0px;
  height: 0px;
  /*  position: absolute;
  width: 8px;
  height: 8px;
  top: 20px;
  left: 0;
  background-color: inherit;
  transform-origin: center;
  transform: translate(-50%, -10px) rotate(45deg);
  border-bottom: inherit;
  border-right: inherit;*/
}
/*.rz-tabview-selected {
    color: var(--rz-primary-darker) !important;
    border-bottom: 2px solid var(--rz-primary-darker) !important;
}*/
.p-dialog .rz-dialog-titlebar {
  padding: 1rem 1rem 0 1rem;
}
.p-dialog .rz-dialog-content {
  padding: 0 1rem 0 1rem;
}
.p-dialog-content {
  height: 100%;
}
.p-dialog-mail {
  padding-top: 0.75rem;
}
.p-dialog-mail .rz-dialog-titlebar {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem !important;
}
.rz-overwrite-nav-icon .rz-button-icon-left {
  transform: rotate(30deg);
  font-size: 1rem;
  padding-bottom: 0.5rem;
}
.p-tabs .rz-tabview-nav {
  height: 3rem;
  z-index: 10;
  /*    background-color: var(--rz-base-100) !important;*/
  border-bottom: 1px solid var(--rz-primary);
}
.p-tabs-sticky .rz-tabview-nav {
  position: sticky;
}
.p-tabs .rz-tabview-nav .rz-tabview-selected {
  height: 3rem;
}
.p-tabs .rz-tabview-nav > div > li {
  border-bottom: 2px solid var(--rz-header-background-color);
}
.p-tabs-small .rz-tabview-nav {
  height: 2rem;
}
.p-tabs-small .rz-tabview-nav .rz-tabview-selected {
  height: 2rem;
}
.p-tabs-small .rz-tabview-nav > div > li {
  height: 31px;
}
.p-tabs-small .rz-tabview-nav > div > li > a:not([href]):not([class]) {
  line-height: 1rem;
  padding: 0.5rem 0.66rem;
}
.p-tabs-dialog > div > .rz-tabview-panels {
  display: flex !important;
}
.p-tabs-dialog > div > .rz-tabview-panels > .rz-tabview-panel {
  min-height: 400px !important;
  flex: 1 !important;
}
.p-tabs-fullpage .rz-tabview-panels {
  background-color: var(--rz-tabs-background-color);
  border: var(--rz-tabs-border);
  box-shadow: var(--rz-tabs-shadow);
  flex: 1;
  overflow: unset;
  background: var(--rz-body-background-color);
  /*            position: absolute;
        top: 4rem;
        right: 0;
        left: 0;
        bottom: 0;
        height: calc(100vh - 7rem);*/
}
.p-tabs-fullpage .rz-tabview-panels > .rz-tabview-panel {
  position: relative;
}
.p-tabs-top-0 .rz-tabview-nav {
  top: 0rem !important;
}
.p-tabs-top-3 .rz-tabview-nav {
  top: 3rem !important;
}
.p-tabs-top-6 .rz-tabview-nav {
  top: 6rem !important;
}
.p-tabs-top-9 .rz-tabview-nav {
  top: 9rem !important;
}
.p-tabs-top-12 .rz-tabview-nav {
  top: 12rem !important;
}
.rz-data-grid {
  max-height: 500px !important;
  overflow: scroll;
}
.p-autorisatie-state {
  height: 100%;
}
.p-autorisatie-state .rz-data-grid {
  max-height: 100% !important;
  overflow: auto;
}
.p-autorisatie-state .rz-data-row > td {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.rz-selectable .rz-data-row:hover {
  background-color: var(--rz-primary-lighter);
  color: white !important;
  cursor: pointer;
}
.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 {
  padding: 0.625rem;
  background-color: white;
  border: var(--rz-grid-cell-border);
  border-bottom: none;
}
.rz-grid-table .rz-column-title {
  font-weight: bold !important;
}
.p-label-primary-color {
  color: var(--rz-primary-dark);
}
.p-label-primary-color > * {
  color: var(--rz-primary-dark);
}
.rz-tabview-panel {
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.p-overwriter .rz-text-overline {
  margin-bottom: 0;
}
.p-overwriter .rz-text-body2 {
  margin-bottom: 0;
  line-height: 1.8rem;
}
.p-overwriter .rz-profile-menu {
  background-color: initial;
  border-radius: var(--rz-button-border-radius);
  padding: 0.5rem;
}
.p-overwriter .rz-profile-menu .rz-navigation-menu {
  top: 2.6rem !important;
  z-index: 50 !important;
}
.p-overwriter .rz-profile-menu:hover {
  background-color: orange;
}
.p-overwriter .rz-profile-menu .rz-navigation-item-icon-children {
  color: var(--rz-primary);
}
.p-dropdown-rz .rz-menu:not(.rz-profile-menu) .rz-navigation-item {
  position: unset !important;
}
.p-dropdown-topmenu {
  border-radius: var(--rz-button-border-radius);
  /*    .rz-profile-menu {
        border: none;
        background-color: initial;
        border-radius: var(--rz-button-border-radius);
        z-index: 100;

        .rz-navigation-menu {
            padding: 0 !important;
            z-index: 505;
            position: relative !important;
        }

        .rz-navigation-item-wrapper {
            //padding: 0.375rem 0.625rem;
            .rz-navigation-item-link {
                padding: 0.375rem 0.625rem !important;
            }
        }

        .rz-navigation-item {
            padding: 0rem !important;
            position: unset !important;
        }

        .rz-navigation-item-text {
            padding: 0.375rem 0.625rem;
        }

        .rz-navigation-item-link {
            display: flex;
            justify-content: space-between;
            padding: 0rem !important;
        }


        .rz-navigation-item-icon-children {
            //color: white;
        }
    }

    ul.rz-profile-menu {
        border: none;
        padding: 0;


        .rz-navigation-menu {
            border-radius: unset;
            margin-top: 0.2rem;
            // display: block !important;
        }
    }*/
}
.p-dropdown-topmenu .rz-menu {
  background-color: transparent;
}
.p-dropdown-topmenu .rz-menu .rz-navigation-item {
  position: unset !important;
}
.p-dropdown-topmenu .rz-menu .rz-navigation-item-icon-children {
  color: unset !important;
}
.p-dropdown-topmenu .rz-menu .rz-navigation-menu {
  min-width: max-content !important;
  z-index: 1000;
}
.p-slider-dropdown-rz ul.rz-navigation-menu {
  min-height: calc(100vh - 7rem) !important;
}
.p-slider-dropdown-rz .rz-chkbox-icon {
  margin: 0 !important;
}
.p-slider-dropdown-rz ul.rz-profile-menu {
  margin: 0.375rem 0 0.375rem 0.375rem;
  /* .rz-navigation-menu {
            margin: 0 !important;
        }*/
}
.p-slider-dropdown-rz ul.rz-profile-menu .rz-navigation-menu {
  overflow: visible;
  top: 2.5rem;
  box-shadow: none;
}
.p-slider-dropdown-rz ul.rz-profile-menu .rz-navigation-item-wrapper {
  padding: 0;
}
.p-slider-dropdown-rz ul.rz-profile-menu .rz-navigation-item-icon-children {
  display: none;
}
.p-htmleditorcolorpicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rz-editor-button-background-color);
  height: 2rem;
  padding-top: 0.4rem;
}
.p-htmleditorcolorpicker .rz-colorpicker {
  border: none !important;
  display: inline-grid;
  grid-template-rows: 1rem 5px;
  grid-template-columns: 1rem 1rem;
  padding: var(--rz-editor-button-padding);
  margin: var(--rz-editor-toolbar-item-margin);
  margin-left: 0;
  margin-right: 0;
}
.p-htmleditorcolorpicker .rz-colorpicker .rz-colorpciker-trigger {
  grid-column-start: 2;
  grid-row-start: 1;
}
.p-htmleditorcolorpicker .rz-colorpicker .rz-colorpicker-value {
  grid-row-start: 2;
  min-height: 0.375rem;
  min-width: 1rem;
  border-radius: unset;
  border: none;
  grid-column-start: 2 / 2;
}
.p-htmleditorcolorpicker {
  height: unset;
  padding-top: unset;
}
.p-htmleditorcolorpicker .rz-colorpicker {
  height: 32px;
}
.p-htmleditorcolorpicker .rz-colorpicker .rz-colorpicker-value {
  display: none;
}
.p-side-dialog {
  transform: scaleX(0);
  transition: transform 0.5s;
}
.p-side-dialog-right {
  transform-origin: right center;
}
.p-side-dialog-left {
  transform-origin: left center;
}
.rz-dialog-side-position-right {
  min-width: auto;
}
.p-file-upload-icon i.rzi {
  justify-content: unset;
}
.rz-state-disabled > a {
  cursor: not-allowed !important;
}
.custom-rol-dialog .rz-dialog-content {
  padding-top: 0.25rem;
  overflow: hidden;
}
.p-steps:not(.p-step-0) ul[role=tablist] > li:nth-child(2):not(.rz-steps-current) > .rz-menuitem-link,
.p-steps:not(.p-step-1) ul[role=tablist] > li:nth-child(3):not(.rz-steps-current) > .rz-menuitem-link,
.p-steps:not(.p-step-2) ul[role=tablist] > li:nth-child(4):not(.rz-steps-current) > .rz-menuitem-link,
.p-steps:not(.p-step-3) ul[role=tablist] > li:nth-child(5):not(.rz-steps-current) > .rz-menuitem-link,
.p-steps:not(.p-step-4) ul[role=tablist] > li:nth-child(6):not(.rz-steps-current) > .rz-menuitem-link {
  opacity: 0.5;
  color: var(--rz-base-600) !important;
  cursor: auto !important;
}
.p-steps:not(.p-step-0) ul[role=tablist] > li:nth-child(2):not(.rz-steps-current) :hover > .rz-steps-number,
.p-steps:not(.p-step-1) ul[role=tablist] > li:nth-child(3):not(.rz-steps-current) :hover > .rz-steps-number,
.p-steps:not(.p-step-2) ul[role=tablist] > li:nth-child(4):not(.rz-steps-current) :hover > .rz-steps-number,
.p-steps:not(.p-step-3) ul[role=tablist] > li:nth-child(5):not(.rz-steps-current) :hover > .rz-steps-number,
.p-steps:not(.p-step-4) ul[role=tablist] > li:nth-child(6):not(.rz-steps-current) :hover > .rz-steps-number {
  color: var(--rz-base-100) !important;
}
.p-steps.p-step-disabled .rz-steps-next {
  opacity: 0.5;
  color: var(--rz-base-600) !important;
  cursor: auto !important;
}
.p-accordion-disabled .rz-accordion-header a {
  cursor: auto;
}
.p-accordion-disabled .rz-accordion-header a > .rz-accordion-toggle-icon {
  display: none;
}
.p-accordion-main {
  overflow: visible;
}
.p-accordion-main.rz-accordion {
  border-radius: 0;
  box-shadow: none;
}
.p-accordion-main .rz-accordion-header {
  border-bottom: 1px solid var(--rz-panel-menu-item-color);
}
.p-accordion-main .rz-accordion-header a {
  padding-block: 0;
  padding-inline: 0;
}
.p-accordion-main .rz-accordion-header a > .rz-accordion-toggle-icon {
  order: 0;
  margin-inline: var(--rz-accordion-toggle-icon-margin-inline);
}
.p-accordion-main .rz-accordion-header header {
  padding: 0.25rem;
  box-sizing: border-box;
}
.p-accordion-main .rz-accordion-content {
  padding-block: 0;
  padding-inline: 0;
}
.p-accordion .rz-accordion-header > a {
  padding: 0.5rem 0.25rem 0.5rem 1rem !important;
}
.p-accordion-tijdlijn.rz-accordion {
  box-shadow: none;
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-header {
  cursor: pointer;
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-header a {
  padding: 0.5rem;
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-header a > span:last-child {
  font-size: 1.1rem;
  padding-left: 1rem;
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-header a > i {
  color: var(--rz-primary);
  font-size: 1.75rem !important;
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-header:hover > a > i {
  color: var(--rz-primary-dark);
}
.p-accordion-tijdlijn.rz-accordion .rz-accordion-content {
  padding: 0 !important;
}
.p-stayopen.closed > :first-child .rz-accordion-toggle-icon.rz-state-expanded {
  transform: rotate(0) !important;
}
.rz-button.rz-primary.rz-shade-default {
  background-color: white;
  color: var(--rz-primary);
}
.rz-button.rz-primary.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-primary) !important;
}
.rz-button.rz-primary.rz-shade-default.p-variant-text {
  color: var(--rz-primary) !important;
  background: none !important;
}
.rz-button.rz-primary.rz-shade-default.p-variant-text:not(.rz-state-disabled):hover {
  color: var(--rz-primary-light) !important;
  background: none !important;
}
.rz-button.rz-primary.rz-shade-default.rz-variant-filled {
  color: white !important;
  background-color: var(--rz-primary) !important;
}
.rz-button.rz-primary.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  background-color: white !important;
  color: var(--rz-primary) !important;
}
.rz-button.rz-primary.rz-shade-default.rz-variant-filled.rz-state-active {
  background-color: white !important;
  color: var(--rz-primary) !important;
}
.rz-button.rz-success.rz-shade-default {
  background-color: white;
  color: var(--rz-success);
}
.rz-button.rz-success.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-success) !important;
}
.rz-button.rz-success.rz-shade-default.rz-variant-filled {
  background-color: var(--rz-success);
  color: white;
}
.rz-button.rz-success.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  color: var(--rz-success) !important;
  background-color: white !important;
}
.rz-button.rz-warning.rz-shade-default {
  background-color: orange;
  color: var(--rz-warning);
}
.rz-button.rz-warning.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-warning) !important;
}
.rz-button.rz-warning.rz-shade-default.rz-variant-filled {
  background-color: var(--rz-warning);
  color: white;
}
.rz-button.rz-warning.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  color: var(--rz-warning) !important;
  background-color: white !important;
}
.rz-button.rz-secondary.rz-shade-default {
  background-color: white;
  color: var(--rz-secondary);
}
.rz-button.rz-secondary.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-secondary) !important;
}
.rz-button.rz-secondary.rz-shade-default.rz-variant-filled {
  background-color: var(--rz-secondary);
  color: white;
}
.rz-button.rz-secondary.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  color: var(--rz-secondary) !important;
  background-color: white !important;
}
.rz-button.rz-info.rz-shade-default {
  background-color: white;
  color: var(--rz-info);
}
.rz-button.rz-info.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-info) !important;
}
.rz-button.rz-info.rz-shade-default.rz-variant-filled {
  background-color: var(--rz-info);
  color: white;
}
.rz-button.rz-info.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-info) !important;
}
.rz-button.rz-danger.rz-shade-default {
  background-color: white;
  color: var(--rz-danger);
}
.rz-button.rz-danger.rz-shade-default:not(.rz-state-disabled):hover {
  color: white !important;
  background-color: var(--rz-danger) !important;
}
.rz-button.rz-danger.rz-shade-default.rz-variant-filled {
  background-color: var(--rz-danger);
  color: white;
}
.rz-button.rz-danger.rz-shade-default.rz-variant-filled:not(.rz-state-disabled):hover {
  color: var(--rz-danger) !important;
  background-color: white !important;
}
.p-editor .rz-form-field-content {
  display: grid !important;
}
.p-editor .rz-html-editor {
  border: none;
}
.p-editor .rz-html-editor:focus-within {
  outline-offset: unset;
}
/*.p-editor .rz-form-field-content {
    display: grid !important;
}*/
/* EDITOR VRIJVELDEN OVERWRITES */
.p-vrijeveld-inhoud-editor .rz-form-field-content {
  /* padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: 2rem !important;
height: 2rem !important;*/
}
.p-table {
  height: 100%;
}
.p-table .rz-data-grid {
  height: 100%;
  max-height: unset !important;
  overflow: unset;
}
.p-grid-login {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: 1fr max-content 1fr;
  height: 100vh;
}
.p-grid-login > * {
  grid-column: 2 / span 1;
  grid-row: 2 / span 1;
}
.p-grid-boarding {
  display: grid;
  grid-template-columns: 1fr minmax(1000px, 4fr) 1fr;
  align-items: center;
}
.p-grid-boarding > * {
  grid-column: 2 / span 1;
}
@media (max-width: 1000px) {
  .p-grid-boarding {
    grid-template-columns: 0.5rem 1fr 0.5rem;
  }
}
.p-grid-boarding .rz-data-grid {
  overflow: auto;
}
.p-grid-boarding .rz-text-h6 {
  margin-bottom: 0;
  margin-top: 0.75rem;
}
.p-grid-register {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.p-grid-register > * {
  grid-column: 2 / span 1;
}
.p-grid-signing {
  display: grid;
  grid-template-columns: 1fr minmax(350px, 100vw) 1fr;
  min-height: 100vh;
  background-color: lightgrey;
}
@media only screen and (min-width: 966px) {
  .p-grid-signing {
    grid-template-columns: 1fr minmax(350px, 967px) 1fr;
  }
}
.p-grid-signing > * {
  grid-column-start: 2;
  background-color: white;
  padding: 1rem;
}
.p-grid-signing-code {
  width: 100%;
}
@media only screen and (min-width: 966px) {
  .p-grid-signing-code {
    width: 60%;
  }
}
.p-grid-content {
  height: inherit;
  background-color: var(--rz-tabs-background-color);
}
.p-grid-search-list {
  background-color: white;
}
/*MainLayout.razor*/
.grid-page {
  grid-template-columns: var(--pv-menu-width) 1fr;
  grid-template-rows: auto 1fr;
}
/*FrontDesk*/
.frontdesk {
  /*Einde FrontDesk*/
}
.frontdesk-panel .p-grid-column-4 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(375px, 1fr));
  column-gap: 0.625rem;
}
.frontdesk-panel .p-grid-column-4 > *:has(.rz-textarea) {
  grid-column: 1 / -1;
}
.frontdesk-panel .p-grid-column-5 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
  column-gap: 0.625rem;
}
.frontdesk-panel .p-grid-column-5 > *:has(.rz-textarea) {
  grid-column: 1 / -1;
}
.frontdesk-panel.divided {
  border: none;
}
.frontdesk-panel .p-article-highlight .rz-form-field-content {
  background-color: var(--rz-success-lighter);
}
.frontdesk-footer.p-display-list {
  position: fixed;
  bottom: 0;
  left: 3.75rem;
  right: 0;
  z-index: 20;
  margin: 0;
  display: grid;
  justify-items: end;
  height: 3.25rem;
}
.frontdesk-footer.p-display-list .p-detail-item {
  display: grid;
  grid-template-columns: repeat(3, minmax(50px, 1fr));
}
.frontdesk-footer.p-display-list .p-detail-item > * {
  display: grid;
  justify-items: end;
}
.frontdesk-footer .p-display-list .p-detail-item {
  display: grid;
  grid-template-columns: repeat(4, minmax(50px, 1fr));
}
.p-base-detail-item {
  display: grid;
  grid-template-columns: max-content 1fr;
  word-wrap: break-word;
  padding: 0.1rem;
  align-content: start;
  justify-content: start;
  /* position: relative;*/
}
.p-isdefault {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.p-display-list {
  margin: 0.5rem;
}
.p-display-list .rz-datalist-data {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.p-display-list .rz-datalist-data > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.p-display-list .p-detail-wrapper,
.p-display-list .p-detail-wrapper-header {
  border-bottom-width: 1px;
  position: relative;
}
.p-display-list .p-detail-wrapper .p-detail-item,
.p-display-list .p-detail-wrapper-header .p-detail-item,
.p-display-list .p-detail-wrapper .p-detail-item-base,
.p-display-list .p-detail-wrapper-header .p-detail-item-base {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  padding: 0.5rem;
  padding-right: 1rem;
  position: relative;
}
.p-display-list .p-detail-wrapper .p-detail-item .isdefault,
.p-display-list .p-detail-wrapper-header .p-detail-item .isdefault,
.p-display-list .p-detail-wrapper .p-detail-item-base .isdefault,
.p-display-list .p-detail-wrapper-header .p-detail-item-base .isdefault {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.p-display-list .p-detail-wrapper:hover {
  cursor: pointer;
}
.p-display-grid {
  padding: 0.5rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  word-wrap: break-word;
  line-height: 1.7rem;
  margin-bottom: 1.5rem;
  /* margin-top: 2.5rem;*/
}
.p-display-grid .rz-datalist-data {
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.p-display-grid .rz-datalist-data > li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.p-display-grid .p-detail-wrapper {
  border-width: 1px;
  border-radius: 0.375rem;
  /*  padding: 0.5rem;*/
  position: relative;
}
.p-display-grid .p-detail-wrapper .p-detail-item,
.p-display-grid .p-detail-wrapper .p-detail-item-base {
  display: grid;
  grid-template-columns: max-content 1fr;
  word-wrap: break-word;
  padding: 0.1rem;
  align-content: start;
  justify-content: start;
  /* position: relative;*/
}
.p-display-grid .p-detail-wrapper .p-detail-item .isdefault,
.p-display-grid .p-detail-wrapper .p-detail-item-base .isdefault {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.p-display-grid .p-detail-wrapper .p-detail-item-base {
  align-items: baseline;
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem;
}
.p-display-grid .p-detail-wrapper:hover {
  cursor: pointer;
}
.p-display-grid .p-detail-wrapper:hover .p-detail-item {
  border-radius: 0.375rem;
}
.p-display-hover-list {
  border-width: 1px;
  border-radius: 0.375rem;
  padding: 0.5rem;
}
.p-display-hover-list .p-detail-item {
  display: flex;
  position: relative;
}
.p-display-hover-list .p-detail-item > * {
  min-width: 50px;
}
.p-display-hover-grid {
  /*   border-width: 1px;
            border-radius: 0.375rem;*/
  padding: 0.5rem;
  line-height: 1.8rem;
}
.p-display-hover-grid .p-detail-item,
.p-display-hover-grid .p-detail-item-base {
  display: grid;
  grid-template-columns: max-content 1fr;
  word-wrap: break-word;
  padding: 0.1rem;
  align-content: start;
  justify-content: start;
  /* position: relative;*/
}
.p-display-hover-grid .p-detail-item .isdefault,
.p-display-hover-grid .p-detail-item-base .isdefault {
  display: none;
}
.p-display-hover-grid .p-detail-item-base {
  align-items: baseline;
}
.p-custom-grid-display-1-2 {
  display: grid;
  gap: 1rem;
}
.p-custom-grid-display-2 {
  display: grid;
  gap: 1rem;
}
/*.p-detail-item-grid-2-column {
    .p-base-detail-item;
}*/
@media only screen and (min-width: 1000px) {
  .p-custom-grid-display-1-2 {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
  }
  .p-custom-grid-display-1-2 > *:first-child {
    grid-column: 1 / span 2;
    grid-template-columns: auto;
  }
  .p-custom-grid-display-1-2 > *:first-child > * {
    display: grid;
    column-gap: 0.5rem;
  }
  .p-custom-grid-display-1-2 > *:first-child > * > *:nth-child(odd) {
    grid-row: 1;
  }
  .p-custom-grid-display-1-2 > *:first-child > * > *:nth-child(even) {
    grid-row: 2;
  }
  .p-custom-grid-display-2 {
    grid-template-columns: 1fr 1fr;
  }
  .p-contact-edit-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    display: grid;
  }
  .p-contact-edit-grid > *:nth-child(-n+2) {
    grid-column: 1 / span 2;
    grid-template-columns: auto;
  }
  .p-contact-edit-grid > *:nth-child(-n+2) > *:first-child {
    display: flex;
    align-items: center;
  }
  .p-contact-edit-grid > *:nth-child(-n+2) > * {
    display: grid;
    column-gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}
/*input:focus {
    outline: none;

   
}*/
.nav-bg-top {
  background-color: #1F2B38;
}
.nav-bg-side {
  background-color: #18222C;
}
body {
  overflow: hidden;
}
.p-hidden {
  display: none !important;
}
.p-button-core-border {
  border: 1px solid var(--rz-primary) !important;
}
.p-button-core .rz-button-icon-left {
  font-size: 1.5rem;
}
.p-button-core .rz-button-box {
  gap: 0.5rem;
}
.p-button-core.normal .rz-button-icon-left {
  font-size: 1.25rem;
}
.p-navmenu {
  transition: width 0.35s;
  position: absolute;
  top: 4rem;
  height: calc(100vh - 4rem);
  width: 2.75rem;
  overflow: hidden;
  z-index: 50;
}
.p-navmenu-settings {
  height: calc(100vh - 4rem);
}
.p-navmenu-administration {
  height: unset;
  padding-top: 0rem;
  border-bottom: var(--rz-panel-menu-item-border);
}
.p-navmenu-administration .rz-navigation-item {
  border-bottom: none;
}
.p-icon-gridview {
  font-size: 4rem;
}
.p-icon-gridview-isdefault {
  font-size: 2rem;
}
.p-spinner-color {
  color: var(--rz-base-100);
}
.p-validation-color {
  color: var(--rz-danger) !important;
}
.p-validation-color > * {
  color: var(--rz-danger) !important;
}
.p-validation-color label {
  color: var(--rz-danger) !important;
}
.p-validation-border {
  border-color: var(--rz-danger) !important;
}
.p-validation-border.rz-form-field.rz-state-focused .rz-form-field-content {
  box-shadow: inset 0 0 0 1px var(--rz-danger);
}
.p-validation-border > * {
  border-color: var(--rz-danger) !important;
}
.p-search-content {
  height: calc(100vh - 4rem);
  width: 35vw;
  position: absolute;
  top: 0;
  right: 0;
  overflow: auto;
  z-index: 503;
}
.p-search-content .p-search-oof .p-detail-item {
  padding: 0.25rem !important;
  grid-template-columns: 4fr 5fr 6fr 15fr 6fr 6fr !important;
}
.p-search-content .p-search-oof .p-detail-item-base {
  padding: 0.25rem !important;
  grid-template-columns: 4fr 5fr 6fr 15fr 6fr 6fr !important;
}
.search-home {
  margin-top: 40vh;
  margin-left: 30vw;
}
.search-home-input {
  width: 600px;
}
.search-home-label {
  color: black;
  padding-right: 10px;
}
.search-home-background-image {
  background-image: url(../../images/background-home.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}
.p-dropdown {
  z-index: 501;
}
.p-dropdown-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 500;
}
.p-dropdown-header {
  font-size: 0.9rem;
}
.p-dropdown-header-button {
  padding-left: 0.375rem;
}
.p-dropdown-content {
  font-size: 0.9rem;
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  background-color: var(--rz-body-background-color);
  position: absolute;
  right: 0;
  top: 2rem;
  z-index: 200;
  left: 0;
}
.p-dropdown-hidden {
  display: none;
}
.p-dropdown-item {
  cursor: pointer;
  padding: 0.675rem;
  background-color: var(--rz-body-background-color);
}
.p-dropdown-item:hover {
  background-color: var(--rz-base-800);
  color: var(--rz-base-300);
}
.p-huisstijl-email {
  grid-template-columns: 1fr 1fr;
}
.p-huisstijl-email-basis {
  border: 1px solid var(--rz-base-400);
  margin-bottom: 5rem;
}
.p-huisstijl-email-gegevens {
  padding-bottom: 1rem;
}
.p-huisstijl-email-gegevens .rz-tabview-panel {
  padding-left: 1rem;
  padding-right: 1rem;
}
.p-huisstijl-sleutels {
  width: 100%;
  border-collapse: collapse;
  /*
        & td {
            &.key {
                font-weight: 600;
            }
        }*/
}
.p-huisstijl-sleutels th {
  text-align: left;
}
.p-huisstijl-sleutels > * {
  min-width: 20rem;
}
/*.p-gridlistview {
    &-active {
        color: var(--rz-base-400) !important;
    }
}*/
.rotate {
  /*    position: absolute;
    top: 50%;
    left: 50%;*/
  -webkit-animation: spin 1s ease-in-out infinite;
  -moz-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.p-slide-toprightdown {
  height: 0rem;
  transform: scaleY(0);
  transition: transform 375ms, height 375ms, opacity 200ms;
  opacity: 0;
  transform-origin: top;
}
.p-slide-toprightdown-effect {
  transform: scaleY(1);
  height: 12rem;
  opacity: 1;
}
.p-menu {
  padding: 0 1rem 0 1rem;
  cursor: pointer;
}
.p-menu:hover {
  background-color: var(--rz-primary-lighter);
}
.p-menu:active {
  background-color: var(--rz-primary-light);
}
/*    .p-header {
        &-sticky {
            position: sticky;
            z-index: 20;

            &-top-0 {
                top: 0rem !important;
            }

            &-top-3 {
                top: 3rem !important;
            }

            &-top-6 {
                top: 3rem !important;
            }

            &-top-9 {
                top: 3rem !important;
            }

            &-top-12 {
                top: 12rem !important;
            }
        }
    }
*/
.p-link-color .p-hover-color {
  color: var(--rz-primary);
}
.thumb {
  height: 15px;
  width: 15px;
  background-color: var(--rz-primary);
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
}
.p-custom {
  /* &-range-slider:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 13px rgba(255,85,0, .2)
    }*/
  /* &-range-slider:focus::-moz-range-thumb {
        box-shadow: 0 0 0 13px rgba(255,85,0, .2)
    }*/
}
.p-custom-range-slider {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  height: 6px;
  background: var(--rz-slider-background-color);
}
.p-custom-range-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: var(--rz-primary);
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
}
.p-custom-range-slider::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: var(--rz-primary);
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
}
.p-custom-range-slider::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(95, 131, 194, 0.1);
}
.p-custom-range-slider:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(95, 131, 194, 0.2);
}
.p-custom-range-slider::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(95, 131, 194, 0.1);
}
.p-custom-range-slider:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(95, 131, 194, 0.2);
}
.p-custom-range-slider-disabled::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: var(--rz-primary);
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
  background-color: var(--rz-slider-disabled-handle-background-color);
}
.p-custom-range-slider-disabled::-moz-range-thumb {
  height: 15px;
  width: 15px;
  background-color: var(--rz-primary);
  border-radius: 50%;
  border: none;
  transition: 0.2s ease-in-out;
  background-color: var(--rz-slider-disabled-handle-background-color);
}
.prodist-ai {
  height: 100%;
}
.prodist-ai-main {
  position: absolute;
  right: 0;
  bottom: 0;
}
.prodist-ai-sub {
  position: relative;
}
.prodist-ai-message {
  position: fixed;
  bottom: 7.8rem;
  background-color: var(--rz-primary);
  padding: 0.75rem;
  border-radius: 0.5rem;
  color: white;
  white-space: nowrap;
  padding-right: 2rem;
  width: max-content;
  display: flex;
  z-index: 1000;
}
.prodist-ai-message .icon {
  display: none;
}
.prodist-ai-message:hover .icon {
  display: block;
  position: absolute;
  right: 0.25rem;
  top: 0.4rem;
}
.prodist-ai-position-left {
  left: 0.5rem;
}
.prodist-ai-position-right {
  right: 4rem;
}
.prodist-ai ol,
.prodist-ai ul,
.prodist-ai menu {
  list-style: initial;
  margin: initial !important;
  padding: initial !important;
}
.prodist-ai li {
  margin-left: 40px;
}
.prodist-ai p {
  margin: 0.5rem 0 0.5rem 0;
}
.prodist-ai a {
  color: var(--rz-primary);
}
.prodist-ai-popup {
  display: none;
  position: absolute;
  overflow: hidden;
  height: calc(65vh);
  min-height: 300px;
  min-width: 500px;
  width: 25vw;
  border: var(--rz-panel-border);
  background-color: var(--rz-panel-background-color);
  box-shadow: var(--rz-panel-shadow);
  border-radius: 0.75rem;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.prodist-ai-popup-expanded {
  width: 80vw;
  height: 85vh;
}
.prodist-ai-avatar {
  height: 3.5rem;
  position: fixed;
  bottom: 3.5rem;
  z-index: 1000;
  cursor: pointer;
  transition: all 0.1s ease;
}
.prodist-ai-avatar:hover {
  height: 3.85rem;
  bottom: 3.2rem;
  right: 3.2rem;
}
.prodist-ai-dialog {
  background-color: white;
  color: var(--rz-text-color);
  display: grid;
  grid-template-rows: 1fr max-content;
  height: calc(100% - 5.25rem);
  padding: 1rem;
}
.prodist-ai-dialog-header {
  font-size: var(--rz-dialog-title-font-size);
  line-height: 2.5rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--rz-secondary);
  padding: 0 0.25rem 0.75rem 0;
  align-items: center;
  padding: 1rem;
  color: var(--p-blackwhite);
  background-color: var(--rz-primary);
}
.prodist-ai-dialog-header .icons {
  display: flex;
  gap: 1rem;
  line-height: 1rem;
}
.prodist-ai-dialog-header > div {
  display: flex;
  gap: 1rem;
}
.prodist-ai-dialog-header .icon > i {
  animation: spinout 0.5s ease;
}
.prodist-ai-dialog-header .icon > i:hover {
  animation: spinin 0.5s ease;
}
@keyframes spinin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes spinout {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.p-popup {
  display: none;
  position: absolute;
  overflow: hidden;
  height: max-content;
  width: max-content;
  border: var(--rz-panel-border);
  background-color: var(--rz-panel-background-color);
  box-shadow: var(--rz-panel-shadow);
  border-radius: var(--rz-border-radius);
}
.j1mmy-dashboard {
  margin: 1rem 1rem 0 1rem;
}
.j1mmy-dashboard .dashboard {
  height: calc(100vh - 140px);
  width: 100%;
}
.j1mmy-dashboard .dashboard .dashboard-item {
  height: calc(50% - 1.5rem);
}
.j1mmy-dashboard .dashboard .rz-data-grid {
  max-height: 100%;
  overflow: hidden;
}
.p-mail-dialog-main {
  flex: 1;
  height: max-content;
  display: flex;
  flex-direction: column;
}
.p-mail-dialog-main > div:nth-child(4) {
  flex: 1 1 auto;
}
.p-fa {
  font-family: 'Font Awesome 6 Free';
}
.p-fa-solid {
  font-weight: 900;
}
.p-priceplan {
  font-size: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  /*    &:hover {
        border: 1px solid var(--rz-primary);
    }*/
}
.p-priceplan-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
  margin-top: 1.25rem;
}
.p-priceplan-price > div {
  display: flex;
}
.p-priceplan-price > div > * {
  font-size: 2rem;
  line-height: 2rem;
}
.p-priceplan-price > div span {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.p-priceplan-base {
  cursor: pointer;
}
.p-priceplan-base:hover {
  border: 1px solid var(--rz-primary);
}
.p-priceplan-current:hover {
  border: 1px solid var(--rz-primary);
}
.p-priceplan-active {
  border: 2px solid var(--rz-primary);
  background-color: #f7f7f9;
}
.p-priceplan header {
  padding: 0.5rem;
  background-color: var(--rz-primary);
  display: flex;
  justify-content: center;
}
.p-priceplan header * {
  color: var(--rz-panel-menu-item-hover-background-color);
  font-weight: 500;
  margin: 0;
}
.p-priceplan main {
  color: var(--rz-panel-menu-item-hover-color);
}
.p-priceplan main ul li {
  margin-left: calc((100% - 80%)/2);
  margin-right: calc((100% - 80%)/2);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.p-priceplan main ul li span {
  border-bottom: 2px solid var(--rz-primary);
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
  display: block;
  font-size: 0.85rem;
  width: 100%;
}
.p-priceplan main ul li:before {
  font-family: 'Material Icons';
  content: 'check_circle';
  font-size: 1rem;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
  vertical-align: middle;
}
.p-priceplan footer {
  padding: 1rem;
  box-sizing: border-box;
}
.p-priceplan-disabled * {
  opacity: 0.6;
  cursor: default;
}
.p-priceplan-popular {
  height: 150px;
  inset-block-start: 0;
  inset-inline: auto 0;
  overflow: hidden;
  position: absolute;
  transform: rotate(90deg);
  width: 150px;
  z-index: 1;
}
.p-priceplan-popular > * {
  background: #61CE70;
  color: var(--rz-panel-menu-item-hover-background-color);
  font-size: 13px;
  font-weight: 800;
  left: 0;
  line-height: 2;
  margin-block-start: 35px;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);
  width: 200%;
}
.report-clickable-selected {
  cursor: pointer;
  background-color: rgba(0, 151, 206, 0.2) !important;
}
.report {
  min-height: 842pt !important;
  max-width: 595pt !important;
  min-width: 595pt !important;
  border: 1px solid var(--rz-base-400);
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.1), 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 9px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
}
.report * {
  color: #000;
}
.report .wrapper {
  position: relative;
}
.report .wrapper .clickable-hover {
  cursor: pointer;
  transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
}
.report .wrapper .clickable-hover:hover {
  background-color: rgba(0, 151, 206, 0.2) !important;
  transition: background-color 500ms;
}
.report .wrapper .sender-box {
  position: relative;
}
.report .wrapper .sender-box.left {
  top: 0px;
  left: 0px;
}
.report .wrapper .sender-box.right {
  top: 0px;
  right: 0px;
}
.report .wrapper .sender-box.header-full-width {
  top: 160px;
}
.report .wrapper .edit-box {
  position: relative;
}
.report .wrapper .edit-box:before {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-weight: 900;
  color: #c1defa;
  content: "\f044";
  display: block;
  position: absolute;
  left: -24px;
  border-right: 2px solid;
  padding: 0px 4px;
  height: 100%;
}
.report .wrapper .address {
  /*   top: 170px;
            left: 56px;*/
  position: absolute;
  display: block;
}
.report .wrapper .address.align_right {
  left: unset;
  right: 256px;
}
.report-vertical-line {
  position: absolute;
  text-align: center;
  height: calc(100% - 120px);
  width: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}
.report-vertical-line span {
  background: white;
  color: hsl(229, 6%, 60%);
  border-radius: var(--rz-border-radius);
  padding: 0 10px;
  position: absolute;
  display: inline-block;
  top: 50%;
  width: 170px;
  line-height: 1px;
  transform: translateX(-50%) rotate(-90deg);
}
.report-vertical-line-left {
  left: 0;
}
.report-vertical-line-right {
  right: 0;
}
.report-vertical-line-right span {
  transform: translateX(-50%) rotate(90deg);
}
.report-vertical-line:after {
  content: '';
  height: 100%;
  display: block;
  border-left: 1px dashed #ababab;
  margin: 20px 0;
}
.report-bottom-margin {
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 37.5pt;
}
.report-bottom-margin-line {
  color: #ababab;
  position: absolute;
  width: calc(790px - 100px);
  text-align: center;
  border-bottom: 1px dashed #ababab;
  line-height: 1px;
  z-index: 1;
  /* margin: 10px 0 20px;*/
}
.report-bottom-margin-line span {
  background: white;
  color: hsl(229, 6%, 60%);
  border-radius: var(--rz-border-radius);
  padding: 0 10px;
}
.report-bottom-margin-line-bottom {
  bottom: 0;
}
.report-bottom-margin-line-top {
  top: 0;
}
.report .document-header {
  position: relative;
  width: 100%;
  display: block;
}
.report .document-header .document-details {
  width: 100%;
}
.report .document-header .document-details.no_vat {
  width: 85%;
}
.report .document-header .document-details th {
  padding: 0 0.4em 0 0.4em;
  font-weight: bold;
  border-bottom: 1px solid #000;
  text-align: left;
}
.report .document-header .document-details th.price {
  text-align: right;
}
.report .document-header .document-details tr:nth-child(2) {
  border-bottom: 1pt solid #000;
}
.report .document-header .document-details tr.tfoot {
  border-bottom: 0px solid transparent;
}
.report .document-header .document-details tr.tfoot td.total,
.report .document-header .document-details tr.tfoot td.price {
  border-top: 1px solid #000;
}
.report .document-header .document-details tr.tfoot td.total.first,
.report .document-header .document-details tr.tfoot td.total.first,
.report .document-header .document-details tr.tfoot td.total.tax,
.report .document-header .document-details tr.tfoot td.price.tax {
  border-top: 0px solid #000;
}
.report .document-header .document-details tr.tfoot td.total.first {
  font-weight: bold;
}
.report .document-header .document-details tr.tfoot.total {
  font-weight: bold;
}
.report .document-header .document-details tr td {
  padding: 0 0.3em 0 0.3rem;
  font-size: unset !important;
}
.report .document-header .document-details tr td.price,
.report .document-header .document-details tr td .total,
.report .document-header .document-details tr td.total {
  text-align: right;
  min-width: 35px;
}
.report .document-header .document-details tr td.amount {
  width: 30px;
}
.report .document-footer {
  position: absolute;
  bottom: 0px;
  left: 0;
  padding: 0.4em;
  border-top: 1px solid #000;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 241px;
}
.report .document-footer .qr {
  display: flex;
}
.report .document-footer .qr .qr-text {
  width: 150px;
  padding-left: 10px;
  padding-right: 5px;
  border-left: 1px solid #BDBDBD;
}
.report .document-footer .qr .qr-code {
  width: 75px;
}
.report .document-footer .qr-hidden .rq {
  display: none;
}
.report-logo {
  position: relative;
  max-height: 150px;
  max-width: 100% !important;
}
.report-background {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 1121px;
}
.report-background-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.report-background img {
  width: 100%;
}
.p-timeline-thema .p-button-core .rz-button-icon-left {
  font-size: 1.2rem;
}
.p-timeline-upload {
  height: 1.5rem;
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-timeline-upload .p-button-core .rz-button-icon-left {
  font-size: 1rem;
}
.p-timeline-upload:hover {
  cursor: pointer;
}
.p-timeline-upload:hover .p-button-core .rz-button-icon-left {
  font-weight: bolder;
}
.p-timeline-button .rzi {
  font-size: 1.2rem !important;
}