.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--nav>.splide__track>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--nav>.splide__track>.splide__list>.splide__slide.is-active{border:3px solid #00bfff;opacity:1}.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,.splide--nav>.splide__track>.splide__list>.splide__slide:focus{outline:none}.splide__arrow{background:transparent;border:0;cursor:pointer;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.splide__arrow svg{fill:#00bfff;height:2.5em;transition:fill .2s linear;width:2.5em}.splide__arrow:hover svg{fill:#66d9ff}.splide__arrow:focus{outline:none}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:10px;margin:3px;padding:0;transition:all .2s linear;width:10px}.splide__pagination__page.is-active{background:#00bfff;transform:scale(1.4)}.splide__pagination__page:hover{background:#66d9ff;cursor:pointer;opacity:.9}.splide__pagination__page:focus{outline:none}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important;transform-style:preserve-3d}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{outline:none;position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;outline:none;position:relative}.splide__slide img{vertical-align:bottom}.splide__slider{position:relative}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #00bfff;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide--draggable>.splide__slider>.splide__track,.splide--draggable>.splide__track{-ms-user-select:none;user-select:none}.splide--fade>.splide__slider>.splide__track>.splide__list,.splide--fade>.splide__track>.splide__list{display:block}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,.splide--fade>.splide__track>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,.splide--fade>.splide__track>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,.splide--ttb.is-active>.splide__track>.splide__list{display:block}.splide__progress__bar{background:#ccc;height:3px}.splide--rtl>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev{left:auto;right:1em}.splide--rtl>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:scaleX(1)}.splide--rtl>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next{left:1em;right:auto}.splide--rtl>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg{transform:scaleX(-1)}.splide--ttb>.splide__arrows .splide__arrow,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,.splide--ttb>.splide__track>.splide__arrows .splide__arrow{left:50%;transform:translate(-50%)}.splide--ttb>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev{top:1em}.splide--ttb>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg{transform:rotate(-90deg)}.splide--ttb>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next{bottom:1em;top:auto}.splide--ttb>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg{transform:rotate(90deg)}.splide--ttb>.splide__pagination,.splide--ttb>.splide__slider>.splide__pagination{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
:root {
    --surface-a: #ffffff;
    --surface-b: #f8f9fa;
    --surface-c: #e9ecef;
    --surface-d: #dee2e6;
    --surface-e: #ffffff;
    --surface-f: #ffffff;
    --text-color: #495057;
    --text-color-secondary: #6c757d;
    --primary-color: #2697d0;
    --primary-color-text: #ffffff;
    --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji,
        Segoe UI Symbol;
    --surface-0: #ffffff;
    --surface-50: #fafafa;
    --surface-100: #f5f5f5;
    --surface-200: #eeeeee;
    --surface-300: #e0e0e0;
    --surface-400: #bdbdbd;
    --surface-500: #9e9e9e;
    --surface-600: #757575;
    --surface-700: #616161;
    --surface-800: #424242;
    --surface-900: #212121;
    --gray-50: #fafafa;
    --gray-100: #f5f5f5;
    --gray-200: #eeeeee;
    --gray-300: #e0e0e0;
    --gray-400: #bdbdbd;
    --gray-500: #9e9e9e;
    --gray-600: #757575;
    --gray-700: #616161;
    --gray-800: #424242;
    --gray-900: #212121;
    --content-padding: 1rem;
    --inline-spacing: 0.5rem;
    --border-radius: 6px;
    --surface-ground: #f8f9fa;
    --surface-section: #ffffff;
    --surface-card: #ffffff;
    --surface-overlay: #ffffff;
    --surface-border: #dee2e6;
    --surface-hover: #e9ecef;
    --focus-ring: 0 0 0 0.2rem #a6d5fa;
    --maskbg: rgba(0, 0, 0, 0.4);
    color-scheme: light;
}

* {
    box-sizing: border-box;
}

.p-component {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
    font-size: 1rem;
    font-weight: normal;
}

.p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
}

.p-disabled,
.p-component:disabled {
    opacity: 0.6;
}

.p-error {
    color: #f44336;
}

.p-text-secondary {
    color: #6c757d;
}

.pi {
    font-size: 1rem;
}

.p-link {
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
    border-radius: 6px;
}

.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
}

.p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
}

@keyframes p-component-overlay-enter-animation {
    from {
        background-color: transparent;
    }

    to {
        background-color: var(--maskbg);
    }
}

@keyframes p-component-overlay-leave-animation {
    from {
        background-color: var(--maskbg);
    }

    to {
        background-color: transparent;
    }
}

:root {
    --blue-50: #f4fafe;
    --blue-100: #cae6fc;
    --blue-200: #a0d2fa;
    --blue-300: #75bef8;
    --blue-400: #4baaf5;
    --blue-500: #2697d0;
    --blue-600: #1c80cf;
    --blue-700: #1769aa;
    --blue-800: #125386;
    --blue-900: #0d3c61;
    --green-50: #f6fbf6;
    --green-100: #d4ecd5;
    --green-200: #b2ddb4;
    --green-300: #90cd93;
    --green-400: #6ebe71;
    --green-500: #4caf50;
    --green-600: #419544;
    --green-700: #357b38;
    --green-800: #2a602c;
    --green-900: #1e4620;
    --yellow-50: #fffcf5;
    --yellow-100: #fef0cd;
    --yellow-200: #fde4a5;
    --yellow-300: #fdd87d;
    --yellow-400: #fccc55;
    --yellow-500: #fbc02d;
    --yellow-600: #d5a326;
    --yellow-700: #b08620;
    --yellow-800: #8a6a19;
    --yellow-900: #644d12;
    --cyan-50: #f2fcfd;
    --cyan-100: #c2eff5;
    --cyan-200: #91e2ed;
    --cyan-300: #61d5e4;
    --cyan-400: #30c9dc;
    --cyan-500: #00bcd4;
    --cyan-600: #00a0b4;
    --cyan-700: #008494;
    --cyan-800: #006775;
    --cyan-900: #004b55;
    --pink-50: #fef4f7;
    --pink-100: #fac9da;
    --pink-200: #f69ebc;
    --pink-300: #f1749e;
    --pink-400: #ed4981;
    --pink-500: #e91e63;
    --pink-600: #c61a54;
    --pink-700: #a31545;
    --pink-800: #801136;
    --pink-900: #5d0c28;
    --indigo-50: #f5f6fb;
    --indigo-100: #d1d5ed;
    --indigo-200: #acb4df;
    --indigo-300: #8893d1;
    --indigo-400: #6372c3;
    --indigo-500: #3f51b5;
    --indigo-600: #36459a;
    --indigo-700: #2c397f;
    --indigo-800: #232d64;
    --indigo-900: #192048;
    --teal-50: #f2faf9;
    --teal-100: #c2e6e2;
    --teal-200: #91d2cc;
    --teal-300: #61beb5;
    --teal-400: #30aa9f;
    --teal-500: #009688;
    --teal-600: #008074;
    --teal-700: #00695f;
    --teal-800: #00534b;
    --teal-900: #003c36;
    --orange-50: #fff8f2;
    --orange-100: #fde0c2;
    --orange-200: #fbc791;
    --orange-300: #f9ae61;
    --orange-400: #f79530;
    --orange-500: #f57c00;
    --orange-600: #d06900;
    --orange-700: #ac5700;
    --orange-800: #874400;
    --orange-900: #623200;
    --bluegray-50: #f7f9f9;
    --bluegray-100: #d9e0e3;
    --bluegray-200: #bbc7cd;
    --bluegray-300: #9caeb7;
    --bluegray-400: #7e96a1;
    --bluegray-500: #607d8b;
    --bluegray-600: #526a76;
    --bluegray-700: #435861;
    --bluegray-800: #35454c;
    --bluegray-900: #263238;
    --purple-50: #faf4fb;
    --purple-100: #e7cbec;
    --purple-200: #d4a2dd;
    --purple-300: #c279ce;
    --purple-400: #af50bf;
    --purple-500: #9c27b0;
    --purple-600: #852196;
    --purple-700: #6d1b7b;
    --purple-800: #561561;
    --purple-900: #3e1046;
    --red-50: #fff5f5;
    --red-100: #ffd1ce;
    --red-200: #ffada7;
    --red-300: #ff8980;
    --red-400: #ff6459;
    --red-500: #ff4032;
    --red-600: #d9362b;
    --red-700: #b32d23;
    --red-800: #8c231c;
    --red-900: #661a14;
    --primary-50: #f4fafe;
    --primary-100: #cae6fc;
    --primary-200: #a0d2fa;
    --primary-300: #75bef8;
    --primary-400: #4baaf5;
    --primary-500: #2697d0;
    --primary-600: #1c80cf;
    --primary-700: #1769aa;
    --primary-800: #125386;
    --primary-900: #0d3c61;
}

.p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
}

.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
}

.p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: #2697d0;
}

.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
}

.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: #ced4da;
    color: #495057;
}

.p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
}

.p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-autocomplete-panel .p-autocomplete-items {
    padding: 0.5rem 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
}

.p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
}

.p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 6px;
}

.p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
}

.p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2697d0;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
}

.p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
}

.p-datepicker table th {
    padding: 0.5rem;
}

.p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
}

.p-datepicker table td {
    padding: 0.5rem;
}

.p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
}

.p-datepicker table td > span.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker table td.p-datepicker-today > span {
    background: #ced4da;
    color: #495057;
    border-color: transparent;
}

.p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #dee2e6;
}

.p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
}

.p-datepicker .p-timepicker {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
}

.p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datepicker .p-timepicker button:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-datepicker .p-timepicker button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
}

.p-datepicker .p-timepicker span {
    font-size: 1.25rem;
}

.p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
}

.p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
}

.p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
}

.p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
}

.p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #dee2e6;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
}

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #e9ecef;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
}

.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
}

.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

@media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
        padding: 0;
    }
}

.p-cascadeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.p-cascadeselect:not(.p-disabled):hover {
    border-color: #2697d0;
}

.p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
}

.p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
}

.p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
}

.p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
}

.p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.5rem 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.5rem 1rem;
}

.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
}

.p-input-filled .p-cascadeselect {
    background: #f8f9fa;
}

.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
}

.p-checkbox {
    width: 20px;
    height: 20px;
}

.p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: #2697d0;
    background: #2697d0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #2697d0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
}

.p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
}

.p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
}

.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #2697d0;
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #0b7ad1;
}

.p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2697d0;
}

.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
}

.p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
}

.p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
}

.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
}

.p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.25rem 0;
}

.p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
}

.p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
}

.p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
}

.p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
}

.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
}

.p-colorpicker-overlay-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-dropdown {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.p-dropdown:not(.p-disabled):hover {
    border-color: #2697d0;
}

.p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.5rem;
}

.p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
}

.p-dropdown .p-dropdown-label.p-placeholder {
    color: #6c757d;
}

.p-dropdown .p-dropdown-label:focus,
.p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
}

.p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
}

.p-dropdown.p-invalid.p-component {
    border-color: #f44336;
}

.p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-dropdown-panel .p-dropdown-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.5rem;
    margin-right: -1.5rem;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.5rem;
    color: #6c757d;
}

.p-dropdown-panel .p-dropdown-items {
    padding: 0.5rem 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
}

.p-input-filled .p-dropdown {
    background: #f8f9fa;
}

.p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
    background-color: #ffffff;
}

.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
}

.p-editor-container .p-editor-toolbar {
    background: #f8f9fa;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-editor-container .p-editor-toolbar.ql-snow {
    border: 1px solid #dee2e6;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
    stroke: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
    fill: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color: #6c757d;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
    stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
    fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    padding: 0.5rem 0;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: #495057;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    color: #495057;
    background: #e9ecef;
}

.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
    padding: 0.5rem 1rem;
}

.p-editor-container .p-editor-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-editor-container .p-editor-content.ql-snow {
    border: 1px solid #dee2e6;
}

.p-editor-container .p-editor-content .ql-editor {
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
    color: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: #495057;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #2697d0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: #2697d0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #2697d0;
}

.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
    color: #2697d0;
}

.p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
}

.p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
}

.p-inputgroup > .p-component,
.p-inputgroup > .p-inputwrapper > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
}

.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
}

.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
}

.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
}

.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 6px;
}

.p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 6px;
}

.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-fluid .p-inputgroup .p-button {
    width: auto;
}

.p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
}

.p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
}

.p-inputswitch {
    width: 3rem;
    height: 1.75rem;
}

.p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
}

.p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(1.25rem);
}

.p-inputswitch.p-focus .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b6bfc8;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #2697d0;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #ffffff;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #0d89ec;
}

.p-inputswitch.p-invalid {
    border-color: #f44336;
}

.p-inputtext {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 6px;
}

.p-inputtext:enabled:hover {
    border-color: #2697d0;
}

.p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-inputtext.p-invalid.p-component {
    border-color: #f44336;
}

.p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
}

.p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
}

.p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
}

.p-float-label > .p-invalid + label {
    color: #f44336;
}

.p-input-icon-left > i:first-of-type {
    left: 0.5rem;
    color: #6c757d;
}

.p-input-icon-left > .p-inputtext {
    padding-left: 2rem;
}

.p-input-icon-left.p-float-label > label {
    left: 2rem;
}

.p-input-icon-right > i:last-of-type {
    right: 0.5rem;
    color: #6c757d;
}

.p-input-icon-right > .p-inputtext {
    padding-right: 2rem;
}

::-webkit-input-placeholder {
    color: #6c757d;
}

:-moz-placeholder {
    color: #6c757d;
}

::-moz-placeholder {
    color: #6c757d;
}

:-ms-input-placeholder {
    color: #6c757d;
}

.p-input-filled .p-inputtext {
    background-color: #f8f9fa;
}

.p-input-filled .p-inputtext:enabled:hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
}

.p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
}

.p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
}

.p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.5rem;
}

.p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.5rem;
    color: #6c757d;
}

.p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
}

.p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
}

.p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
}

.p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-listbox.p-invalid {
    border-color: #f44336;
}

.p-multiselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.p-multiselect:not(.p-disabled):hover {
    border-color: #2697d0;
}

.p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-multiselect .p-multiselect-label {
    padding: 0.5rem 0.5rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-multiselect .p-multiselect-label.p-placeholder {
    color: #6c757d;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
}

.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
}

.p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-multiselect.p-invalid.p-component {
    border-color: #f44336;
}

.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
}

.p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-multiselect-panel .p-multiselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
}

.p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-multiselect-panel .p-multiselect-items {
    padding: 0.5rem 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
}

.p-input-filled .p-multiselect {
    background: #f8f9fa;
}

.p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
}

.p-password.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
}

.p-password-panel {
    padding: 1rem;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #dee2e6;
}

.p-password-panel .p-password-meter .p-password-strength.weak {
    background: #d32f2f;
}

.p-password-panel .p-password-meter .p-password-strength.medium {
    background: #fbc02d;
}

.p-password-panel .p-password-meter .p-password-strength.strong {
    background: #689f38;
}

.p-radiobutton {
    width: 20px;
    height: 20px;
}

.p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #2697d0;
}

.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #2697d0;
    background: #2697d0;
}

.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
}

.p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
}

.p-radiobutton:focus {
    outline: 0 none;
}

.p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
}

.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #2697d0;
}

.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #0b7ad1;
}

.p-rating {
    gap: 0.5rem;
}

.p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
}

.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
}

.p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2697d0;
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2697d0;
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
}

.p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
}

.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #6c757d;
}

.p-selectbutton .p-button.p-highlight {
    background: #2697d0;
    border-color: #2697d0;
    color: #ffffff;
}

.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
}

.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
}

.p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
}

.p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 6px;
}

.p-slider.p-slider-horizontal {
    height: 0.286rem;
}

.p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
}

.p-slider.p-slider-vertical {
    width: 0.286rem;
}

.p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
}

.p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #2697d0;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-slider .p-slider-range {
    background: #2697d0;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2697d0;
    border-color: #2697d0;
}

.p-treeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.p-treeselect:not(.p-disabled):hover {
    border-color: #2697d0;
}

.p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-treeselect .p-treeselect-label {
    padding: 0.5rem 0.5rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-treeselect .p-treeselect-label.p-placeholder {
    color: #6c757d;
}

.p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
}

.p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-treeselect.p-invalid.p-component {
    border-color: #f44336;
}

.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
}

.p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
}

.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
}

.p-input-filled .p-treeselect {
    background: #f8f9fa;
}

.p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
}

.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
}

.p-togglebutton.p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
    color: #6c757d;
}

.p-togglebutton.p-button:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2697d0;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
}

.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #6c757d;
}

.p-togglebutton.p-button.p-highlight {
    background: #2697d0;
    border-color: #2697d0;
    color: #ffffff;
}

.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
}

.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
}

.p-togglebutton.p-button.p-invalid > .p-button {
    border-color: #f44336;
}

.p-button {
    color: #ffffff;
    background: #2697d0;
    border: 1px solid #2697d0;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.p-button:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
}

.p-button:enabled:active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
}

.p-button.p-button-outlined {
    background-color: transparent;
    color: #2697d0;
    border: 1px solid;
}

.p-button.p-button-outlined:enabled:hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2697d0;
    border: 1px solid;
}

.p-button.p-button-outlined:enabled:active {
    background: rgba(33, 150, 243, 0.16);
    color: #2697d0;
    border: 1px solid;
}

.p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
}

.p-button.p-button-outlined.p-button-plain:enabled:hover {
    background: #e9ecef;
    color: #6c757d;
}

.p-button.p-button-outlined.p-button-plain:enabled:active {
    background: #dee2e6;
    color: #6c757d;
}

.p-button.p-button-text {
    background-color: transparent;
    color: #2697d0;
    border-color: transparent;
}

.p-button.p-button-text:enabled:hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2697d0;
    border-color: transparent;
}

.p-button.p-button-text:enabled:active {
    background: rgba(33, 150, 243, 0.16);
    color: #2697d0;
    border-color: transparent;
}

.p-button.p-button-text.p-button-plain {
    color: #6c757d;
}

.p-button.p-button-text.p-button-plain:enabled:hover {
    background: #e9ecef;
    color: #6c757d;
}

.p-button.p-button-text.p-button-plain:enabled:active {
    background: #dee2e6;
    color: #6c757d;
}

.p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-button .p-button-label {
    transition-duration: 0.2s;
}

.p-button .p-button-icon-left {
    margin-right: 0.5rem;
}

.p-button .p-button-icon-right {
    margin-left: 0.5rem;
}

.p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
}

.p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
}

.p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #2697d0;
    background-color: #ffffff;
}

.p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-button.p-button-rounded {
    border-radius: 2rem;
}

.p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 0.5rem 0;
}

.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
}

.p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 2.357rem;
}

.p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
}

.p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
}

.p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
}

.p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
}

.p-button.p-button-loading-label-only .p-button-label {
    margin-left: 0.5rem;
}

.p-button.p-button-loading-label-only .p-button-loading-icon {
    margin-right: 0;
}

.p-fluid .p-button {
    width: 100%;
}

.p-fluid .p-button-icon-only {
    width: 2.357rem;
}

.p-fluid .p-buttonset {
    display: flex;
}

.p-fluid .p-buttonset .p-button {
    flex: 1;
}

.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
}

.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
}

.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
}

.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary > .p-button:enabled:active,
.p-splitbutton.p-button-secondary > .p-button:enabled:active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
}

.p-button.p-button-secondary.p-button-outlined,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
}

.p-button.p-button-secondary.p-button-outlined:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
}

.p-button.p-button-secondary.p-button-text,
.p-buttonset.p-button-secondary > .p-button.p-button-text,
.p-splitbutton.p-button-secondary > .p-button.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
}

.p-button.p-button-secondary.p-button-text:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
}

.p-button.p-button-secondary.p-button-text:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
}

.p-button.p-button-info,
.p-buttonset.p-button-info > .p-button,
.p-splitbutton.p-button-info > .p-button {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
}

.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info > .p-button:enabled:hover,
.p-splitbutton.p-button-info > .p-button:enabled:hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
}

.p-button.p-button-info:enabled:focus,
.p-buttonset.p-button-info > .p-button:enabled:focus,
.p-splitbutton.p-button-info > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
}

.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info > .p-button:enabled:active,
.p-splitbutton.p-button-info > .p-button:enabled:active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
}

.p-button.p-button-info.p-button-outlined,
.p-buttonset.p-button-info > .p-button.p-button-outlined,
.p-splitbutton.p-button-info > .p-button.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
}

.p-button.p-button-info.p-button-outlined:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
}

.p-button.p-button-info.p-button-text,
.p-buttonset.p-button-info > .p-button.p-button-text,
.p-splitbutton.p-button-info > .p-button.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
}

.p-button.p-button-info.p-button-text:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
}

.p-button.p-button-info.p-button-text:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
}

.p-button.p-button-success,
.p-buttonset.p-button-success > .p-button,
.p-splitbutton.p-button-success > .p-button {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
}

.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success > .p-button:enabled:hover,
.p-splitbutton.p-button-success > .p-button:enabled:hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
}

.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success > .p-button:enabled:focus,
.p-splitbutton.p-button-success > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
}

.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success > .p-button:enabled:active,
.p-splitbutton.p-button-success > .p-button:enabled:active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
}

.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success > .p-button.p-button-outlined,
.p-splitbutton.p-button-success > .p-button.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
}

.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
}

.p-button.p-button-success.p-button-text,
.p-buttonset.p-button-success > .p-button.p-button-text,
.p-splitbutton.p-button-success > .p-button.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
}

.p-button.p-button-success.p-button-text:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
}

.p-button.p-button-success.p-button-text:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
}

.p-button.p-button-warning,
.p-buttonset.p-button-warning > .p-button,
.p-splitbutton.p-button-warning > .p-button {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
}

.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning > .p-button:enabled:hover,
.p-splitbutton.p-button-warning > .p-button:enabled:hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
}

.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning > .p-button:enabled:focus,
.p-splitbutton.p-button-warning > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
}

.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning > .p-button:enabled:active,
.p-splitbutton.p-button-warning > .p-button:enabled:active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
}

.p-button.p-button-warning.p-button-outlined,
.p-buttonset.p-button-warning > .p-button.p-button-outlined,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
}

.p-button.p-button-warning.p-button-outlined:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
}

.p-button.p-button-warning.p-button-text,
.p-buttonset.p-button-warning > .p-button.p-button-text,
.p-splitbutton.p-button-warning > .p-button.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
}

.p-button.p-button-warning.p-button-text:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
}

.p-button.p-button-warning.p-button-text:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
}

.p-button.p-button-help,
.p-buttonset.p-button-help > .p-button,
.p-splitbutton.p-button-help > .p-button {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
}

.p-button.p-button-help:enabled:hover,
.p-buttonset.p-button-help > .p-button:enabled:hover,
.p-splitbutton.p-button-help > .p-button:enabled:hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
}

.p-button.p-button-help:enabled:focus,
.p-buttonset.p-button-help > .p-button:enabled:focus,
.p-splitbutton.p-button-help > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
}

.p-button.p-button-help:enabled:active,
.p-buttonset.p-button-help > .p-button:enabled:active,
.p-splitbutton.p-button-help > .p-button:enabled:active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
}

.p-button.p-button-help.p-button-outlined,
.p-buttonset.p-button-help > .p-button.p-button-outlined,
.p-splitbutton.p-button-help > .p-button.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
}

.p-button.p-button-help.p-button-outlined:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
}

.p-button.p-button-help.p-button-text,
.p-buttonset.p-button-help > .p-button.p-button-text,
.p-splitbutton.p-button-help > .p-button.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
}

.p-button.p-button-help.p-button-text:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
}

.p-button.p-button-help.p-button-text:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
}

.p-button.p-button-danger,
.p-buttonset.p-button-danger > .p-button,
.p-splitbutton.p-button-danger > .p-button {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
}

.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger > .p-button:enabled:hover,
.p-splitbutton.p-button-danger > .p-button:enabled:hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
}

.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger > .p-button:enabled:focus,
.p-splitbutton.p-button-danger > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #edacac;
}

.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger > .p-button:enabled:active,
.p-splitbutton.p-button-danger > .p-button:enabled:active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
}

.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger > .p-button.p-button-outlined,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
}

.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
}

.p-button.p-button-danger.p-button-text,
.p-buttonset.p-button-danger > .p-button.p-button-text,
.p-splitbutton.p-button-danger > .p-button.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
}

.p-button.p-button-danger.p-button-text:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
}

.p-button.p-button-danger.p-button-text:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
}

.p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
}

.p-button.p-button-link:enabled:hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
}

.p-button.p-button-link:enabled:hover .p-button-label {
    text-decoration: underline;
}

.p-button.p-button-link:enabled:focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
}

.p-button.p-button-link:enabled:active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
}

.p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
}

.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
}

.p-speeddial-list {
    outline: 0 none;
}

.p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #495057;
    color: #fff;
}

.p-speeddial-action:hover {
    background: #343a40;
    color: #fff;
}

.p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem 0;
}

.p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
}

.p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem 0;
}

.p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
}

.p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
}

.p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
}

.p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
}

.p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
}

.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
}

.p-speeddial-circle .p-speeddial-item:first-child,
.p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
}

.p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
}

.p-splitbutton {
    border-radius: 6px;
}

.p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2697d0;
    border: 1px solid;
}

.p-splitbutton.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2697d0;
}

.p-splitbutton.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2697d0;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover,
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color: #6c757d;
}

.p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active,
.p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color: #6c757d;
}

.p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2697d0;
    border-color: transparent;
}

.p-splitbutton.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2697d0;
    border-color: transparent;
}

.p-splitbutton.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2697d0;
    border-color: transparent;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover,
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color: #6c757d;
}

.p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active,
.p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color: #6c757d;
}

.p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-splitbutton.p-button-rounded {
    border-radius: 2rem;
}

.p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
}

.p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
}

.p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
}

.p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
}

.p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
}

.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
}

.p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
}

.p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
}

.p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
}

.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
}

.p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
}

.p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
}

.p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
}

.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
}

.p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
}

.p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
}

.p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
}

.p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
}

.p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
}

.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
}

.p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
}

.p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover,
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
}

.p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active,
.p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
}

.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin: 0.5rem;
}

.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-carousel .p-carousel-indicators {
    padding: 1rem;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #e9ecef;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #dee2e6;
}

.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
}

.p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-datatable .p-datatable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

.p-datatable .p-datatable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

.p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
}

.p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
}

.p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #e3f2fd;
    margin-left: 0.5rem;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #6c757d;
}

.p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2697d0;
}

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2697d0;
}

.p-datatable .p-sortable-column.p-highlight:hover {
    background: #e9ecef;
    color: #2697d0;
}

.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #2697d0;
}

.p-datatable .p-sortable-column:focus {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
}

.p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
}

.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
}

.p-datatable .p-datatable-tbody > tr:focus {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
}

.p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #e3f2fd;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #e3f2fd;
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-datatable .p-column-resizer-helper {
    background: #2697d0;
}

.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
}

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
}

.p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
}

.p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
}

.p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 1px 1px 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px;
}

.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-thead > tr > th + th {
    border-left-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr > td + td {
    border-left-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr + tr > td,
.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tbody > tr:first-child > td {
    border-top-width: 0;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-tfoot > tr > td + td {
    border-left-width: 0;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: #fcfcfc;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: #e3f2fd;
    color: #495057;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
    color: #495057;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: #495057;
}

.p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
}

.p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
}

.p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
}

.p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-dataview .p-dataview-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

.p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
}

.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
}

.p-dataview .p-dataview-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
}

.p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-menu-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-column-filter-menu-button.p-column-filter-menu-button-open,
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #e9ecef;
    color: #495057;
}

.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #e3f2fd;
    color: #495057;
}

.p-column-filter-menu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-column-filter-clear-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-column-filter-clear-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    min-width: 12.5rem;
}

.p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.5rem 0;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
}

.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
}

.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
}

.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
}

.p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.5rem 1rem;
}

.p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1rem;
}

.fc {
    /* FullCalendar 4 */
    /* FullCalendar 5 */
}

.fc.fc-unthemed .fc-view-container th {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    color: #495057;
}

.fc.fc-unthemed .fc-view-container td.fc-widget-content {
    border: 1px solid #dee2e6;
    color: #495057;
}

.fc.fc-unthemed .fc-view-container td.fc-head-container {
    border: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-view-container .fc-view {
    background: #ffffff;
}

.fc.fc-unthemed .fc-view-container .fc-row {
    border-right: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-view-container .fc-event {
    background: #0d89ec;
    border: 1px solid #0d89ec;
    color: #ffffff;
}

.fc.fc-unthemed .fc-view-container .fc-divider {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

.fc.fc-unthemed .fc-toolbar .fc-button {
    color: #ffffff;
    background: #2697d0;
    border: 1px solid #2697d0;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
}

.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
    font-family: 'PrimeIcons' !important;
    text-indent: 0;
    font-size: 1rem;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
    content: '\e900';
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
    font-family: 'PrimeIcons' !important;
    text-indent: 0;
    font-size: 1rem;
}

.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
    content: '\e901';
}

.fc.fc-unthemed .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
    background: #2697d0;
    border-color: #2697d0;
    color: #ffffff;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
}

.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    z-index: 1;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 6px;
}

.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
    border-color: #dee2e6;
}

.fc.fc-theme-standard .fc-view-harness th {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
}

.fc.fc-theme-standard .fc-view-harness td {
    color: #495057;
    border-color: #dee2e6;
}

.fc.fc-theme-standard .fc-view-harness .fc-view {
    background: #ffffff;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover {
    background: none;
    border: 0 none;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-family: 'PrimeIcons' !important;
    font-size: 1rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
    content: '\e90b';
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0 none;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
    color: #ffffff;
    background: #0d89ec;
    border-color: #0d89ec;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
    color: #ffffff;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
    background: #0d89ec;
    border-color: #0d89ec;
}

.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
    background: #e9ecef;
    color: #495057;
}

.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
    background: #f8f9fa;
}

.fc.fc-theme-standard .fc-toolbar .fc-button {
    color: #ffffff;
    background: #2697d0;
    border: 1px solid #2697d0;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
    opacity: 0.6;
    color: #ffffff;
    background: #2697d0;
    border: 1px solid #2697d0;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
    font-family: 'PrimeIcons' !important;
    text-indent: 0;
    font-size: 1rem;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
    content: '\e900';
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
    font-family: 'PrimeIcons' !important;
    text-indent: 0;
    font-size: 1rem;
}

.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
    content: '\e901';
}

.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
    background: #2697d0;
    border-color: #2697d0;
    color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
}

.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    z-index: 1;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
    border-radius: 0;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 6px;
}

.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.fc.fc-theme-standard .fc-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-orderlist .p-orderlist-controls {
    padding: 1rem;
}

.p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
}

.p-orderlist .p-orderlist-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
}

.p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
}

.p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
}

.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
}

.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #e3f2fd;
    color: #495057;
}

.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6cbbf5;
}

.p-organizationchart .p-organizationchart-line-down {
    background: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #dee2e6;
    border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #dee2e6;
    border-color: #dee2e6;
}

.p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
}

.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
}

.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
}

.p-paginator .p-paginator-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 6px;
}

.p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 6px;
}

.p-paginator .p-dropdown {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 2.357rem;
}

.p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
}

.p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 2.357rem;
}

.p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
}

.p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #e3f2fd;
    border-color: #e3f2fd;
    color: #495057;
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
}

.p-picklist .p-picklist-buttons {
    padding: 1rem;
}

.p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
}

.p-picklist .p-picklist-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
}

.p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
}

.p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
}

.p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: #e9ecef;
}

.p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: #e9ecef;
}

.p-timeline .p-timeline-event-marker {
    border: 2px solid #2697d0;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
}

.p-timeline .p-timeline-event-connector {
    background-color: #dee2e6;
}

.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
}

.p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
}

.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
}

.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
}

.p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 6px;
}

.p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
}

.p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #e3f2fd;
    color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #495057;
}

.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
}

.p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.5rem;
}

.p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.5rem;
    color: #6c757d;
}

.p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
}

.p-tree .p-tree-loading-icon {
    font-size: 2rem;
}

.p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
}

.p-treetable .p-treetable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

.p-treetable .p-treetable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
}

.p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
}

.p-treetable .p-sortable-column {
    outline-color: #a6d5fa;
}

.p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
}

.p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #e3f2fd;
    margin-left: 0.5rem;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #6c757d;
}

.p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2697d0;
}

.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2697d0;
}

.p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
}

.p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
}

.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
}

.p-treetable .p-treetable-tbody > tr:focus {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
}

.p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #495057;
}

.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #495057;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
}

.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #495057;
}

.p-treetable .p-column-resizer-helper {
    background: #2697d0;
}

.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
    background: #f8f9fa;
}

.p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
}

.p-treetable.p-treetable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
}

.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
}

.p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
}

.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
}

.p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
}

.p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 6px;
    transition: box-shadow 0.2s;
}

.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
}

.p-accordion .p-accordion-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-accordion .p-accordion-tab {
    margin-bottom: 0;
}

.p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
}

.p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
}

.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
.p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
}

.p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-accordion .p-accordion-tab:last-child .p-accordion-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-card {
    background: #ffffff;
    color: #495057;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-card .p-card-body {
    padding: 1rem;
}

.p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6c757d;
}

.p-card .p-card-content {
    padding: 1rem 0;
}

.p-card .p-card-footer {
    padding: 1rem 0 0 0;
}

.p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 6px;
}

.p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 6px;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1rem;
    color: #495057;
    border-radius: 6px;
    transition: box-shadow 0.2s;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
    color: #495057;
}

.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
}

.p-fieldset .p-fieldset-content {
    padding: 1rem;
}

.p-divider .p-divider-content {
    background-color: #ffffff;
}

.p-divider.p-divider-horizontal {
    margin: 1rem 0;
    padding: 0 1rem;
}

.p-divider.p-divider-horizontal:before {
    border-top: 1px #dee2e6;
}

.p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
}

.p-divider.p-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0;
}

.p-divider.p-divider-vertical:before {
    border-left: 1px #dee2e6;
}

.p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
}

.p-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
}

.p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-panel .p-panel-header .p-panel-header-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
}

.p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
}

.p-panel .p-panel-footer {
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0 none;
}

.p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-scrollpanel .p-scrollpanel-bar:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 6px;
    color: #495057;
}

.p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f8f9fa;
}

.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
}

.p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
}

.p-tabview .p-tabview-nav li {
    margin-right: 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}

.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2697d0;
    color: #2697d0;
}

.p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2697d0;
    width: 2.357rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
}

.p-tabview .p-tabview-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}

.p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 6px;
    gap: 0.5rem;
}

.p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
}

.p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-confirm-popup .p-confirm-popup-content {
    padding: 1rem;
}

.p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1rem 1rem 1rem;
}

.p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
}

.p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
}

.p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
}

.p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
}

.p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
}

.p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
}

.p-dialog {
    border-radius: 6px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
}

.p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 1.5rem;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 600;
    font-size: 1.25rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
}

.p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
}

.p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
    margin-left: 1rem;
}

.p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
}

.p-overlaypanel .p-overlaypanel-close {
    background: #2697d0;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
}

.p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
}

.p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
}

.p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
}

.p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
}

.p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
}

.p-sidebar {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.p-sidebar .p-sidebar-header {
    padding: 1rem;
}

.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
}

.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
}

.p-sidebar .p-sidebar-content {
    padding: 1rem;
}

.p-tooltip .p-tooltip-text {
    background: #495057;
    color: #ffffff;
    padding: 0.5rem 0.5rem;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #495057;
}

.p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #495057;
}

.p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #495057;
}

.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #495057;
}

.p-fileupload .p-fileupload-buttonbar {
    background: #f8f9fa;
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
}

.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-fileupload .p-fileupload-file {
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.p-fileupload .p-fileupload-file:last-child {
    margin-bottom: 0;
}

.p-fileupload .p-fileupload-file-name {
    margin-bottom: 0.5rem;
}

.p-fileupload .p-fileupload-file-size {
    margin-right: 0.5rem;
}

.p-fileupload .p-progressbar {
    height: 0.25rem;
}

.p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
}

.p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
}

.p-fileupload-choose:not(.p-disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
}

.p-fileupload-choose:not(.p-disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
}

.p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1rem;
}

.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
}

.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
}

.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
}

.p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
}

.p-contextmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    width: 12.5rem;
}

.p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
}

.p-contextmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
}

.p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
}

.p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
}

.p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
}

.p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
}

.p-dock .p-dock-link {
    width: 4rem;
    height: 4rem;
}

.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
}

.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next,
.p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
}

.p-dock.p-dock-top .p-dock-item-current,
.p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
}

.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
}

.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next,
.p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
}

.p-dock.p-dock-left .p-dock-item-current,
.p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
}

@media screen and (max-width: 960px) {
    .p-dock.p-dock-top .p-dock-list-container,
    .p-dock.p-dock-bottom .p-dock-list-container {
        overflow-x: auto;
        width: 100%;
    }

    .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
        margin: 0 auto;
    }

    .p-dock.p-dock-left .p-dock-list-container,
    .p-dock.p-dock-right .p-dock-list-container {
        overflow-y: auto;
        height: 100%;
    }

    .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
        margin: auto 0;
    }

    .p-dock .p-dock-list .p-dock-item {
        transform: none;
        margin: 0;
    }
}

.p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.p-megamenu .p-megamenu-root-list {
    outline: 0 none;
}

.p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
}

.p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
}

.p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-text {
    color: #495057;
}

.p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-menuitem-icon,
.p-megamenu.p-megamenu-horizontal
    .p-megamenu-root-list
    > .p-menuitem:not(.p-highlight):not(.p-disabled)
    > .p-menuitem-content:hover
    .p-menuitem-link
    .p-submenu-icon {
    color: #6c757d;
}

.p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 12.5rem;
}

.p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.p-menu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.p-menubar .p-menubar-root-list {
    outline: 0 none;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 6px;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
}

.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-menubar .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 12.5rem;
}

.p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
}

@media screen and (max-width: 960px) {
    .p-menubar {
        position: relative;
    }

    .p-menubar .p-menubar-button {
        display: flex;
        width: 2rem;
        height: 2rem;
        color: #6c757d;
        border-radius: 50%;
        transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }

    .p-menubar .p-menubar-button:hover {
        color: #6c757d;
        background: #e9ecef;
    }

    .p-menubar .p-menubar-button:focus {
        outline: 0 none;
        outline-offset: 0;
        box-shadow: 0 0 0 0.2rem #a6d5fa;
    }

    .p-menubar .p-menubar-root-list {
        position: absolute;
        display: none;
        padding: 0.25rem 0;
        background: #ffffff;
        border: 0 none;
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
        width: 100%;
    }

    .p-menubar .p-menubar-root-list .p-menuitem-separator {
        border-top: 1px solid #dee2e6;
        margin: 0.25rem 0;
    }

    .p-menubar .p-menubar-root-list .p-submenu-icon {
        font-size: 0.875rem;
    }

    .p-menubar .p-menubar-root-list .p-menuitem {
        width: 100%;
        position: static;
    }

    .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
        margin-left: auto;
        transition: transform 0.2s;
    }

    .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
        transform: rotate(-180deg);
    }

    .p-menubar .p-menubar-root-list .p-submenu-list {
        width: 100%;
        position: static;
        box-shadow: none;
        border: 0 none;
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
        transition: transform 0.2s;
        transform: rotate(90deg);
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
        transform: rotate(-90deg);
    }

    .p-menubar .p-menubar-root-list .p-menuitem {
        width: 100%;
        position: static;
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
        padding-left: 2.25rem;
    }

    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
        padding-left: 3.75rem;
    }

    .p-menubar
        .p-menubar-root-list
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-menuitem-content
        .p-menuitem-link {
        padding-left: 5.25rem;
    }

    .p-menubar
        .p-menubar-root-list
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-menuitem-content
        .p-menuitem-link {
        padding-left: 6.75rem;
    }

    .p-menubar
        .p-menubar-root-list
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-submenu-list
        .p-menuitem
        .p-menuitem-content
        .p-menuitem-link {
        padding-left: 8.25rem;
    }

    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
        display: flex;
        flex-direction: column;
        top: 100%;
        left: 0;
        z-index: 1;
    }
}

.p-panelmenu .p-panelmenu-header {
    outline: 0 none;
}

.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 6px;
    transition: box-shadow 0.2s;
}

.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
}

.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}

.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
}

.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
}

.p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
}

.p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
}

.p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    border-radius: 0;
}

.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
    border-radius: 0;
}

.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
    border-top: 0 none;
}

.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content,
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
}

.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #495057;
    border: 1px solid #e9ecef;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6c757d;
}

.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #e3f2fd;
    color: #495057;
}

.p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 600;
    color: #495057;
}

.p-steps .p-steps-item:before {
    content: ' ';
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
}

.p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2697d0;
    color: #2697d0;
}

.p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 12.5rem;
}

.p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
}

.p-tieredmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
}

.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
}

.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
}

.p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
}

.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
}

.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
}

.p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
}

.p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
}

.p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 6px;
}

.p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
}

.p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
}

.p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
}

.p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
}

.p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
}

.p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
}

.p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
}

.p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
}

.p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
}

.p-inline-message .p-inline-message-text {
    font-size: 1rem;
}

.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
}

.p-message {
    margin: 1rem 0;
    border-radius: 6px;
}

.p-message .p-message-wrapper {
    padding: 1rem 1.5rem;
}

.p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.p-message .p-message-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
}

.p-message.p-message-info .p-message-icon {
    color: #044868;
}

.p-message.p-message-info .p-message-close {
    color: #044868;
}

.p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
}

.p-message.p-message-success .p-message-icon {
    color: #224a23;
}

.p-message.p-message-success .p-message-close {
    color: #224a23;
}

.p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
}

.p-message.p-message-warn .p-message-icon {
    color: #6d5100;
}

.p-message.p-message-warn .p-message-close {
    color: #6d5100;
}

.p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
}

.p-message.p-message-error .p-message-icon {
    color: #73000c;
}

.p-message.p-message-error .p-message-close {
    color: #73000c;
}

.p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
}

.p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.p-toast {
    opacity: 0.9;
}

.p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
    border-width: 0 0 0 6px;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
}

.p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.p-toast .p-toast-message .p-toast-icon-close:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
}

.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #044868;
}

.p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #224a23;
}

.p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
}

.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #6d5100;
}

.p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
}

.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #73000c;
}

.p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

.p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
}

.p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
}

.p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
}

.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
}

.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
}

.p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f8f9fa;
    padding: 1rem;
}

.p-galleria .p-galleria-indicators {
    padding: 1rem;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #e9ecef;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #dee2e6;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
}

.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
}

.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
}

.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
}

.p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f8f9fa;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
}

.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
}

.p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
}

.p-image-toolbar {
    padding: 1rem;
}

.p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
}

.p-image-action.p-link:last-child {
    margin-right: 0;
}

.p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
}

.p-image-action.p-link i {
    font-size: 1.5rem;
}

.p-avatar {
    background-color: #dee2e6;
    border-radius: 6px;
}

.p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
}

.p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
}

.p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
}

.p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
}

.p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
}

.p-badge {
    background: #2697d0;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.p-badge.p-badge-secondary {
    background-color: #607d8b;
    color: #ffffff;
}

.p-badge.p-badge-success {
    background-color: #689f38;
    color: #ffffff;
}

.p-badge.p-badge-info {
    background-color: #0288d1;
    color: #ffffff;
}

.p-badge.p-badge-warning {
    background-color: #fbc02d;
    color: #212529;
}

.p-badge.p-badge-danger {
    background-color: #d32f2f;
    color: #ffffff;
}

.p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
}

.p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
}

.p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.p-chip .p-chip-icon {
    margin-right: 0.5rem;
}

.p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
}

.p-chip .p-chip-remove-icon {
    margin-left: 0.5rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #e9ecef;
    color: #495057;
}

.p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
}

.p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 6px;
}

.p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2697d0;
}

.p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
}

.p-progress-spinner-svg {
    animation: p-progress-spinner-rotate 2s linear infinite;
}

.p-progress-spinner-circle {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: 0;
    stroke: #73000c;
    animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes p-progress-spinner-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes p-progress-spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

@keyframes p-progress-spinner-color {
    100%,
    0% {
        stroke: #73000c;
    }

    40% {
        stroke: #044868;
    }

    66% {
        stroke: #224a23;
    }

    80%,
    90% {
        stroke: #6d5100;
    }
}

.p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
}

.p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
}

.p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f8f9fa;
}

.p-skeleton {
    background-color: #e9ecef;
    border-radius: 6px;
}

.p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}

.p-tag {
    background: #2697d0;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
}

.p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
}

.p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
}

.p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
}

.p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
}

.p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
}

.p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
}

.p-terminal .p-terminal-input {
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol';
}

/* Customizations to the designer theme should be defined here */
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2697d0;
}

.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2697d0;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2697d0;
}

.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2697d0;
}

.p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-connected-overlay-enter-from{opacity:0;transform:scaleY(0.8)}.p-connected-overlay-leave-to{opacity:0}.p-connected-overlay-enter-active{transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-leave-active{transition:opacity .1s linear}.p-toggleable-content-enter-from,.p-toggleable-content-leave-to{max-height:0}.p-toggleable-content-enter-to,.p-toggleable-content-leave-from{max-height:1000px}.p-toggleable-content-leave-active{overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1)}.p-toggleable-content-enter-active{overflow:hidden;transition:max-height 1s ease-in-out}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only .p-button-label{visibility:hidden;width:0;flex:0 0 auto}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox.p-checkbox-disabled{cursor:default}.p-checkbox-box{display:flex;justify-content:center;align-items:center}.p-colorpicker-panel .p-colorpicker-color{background:transparent url("/images/color.png") no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url("/images/hue.png") no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-fluid .p-inputgroup .p-input{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label input::-moz-placeholder, .p-float-label .p-inputtext::-moz-placeholder{opacity:0;-moz-transition-property:all;transition-property:all;transition-timing-function:ease}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label input:focus::-moz-placeholder, .p-float-label .p-inputtext:focus::-moz-placeholder{opacity:1;-moz-transition-property:all;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-radiobutton{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:bottom}.p-radiobutton.p-radiobutton-disabled{cursor:default}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0);pointer-events:none}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem}
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url(/fonts/primeicons.eot?d44157bdfa026dc877afddb9891a6c4a);
    src: url(/fonts/primeicons.eot?d44157bdfa026dc877afddb9891a6c4a?#iefix) format('embedded-opentype'), url(/fonts/primeicons.woff2?78172950b335ccdb94e23e39fe3eafc1) format('woff2'), url(/fonts/primeicons.woff?10d3152104f2208ac82ab02dfc65cfb6) format('woff'), url(/fonts/primeicons.ttf?ea5358601d0a3fd6670b3d7e757fd288) format('truetype'), url(/fonts/primeicons.svg?e1441b135b3ca9ad643ca8378d410731?#primeicons) format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

.vue3-resize-observer{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.vue3-resize-observer object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  scroll-behavior: smooth;
}
@media screen and (min-width: 900px) {
  html {
    font-size: 14px;
  }
}
@media screen and (-webkit-device-pixel-ratio: 1.25) {
  html {
    font-size: 12px;
  }
}

p {
  line-height: 1.7;
}

.body {
  max-width: 50em;
  margin: 0 auto;
}

::-moz-placeholder {
  opacity: 1;
  font-weight: 300;
}

::placeholder {
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  color: #80c4dc;
  font-weight: 300;
}

::-ms-input-placeholder {
  color: #80c4dc;
  font-weight: 300;
}

a {
  color: #2697d0;
  text-decoration: none;
}

strong,
h1,
h2,
h3,
h4 {
  font-weight: 600;
}

.section-header {
  margin-bottom: 2.2rem;
}
.section-header h1,
.section-header h2 {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 600;
  line-height: 1.43;
}
.section-header h3 {
  font-size: 1rem;
  margin: 0;
  font-weight: normal;
  line-height: 1.43;
  font-weight: 600;
}
.section-header p {
  font-size: 1rem;
  margin: 0 0 20px;
}
.section-header a {
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .section-header h2 {
    font-size: 1.7rem;
  }
  .section-header h3 {
    font-size: 1.3rem;
  }
}

*,
:after,
:before {
  box-sizing: inherit;
}

.stars.stars-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-4-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/4-5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-4 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/4-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-3-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/3-5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-3 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/3-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-2-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/2-5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-2 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/2-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-1-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/1-5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-1 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/1-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}
.stars.stars-0-5 {
  height: 19px;
  width: 106px;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/0-5-stars.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

header {
  padding: 1.1rem;
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  transition: background-color 0.4s, opacity 0.4s, background-image 0.4s, left 0.4s, top 0.4s;
  border-bottom: 1px solid #ccc;
  opacity: 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  height: 4.3rem;
  z-index: 13;
}
@media screen and (min-width: 900px) {
  header {
    padding: 0 2.2rem;
    height: 75px;
  }
}

.white-header .main-container {
  padding-top: 4.3rem;
}
@media screen and (min-width: 900px) {
  .white-header .main-container {
    padding-top: 75px;
  }
}
.white-header header {
  background-color: #fff !important;
}
.white-header .telephone a,
.white-header .header-contact {
  color: #000 !important;
}
.white-header .menu-toggle span {
  background: #000 !important;
}
.white-header .header-reviews {
  color: #000 !important;
}
.white-header .header-reviews a {
  color: #000 !important;
}
.white-header .logo-transparent {
  display: none !important;
}
.white-header .logo-opaque {
  display: block !important;
}
.white-header .menu {
  border-right: 1px solid #000 !important;
}
.white-header .menu li a {
  color: #000 !important;
}
.white-header .menu li a.menu-item-shoppingcart {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-shoppingcart-black@2x.webp") !important;
}

.logo-container {
  display: flex;
  width: 90px;
  z-index: 1;
  align-items: center;
}
.logo-container img {
  width: 90px;
  height: 27px;
}
.logo-container .logo-opaque {
  display: block;
}
.logo-container .logo-transparent {
  display: none;
}
@media screen and (min-width: 900px) {
  .logo-container {
    width: 150px;
    grid-column: 1/2;
  }
  .logo-container img {
    width: 150px;
    height: 45px;
  }
}

.header-reviews-container {
  display: grid !important;
  grid-template-columns: auto 1fr;
}

.header-reviews-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header-reviews-right .recommends {
  display: none;
}
@media screen and (min-width: 1500px) {
  .header-reviews-right .recommends {
    display: block;
  }
}
.header-reviews-right a {
  color: #000;
  text-decoration: underline;
}

.header-reviews-left {
  font-size: 2.15rem;
  font-weight: 600;
  padding-right: 0.7rem;
  display: flex;
  justify-items: center;
  align-items: center;
}

.header-middle {
  display: grid;
  grid-template-columns: 1fr 1fr;
  z-index: 1;
  align-items: center;
}
@media screen and (min-width: 900px) {
  .header-middle {
    display: flex;
    grid-column: 2/3;
  }
}
.header-middle .header-reviews {
  color: #000;
  font-size: 0.8rem;
  padding-left: 0.7rem;
}
@media screen and (min-width: 900px) {
  .header-middle .header-reviews {
    padding-left: 16px;
  }
}
.header-middle .header-reviews .stars {
  width: 75px;
  height: 1.1rem;
  background-size: contain;
}
@media screen and (min-width: 900px) {
  .header-middle .header-reviews .stars {
    width: 110px;
    height: 22px;
  }
}

.header-contact {
  text-align: right;
  font-size: 0.8rem;
  color: #000;
  padding-right: 0.7rem;
}
.header-contact .telephone {
  display: block;
  font-weight: 600;
}
.header-contact .telephone a {
  color: #000;
}
@media screen and (min-width: 900px) {
  .header-contact.hidden-phone {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    padding-left: 1.8rem;
    grid-column: 3/4;
    grid-row: 1/2;
  }
}
@media screen and (min-width: 1400px) {
  .header-contact.hidden-phone {
    grid-column: 4/5;
    padding-left: 25px;
  }
}
@media screen and (min-width: 1600px) {
  .header-contact.hidden-phone {
    font-size: 0.8rem;
  }
}

.main-nav {
  display: flex;
  justify-content: flex-end;
  grid-column: 4/5;
}
@media screen and (min-width: 1400px) {
  .main-nav {
    display: none;
  }
}

.menu-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.menu-toggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 0.35rem;
  position: relative;
  background: #000000;
  border-radius: 6px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, left 0.5s ease;
}
.menu-toggle span:first-child {
  transform-origin: 0% 0%;
}
.menu-toggle span:nth-last-child(1) {
  transform-origin: 0% 100%;
  margin-bottom: 0;
}
@media screen and (min-width: 1400px) {
  .menu-toggle > input,
  .menu-toggle > span {
    display: none;
  }
}

.menu {
  padding: 7.8rem 4.2rem 4.2rem;
  margin: 0;
  background: #fff;
  display: none;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s;
  border-right: none;
}
.menu.visible {
  display: block;
}
@media screen and (min-width: 1400px) {
  .menu {
    display: block;
    opacity: 1;
    grid-column: 3/4;
    grid-row: 1/2;
    justify-self: end;
    width: auto;
    position: initial;
    margin: 0;
    transform: none;
    -webkit-transform: none;
    padding: 0 25px 0 0;
    border-right: 1px solid #000;
    background: transparent;
    height: 75px;
  }
}
.menu a {
  color: #232323;
  transition: color 0.3s ease;
}
.menu li {
  padding: 0.7rem 0;
  font-size: 1.6rem;
}
.menu li a {
  font-size: 1.1rem;
}
@media screen and (min-width: 900px) {
  .menu li:hover a:not(.menu-item-shoppingcart) {
    border-bottom: 3px solid #2697d0;
  }
  .menu li.active .megamenu-subitem {
    display: grid;
  }
  .menu li a {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 1400px) {
  .menu li {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1.7rem;
    padding-left: 19px;
    float: left;
  }
  .menu li a {
    color: #000;
  }
}
@media screen and (min-width: 1500px) {
  .menu li a {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 1600px) {
  .menu li {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1650px) {
  .menu li a {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 1700px) {
  .menu li a {
    font-size: 0.95rem;
  }
}
@media screen and (min-width: 1900px) {
  .menu li {
    padding-left: 40px;
  }
  .menu li a {
    font-size: 1rem;
  }
}
.menu li .menu-item-shoppingcart {
  height: 1.7rem;
  width: auto;
  background: url("https://cdn.advertentiegroothandel.nl/new-images/icon-shoppingcart-black@2x.webp");
  background-size: 1.7rem 1.7rem;
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 28px;
}

.menu-open .menu {
  opacity: 1;
}
.menu-open header {
  background: transparent;
  border: 0;
}
.menu-open .menu-toggle span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -3px);
}
.menu-open .menu-toggle span:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.menu-open .menu-toggle span:nth-last-child(1) {
  transform: rotate(-45deg) translate(0, 0px);
}
.menu-open .menu-toggle ul {
  transform: none;
}
.menu-open .header-reviews {
  color: #000 !important;
}
.menu-open .logo-opaque {
  display: block !important;
}
.menu-open .logo-transparent {
  display: none !important;
}
.menu-open .header-contact {
  color: #000 !important;
}
.menu-open .menu-toggle span {
  background: #000 !important;
}
.menu-open .menu {
  border-right: 1px solid #fff !important;
}
@media screen and (min-width: 1400px) {
  .menu-open .menu li a {
    color: #000 !important;
  }
  .menu-open .menu li a.menu-item-shoppingcart {
    background: url("https://cdn.advertentiegroothandel.nl/new-images/icon-shoppingcart-black@2x.webp") !important;
  }
}

body.at-top header {
  background-color: transparent;
  border-bottom: none;
  opacity: 1;
  position: absolute;
}
body.at-top .logo-opaque {
  display: none;
}
body.at-top .logo-transparent {
  display: block;
}
body.at-top .header-reviews {
  color: #fff;
}
body.at-top .header-reviews a {
  color: #fff;
}
body.at-top .header-contact {
  color: #fff;
}
body.at-top .header-contact .telephone a {
  color: #fff;
}
body.at-top .menu-toggle span {
  background: #edf1f3;
}
body.at-top .menu-toggle input:checked ~ span {
  background: #000;
}
body.at-top .menu {
  border-right: 1px solid #fff;
}
@media screen and (min-width: 1400px) {
  body.at-top .menu li a {
    color: #fff;
  }
  body.at-top .menu li a.menu-item-shoppingcart {
    background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-shoppingcart-white@2x.webp");
  }
}

.disclaimer {
  background-color: #edf1f3;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.disclaimer ul li {
  padding: 1.1rem;
  font-size: 1rem;
  color: #000000;
}
@media screen and (min-width: 600px) {
  .disclaimer ul li {
    float: left;
    border-right: 1px solid #ccc;
    padding: 0 1.1rem;
  }
}
.disclaimer ul li:last-child {
  border-right: 0;
}
.disclaimer ul li a {
  color: #2697d0;
}
.disclaimer .disclaimer-text {
  font-style: italic;
  font-size: 1rem;
  margin-top: 1.4rem;
}
@media screen and (min-width: 900px) {
  .disclaimer .disclaimer-text {
    width: 70%;
    max-width: 900px;
  }
}

.read-more {
  color: #2697d0;
}

.radio-container {
  display: flex;
  position: relative;
  padding: 0 0.7rem 0 16px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 0.9rem;
  height: auto;
  min-height: 40px;
  justify-content: space-between;
  background-color: #ccdae1;
  color: #2697d0;
  align-items: center;
  border-radius: 6px;
}
.radio-container.selected {
  background-color: #2697d0;
  color: #fff;
}
.radio-container.selected .checkmark {
  background-color: #fff;
}
.radio-container.selected .checkmark:after {
  display: block;
}
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-container .checkmark {
  position: relative;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #fff;
  border-radius: 50%;
}
.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2697d0;
}
.radio-container:hover input ~ .checkmark {
  background-color: #fff;
}

.checkbox-container {
  display: flex;
  position: relative;
  padding-left: 46px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 0.9rem;
  height: auto;
  min-height: 40px;
  background-color: #ccdae1;
  color: #2697d0;
  align-items: center;
}
.checkbox-container.selected {
  background-color: #2697d0;
  color: #fff;
}
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkbox-container input:checked ~ .checkmark {
  background-color: #fff;
}
.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-container .checkmark {
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
  height: 1.4rem;
  width: 1.4rem;
  background-color: #fff;
  border-radius: 2px;
}
.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  width: 13px;
  height: 13px;
  background: #2697d0;
  border-radius: 2px;
}
.checkbox-container:hover input ~ .checkmark {
  background-color: #fff;
}
.checkbox-container label {
  margin-left: 10px;
}

select,
textarea,
input[type=tel],
input[type=email],
input[type=date],
input[type=password],
input[type=text] {
  width: 100%;
  border: 0;
  height: 40px;
  border-radius: 6px;
  margin-bottom: 1.1rem;
  padding: 0 12px;
  font-size: 0.9rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  outline: none;
  color: #80c4dc;
  font-weight: 600;
  line-height: 1.5;
}
select.validate-ok,
textarea.validate-ok,
input[type=tel].validate-ok,
input[type=email].validate-ok,
input[type=date].validate-ok,
input[type=password].validate-ok,
input[type=text].validate-ok {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-success@2x.webp");
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right 12px center;
}
select.validate-error,
textarea.validate-error,
input[type=tel].validate-error,
input[type=email].validate-error,
input[type=date].validate-error,
input[type=password].validate-error,
input[type=text].validate-error {
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: right 12px center;
}

select {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-down-blue@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 13px;
}

textarea {
  height: 150px;
  padding: 12px;
  resize: none;
}

form h4 {
  font-weight: normal;
}

.button {
  width: 100%;
  height: 3.5rem;
  border: 0;
  background-color: #ccc;
  border-radius: 6px;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.button.button-primary {
  background-color: #f1862d;
  color: #fff;
  font-weight: bold;
}
.button.button-default {
  background-color: #2697d0;
  color: #fff;
  font-weight: bold;
}
.button.button-gray {
  background-color: #ccc;
  color: #fff;
  font-weight: bold;
}
.button.button-outline {
  background-color: transparent;
  color: #2697d0;
  font-weight: bold;
  font-size: 1rem;
  border: 2px solid #2697d0;
  border-radius: 6px;
}
.button.button-outline small {
  font-size: 0.85rem;
  font-weight: normal;
}
.button.low-button {
  height: 40px;
}
.button[disabled] {
  opacity: 0.5;
}

footer {
  background-color: #2697d0;
  padding: 3.2rem 1.1rem;
  line-height: 20px;
}
footer .footer-content-container {
  grid-column: 2/3;
}
@media screen and (min-width: 900px) {
  footer .footer-content-container {
    display: flex;
    gap: 20px;
  }
}
footer .footer-content-container .footer-content {
  color: #fff;
  margin-bottom: 30px;
  flex: 1;
}
@media screen and (min-width: 900px) {
  footer .footer-content-container .footer-content {
    margin-bottom: 0;
  }
}
footer .footer-content-container .footer-content li {
  margin-bottom: 4px;
}
footer .footer-content-container .footer-content li a {
  display: block;
  line-height: 20px;
  color: #fff !important;
}
footer .footer-content-container .footer-content h3 {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
footer .footer-content-container .footer-content p {
  font-size: 1rem;
  margin: 0.35rem 0 28px;
}

.contact-information-container {
  margin-bottom: 40px;
}
.contact-information-container li {
  display: grid;
  grid-template-columns: 4.3rem 1fr;
  grid-gap: 10px;
  margin-bottom: 16px !important;
}
.contact-information-container li .contact-icon .fa {
  width: 4.3rem;
  height: 4.3rem;
}
.contact-information-container li .contact-icon img {
  width: 100%;
  display: block;
}
.contact-information-container li .contact-information {
  color: #fff;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
.contact-information-container li .contact-information h4 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.contact-information-container li .contact-information p {
  font-weight: normal;
  font-size: 1rem;
  margin: 0;
}
.contact-information-container li .contact-information a {
  color: #fff;
}

.fa {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/spritev2.webp");
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: 600%;
}
.fa.fa-facebook {
  background-position: -178px 14px;
}
.fa.fa-instagram {
  background-position: -224px 14px;
}
.fa.fa-x-twitter {
  background-position: -269px 14px;
}
.fa.fa-linkedin {
  background-position: -314px 14px;
}
.fa.fa-phone {
  background-position: 15px 14px;
}
.fa.fa-comments {
  background-position: -35px 14px;
}
.fa.fa-envelope {
  background-position: -90px 14px;
}
@media screen and (min-width: 900px) {
  .fa.fa-envelope {
    background-position: -84px 14px;
  }
}
.fa.fa-file-lines {
  background-position: -140px 14px;
}
@media screen and (min-width: 900px) {
  .fa.fa-file-lines {
    background-position: -130px 14px;
  }
}

.green-circle {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: #00d47e;
  margin-right: 2px;
  display: inline-block;
}

.red-circle {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  background-color: red;
  margin-right: 2px;
  display: inline-block;
}

.responsive-image {
  width: 100%;
}

.hidden-phone {
  display: none;
}
@media screen and (min-width: 900px) {
  .hidden-phone {
    display: block;
  }
}

.hidden-desktop {
  display: block;
}
@media screen and (min-width: 900px) {
  .hidden-desktop {
    display: none;
  }
}

input.search-box {
  width: 100%;
  height: 3.5rem;
  padding-left: 48px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-search@2x.webp");
  background-repeat: no-repeat;
  background-position: center left 1.1rem;
  background-size: 1.5rem 1.7rem;
  border-radius: 6px;
  border: 1px solid #2697d0;
  color: #2697d0;
  font-weight: 600;
  font-size: 1rem;
}
input.search-box::-moz-placeholder {
  color: #6e92a3;
  font-weight: normal;
  font-size: 1rem;
}
input.search-box::placeholder {
  color: #6e92a3;
  font-weight: normal;
  font-size: 1rem;
}
@media screen and (min-width: 600px) {
  input.search-box {
    width: 100%;
    display: block;
  }
}

.strikethrough {
  text-decoration: line-through;
}

.no-margin {
  margin: 0 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.custom-selector {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
}
.custom-selector.selected {
  background-color: #008bc1;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/check-white@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.75rem;
}

.info-box {
  padding: 1.1rem;
  border: dashed 1px #8bc6e4;
  background-color: #eef4f6;
  font-size: 0.9rem;
  color: #000;
  line-height: 1.46;
  margin-bottom: 1.4rem;
  border-radius: 6px;
}
.info-box.success-box {
  color: #3c763d;
  border: dashed 1px #d6e9c6;
  background-color: #dff0d8;
}
.info-box.error-box {
  color: #842029;
  border: dashed 1px #f5c2c7;
  background-color: #f8d7da;
}

.font-italic {
  font-style: italic;
}

.orange-italic {
  color: #f39133;
  font-size: 1rem;
  font-style: italic;
  text-align: center;
}

.form-header {
  font-size: 0.9rem;
  font-weight: normal;
}

[v-cloak] {
  display: none !important;
}

button {
  cursor: pointer;
}

.text-button {
  background: none;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  border: none;
  color: #2697d0;
}

.form-group {
  margin-bottom: 1.4rem;
}
.form-group select,
.form-group input {
  margin-bottom: 0;
}
.form-group .error {
  margin: 0.4rem 0 0;
  font-size: 0.85rem;
  color: red;
}

.p-dialog {
  max-width: 90%;
}
@media screen and (min-width: 900px) {
  .p-dialog {
    max-width: 50%;
  }
}

.p-dialog .p-dialog-footer {
  text-align: left !important;
  border-radius: 0 0 8px 8px;
}

.p-dialog-content {
  color: #333 !important;
}

.p-dialog .p-dialog-header {
  padding: 0.8rem 1.5rem !important;
  color: #333 !important;
  border-radius: 6px 6px 0 0;
}

.splide__slide img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 400px;
  width: 600px;
}

.splide__pagination {
  display: none !important;
}

.splide__arrow svg {
  fill: #2697d0 !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.reviews-container > h3 {
  font-size: 1.4rem;
  margin: 0 0 40px;
}
.reviews-container ul {
  margin-bottom: 2.2rem;
}
.reviews-container li {
  padding: 2.2rem 0;
  border-bottom: 1px solid #ddd;
}
.reviews-container li h3 {
  margin: 0 0 3px;
  font-size: 1.2rem;
}
.reviews-container li h3 small {
  font-weight: normal;
}
.reviews-container li .stars {
  margin-bottom: 1.4rem;
}
.reviews-container li q {
  font-size: 1rem;
  font-style: italic;
}
.reviews-container li:first-child {
  padding-top: 0;
}
.reviews-container li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 900px) {
  .p-sidebar-left.p-sidebar-md {
    width: 35rem !important;
  }
}

@media screen and (min-width: 900px) {
  .p-sidebar .p-sidebar-content {
    padding: 0 4rem 4rem !important;
  }
}

.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  box-shadow: none !important;
}

.w-auto {
  width: auto !important;
}

.p-button {
  border-radius: 6px !important;
}

.p-button:focus {
  box-shadow: none !important;
}

.p-button.p-button-text {
  color: #2697d0 !important;
  background-color: transparent !important;
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #2697d0 !important;
  background: #2697d0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-min2 {
  margin-bottom: -2rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.bt-1 {
  border-top: 1px solid #333;
}

.w-1 {
  width: 1rem !important;
}

.w-2 {
  width: 2rem !important;
}

.w-3 {
  width: 3rem !important;
}

.w-4 {
  width: 4rem !important;
}

.w-5 {
  width: 5rem !important;
}

.w-6 {
  width: 6rem !important;
}

.w-7 {
  width: 7rem !important;
}

.w-8 {
  width: 8rem !important;
}

.w-9 {
  width: 9rem !important;
}

.w-10 {
  width: 10rem !important;
}

.w-11 {
  width: 11rem !important;
}

.w-12 {
  width: 12rem !important;
}

.w-13 {
  width: 13rem !important;
}

.w-14 {
  width: 14rem !important;
}

.w-15 {
  width: 15rem !important;
}

.w-16 {
  width: 16rem !important;
}

.breadcrumbs-container {
  margin-top: 2.2rem;
}
.breadcrumbs-container .breadcrumbs-content {
  grid-column: 2/4;
  font-size: 1rem;
}
@media screen and (max-width: 900px) {
  .breadcrumbs-container .breadcrumbs-content {
    margin-left: 1.1rem;
  }
}
.breadcrumbs-container .breadcrumbs-content a {
  display: flex;
}
.breadcrumbs-container .breadcrumbs-content .pi {
  margin-right: 0.35rem;
}

.popular-option {
  padding: 3px 7px;
  background: #f1862c;
  font-size: 0.85rem;
  color: #fff;
  border-radius: 6px;
}

.p-progress-spinner {
  width: 2.2rem !important;
  height: 2.2rem !important;
}

.p-progress-spinner-circle {
  stroke: #fff !important;
}

@keyframes p-progress-spinner-color {
  100%, 0% {
    stroke: #fff !important;
  }
  40% {
    stroke: #fff !important;
  }
  66% {
    stroke: #fff !important;
  }
  80%, 90% {
    stroke: #fff !important;
  }
}
.d-flex {
  display: flex !important;
}

.align-center {
  align-items: center !important;
}

.font-smallest {
  font-size: 0.6rem !important;
}

.font-smaller {
  font-size: 0.8rem !important;
}

.font-normal {
  font-size: 1.1rem !important;
}

.font-bigger {
  font-size: 1.8rem !important;
}

.font-biggest {
  font-size: 2.5rem !important;
}

.font-weight-normal {
  font-weight: normal !important;
}

.white-background {
  background-color: #fff !important;
}

.rounded {
  border-radius: 6px;
}

.w-100 {
  width: 100% !important;
}

.nice-list {
  margin: 0 0 20px !important;
  padding: 0 !important;
}
.nice-list strong,
.nice-list h3 {
  margin: 0 0 5px;
  color: #333 !important;
  font-weight: 600 !important;
}
.nice-list p {
  margin: 0 0 20px !important;
}
.nice-list li {
  margin: 0;
  padding: 5px 0 5px 32px;
  list-style: none;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/list-style-image.webp");
  background-repeat: no-repeat;
  background-position: left top 10px;
  background-size: 18px;
  line-height: 1.7;
}
.nice-list.low li {
  padding: 0 0 0 32px;
  background-position: left top 5px;
}

.float-right {
  float: right !important;
}

.responsive-image-container {
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 900px) {
  .responsive-image-container {
    width: 50%;
    margin-bottom: 20;
    margin-right: 20px;
  }
  .responsive-image-container.float-right {
    margin-left: 20px;
  }
}
.responsive-image-container img {
  width: 100%;
}

.text-center {
  text-align: center !important;
}

.blue-text {
  color: #2697d0 !important;
}

.font-light {
  font-weight: 300 !important;
}

.footer-header {
  margin-bottom: 16px;
  font-size: 1.1rem;
  display: block;
}

.social-links {
  display: flex;
  gap: 1rem;
}

.fa {
  font-size: 30px;
  width: 60px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2697d0;
}
.fa:before {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.8rem;
}

.fa:hover {
  opacity: 0.7;
}

.grid-colspan-2 > * {
  grid-column: 1/3;
}

.large-text {
  font-size: 1rem;
  line-height: 1.5;
}

.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0 auto 20px;
  text-align: center;
}
.pagination.nowrap {
  flex-wrap: nowrap;
}
.pagination li {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  border-right: 1px solid #ccc;
}
.pagination li a {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pagination li span {
  padding: 10px 20px;
}
.pagination li:first-child {
  border-radius: 6px 0 0 6px;
}
.pagination li:last-child {
  border-radius: 0 6px 6px 0;
  border-right: 0;
}

.megamenu-subitem {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  padding: 40px 0;
  background: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
}
.megamenu-subitem .megamenu-content {
  grid-column: 2/3;
  -moz-column-count: 4;
       column-count: 4;
}
.megamenu-subitem .megamenu-content div {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.megamenu-subitem .megamenu-content div .megamenu-header {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
  color: #2697d0;
}
.megamenu-subitem .megamenu-content div ul li {
  padding: 0;
  margin: 0;
  display: block;
  float: none;
  line-height: 1.1;
}
.megamenu-subitem .megamenu-content div ul li a {
  border-bottom: none !important;
  font-size: 1rem;
}

.flex {
  display: flex;
}

.gap-3 {
  gap: 12px;
}

.flex-1 {
  flex: 1;
}

#turnstile-container {
  margin-bottom: 12px;
}

@supports (grid-area: auto) {
  .body {
    max-width: none;
  }
  .body .main-area > * {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(auto, 540px)) 1fr;
  }
  .body footer {
    display: grid;
    grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  }
  .body .pillars {
    display: grid;
    grid-template-columns: 1fr repeat(2, minmax(auto, 650px)) 1fr;
  }
  @media screen and (min-width: 900px) {
    .body .checkout-area {
      display: grid;
      grid-template-columns: 1fr minmax(auto, 640px) minmax(auto, 510px) 1fr;
    }
  }
  .body .shoppingcart-container,
  .body .account-container,
  .body .success-container {
    grid-template-columns: 1fr repeat(2, minmax(auto, 450px)) 1fr;
  }
  .body .login-container,
  .body .password-container {
    grid-template-columns: 1fr repeat(2, minmax(auto, 220px)) 1fr;
  }
  .body .serie-configurator-container {
    grid-template-columns: 1fr minmax(auto, 440px) minmax(auto, 640px) 1fr;
  }
  .body .rates-container {
    grid-template-columns: 1fr repeat(2, minmax(auto, 640px)) 1fr;
  }
  .body .rates-container .section-header {
    color: #2697d0;
  }
  .body .paper-landing-grid-container {
    padding: 3.2rem 1.1rem;
    grid-template-columns: 1fr minmax(auto, 780px) minmax(auto, 300px) 1fr;
  }
  .body .paper-landing-grid-container .paper-landing-content {
    font-weight: 300;
    grid-column: 2/4;
  }
  @media screen and (min-width: 900px) {
    .body .paper-landing-grid-container .paper-landing-content {
      grid-column: 2/3;
      padding-right: 40px;
      border-right: 1px solid #ccc;
    }
  }
  .body .paper-landing-grid-container .paper-landing-content h2 {
    color: #2697d0;
    margin: 40px 0 0;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .body .paper-landing-grid-container .paper-landing-content h2:first-child {
    margin-top: 0;
  }
  .body .paper-landing-grid-container .paper-landing-content h3 {
    color: #f1842c;
    font-size: 1rem;
    font-weight: 600;
  }
  .body .paper-landing-grid-container .paper-landing-content p {
    margin: 30px 0;
  }
  .body .paper-landing-grid-container .paper-landing-content hr {
    margin-bottom: 30px;
    border: none;
    height: 1px;
    background: #ccc;
  }
  .body .paper-landing-grid-container .paper-landing-content .image-container {
    margin: 40px 0;
  }
  .body .paper-landing-grid-container .paper-landing-sidebar {
    padding-left: 40px;
    grid-column: 3/4;
  }
  .body .paper-landing-grid-container .paper-landing-sidebar-item {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
    background-color: #fff;
  }
  .body .paper-landing-grid-container .paper-landing-sidebar-item .rate-container {
    display: block;
    border: none;
    padding: 0;
  }
  .body .paper-landing-grid-container .paper-landing-sidebar-item .rate-container.help-rate {
    border-color: #ccc;
  }
  .body .paper-landing-grid-container .sidebar-reviews-container {
    text-align: center;
  }
  .body .paper-landing-grid-container .sidebar-reviews-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .body .paper-landing-grid-container .sidebar-reviews-bottom a {
    color: #000;
    text-decoration: underline;
  }
  .body .paper-landing-grid-container .sidebar-reviews-bottom .stars {
    margin: 10px auto;
  }
  .body .paper-landing-grid-container .sidebar-reviews-top {
    font-size: 3rem;
    font-weight: 600;
    padding-bottom: 0.7rem;
  }
  .body .spread-landing-container {
    padding: 3.2rem 1.1rem 3.2rem;
    background: #f9fafb;
  }
  .body .spread-landing-container .spread-landing-content {
    font-weight: 300;
    grid-column: 2/4;
  }
  @media screen and (min-width: 900px) {
    .body .spread-landing-container .spread-landing-content {
      grid-column: 2/4;
      padding-right: 30px;
    }
  }
  .body .spread-landing-container .spread-landing-content h2 {
    color: #2697d0;
    margin: 40px 0 0;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .body .spread-landing-container .spread-landing-content h2:first-child {
    margin-top: 0;
  }
  .body .spread-landing-container .spread-landing-content h3 {
    color: #f1842c;
    font-size: 1rem;
    font-weight: 600;
  }
  .body .spread-landing-container .spread-landing-content hr {
    margin-bottom: 30px;
    border: none;
    height: 1px;
    background: #ccc;
  }
  .body .spread-landing-container .spread-landing-content .image-container {
    margin: 40px 0;
  }
  .body .spread-landing-container .spread-landing-sidebar {
    grid-column: 3/4;
  }
  .body .spread-landing-container .spread-landing-sidebar-item {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
    background-color: #fff;
  }
  .body .spread-landing-container .spread-landing-sidebar-item .rate-container {
    display: block;
    border: none;
    padding: 0;
  }
  .body .spread-landing-container .spread-landing-sidebar-item .rate-container.help-rate {
    border-color: #ccc;
  }
  .body .spread-landing-container .sidebar-reviews-container {
    text-align: center;
  }
  .body .spread-landing-container .sidebar-reviews-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .body .spread-landing-container .sidebar-reviews-bottom a {
    color: #000;
    text-decoration: underline;
  }
  .body .spread-landing-container .sidebar-reviews-bottom .stars {
    margin: 10px auto;
  }
  .body .spread-landing-container .sidebar-reviews-top {
    font-size: 3rem;
    font-weight: 600;
    padding-bottom: 0.7rem;
  }
  .body .spread-landing-grid-container {
    padding: 120px 1.1rem 3.2rem;
    grid-template-columns: 1fr minmax(auto, 900px) minmax(auto, 435px) 1fr;
    background: #f9fafb;
  }
  .body .spread-landing-grid-container .spread-landing-content {
    font-weight: 300;
    grid-column: 2/4;
  }
  @media screen and (min-width: 900px) {
    .body .spread-landing-grid-container .spread-landing-content {
      grid-column: 2/3;
      padding-right: 30px;
    }
  }
  .body .spread-landing-grid-container .spread-landing-content h2 {
    color: #2697d0;
    margin: 40px 0 0;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .body .spread-landing-grid-container .spread-landing-content h2:first-child {
    margin-top: 0;
  }
  .body .spread-landing-grid-container .spread-landing-content h3 {
    color: #f1842c;
    font-size: 1rem;
    font-weight: 600;
  }
  .body .spread-landing-grid-container .spread-landing-content hr {
    margin-bottom: 30px;
    border: none;
    height: 1px;
    background: #ccc;
  }
  .body .spread-landing-grid-container .spread-landing-content .image-container {
    margin: 40px 0;
  }
  .body .spread-landing-grid-container .spread-landing-sidebar {
    grid-column: 3/4;
  }
  .body .spread-landing-grid-container .spread-landing-sidebar-item {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
    background-color: #fff;
  }
  .body .spread-landing-grid-container .spread-landing-sidebar-item .rate-container {
    display: block;
    border: none;
    padding: 0;
  }
  .body .spread-landing-grid-container .spread-landing-sidebar-item .rate-container.help-rate {
    border-color: #ccc;
  }
  .body .spread-landing-grid-container .sidebar-reviews-container {
    text-align: center;
  }
  .body .spread-landing-grid-container .sidebar-reviews-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .body .spread-landing-grid-container .sidebar-reviews-bottom a {
    color: #000;
    text-decoration: underline;
  }
  .body .spread-landing-grid-container .sidebar-reviews-bottom .stars {
    margin: 10px auto;
  }
  .body .spread-landing-grid-container .sidebar-reviews-top {
    font-size: 3rem;
    font-weight: 600;
    padding-bottom: 0.7rem;
  }
  @media screen and (min-width: 600px) {
    .body .contact-section,
    .body .offer {
      grid-template-columns: 1fr repeat(2, minmax(auto, 260px)) 1fr;
    }
  }
  @media screen and (min-width: 1200px) {
    .body header {
      grid-template-columns: 150px auto 1fr auto;
    }
  }
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 6px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 1rem;
  font-weight: bold;
  height: auto;
  left: 0.35rem;
  line-height: normal;
  padding: 1.1rem 23px 14px;
  top: 0.35rem;
  width: auto;
  z-index: 100000;
}

.hero-outdoor {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/hero-outdoor.webp") !important;
}

.hero-paper {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/home.webp") !important;
}

.hero-spread {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/home.webp") !important;
}

.hero-paper-details {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/landing-paper.webp") !important;
}

.hero {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/home.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 770px) 1fr;
  grid-template-rows: 4.3rem 1fr;
  padding: 0 1.1rem;
}
.hero .hero-content {
  grid-column: 2/3;
  grid-row: 2/3;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 20px 0;
}
.hero .hero-content h1 {
  margin: 0;
  font-size: 2.3rem;
  margin-bottom: 1.4rem;
  font-weight: 600;
}
.hero .hero-content h1 span {
  color: #fdaf26;
}
.hero .hero-content p {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
.hero .hero-content p a {
  color: #f1842c;
}
.hero .hero-content a {
  color: #fff;
  text-decoration: underline;
}
@media screen and (min-width: 900px) {
  .hero {
    grid-template-rows: 75px 1fr;
  }
  .hero .hero-content {
    padding: 0;
  }
  .hero .hero-content h1 {
    font-size: 3rem;
  }
  .hero .hero-content p {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero {
    height: 350px;
  }
  .hero .hero-content h1 {
    font-size: 4.5rem;
  }
}

.hero.hero-landing {
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://cdn.advertentiegroothandel.nl/new-images/home.webp");
  padding: 0px 1.1rem;
  height: auto;
}
.hero.hero-landing .hero-content h1 {
  font-size: 2.3rem;
  margin-bottom: 2rem;
  font-weight: 600;
}
.hero.hero-landing .hero-content h1 span {
  color: #fdaf26;
}
.hero.hero-landing .hero-content p {
  font-size: 1rem;
  margin-bottom: 40px;
}
.hero.hero-landing .hero-content .subheader {
  font-style: italic;
  text-wrap: balance;
  font-weight: 600;
}
.hero.hero-landing .hero-content a {
  font-size: 1rem;
  color: #f1842c;
  font-weight: normal;
}
.hero.hero-landing .hero-content .offer-link {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0;
}
.hero.hero-landing .hero-content .offer-link a {
  display: block;
  font-weight: 600;
  color: #fdaf26;
  font-size: 1.4rem;
}
.hero.hero-landing .hero-content .search-form-header {
  margin-bottom: 1.4rem;
  font-size: 1.2rem;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero.hero-landing {
    grid-template-columns: 1fr minmax(auto, 930px) 1fr;
    padding: 40px 1.1rem;
  }
  .hero.hero-landing .hero-content h1 {
    font-size: 4.5rem;
    margin-bottom: 4px;
  }
  .hero.hero-landing .hero-content p {
    font-size: 2rem;
    margin-bottom: 40px;
  }
  .hero.hero-landing .hero-content .offer-link a {
    display: inline;
  }
}

.hero.hero-paper-details .landing-hero-summary-container {
  flex: 1;
}
.hero.hero-paper-details .landing-hero-summary-container .landing-hero-summary {
  max-width: 220px;
  display: inline-flex;
  flex-direction: column;
  transform: rotate(3deg);
  border-radius: 6px;
  background: #fdaf26;
  padding: 20px;
  color: #000;
  margin-bottom: 30px;
  box-shadow: 4px 4px 16px -5px #000000;
}
@media screen and (min-width: 900px) {
  .hero.hero-paper-details .landing-hero-summary-container .landing-hero-summary {
    transform: rotate(10deg);
  }
}
.hero.hero-paper-details .landing-hero-summary-container .landing-hero-summary strong {
  font-size: 1.1rem;
  margin: 0;
  font-style: italic;
}
.hero.hero-paper-details .landing-hero-summary-container .landing-hero-summary p {
  font-size: 1.1rem;
  margin-bottom: 0;
  font-weight: normal;
}
@media screen and (min-width: 900px) {
  .hero.hero-paper-details {
    padding-bottom: 0;
    grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
    overflow: hidden;
  }
  .hero.hero-paper-details .hero-content {
    display: flex;
    flex-direction: row;
  }
  .hero.hero-paper-details .hero-content .landing-hero-image {
    align-self: flex-start;
    flex: 1;
    height: 100%;
    position: relative;
  }
  .hero.hero-paper-details .hero-content .landing-hero-image .landing-hero-image-inner {
    position: absolute;
    bottom: -100%;
    height: 100%;
  }
  .hero.hero-paper-details .hero-content .landing-hero-image .landing-hero-image-inner img {
    position: absolute;
    box-shadow: 4px 4px 16px -5px #000000;
    width: 250px;
  }
  .hero.hero-paper-details .hero-content .landing-hero-image .landing-hero-image-inner img:first-child {
    left: 22px;
    top: -270px;
    transform: rotate(-7deg);
    z-index: 3;
  }
  .hero.hero-paper-details .hero-content .landing-hero-image .landing-hero-image-inner img:last-child {
    left: 50px;
    z-index: 2;
    transform: rotate(-4deg);
    top: -265px;
  }
  .hero.hero-paper-details .hero-content .landing-hero-content {
    flex: 2;
  }
  .hero.hero-paper-details .hero-content .landing-hero-content h1 {
    margin-bottom: 20px;
  }
  .hero.hero-paper-details .hero-content .landing-hero-content h1 span {
    color: #fdaf26;
    display: block;
  }
  .hero.hero-paper-details .hero-content .landing-hero-content p {
    margin-bottom: 40px;
    font-size: 1.3rem;
    text-wrap: balance;
  }
}

.landing-search-form {
  width: 100%;
  position: relative;
  text-align: left;
  border-radius: 6px;
  width: 100%;
}
.landing-search-form input {
  width: 100%;
  height: 3.2rem;
  border-radius: 6px;
  font-size: 1rem;
  padding-right: 132px;
}
.landing-search-form input::-moz-placeholder {
  color: #6e92a3;
  font-weight: normal;
  font-size: 1rem;
}
.landing-search-form input::placeholder {
  color: #6e92a3;
  font-weight: normal;
  font-size: 1rem;
}
.landing-search-form .search-button {
  width: 120px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  border: 0;
  border-radius: 6px;
  background-image: linear-gradient(61deg, #e87111 32%, #f1842c 86%);
  padding: 0 0.7rem;
  color: #fff !important;
  font-weight: 600;
  font-size: 1rem;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
}
@media screen and (min-width: 900px) {
  .landing-search-form .search-button {
    top: 0;
    right: 12px;
  }
}
@media screen and (min-width: 900px) {
  .landing-search-form {
    display: grid;
    grid-template-columns: 28% 1px 28% 1px 1fr;
    background-color: #fff;
  }
}
.landing-search-form .separator {
  display: none;
  width: 1px;
  margin: 14px 0;
  background-color: #c6d9e3;
}
@media screen and (min-width: 900px) {
  .landing-search-form .separator {
    display: block;
  }
}
.landing-search-form.section-opened {
  background-color: #dadfe2;
}
.landing-search-form.section-opened .separator {
  visibility: hidden;
}
.landing-search-form .landing-search-form-section {
  padding: 8px 12px;
  position: relative;
  cursor: pointer;
  display: flex;
  background-color: #fff;
  justify-content: center;
  flex-direction: column;
  border-radius: 6px;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section {
    padding: 10px 15px;
    position: initial;
  }
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section {
    margin-bottom: 0;
  }
}
.landing-search-form .landing-search-form-section:last-child {
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.landing-search-form .landing-search-form-section .landing-search-form-preview {
  color: #6e92a3;
  font-weight: normal;
  font-size: 0.9rem !important;
  margin: 0 !important;
  color: #333;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section .landing-search-form-preview {
    font-size: 1rem !important;
  }
}
.landing-search-form .landing-search-form-section .landing-search-form-label {
  color: #333;
  font-weight: 600;
  font-size: 0.85rem !important;
  margin: 0 !important;
  display: none;
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section .landing-search-form-label {
    display: block;
  }
}
.landing-search-form .landing-search-form-section.opened {
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.landing-search-form .landing-search-form-section.opened .landing-search-form-preview {
  font-weight: bold;
  color: #333;
}
.landing-search-form .landing-search-form-section.opened .landing-search-form-section-content {
  display: block;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content {
  display: none;
  position: absolute;
  margin-left: -17px;
  top: 45px;
  left: 17px;
  width: 100%;
  border-radius: 6px;
  background: #fff;
  color: #333;
  padding: 2.3rem;
  z-index: 2;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section .landing-search-form-section-content {
    top: 75px;
    left: auto;
    width: auto;
  }
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content label {
  margin-bottom: 0.9rem;
  color: #6e92a3;
  font-size: 1rem;
  font-weight: normal;
  display: block;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-type-selector-container button,
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-reach-selector-container button {
  position: initial;
  background: transparent;
  border: 1px solid #89aaba;
  color: #333;
  border-radius: 6px;
  font-weight: normal;
  font-size: 0.9rem;
  height: 38px;
  margin-right: 0.4rem;
  height: auto;
  top: auto;
  left: auto;
  padding: 0.7rem 1.2rem;
  width: 100%;
  margin-bottom: 5px;
}
@media screen and (min-width: 900px) {
  .landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-type-selector-container button,
  .landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-reach-selector-container button {
    padding: 0.85rem 1.2rem;
    width: auto;
    margin-bottom: 0;
    font-size: 1rem;
  }
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-type-selector-container button.selected,
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-reach-selector-container button.selected {
  font-weight: 600;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/check-black@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 13px;
  padding-right: 36px;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-type-selector-container button {
  display: block;
  margin-bottom: 0.7rem;
  width: 100%;
  text-align: left;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-type-selector-container button:last-child {
  margin-bottom: 0;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-city-selector,
.landing-search-form .landing-search-form-section .landing-search-form-section-content .landing-search-form-province-selector {
  margin-top: 1.4rem;
}
.landing-search-form .landing-search-form-section .landing-search-form-section-content select {
  border: 1px solid #333;
  border-radius: 6px;
  color: #333;
  font-weight: 600;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-down-black@2x.webp");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 16px 13px;
  margin-bottom: 0;
}
.landing-search-form .button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .landing-search-form .button-container {
    position: absolute;
    right: 10px;
  }
}
.landing-search-form .button-container button {
  position: initial;
  width: auto;
  font-size: 1rem;
  height: 40px;
  border-radius: 6px;
}

.landing-search-form-error {
  margin: 0 !important;
  font-size: 1rem !important;
  margin-top: 0.7rem !important;
  font-weight: 600 !important;
  color: #f1862d !important;
}
.landing-search-form-error a {
  font-weight: 600 !important;
}

@media screen and (min-width: 900px) {
  .hero-outdoor .landing-search-form {
    width: 70%;
  }
  .hero-outdoor .landing-search-form input {
    padding-right: 142px;
    margin-bottom: 0;
  }
  .hero-outdoor .landing-search-form .search-button {
    top: 0.4rem;
  }
}

.search-form-results-container {
  background: #fff;
  position: absolute;
  margin-top: 4px;
  border-radius: 6px;
  width: 100%;
  max-height: 180px;
  overflow-y: auto;
  border: 1px solid #2697d0;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.search-form-results-container.high {
  max-height: 300px;
}
.search-form-results-container ul li {
  width: 100%;
  padding: 1.1rem 20px;
  font-size: 1rem;
  color: #333;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.search-form-results-container ul li:last-child {
  border-bottom: 0;
}
.search-form-results-container ul li:hover {
  background: #f1862d;
  color: #fff;
  border-bottom-color: #fff;
}

.pillars {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.pillars .pillars-content {
  grid-column: 2/4;
}
.pillars .pillars-content .section-header a {
  font-size: inherit;
  font-weight: inherit;
}
.pillars ul li {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.4rem;
}
.pillars ul li img {
  width: 100%;
  height: 100%;
  display: block;
}
.pillars ul li div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.4rem;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  background-size: contain;
  flex-direction: column;
}
.pillars ul li h3 {
  color: #fff;
  font-weight: 600;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.pillars ul li p {
  margin: 0;
  color: #fff;
  font-weight: normal;
  font-size: 1.1rem;
}
.pillars ul li p.outdoor {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}
.pillars ul li p.paper {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}
.pillars ul li p.spread {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
}
@media screen and (min-width: 600px) {
  .pillars {
    padding: 90px 1.1rem;
  }
  .pillars ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2px;
  }
  .pillars ul li {
    border-radius: 0;
    margin-bottom: 0px;
  }
  .pillars ul li:first-child {
    border-radius: 6px 0 0 6px;
  }
  .pillars ul li:last-child {
    border-radius: 0 6px 6px 0;
  }
}

.quicklinks-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.quicklinks-container .quicklinks-content {
  grid-column: 2/4;
}
.quicklinks-container .quicklinks-content .quicklinks-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.4rem;
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 320px) {
  .quicklinks-container .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 600px) {
  .quicklinks-container .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .quicklinks-container .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.quicklinks-container .quicklinks-content .quicklinks-list li {
  color: #333;
  width: 100%;
  min-height: 120px;
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.7rem;
  text-align: center;
  position: relative;
}
.quicklinks-container .quicklinks-content .quicklinks-list li a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.quicklinks-container .quicklinks-content .quicklinks-list li .quicklink-logo-container {
  height: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quicklinks-container .quicklinks-content .quicklinks-list li .quicklink-logo-container img {
  display: block;
  max-width: 80%;
}
.quicklinks-container .quicklinks-content .quicklinks-list li p {
  font-size: 0.85rem;
  font-weight: normal;
  margin: 0;
}
.quicklinks-container .read-more {
  font-weight: 600;
  font-size: 1rem;
  display: block;
}
@media screen and (min-width: 900px) {
  .quicklinks-container .search-box {
    width: 400px;
  }
}

.team {
  padding: 3.2rem 1.1rem;
  min-height: 7rem;
}
.team .team-content {
  grid-column: 2/4;
  line-height: 1.71;
}
.team .team-content small {
  font-size: 1rem;
}
.team .team-content aside {
  margin: 35px -15px 0;
  width: calc(100% + 2.2rem);
}
@media screen and (min-width: 600px) {
  .team .team-content aside {
    margin: 35px 0 0;
    width: 100%;
  }
}
.team .team-content aside img {
  width: 100%;
  display: block;
}
@media screen and (min-width: 600px) {
  .team {
    padding: 90px 1.1rem;
  }
  .team .team-content aside {
    margin-top: 0;
  }
}

.reviews {
  padding: 3.2rem 1.1rem 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.reviews .section-header h3 {
  font-weight: 600;
}
.reviews .reviews-content {
  grid-column: 2/4;
}
.reviews .reviews-content ul li {
  color: #333;
  font-weight: normal;
  font-size: 1rem;
  font-style: italic;
  line-height: 1.71;
  margin-bottom: 28px;
}
@media screen and (min-width: 600px) {
  .reviews .reviews-content ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
  }
  .reviews .reviews-content ul li {
    margin-bottom: 0;
  }
}

.contact-section {
  padding: 3.2rem 1.1rem;
  min-height: 400px;
}
.contact-section .contact-content {
  grid-column: 2/4;
}
@media screen and (min-width: 600px) {
  .contact-section {
    padding: 90px 1.1rem;
    grid-template-columns: 1fr repeat(2, minmax(auto, 320px)) 1fr;
  }
}

.offer {
  padding: 3.2rem 1.1rem;
  background-color: #fff;
  min-height: 400px;
}
.offer .offer-content {
  grid-column: 2/4;
}
@media screen and (min-width: 600px) {
  .offer {
    padding: 90px 1.1rem;
    grid-template-columns: 1fr repeat(2, minmax(auto, 320px)) 1fr;
  }
}
.offer .offer-form select,
.offer .offer-form textarea,
.offer .offer-form input[type=tel],
.offer .offer-form input[type=email],
.offer .offer-form input[type=date],
.offer .offer-form input[type=password],
.offer .offer-form input[type=text] {
  border: 1px solid #2697d0;
}

.contact-form select,
.contact-form textarea,
.contact-form input[type=tel],
.contact-form input[type=email],
.contact-form input[type=date],
.contact-form input[type=password],
.contact-form input[type=text],
.offer-form select,
.offer-form textarea,
.offer-form input[type=tel],
.offer-form input[type=email],
.offer-form input[type=date],
.offer-form input[type=password],
.offer-form input[type=text] {
  border: 1px solid #2697d0;
}

.last-minutes-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.last-minutes-container .last-minutes-content {
  grid-column: 2/4;
}
.last-minutes-container .last-minutes {
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 600px) {
  .last-minutes-container .last-minutes {
    display: grid;
    grid-gap: 1.4rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .last-minutes-container .last-minutes {
    display: grid;
    grid-gap: 1.4rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.last-minutes-container .read-more {
  font-weight: 600;
  font-size: 1rem;
}

.cities-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.cities-container .cities-content {
  grid-column: 2/4;
}

.quicklink-cities {
  padding: 1.1rem;
  background-color: #fff;
  border-radius: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 900px) {
  .quicklink-cities {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.quicklink-cities li {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-right-blue@2x.webp");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px 16px;
  padding: 0.7rem 0 0.7rem 1.5rem;
  font-size: 1rem;
}

.more-information-section {
  padding: 3.2rem 1.1rem;
  background-color: #fff;
}
.more-information-section .more-information-grid-container {
  display: grid;
  grid-column: 2/4;
  grid-template-columns: 1fr minmax(auto, 780px) minmax(auto, 300px) 1fr;
}
.more-information-section .more-information-content {
  grid-column: 2/4;
  padding-right: 0;
  border-right: 0;
  font-weight: 300;
}
@media screen and (min-width: 900px) {
  .more-information-section .more-information-content {
    grid-column: 2/3;
    padding-right: 30px;
    border-right: 1px solid #ccc;
  }
}
.more-information-section .more-information-content h2 {
  color: #2697d0;
  font-size: 1.4rem;
  margin: 40px 0 0;
  font-weight: 600;
}
.more-information-section .more-information-content h2:first-child {
  margin-top: 0;
}
.more-information-section .more-information-content hr {
  background: #ccc;
  border: none;
  height: 1px;
  margin-bottom: 30px;
}
.more-information-section .more-information-content p {
  margin: 30px 0;
}
.more-information-section .more-information-sidebar {
  grid-column: 3/4;
  padding-left: 40px;
}
.more-information-section .more-information-sidebar .more-information-sidebar-item {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 20px;
  background-color: #fff;
}
.more-information-section .more-information-sidebar .more-information-sidebar-item .rate-container {
  display: block;
  border: none;
  padding: 0;
}
.more-information-section .more-information-sidebar .more-information-sidebar-item .rate-container.help-rate {
  border-color: #ccc;
}
@media screen and (min-width: 600px) {
  .more-information-section {
    padding: 45px 1.1rem;
    grid-template-columns: 1fr repeat(2, minmax(auto, 320px)) 1fr;
  }
}

.landing-subhero {
  padding: 3.2rem 1.1rem;
  background-color: #e2f4fd;
  display: grid;
  grid-template-columns: 1fr repeat(2, minmax(auto, 640px)) 1fr !important;
}
.landing-subhero .landing-subhero-content-container {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .landing-subhero .landing-subhero-content-container {
    display: flex;
  }
}
.landing-subhero .landing-subhero-content-container .landing-subhero-content {
  flex: 1;
  padding: 0px 15px;
}
.landing-subhero .landing-subhero-content-container .landing-subhero-content p {
  line-height: 1.7;
  text-align: justify;
}
.landing-subhero .landing-subhero-content-container .landing-subhero-content ul li {
  line-height: 1.7;
}
.landing-subhero .landing-subhero-content-container .landing-subhero-content strong,
.landing-subhero .landing-subhero-content-container .landing-subhero-content h2 {
  color: #2697d0;
  margin-top: 0;
  font-size: 1rem;
}
.landing-subhero .landing-subhero-content-container .landing-subhero-content .landing-subhero-content-header {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
}
@media screen and (min-width: 900px) {
  .landing-subhero .landing-subhero-content-container .landing-subhero-content:first-child {
    padding-left: 0;
    border-right: 1px solid #00adee;
  }
  .landing-subhero .landing-subhero-content-container .landing-subhero-content:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 600px) {
  .landing-subhero {
    padding: 45px 1.1rem;
    grid-template-columns: 1fr minmax(auto, 1280px) 1fr;
  }
}

.button-national {
  width: auto;
  height: 3.2rem;
  border-radius: 6px;
  background: transparent;
  font-weight: normal;
  font-size: 1rem;
  border: 1px solid #fff;
  margin-bottom: 40px;
  padding: 0 16px;
  color: #fff !important;
  text-decoration: none !important;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .button-national {
    display: flex;
  }
}

.quick-search-container {
  position: relative;
  height: 3.2rem;
}
.quick-search-container .button-quick-search {
  width: auto;
  height: 3.2rem;
  border-radius: 6px;
  background: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  border: 1px solid #fff;
  padding: 0 16px 0 40px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-search-white@2x.webp");
  background-repeat: no-repeat;
  background-position: center left 1.1rem;
  background-size: 1.1rem;
}
.quick-search-container .button-quick-search.hidden {
  visibility: hidden;
}
.quick-search-container .input-quick-search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.2rem;
  border-radius: 6px;
  background: #fff;
  color: #2697d0;
  font-weight: 600;
  font-size: 1rem;
  border: 1px solid #2697d0;
  padding: 0 16px 0 40px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-search@2x.webp");
  background-repeat: no-repeat;
  background-position: center left 1.1rem;
  background-size: 1.1rem;
}

.quick-search-form {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.quick-search-form.faded {
  opacity: 0.5;
}
.quick-search-form .search-box-container {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  .quick-search-form .search-box-container {
    display: inline-block;
    width: auto;
  }
  .quick-search-form .search-box-container .search-form-results-container {
    top: 54px;
  }
}
.quick-search-form .search-box-container form {
  display: grid;
  grid-template-columns: 1fr auto;
}
.quick-search-form .search-box-container button {
  margin-left: 0.7rem;
  width: auto;
  border-radius: 6px;
  font-size: 1rem;
  height: 3.2rem;
}
.quick-search-form .search-box {
  margin-bottom: 0;
  height: 3.2rem;
}
.quick-search-form .read-more {
  margin-top: 1.1rem;
  font-weight: 600;
  font-size: 1rem;
  display: block;
}
.quick-search-form .form-error {
  color: #f1862d;
  margin: 0.35rem 0 0 0.35rem;
  font-size: 1rem;
  text-align: left;
}

.hero-outdoor .quick-search-form .search-box-container {
  display: flex;
}
.hero-outdoor .landing-quicksearch-container {
  max-width: 500px;
}

.landing-quicksearch-container {
  padding: 1.4rem 0;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 900px) {
  .landing-quicksearch-container:first-of-type {
    width: 100%;
    margin-bottom: 20px;
  }
  .landing-quicksearch-container:last-of-type {
    width: 90%;
    margin-bottom: 1.4rem;
  }
}

.landing-quicksearch-splitter {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .landing-quicksearch-splitter {
    display: flex;
    gap: 2.2rem;
    width: 100%;
  }
}
.landing-quicksearch-splitter .or-separator {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.4rem 0;
}
@media screen and (min-width: 900px) {
  .landing-quicksearch-splitter .or-separator {
    margin: 0;
  }
}
.landing-quicksearch-splitter .search-box-container {
  width: 100%;
}
.landing-quicksearch-splitter .search-box {
  margin-right: 0;
  border: none !important;
}

.extended-paper-search-item h4 {
  margin-top: 0;
  margin-bottom: 8px;
}
.extended-paper-search-item p {
  line-height: 1.1;
  margin-bottom: 0 !important;
  font-size: 0.8rem !important;
  font-weight: 300 !important;
}

.example-price-table {
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
}
.example-price-table thead th {
  text-align: left;
}
.example-price-table th,
.example-price-table td {
  border-bottom: 1px solid #ccc;
  padding: 3px 10px;
  line-height: 1.7;
  vertical-align: top;
}
.example-price-table th.text-right,
.example-price-table td.text-right {
  text-align: right;
}
.example-price-table tr:last-child td {
  border-bottom: none;
}

.outdoor-search-form-type-selector-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.7rem;
}
.outdoor-search-form-type-selector-container button {
  position: initial;
  background: transparent;
  border: 1px solid #89aaba;
  color: #333;
  border-radius: 6px;
  font-weight: normal;
  font-size: 1rem;
  height: 38px;
  width: auto;
  padding: 12px 16px;
  height: auto;
  top: auto;
  left: auto;
  display: block;
  margin: 0;
  width: 180px;
  text-align: left;
}
.outdoor-search-form-type-selector-container button.selected {
  font-weight: 600;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/check-black@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 13px;
  padding-right: 36px;
}

.outdoor-quicklinks {
  background: #eaf6fe;
}
@media screen and (min-width: 320px) {
  .outdoor-quicklinks .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 600px) {
  .outdoor-quicklinks .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .outdoor-quicklinks .quicklinks-content .quicklinks-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.outdoor-quicklinks .quicklinks-content .quicklinks-list li .quicklink-logo-container {
  height: 100%;
  margin-bottom: 0.7rem;
}
.outdoor-quicklinks .quicklinks-content .quicklinks-list li .quicklink-logo-container img {
  max-height: 100%;
}
.outdoor-quicklinks .quicklinks-content .quicklinks-list li p {
  color: #2697d0;
  font-size: 1rem;
}

.outdoor-item {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.outdoor-item h3 {
  margin: 0 0 10px;
  color: #f1842c;
  font-size: 1.4rem;
  font-weight: 600;
}
.outdoor-item a {
  align-self: flex-end;
}
.outdoor-item .outdoor-item-content {
  margin-bottom: 20px;
}
@media screen and (min-width: 900px) {
  .outdoor-item .outdoor-item-content {
    display: flex;
    gap: 20px;
  }
}
.outdoor-item .outdoor-item-content .outdoor-item-content-item {
  margin-bottom: 20px;
  flex: 1;
}
@media screen and (min-width: 900px) {
  .outdoor-item .outdoor-item-content .outdoor-item-content-item {
    margin-bottom: 0;
  }
}
.outdoor-item .outdoor-item-content .outdoor-item-content-item .outdoor-item-content-item-header {
  display: block;
  color: #2697d0;
  margin-bottom: 5px;
}
.outdoor-item .outdoor-item-content .outdoor-item-content-item img {
  width: 100%;
  border-radius: 6px;
}
.outdoor-item .outdoor-item-content .outdoor-item-content-item p {
  margin: 0;
}

.content-container {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .content-container {
    display: flex;
  }
}
.bg-white {
  background: #fff;
}

.rounded-lg {
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px -2px rgba(33, 36, 44, 0.0784313725);
}

.font-bold {
  font-weight: 600;
}

.spread-item {
  margin-bottom: 20px;
  justify-content: center;
  text-align: center;
  align-items: center;
  padding: 30px;
}
@media screen and (min-width: 900px) {
  .spread-item {
    margin-bottom: 0;
  }
}
.spread-item img {
  width: 24px;
  height: 24px;
  margin-bottom: 20px;
}
.spread-item .font-bold {
  font-size: 16px;
}
.spread-item p {
  margin-bottom: 0;
  font-size: 13px;
  color: #6c7993;
}

.mb-4 {
  margin-bottom: 1rem;
}

.spread-items-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.spread-items-container .items-container {
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .spread-items-container .items-container {
    display: flex;
    gap: 1.5rem;
  }
}
.spread-items-container h2 {
  margin-bottom: 5px !important;
}
.spread-items-container > p {
  margin: 0 0 40px 0 !important;
}
.spread-items-container .button {
  margin-top: 30px;
  width: auto;
  display: inline-flex;
  font-weight: normal;
}

.four-steps-container {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.four-steps-container h2 {
  font-size: 30px !important;
  margin-bottom: 20px !important;
}
.four-steps-container .step-container {
  gap: 30px;
  width: auto;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 6px;
}
@media screen and (min-width: 900px) {
  .four-steps-container .step-container {
    display: inline-flex;
  }
}
.four-steps-container .step-container .step-item {
  font-weight: 600;
  color: #000;
}
.four-steps-container .button {
  margin-top: 30px;
  width: auto;
  display: inline-flex;
  font-weight: normal;
}

.hero-spread {
  background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/home.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 1070px) 1fr !important;
  grid-template-rows: 4.3rem 1fr;
  padding: 0 1.1rem;
}
.hero-spread .hero-content {
  grid-column: 2/3;
  grid-row: 2/3;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  flex-direction: column;
  padding: 20px 0;
}
.hero-spread .hero-content .subheader {
  font-weight: 300 !important;
  font-size: 1.25rem !important;
  font-style: normal !important;
  margin-bottom: 10px !important;
}
.hero-spread .hero-content h1 {
  margin: 0;
  font-size: 2.3rem;
  margin-bottom: 1.4rem;
  font-weight: 600;
}
.hero-spread .hero-content h1 span {
  color: #fdaf26;
}
.hero-spread .hero-content p {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}
.hero-spread .hero-content p a {
  color: #f1842c;
}
.hero-spread .hero-content a {
  color: #fff;
  text-decoration: underline;
}
.hero-spread .hero-content ul {
  margin-top: 15px;
  list-style-type: disc;
  padding-left: 20px;
}
.hero-spread .hero-content ul li {
  margin-bottom: 10px;
  font-weight: 300 !important;
  font-size: 1.1rem !important;
}
@media screen and (min-width: 900px) {
  .hero-spread {
    grid-template-rows: 75px 1fr;
  }
  .hero-spread .hero-content {
    padding: 0;
  }
  .hero-spread .hero-content h1 {
    font-size: 3rem;
  }
  .hero-spread .hero-content p {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .hero-spread {
    height: 350px;
  }
  .hero-spread .hero-content h1 {
    font-size: 4.5rem;
  }
}

.outdoor-details-container {
  padding: 3.2rem 1.1rem 3.2rem 1.1rem;
}
.outdoor-details-container.low-padding {
  padding: 2.2rem 1.1rem 3.2rem 1.1rem;
}
.outdoor-details-container .outdoor-details-image {
  display: none;
}
@media screen and (min-width: 900px) {
  .outdoor-details-container .outdoor-details-image {
    display: block;
    grid-column: 2/3;
    padding-right: 28px;
  }
  .outdoor-details-container .outdoor-details-image img {
    border-radius: 6px;
    width: 100%;
  }
}
.outdoor-details-container .outdoor-details-content {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .outdoor-details-container .outdoor-details-content {
    grid-column: 3/4;
  }
}
.outdoor-details-container .outdoor-details-content p {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7rem;
}
.outdoor-details-container .outdoor-details-content .outdoor-details-deadline-container {
  color: #3a3a3a;
  font-weight: 600;
  font-size: 1rem;
  font-style: italic;
  padding: 12px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
  margin: 1.8rem 0;
}
.outdoor-details-container .outdoor-details-content .outdoor-details-list {
  list-style-type: disc;
  padding: 0 1.1rem;
  margin-bottom: 1.8rem;
}
.outdoor-details-container .outdoor-details-content .outdoor-details-list li {
  font-size: 0.85rem;
  font-weight: 300;
  margin-bottom: 8px;
}
@media screen and (min-width: 900px) {
  .outdoor-details-container .outdoor-details-content .outdoor-details-list li {
    font-size: 1rem;
  }
}
.outdoor-details-container .outdoor-details-content .outdoor-details-starting-price {
  font-size: 1.4rem;
  color: #27a0d9;
  margin-bottom: 1.8rem;
}
.outdoor-details-container .outdoor-details-content .outdoor-details-starting-price small {
  font-size: 0.85rem;
}

.outdoor-configurator-layouts {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 1.4rem;
}
.outdoor-configurator-layouts .custom-selector {
  margin-top: 8px;
}

.outdoor-configurator-layout {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
}
.outdoor-configurator-layout:nth-child(3n+1) {
  justify-self: start;
}
.outdoor-configurator-layout:nth-child(3n) {
  justify-self: end;
}
.outdoor-configurator-layout.selected .outdoor-configurator-layout-container {
  border: 1.5px solid #2697d0;
}

.outdoor-configurator-layout-container {
  width: 7rem;
  height: 150px;
  background: #fff;
  position: relative;
  padding: 0.35rem;
  display: flex;
}
@media screen and (min-width: 900px) {
  .outdoor-configurator-layout-container {
    width: 150px;
    height: 225px;
  }
}
.outdoor-configurator-layout-container .outdoor-configurator-layout-content {
  border: 1px dashed #8bc6e4;
  background-color: #dfeef6;
}

.outdoor-configurator-production-selector p,
.outdoor-configurator-design-selector p {
  margin-top: 0.35rem;
  margin-bottom: 1.1rem !important;
  font-weight: 300;
}

.outdoor-configurator-variant-selector label img {
  width: 36px;
  margin-right: 1.4rem;
}

.outdoor-configurator-map {
  height: 350px;
  margin: 0;
  border-radius: 6px 6px 0 0;
}
@media screen and (min-width: 900px) {
  .outdoor-configurator-map {
    height: 400px;
  }
}
.outdoor-configurator-map.high {
  height: 600px;
}

.serie-configurator-container .outdoor-configurator-map {
  height: 450px;
}

.hero-detailpage {
  height: 12rem;
  grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
  grid-template-rows: 3rem 1fr;
}
@media screen and (min-width: 900px) {
  .hero-detailpage {
    height: 250px;
  }
  .hero-detailpage.hero-outdoor {
    background-image: linear-gradient(rgba(6, 122, 187, 0.9), rgba(6, 122, 187, 0.9)), url("https://cdn.advertentiegroothandel.nl/new-images/hero-outdoor.webp") !important;
  }
}
.hero-detailpage .hero-content {
  align-items: flex-start;
  text-align: left;
  justify-content: flex-end;
  padding: 0 0 40px 0;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero-detailpage .hero-content {
    padding: 0 0 4.3rem 0;
  }
}
.hero-detailpage .hero-content h1 {
  font-size: 2rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.68px;
}
@media screen and (min-width: 900px) {
  .hero-detailpage .hero-content h1 {
    font-size: 2.6rem;
  }
}
.hero-detailpage .hero-content h1 small {
  display: block;
  font-weight: normal;
}
.hero-detailpage .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.paper-details-container {
  padding: 1.8rem 1.1rem;
}
.paper-details-container .paper-details-header {
  grid-column: 2/4;
  font-size: 1.7rem;
}
.paper-details-container .paper-details-image {
  display: none;
}
@media screen and (min-width: 900px) {
  .paper-details-container .paper-details-image {
    display: block;
    grid-column: 2/3;
    padding-right: 3.5rem;
  }
  .paper-details-container .paper-details-image img {
    border-radius: 6px;
    width: 100%;
  }
}
.paper-details-container .paper-details-content {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .paper-details-container .paper-details-content {
    grid-column: 3/4;
  }
}
.paper-details-container .paper-details-content p {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0.7rem;
}
.paper-details-container .paper-details-content .read-less {
  display: block;
}
.paper-details-container .paper-details-content .read-more {
  display: none;
}
.paper-details-container .paper-details-content.short p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.paper-details-container .paper-details-content.short .read-less {
  display: none;
}
.paper-details-container .paper-details-content.short .read-more {
  display: block;
}
.paper-details-container .paper-details-content a {
  font-weight: 300;
}
.paper-details-container .paper-details-content h2 {
  font-size: 1.2rem;
}
.paper-details-container .paper-details-content h1 {
  font-size: 1.7rem;
}
.paper-details-container .paper-details-content .paper-details-deadline-container {
  color: #3a3a3a;
  font-weight: 600;
  font-size: 1rem;
  font-style: italic;
  padding: 12px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
  margin: 1.8rem 0;
}
.paper-details-container .paper-details-content .paper-details-list {
  list-style-type: disc;
  padding: 0 1.1rem;
  margin-bottom: 1.8rem;
}
.paper-details-container .paper-details-content .paper-details-list li {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 8px;
  line-height: 1.4rem;
}
.paper-details-container .paper-details-content .paper-details-starting-price {
  font-size: 1.4rem;
  color: #27a0d9;
  margin-bottom: 1.8rem;
}
.paper-details-container .paper-details-content .paper-details-starting-price small {
  font-size: 0.85rem;
}
@media screen and (min-width: 900px) {
  .paper-details-container .paper-details-content .paper-details-starting-price small {
    font-size: 1rem;
  }
}
.paper-details-container .paper-details-content .paper-areas {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 1.4rem;
}
.paper-details-container .paper-details-content .paper-areas td {
  vertical-align: top;
  padding: 2px;
  line-height: 22px;
}
.paper-details-container .paper-details-content .paper-areas td:first-child {
  width: 25%;
}

.paper-areas {
  font-size: 1rem;
  font-weight: 300;
}
.paper-areas td {
  vertical-align: top;
  padding: 2px;
  line-height: 22px;
}
.paper-areas td:first-child {
  width: 25%;
}

.rates-container {
  padding: 1.8rem 1.1rem;
  background-color: #edf1f3;
}
.rates-container .rates-content {
  grid-column: 2/4;
  display: flex;
  flex-direction: column;
}
.rates-container .paper-subeditions {
  margin-top: 0;
}

.rate-size-preview {
  width: 74px;
  height: 118px;
  background-color: #e8f2f7;
  padding: 0.35rem;
  position: relative;
}
.rate-size-preview.two-pages {
  height: 4.3rem;
}
@media screen and (min-width: 1200px) {
  .rate-size-preview {
    width: 7rem;
    height: 150px;
  }
  .rate-size-preview.two-pages {
    height: 75px;
  }
}
@media screen and (min-width: 1400px) {
  .rate-size-preview {
    width: 120px;
    height: 180px;
  }
  .rate-size-preview.two-pages {
    height: 90px;
  }
}
.rate-size-preview .page-divider {
  height: calc(100% - 0.7rem);
  top: 0.35rem;
  left: 50%;
  position: absolute;
  background: #8bc6e4;
  width: 1px;
}
.rate-size-preview .rate-size-preview-inner {
  background-color: #c3deed;
  border: 1px dashed #8bc6e4;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2697d0;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.7rem;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
}
.rate-size-preview .size-labels {
  color: #2697d0;
  font-size: 0.85rem;
  font-weight: 600;
  position: absolute;
  bottom: 0;
  padding: 0.7rem;
  width: calc(100% - 20px);
  text-align: center;
}

@media screen and (min-width: 900px) {
  .rates {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.4rem;
  }
}

.rate-container {
  background-color: #fff;
  border-radius: 6px;
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 1.4rem;
  grid-gap: 1.4rem;
  margin-bottom: 2.2rem;
}
@media screen and (min-width: 900px) {
  .rate-container {
    margin-bottom: 0;
  }
}
.rate-container.help-rate {
  border: 1px solid #2697d0;
}
.rate-container.help-rate .rate-size-preview {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 7rem;
  color: #2697d0;
}
@media screen and (min-width: 900px) {
  .rate-container.help-rate .rate-size-preview {
    font-size: 10rem;
  }
}
.rate-container.help-rate .rate-information {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .rate-container.help-rate .rate-information {
    font-size: 0.95rem;
  }
}

.white-background .rate-container {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
}
.white-background .rate-container .rate-size-preview {
  background-color: #fff;
}

.rate-information {
  display: flex;
  flex-direction: column;
}
.rate-information h4 {
  font-weight: 600;
  margin: 0 0 2px 0;
}
@media screen and (min-width: 900px) {
  .rate-information h4 {
    font-size: 1.2rem;
  }
}
.rate-information strong {
  font-weight: 600;
  margin: 0 0 2px 0;
}
@media screen and (min-width: 900px) {
  .rate-information strong {
    font-size: 1.2rem;
  }
}
.rate-information p {
  margin: 0 0 0.35rem;
  font-size: 0.9rem;
  color: #2697d0;
}
.rate-information .actual-sizes {
  margin-top: 0.35rem;
}
.rate-information .actual-sizes li {
  font-weight: normal;
  display: block;
  margin-bottom: 2px;
}
@media screen and (min-width: 900px) {
  .rate-information .actual-sizes li {
    font-size: 0.85rem;
  }
}
.rate-information .size-labels {
  margin-top: 0.35rem;
}
@media screen and (min-width: 900px) {
  .rate-information .size-labels {
    font-size: 0.85rem;
  }
}
.rate-information .rate-price {
  margin: 0.7rem 0;
  display: block;
  color: #2697d0;
  font-weight: 600;
  font-size: 1.3rem;
}
.rate-information .button {
  height: 40px;
  font-size: 1rem;
  margin-top: auto;
}

.type-rates-header {
  margin: 0 0 2.2rem;
  position: sticky;
  padding: 1.1rem;
  top: 78px;
  z-index: 9;
  background: #fff;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #ccc;
}
.type-rates-header h3 {
  margin: 0 0 0.35rem;
  font-weight: 600;
}
.type-rates-header p {
  margin: 0;
  font-size: 1rem;
}
.type-rates-header button {
  width: auto;
}

.type-rates-tab-content {
  display: none;
}
.type-rates-tab-content.active {
  display: block;
}

@media screen and (min-width: 900px) {
  .type-rates-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.2rem;
  }
}

.rate-type-selector-container {
  margin-bottom: 2.2rem;
  display: flex;
  justify-content: space-between;
}
.rate-type-selector-container h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0;
}
.rate-type-selector-container .rate-type-selector-buttons {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .rate-type-selector-container .rate-type-selector-buttons {
    display: flex;
  }
}
.rate-type-selector-container .extra-selector-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
.rate-type-selector-container .extra-selector-buttons.hidden-phone {
  display: none;
}
@media screen and (min-width: 900px) {
  .rate-type-selector-container .extra-selector-buttons.hidden-phone {
    display: flex;
  }
}
.rate-type-selector-container .extra-selector-buttons button {
  border-color: #f1862d;
  color: #f1862d;
  margin-left: 1.4rem;
  margin-right: 0;
}
.rate-type-selector-container .extra-selector-buttons button.active {
  background: #f1862d;
  color: #fff;
}
.rate-type-selector-container .extra-selector-buttons .paper-subeditions p {
  border: 2px solid #27a0d9;
  margin-bottom: -2px;
  color: #27a0d9;
}
.rate-type-selector-container .extra-selector-buttons .paper-subeditions .subeditions-container {
  border-width: 2px;
}
.rate-type-selector-container button {
  margin-bottom: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .rate-type-selector-container button {
    width: auto;
    height: auto;
    margin-right: 1.4rem;
    margin-bottom: 0;
    margin-left: 0;
    padding: 5px 20px;
  }
}
.rate-type-selector-container button.active {
  background: #2697d0;
  color: #fff;
}

.back-to-top-button {
  padding: 0;
  border: 0 !important;
  position: initial;
  height: auto;
  width: auto;
}
@media screen and (min-width: 900px) {
  .back-to-top-button {
    padding: 0 20px;
    border: 2px solid #2697d0 !important;
    height: 40px;
  }
}

.linked-paper-container {
  border-radius: 6px;
  font-size: 1rem;
  padding: 1.8rem;
  background: #fff;
  margin-bottom: 2.2rem;
}
.linked-paper-container h4 {
  margin: 0 0 0.7rem;
}
.linked-paper-container strong {
  font-weight: 600;
}

.paper-areas {
  margin-top: 1.1rem;
  border-spacing: 0px;
  border-collapse: separate;
}
.paper-areas td {
  padding: 0 0.7rem 0 0;
}

.subeditions-container {
  font-size: 1rem;
}
.subeditions-container ul li {
  margin-bottom: 1.1rem;
}
.subeditions-container ul li:last-child {
  margin-bottom: 0;
}
.subeditions-container ul li a {
  text-decoration: underline;
}

.paper-subeditions {
  margin-top: 1.4rem;
  position: relative;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}
.paper-subeditions p {
  border: 1px solid #27a0d9;
  border-radius: 6px;
  font-size: 1rem;
  padding: 0.7rem 40px 0.7rem 0.7rem;
  margin-top: 0;
  cursor: pointer;
  margin-bottom: -1px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-down-blue@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 13px;
}
.paper-subeditions .subeditions-container {
  border: 1px solid #27a0d9;
  border-radius: 0 0 8px 8px;
  border-top: 0;
  padding: 1.1rem;
  position: absolute;
  width: 100%;
  background: #fff;
  display: none;
  z-index: 10;
}
.paper-subeditions.expanded p {
  border-radius: 6px 6px 0 0;
}
.paper-subeditions.expanded .subeditions-container {
  display: block;
}
.paper-subeditions.hidden-desktop {
  grid-column: 2/4;
}

.all-papers {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 900px) {
  .all-papers {
    -moz-column-count: 3;
    column-count: 3;
  }
}
.all-papers li {
  padding: 0.35rem 0;
}
.all-papers li a {
  font-size: 1rem;
}

.all-papers-container h3 {
  color: #2697d0;
  font-style: italic;
  font-size: 2.3rem;
}

.hero-search-result {
  height: 12rem;
  min-height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .hero-search-result {
    height: 16rem;
    min-height: 16rem;
    grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
    grid-template-rows: 75px 1fr;
    display: grid;
  }
}
.hero-search-result .hero-content {
  align-items: center;
  text-align: center;
  justify-content: center;
}
@media screen and (min-width: 900px) {
  .hero-search-result .hero-content {
    padding: 0;
  }
}
.hero-search-result .hero-content h1 {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.68px;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero-search-result .hero-content h1 {
    font-size: 2.3rem;
  }
}
.hero-search-result .hero-content p {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.68px;
}
@media screen and (min-width: 900px) {
  .hero-search-result .hero-content p {
    font-size: 1.2rem;
  }
}
.hero-search-result .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.search-results-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.search-results-container .search-results-content {
  grid-column: 2/4;
}
.search-results-container .search-results-content .no-results {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1.4rem;
}
.search-results-container .search-results-content .quick-search-form {
  text-align: left;
}
.search-results-container .quick-search-form {
  margin-bottom: 1.4rem;
}
.search-results-container .search-results-cards {
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 600px) {
  .search-results-container .search-results-cards {
    display: grid;
    grid-gap: 1.4rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .search-results-container .search-results-cards {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.all-papers-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.all-papers-container .all-papers-content {
  grid-column: 2/4;
}
.all-papers-container .all-papers-content .no-results {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1.4rem;
}
.all-papers-container .all-papers-content .quick-search-form {
  text-align: left;
}
.all-papers-container .quick-search-form {
  margin-bottom: 1.4rem;
}
.all-papers-container .search-results-cards {
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 600px) {
  .all-papers-container .search-results-cards {
    display: grid;
    grid-gap: 1.4rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .all-papers-container .search-results-cards {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.alphabet-nav {
  position: sticky;
  top: 100px;
}

.letter-navigator {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.4rem;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.letter-navigator .letter {
  margin: 0 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  padding: 6px 10px;
}

.shoppingcart-container {
  padding: 3.2rem 1.1rem;
}
.shoppingcart-container .shoppingcart-content {
  grid-column: 2/4;
}

.shoppingcart-item {
  padding: 40px 0;
  border-top: 1px solid #ccd6dc;
}
@media screen and (min-width: 900px) {
  .shoppingcart-item {
    display: grid;
    grid-template-columns: 280px 1fr auto;
    grid-gap: 1.4rem;
  }
}

.shoppingcart-item-image {
  margin-bottom: 1.4rem;
  max-height: 7rem;
  overflow: hidden;
  border-radius: 6px;
}
@media screen and (min-width: 900px) {
  .shoppingcart-item-image {
    overflow: initial;
    max-height: initial;
    margin: 0;
  }
}
.shoppingcart-item-image img {
  width: 100%;
  border-radius: 6px;
}

.shoppingcart-item-content {
  font-size: 1rem;
}
.shoppingcart-item-content .serie-description-small {
  margin-top: 0.35rem;
  margin-bottom: 0;
}
.shoppingcart-item-content .serie-description-small ul li {
  font-size: 0.85rem;
  font-weight: 300;
}
.shoppingcart-item-content h2 {
  margin-top: 0;
  font-size: 1rem;
  padding-right: 7rem;
}
.shoppingcart-item-content p {
  font-weight: 300;
  margin: 0.35rem 0;
}
.shoppingcart-item-content .shoppingcart-advertisement-description {
  margin-bottom: 12px;
}
.shoppingcart-item-content table {
  width: 100%;
}
.shoppingcart-item-content table tr td {
  text-align: left;
  line-height: 1.4rem;
  font-weight: 300;
  padding: 2px 0px;
  vertical-align: top;
}
.shoppingcart-item-content table tr td:first-child {
  width: 75%;
}
.shoppingcart-item-content table tr td:last-child {
  text-align: right;
}
.shoppingcart-item-content table tr.bottom-room td {
  padding-bottom: 0.7rem;
}
.shoppingcart-item-content table tr:last-child td {
  padding-top: 0.7rem;
  font-weight: normal;
}
.shoppingcart-item-content table tr:last-child td:last-child {
  border-top: 1px solid #e1e8ec;
}
@media screen and (min-width: 900px) {
  .shoppingcart-item-content {
    grid-column: 2/4;
    grid-row: 1/2;
  }
}

.shoppingcart-remarks h4 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0;
}
.shoppingcart-remarks p {
  font-size: 1rem;
  font-style: italic;
}

.serie-description {
  margin-bottom: 12px;
}
.serie-description h3 {
  font-size: 0.85rem;
  margin-bottom: 3px;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .serie-description h3 {
    font-size: 1rem;
  }
}
.serie-description ul li {
  font-weight: 300;
  font-size: 0.85rem;
}
@media screen and (min-width: 900px) {
  .serie-description ul li {
    font-size: 1rem;
  }
}

.shoppingcart-total-container {
  padding: 3.5rem 0;
  border-top: 1px solid #ccd6dc;
  border-bottom: 1px solid #ccd6dc;
  margin-bottom: 40px;
}
.shoppingcart-total-container table {
  width: 100%;
}
.shoppingcart-total-container table tr td {
  text-align: left;
  line-height: 1.4rem;
  font-size: 1rem;
  width: 30%;
}
.shoppingcart-total-container table tr td:last-child {
  text-align: right;
  width: 70%;
}
.shoppingcart-total-container table tr td:last-child span {
  font-weight: 300;
  font-style: italic;
  font-size: 0.85rem;
  display: block;
}
.shoppingcart-total-container table tr:last-child td {
  font-weight: 300;
}
@media screen and (min-width: 900px) {
  .shoppingcart-total-container {
    padding: 3.5rem 0 20px;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.shoppingcart-item-remove-button {
  text-align: right;
}
.shoppingcart-item-remove-button a,
.shoppingcart-item-remove-button button {
  padding-bottom: 4px;
  font-size: 0.85rem;
}
@media screen and (min-width: 900px) {
  .shoppingcart-item-remove-button {
    grid-column: 3/4;
    grid-row: 1/2;
  }
}

.checkout-button-container {
  text-align: right;
  float: right;
  display: flex;
  gap: 0.7rem;
}
@media screen and (min-width: 900px) {
  .checkout-button-container {
    width: 100%;
    display: block;
  }
}

.order-disclaimer {
  clear: both;
  margin-top: 19px;
  padding-top: 1px;
}
@media screen and (min-width: 900px) {
  .order-disclaimer .orange-italic {
    text-align: right;
    width: 50%;
    float: right;
  }
}

@media screen and (min-width: 900px) {
  .continue-shopping-button {
    width: auto;
    display: inline-flex;
    margin-left: 1.4rem;
  }
}

@media screen and (min-width: 900px) {
  .checkout-button {
    width: auto;
    display: inline-flex;
    margin-left: 1.4rem;
  }
}

@media screen and (min-width: 900px) {
  .checkout-overview .checkout-button {
    width: 200px;
  }
}

.emtpy-shoppingcart {
  text-align: center;
  font-weight: 300;
  font-style: italic;
}

.shoppingcart-offer-container {
  margin-top: 2.2rem;
}
.shoppingcart-offer-container .shoppingcart-offer-content {
  padding: 22px;
  border: 1px solid #ccd6dc;
  border-radius: 6px;
  background: #fff;
  font-size: 1rem;
  position: relative;
}
.shoppingcart-offer-container .shoppingcart-offer-content h3 {
  margin: 0;
  position: absolute;
  top: -8px;
  left: 16px;
  background: #fff;
  padding: 0 0.4rem;
  font-size: 1rem;
  font-weight: 600;
}
.shoppingcart-offer-container .shoppingcart-offer-content p {
  margin: 0 0 2.2rem;
  font-size: 1rem;
  font-weight: 300;
}
@media screen and (min-width: 900px) {
  .shoppingcart-offer-container {
    grid-column: 1/4;
    margin: 2.2rem 4.3rem 0;
  }
}

@media screen and (min-width: 900px) {
  .shoppingcart-offer-jobportals {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.4rem;
  }
}

.shoppingcart-offer-jobportal {
  display: flex;
  align-items: center;
  margin-bottom: 0.7rem;
}
.shoppingcart-offer-jobportal .p-checkbox {
  margin-right: 8px;
}
.shoppingcart-offer-jobportal label {
  font-size: 0.9rem;
  font-weight: 600;
}
.shoppingcart-offer-jobportal p {
  font-size: 0.85rem !important;
  font-style: italic !important;
  margin: 2px 0 !important;
}

.hero-checkout {
  display: none;
}
@media screen and (min-width: 900px) {
  .hero-checkout {
    display: block;
    height: 220px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://cdn.advertentiegroothandel.nl/new-images/hero-outdoor.webp") !important;
  }
}

.checkout-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.checkout-container .checkout-content {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .checkout-container {
    grid-column: 2/3;
    grid-row: 1/2;
    padding: 3.2rem;
    border-right: 1px solid #a6bdc9;
  }
}

.checkout-form .info-box {
  background-color: #edf1f3;
  margin: 17px 0 2.3rem;
}
.checkout-form .form-group-splitter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.7rem;
}
@media screen and (min-width: 900px) {
  .checkout-form .form-group-splitter.half {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.checkout-form .extra-address {
  display: none;
}
.checkout-form .extra-address.visible {
  display: grid;
}
.checkout-form .radio-container {
  background: transparent;
  color: #333;
  border-radius: 6px;
  display: inline-flex;
  padding-right: 1.4rem;
  margin-bottom: 0;
}
.checkout-form .radio-container .checkmark {
  border: 1px solid #2697d0;
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
}
.checkout-form .radio-container .checkmark:after {
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
.checkout-form .complete-address-preview {
  font-size: 0.9rem;
  margin: 0 0 20px;
  background: #f0f0f0;
  padding: 0.7rem;
  margin-top: -20px;
  text-align: center;
  border-radius: 6px;
}

.checkout-overview-box {
  background: #fff;
  padding: 1.1rem;
  border-radius: 6px;
  margin-bottom: 18px;
}
.checkout-overview-box p {
  margin: 0;
  color: #000;
  font-size: 0.9rem;
}
.checkout-overview-box a {
  font-size: 0.9rem;
  margin-top: 0.35rem;
  display: block;
}

.payment-method-container.no-arrow .radio-container {
  background-image: none !important;
  border-radius: 6px !important;
}

.payment-method-selector .radio-container {
  background-color: #fff;
  color: #2697d0 !important;
  padding-left: 1.1rem;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/closed-indicator@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 7px;
}
.payment-method-selector .radio-container .p-radiobutton {
  margin-right: 10px;
}
.payment-method-selector .radio-container img {
  height: 60%;
  margin-right: 0.4rem;
}
.payment-method-selector .radio-container.selected {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/open-indicator@2x.webp");
  border-radius: 6px 6px 0 0;
}
.payment-method-selector .radio-container .checkmark {
  height: 1.4rem;
  width: 1.4rem;
  top: 0.7rem;
  left: 0.7rem;
  border: 1px solid #2697d0;
  position: absolute;
}
.payment-method-selector .radio-container .checkmark:after {
  width: 0.75rem;
  height: 0.75rem;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
@media screen and (min-width: 900px) {
  .payment-method-selector .radio-container .checkmark {
    top: 1.1rem;
  }
}
@media screen and (min-width: 900px) {
  .payment-method-selector .radio-container {
    height: 3.5rem;
  }
}

.payment-method-content {
  display: none;
  padding: 1.1rem;
  margin: -12px 0 12px;
  background-color: #fff;
  font-size: 1rem;
  border-radius: 0 0 8px 8px;
}
.payment-method-content input {
  border: 1px solid #2697d0;
  width: 100%;
}
.payment-method-content select {
  border: 1px solid #2697d0;
  width: 50%;
}
.payment-method-content label {
  margin-bottom: 0.7rem;
  display: block;
}
.payment-method-content .form-group-splitter {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 0.7rem;
}
.payment-method-content .form-group-splitter select {
  width: 100%;
}
.payment-method-content .form-group-splitter .form-group-splitter {
  grid-template-columns: 1fr 1fr;
}

.payment-method-container .radio-container {
  justify-content: flex-start;
}

.payment-method-container.selected .payment-method-content {
  display: block;
}

.payment-button img {
  width: 1.4rem;
  margin-right: 8px;
}

.order-overview-container {
  position: relative;
  display: block !important;
}
.order-overview-container.opened .order-overview-visibility-toggle {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/open-indicator-black@2x.webp");
}
@media screen and (min-width: 900px) {
  .order-overview-container {
    grid-column: 3/4;
    grid-row: 1/2;
    padding: 1.1rem 3.2rem;
  }
}

.order-overview-visibility-toggle {
  padding: 0 1.1rem;
  font-size: 1rem;
  height: 3.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #fff;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/closed-indicator-black@2x.webp");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 7px;
}
.order-overview-visibility-toggle img {
  width: 1.4rem;
  margin-right: 8px;
}
@media screen and (min-width: 900px) {
  .order-overview-visibility-toggle {
    display: none;
  }
}

.order-overview-content {
  width: 100%;
  max-height: 70vh;
  overflow-y: scroll;
  position: absolute;
  background: #fff;
  padding: 1.1rem;
  top: 3.5rem;
  font-size: 1rem;
  display: none;
  z-index: 2;
}
.order-overview-content.visible {
  display: block;
}
@media screen and (min-width: 900px) {
  .order-overview-content {
    display: block;
    position: initial;
    max-height: initial;
    overflow: visible;
    padding: 0;
  }
}
.order-overview-content .shoppingcart-item-image {
  background-size: cover;
  width: 100%;
  height: 70px;
  border-radius: 6px;
}
.order-overview-content .shoppingcart-item-content h2 {
  font-size: 1rem;
}
@media screen and (min-width: 900px) {
  .order-overview-content .shoppingcart-item-content h2 {
    margin: 0;
  }
}
.order-overview-content .shoppingcart-item-content p {
  margin: 3px 0;
}
@media screen and (min-width: 900px) {
  .order-overview-content .shoppingcart-item-content p {
    font-size: 0.85rem;
    font-weight: 300;
  }
}
.order-overview-content .shoppingcart-item-content .total-price {
  color: #2697d0;
}
@media screen and (min-width: 900px) {
  .order-overview-content .shoppingcart-item-price {
    grid-column: 3/4;
    grid-row: 1/2;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 900px) {
  .order-overview-content .shoppingcart-items {
    padding: 1.1rem 0;
  }
}
@media screen and (min-width: 900px) {
  .order-overview-content .shoppingcart-item {
    grid-template-columns: 70px 1fr auto;
    grid-gap: 1.4rem;
    border-top: 0;
    padding: 12px 0;
  }
  .order-overview-content .shoppingcart-item:last-child {
    padding-bottom: 0;
  }
}

.checkout-information-box {
  display: block !important;
  padding: 12px 20px 12px 20px;
  font-size: 0.85rem;
  background-color: #f4f8fa;
  font-style: italic;
}
.checkout-information-box.success {
  padding: 12px 20px 12px 42px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-success@2x.webp");
  background-repeat: no-repeat;
  background-position: left 1.1rem center;
  background-size: 18px 18px;
}
@media screen and (min-width: 900px) {
  .checkout-information-box {
    display: none !important;
  }
}

.checkout-left-container {
  background-color: #edf1f3;
}

.checkout-right-container {
  background-color: #fff;
}

.order-totals {
  padding: 15px;
}
@media screen and (min-width: 900px) {
  .order-totals {
    padding: 1.1rem 0 1.1rem 0;
  }
}

.order-subtotal-table {
  border-bottom: 1px solid #e1e8eb;
  width: 100%;
  font-size: 1rem;
  color: #333;
}
.order-subtotal-table .coupon-discount td {
  color: #76d2bd;
}
.order-subtotal-table td {
  text-align: left;
}
.order-subtotal-table td:last-child {
  text-align: right;
}

.order-total-table {
  padding: 1.8rem 0;
  border-bottom: 1px solid #e1e8eb;
  width: 100%;
  font-size: 1.2rem;
  color: #000;
  font-weight: 600;
}
.order-total-table td {
  text-align: left;
}
.order-total-table td:last-child {
  text-align: right;
}

.voucher-container {
  padding: 0.7rem 1.1rem;
}
@media screen and (min-width: 900px) {
  .voucher-container {
    padding: 0.7rem 0;
  }
}
.voucher-container a {
  font-size: 1rem;
}

.voucher-error {
  margin-top: 1.1rem;
}

.order-items {
  border-bottom: 1px solid #ccd6dc;
  margin-bottom: 40px;
}

.order-item {
  padding: 40px 0;
  border-top: 1px solid #ccd6dc;
}
@media screen and (min-width: 900px) {
  .order-item {
    display: grid;
    grid-template-columns: 150px 2fr 3fr;
    grid-gap: 1.4rem;
  }
}

.order-item-image img {
  width: 100%;
  border-radius: 6px;
}

.order-item-content {
  font-size: 0.85rem;
}
@media screen and (min-width: 900px) {
  .order-item-content {
    font-size: 1rem;
  }
}
.order-item-content h2 {
  font-size: 1rem;
  margin-top: 0;
}
.order-item-content p {
  font-weight: 300;
  margin: 0;
}
.order-item-content .order-advertisement-description {
  margin-bottom: 12px;
}
.order-item-content table {
  width: 100%;
}
.order-item-content table tr td {
  text-align: left;
  line-height: 1.4rem;
  font-weight: 300;
}
.order-item-content table tr td:last-child {
  text-align: right;
}
.order-item-content table tr.bottom-room td {
  padding-bottom: 0.7rem;
}
.order-item-content table tr:last-child td {
  padding: 0.7rem 0 0;
  font-weight: normal;
}
.order-item-content table tr:last-child td:last-child {
  border-top: 1px solid #e1e8ec;
}
@media screen and (min-width: 900px) {
  .order-item-content {
    grid-column: 2/4;
    grid-row: 1/2;
  }
}

.order-total-container {
  padding: 3.5rem 0;
  border-top: 1px solid #ccd6dc;
  border-bottom: 1px solid #ccd6dc;
  margin-bottom: 40px;
}
.order-total-container table {
  width: 100%;
}
.order-total-container table tr td {
  text-align: left;
  line-height: 1.4rem;
  font-size: 1rem;
  width: 30%;
}
.order-total-container table tr td:last-child {
  text-align: right;
  width: 70%;
}
.order-total-container table tr td:last-child span {
  font-weight: 300;
  font-style: italic;
  font-size: 0.85rem;
  display: block;
}
@media screen and (min-width: 900px) {
  .order-total-container {
    padding: 3.5rem 0 20px;
    margin-bottom: 0;
    border-bottom: 0;
  }
}

.success-container {
  padding: 3.2rem 1.1rem;
}
.success-container .success-content {
  grid-column: 2/4;
}
.success-container .success-content .section-header {
  margin-bottom: 3.5rem;
}
.success-container .success-content .section-header h2 {
  font-size: 1.25rem !important;
  margin: 0 0 0.35rem !important;
  font-weight: 600 !important;
  line-height: 1.43 !important;
}
.success-container .success-content .section-header h3 {
  font-size: 1rem;
}
.success-container .order-totals {
  width: 100%;
  float: right;
}
@media screen and (min-width: 900px) {
  .success-container .order-totals {
    width: 50%;
  }
}

.payment-method-content .wrapper {
  display: flex;
}
.payment-method-content .wrapper form {
  width: 100%;
}
.payment-method-content .row {
  display: flex;
  width: 100%;
  margin: 1px 0;
}
.payment-method-content .form-group {
  width: 100%;
  position: relative;
  margin-bottom: 2px;
}
.payment-method-content .form-group label {
  position: absolute;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  color: #a3b2c6;
  height: 69px;
  left: 16px;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 5;
}
.payment-method-content .form-group--expiry-date label,
.payment-method-content .form-group.is-dirty label,
.payment-method-content .form-group.is-focussed label {
  font-size: 1rem;
  transform: translateY(-12px);
}

.mollie-component {
  position: relative;
  background: #edf1f3;
  padding: 34px 16px 12px;
  border: 1px solid transparent;
  transition: 0.15s border-color cubic-bezier(0.4, 0, 0.2, 1);
  font-weight: 500;
}

.mollie-component::before {
  content: "";
  position: absolute;
  background-color: transparent;
  width: 2px;
  top: 14px;
  left: 0;
  bottom: 14px;
  opacity: 0;
  transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), 250ms background-color cubic-bezier(0.4, 0, 0.2, 1);
}

.mollie-component.is-invalid::before {
  opacity: 1;
  background-color: #ff1717;
}

.mollie-component.is-valid::before {
  opacity: 1;
  background-color: #4ddd9e;
}

.mollie-component.is-dirty::before,
.mollie-component.has-focus::before {
  opacity: 1;
  background-color: #4a3eee;
}

.mollie-component--cardHolder {
  border-radius: 6px 6px 0 0;
}

.mollie-component--expiryDate {
  border-radius: 0 0 0 8px;
}

.mollie-component--verificationCode {
  border-radius: 0 0 8px 0;
}

.form-group.is-touched.is-valid .field-error {
  padding: 0;
}

.form-group.is-touched .field-error {
  color: #ff1717;
  font-weight: 400;
  background-color: #ffe5e6;
  padding: 8px 0 8px 16px;
  font-size: 0.8rem;
}

.form-fields {
  margin-bottom: 1.7rem;
}

.form-group--expiry-date {
  margin-right: 2px;
}

.form-group--verification-code {
  margin-left: 1px;
}

.coupon-form {
  display: flex;
}
.coupon-form input {
  border: 1px solid #2697d0;
  margin-right: 0.35rem;
  width: 150px;
  text-align: center;
  text-transform: uppercase;
}

.coupon-button {
  width: auto;
}

.order-placed {
  padding: 12px 20px 12px 62px;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-success@2x.webp");
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 2.3rem 2.3rem;
}
@media screen and (min-width: 900px) {
  .order-placed {
    padding: 12px 20px 12px 42px;
    background-position: left center;
  }
}
.order-placed h3 {
  margin: 0 0 3px;
  font-size: 1.2rem;
}
.order-placed p {
  margin: 0;
  font-size: 0.9rem;
  font-style: italic;
  font-weight: 300;
}

.p-dropdown {
  height: 44px;
  display: flex;
  align-items: center;
  border-color: #2697d0 !important;
}

.p-dropdown-label {
  color: #2697d0 !important;
  padding: 1.1rem !important;
}

.p-dropdown-items-wrapper {
  max-height: 280px !important;
}

.p-dropdown .p-dropdown-trigger {
  color: #2697d0 !important;
}

.p-dropdown-issuer-value,
.p-dropdown-issuer-option {
  display: flex;
  align-items: center;
  color: #2697d0 !important;
}
.p-dropdown-issuer-value img,
.p-dropdown-issuer-option img {
  width: 3.5rem;
  margin-right: 0.7rem;
}

.hero-404 {
  height: 18rem;
  grid-template-columns: 1fr minmax(auto, 1000px) 1fr;
  grid-template-rows: 3rem 1fr;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/404.webp") !important;
}
@media screen and (min-width: 900px) {
  .hero-404 {
    height: 450px;
  }
}
.hero-404 .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.error-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.error-container .error-content {
  grid-column: 2/4;
  text-align: center;
}
.error-container .error-content h1 {
  font-size: 1.3rem;
  margin-bottom: 40px;
}
.error-container .error-content h1 span {
  font-weight: 300;
}
.error-container .error-content p {
  margin-bottom: 1.1rem;
  font-size: 1rem;
}

.error-links li {
  margin: 1.4rem auto;
}
@media screen and (min-width: 900px) {
  .error-links li {
    margin: 0px auto;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #ccc;
    font-size: 1rem;
  }
  .error-links li:last-child {
    border-right: 0;
  }
}
@media screen and (min-width: 900px) {
  .error-links {
    display: inline-block;
    margin: 0px auto;
  }
}

.login-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.login-container .login-content {
  grid-column: 2/4;
}
@media screen and (min-width: 600px) {
  .login-container {
    padding: 90px 1.1rem;
  }
}

.login-form input {
  height: 48px;
}
.login-form button {
  padding: 0 3.2rem;
}
.login-form .form-group-splitter {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-gap: 2.2rem;
}
.login-form .password-forgotten-link-container {
  display: flex;
  align-items: center;
}
.login-form .password-forgotten-link-container a {
  font-size: 1rem;
}
.login-form .form-group:last-child {
  margin-bottom: 0;
}

.back-to-login {
  margin-top: 1.4rem;
}
.back-to-login a {
  font-size: 1rem;
}

.p-dialog-content.dialog-login-form {
  background: #edf1f3 !important;
  padding: 2rem 1.5rem 2rem 1.5rem !important;
}
@media screen and (min-width: 900px) {
  .p-dialog-content.dialog-login-form {
    max-width: 650px;
  }
}

.forgot-password-form .form-error {
  margin-top: 1rem;
}

.account-container {
  padding: 3.2rem 1.1rem;
}
.account-container .account-content {
  grid-column: 2/4;
  display: flex;
  flex-direction: column;
}
.account-container .account-content .section-header {
  margin-bottom: 1.4rem;
}
.account-container .account-content .section-header h2 {
  font-size: 1.25rem !important;
  margin: 0 0 0.35rem !important;
  font-weight: 600 !important;
  line-height: 1.43 !important;
}

.account-sections-container {
  margin-bottom: 3.5rem;
}
@media screen and (min-width: 900px) {
  .account-sections-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
  }
}
.account-sections-container .account-section {
  border: 1px solid #ccd6dc;
  border-radius: 6px;
  padding: 1.4rem;
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  .account-sections-container .account-section {
    margin-bottom: 0;
  }
}
.account-sections-container .account-section .account-section-image {
  width: 7rem;
}
.account-sections-container .account-section .account-section-image img {
  width: 100%;
}
.account-sections-container .account-section h2 {
  margin: 0 0 1.1rem;
  padding: 0;
}
@media screen and (min-width: 900px) {
  .account-sections-container .account-section h2 {
    font-size: 1.2rem;
  }
}

.account-section-content {
  position: relative;
}

.account-overview-box {
  margin-bottom: 40px;
}
.account-overview-box p {
  margin: 0;
  color: #000;
  font-size: 0.9rem;
}

.account-information-link {
  font-size: 0.9rem;
  margin-top: 0.35rem;
  display: block;
  position: absolute;
  bottom: 0;
}

.orders-overview-container {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 6px;
}
.orders-overview-container ul li {
  background-color: #fff;
  width: 100%;
  border-radius: 6px;
  margin-bottom: 1.4rem;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-right@2x.webp");
  background-position: right 20px center;
  background-size: 0.7rem 1.1rem;
  background-repeat: no-repeat;
  position: relative;
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-gap: 1.4rem;
}
.orders-overview-container ul li:last-child {
  margin-bottom: 0;
}
.orders-overview-container ul li .order-overview-left {
  padding: 1.4rem;
}
.orders-overview-container ul li .order-overview-left img {
  width: 100%;
}
.orders-overview-container ul li .order-overview-right {
  padding: 1.4rem;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.orders-overview-container ul li .order-overview-right .invoice-paid {
  color: #76d2bd;
}
.orders-overview-container ul li .order-overview-right .order-overview-title {
  font-weight: bold;
}
.orders-overview-container ul li .order-overview-right .order-orderview-price {
  font-weight: 600;
}
.orders-overview-container ul li .order-overview-right .order-overview-status {
  justify-self: flex-end;
}
.orders-overview-container ul li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  opacity: 0;
}

.account-content input,
.account-content select {
  border: 1px solid !important;
}
.account-content .section-header {
  display: flex;
  justify-content: space-between;
}

@media screen and (min-width: 900px) {
  .account-form {
    width: 500px;
    margin: 0 auto;
  }
}
.account-form .info-box {
  background-color: #edf1f3;
  margin: 17px 0 2.3rem;
}
.account-form .form-group-splitter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.7rem;
}
@media screen and (min-width: 900px) {
  .account-form .form-group-splitter.half {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.account-form .extra-address {
  display: none;
}
.account-form .extra-address.visible {
  display: grid;
}
.account-form .checkbox-container,
.account-form .radio-container {
  background: transparent;
  color: #333;
  border-radius: 6px;
  display: inline-flex;
  padding-right: 1.4rem;
  margin-bottom: 0;
  padding-left: 0;
}
.account-form .checkbox-container .checkmark,
.account-form .radio-container .checkmark {
  border: 1px solid #2697d0;
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  margin-right: 0.7rem;
}
.account-form .checkbox-container .checkmark:after,
.account-form .radio-container .checkmark:after {
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
.account-form .complete-address-preview {
  font-size: 0.9rem;
  margin: 0 0 20px;
  background: #f0f0f0;
  padding: 0.7rem;
  margin-top: -20px;
  text-align: center;
  border-radius: 6px;
}

.delete-account-form {
  text-align: right;
}
@media screen and (min-width: 900px) {
  .delete-account-form {
    width: 500px;
    margin: 2.2rem auto 0;
  }
}
.delete-account-form .delete-account-button {
  text-decoration: underline;
}

.order-header {
  padding-bottom: 40px;
}
@media screen and (min-width: 900px) {
  .order-header {
    display: flex;
    justify-content: space-between;
  }
}
.order-header .order-header-left h1 {
  font-size: 1.3rem;
  margin: 0 0 12px;
  font-weight: bold;
}
.order-header .order-header-left h2 {
  font-size: 1rem;
  margin: 0 0 0.7rem;
  font-weight: 600;
}
.order-header .order-header-left a {
  font-size: 1rem;
  font-weight: 600;
}
.order-header .order-header-left a img {
  margin-right: 0.4rem;
  vertical-align: middle;
}
.order-header .order-header-right {
  text-align: right;
}
.order-header .order-header-right button {
  font-size: 1rem;
  margin-bottom: 8px;
}
.order-header .order-header-right button img {
  margin-right: 0.7rem;
}
.order-header .order-header-right p {
  margin: 0;
  color: #f39133;
  font-size: 1rem;
  font-style: italic;
}

.orderlines-container {
  margin-bottom: 1.4rem;
}

.orderline-container {
  display: grid;
  grid-template-columns: 150px 1fr 18rem;
  grid-gap: 1.4rem;
  padding: 36px 0;
  border-bottom: 1px solid #ccd6dc;
  position: relative;
}

.orderline-image img {
  width: 100%;
  border-radius: 6px;
}

.orderline-information {
  line-height: 23px;
}
.orderline-information h3 {
  margin: 0 0 2px;
  font-size: 1.2rem;
  font-weight: 600;
}
.orderline-information p {
  margin: 0 0 2px;
  font-size: 1rem;
  font-weight: 300;
}
.orderline-information p strong,
.orderline-information p span {
  font-weight: 600;
}
.orderline-information a {
  font-weight: 600;
  font-size: 1rem;
  display: block;
  color: #2697d0;
  line-height: 26px;
}
.orderline-information a img {
  margin-right: 0.4rem;
  vertical-align: middle;
}

.order-financials {
  width: 300px;
  align-self: flex-end;
}

.orderline-remove-button {
  position: absolute;
  bottom: 40px;
  right: 0;
}

.order-financials-table,
.orderline-financials-table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: separate;
}
.order-financials-table td,
.orderline-financials-table td {
  font-size: 1rem;
  font-weight: 300;
  text-align: right;
  padding: 0.4rem 0;
}
.order-financials-table tr.padding-bottom td,
.orderline-financials-table tr.padding-bottom td {
  padding-bottom: 22px;
}
.order-financials-table tr.border-top td,
.orderline-financials-table tr.border-top td {
  padding-top: 22px;
  border-top: 1px solid #e1e8ec;
}
.order-financials-table tr:last-child td,
.orderline-financials-table tr:last-child td {
  font-weight: 600;
}

.order-financials-table td {
  font-weight: 600;
  font-size: 1.2rem;
}

.split-1-2 {
  grid-template-columns: 1fr 2fr !important;
}

.split-3-1 {
  grid-template-columns: 3fr 1fr !important;
}

.salutation-container .radio-container label {
  margin-left: 8px;
}

.design-uploader {
  grid-column: 2/4;
  padding: 15px;
  background: #f2f2f2;
  border-radius: 6px;
}
.design-uploader h3 {
  margin-top: 0;
  margin-bottom: 5px;
}

.password-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.password-container .password-content {
  grid-column: 2/4;
}
@media screen and (min-width: 600px) {
  .password-container {
    padding: 90px 1.1rem;
  }
}
.password-container .password-form input {
  height: 48px;
}
.password-container .password-form button {
  padding: 0 3.2rem;
}
.password-container .password-form .form-group-splitter {
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-gap: 2.2rem;
}
.password-container .password-form .password-forgotten-link-container {
  display: flex;
  align-items: center;
}
.password-container .password-form .password-forgotten-link-container a {
  font-size: 1rem;
}

.back-to-login {
  margin-top: 1.4rem;
}
.back-to-login a {
  font-size: 1rem;
}

.hero-contentpage {
  height: 8rem;
  min-height: 8rem;
  grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
  grid-template-rows: 3rem 1fr;
  padding: 0 1.1rem;
}
@media screen and (min-width: 900px) {
  .hero-contentpage {
    height: 16rem;
    min-height: 16rem;
  }
}
.hero-contentpage .hero-content {
  grid-row: 1/3;
}
@media screen and (min-width: 900px) {
  .hero-contentpage .hero-content {
    grid-row: 2/3;
  }
}
.hero-contentpage .hero-content.text-center {
  align-items: center;
}
.hero-contentpage .hero-content h1 {
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.68px;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero-contentpage .hero-content h1 {
    font-size: 2.3rem;
  }
}
.hero-contentpage .hero-content p {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.68px;
}
@media screen and (min-width: 900px) {
  .hero-contentpage .hero-content p {
    font-size: 1.2rem;
  }
}
.hero-contentpage .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.page-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.page-container .page-content {
  grid-column: 2/4;
}
.page-container .page-content .section-header {
  margin-bottom: 70px;
}

.faq {
  background: #fff;
  margin-bottom: 0.7rem;
  font-size: 1rem;
  line-height: 1.7rem;
  padding: 1.1rem;
  border-radius: 6px;
}
.faq .faq-header {
  cursor: pointer;
  padding-right: 2.2rem;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-right-blue@2x.webp");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.5rem 1.7rem;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}
@media screen and (min-width: 900px) {
  .faq .faq-header {
    display: grid;
    grid-template-columns: 1.7rem auto;
    grid-gap: 1.4rem;
    align-items: center;
  }
}
.faq .faq-header h3 {
  margin: 0;
  font-weight: 600;
}
.faq .faq-icon {
  width: 1.7rem;
  height: 1.7rem;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/icon-faq@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.7rem 1.7rem;
  display: none;
}
@media screen and (min-width: 900px) {
  .faq .faq-icon {
    display: block;
  }
}
.faq .faq-content {
  display: none;
  line-height: 1.7rem;
  margin: 1.4rem 0 0;
  font-weight: normal;
  padding-left: 3.2rem;
}
.faq .faq-content p:last-of-type {
  margin-bottom: 0;
}
.faq.opened .faq-content {
  display: block;
}
.faq.opened .faq-header {
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-down-blue@2x.webp");
  background-size: 1.7rem 1.5rem;
}

.teamphoto-container {
  text-align: center;
  float: right;
  margin: 0 0 20px 20px;
  width: 50%;
  font-size: 0.85rem;
}

.teamphoto {
  width: 100%;
  margin-bottom: 0.35rem;
  border-radius: 6px;
}

.contact-container table {
  width: 50%;
  margin-bottom: 1.4rem;
  border-spacing: 0;
}
.contact-container table td {
  padding: 0;
}

.cookie-declaration-content {
  grid-column: 2/4;
  margin-top: 40px;
  margin-bottom: 40px;
}

.terms-section {
  margin-bottom: 30px;
}
.terms-section .terms-header {
  text-decoration: underline;
  font-style: italic;
  margin-bottom: 10px;
}
.terms-section table tr td {
  vertical-align: top;
  padding: 0 20px 10px 0;
}

.vacancy ul {
  padding: 0 20px;
  list-style: disc;
}
.vacancy ul li {
  padding: 3px 0;
}

.confirm-offer-button {
  display: inline-block;
  width: auto;
  margin-top: 1.4rem;
  font-size: 1rem;
  margin-bottom: 8px;
}

.confirm-offer-container {
  margin-top: 2.2rem;
}
.confirm-offer-container p {
  font-size: 1rem;
}

.offer-customer {
  font-size: 1rem;
}

.offer-container {
  display: flex;
  flex-direction: column;
}
.offer-container.faded {
  opacity: 0.6;
}

.hero-type-page {
  height: 14rem;
  min-height: 14rem;
  grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
  grid-template-rows: 3rem 1fr;
  padding: 0 1.1rem;
}
@media screen and (min-width: 900px) {
  .hero-type-page {
    height: 16rem;
    min-height: 16rem;
  }
}
.hero-type-page .hero-content {
  grid-row: 1/3;
}
@media screen and (min-width: 900px) {
  .hero-type-page .hero-content {
    grid-row: 2/3;
  }
}
@media screen and (min-width: 900px) {
  .hero-type-page .hero-content {
    padding: 0;
  }
}
.hero-type-page .hero-content h1 {
  font-size: 2.3rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.68px;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero-type-page .hero-content h1 {
    font-size: 4.5rem;
  }
}
.hero-type-page .hero-content p {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 0.68px;
}
@media screen and (min-width: 900px) {
  .hero-type-page .hero-content p {
    font-size: 1.3rem;
    padding-bottom: 40px;
  }
}
.hero-type-page .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.type-page-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.type-page-container .type-page-content {
  grid-column: 2/4;
}
.type-page-container .type-page-content .no-results {
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1.4rem;
}

.highlighted-cities {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
  overflow: hidden;
  margin-right: -10px;
}
.highlighted-cities ul li {
  margin: 0 0.7rem 0.7rem 0;
  width: 150px;
  height: 3.5rem;
  background-color: #fff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  float: left;
  width: calc(50% - 0.7rem);
}
@media screen and (min-width: 900px) {
  .highlighted-cities ul li {
    width: calc(20% - 0.7rem);
    height: 80px;
    font-size: 1.2rem;
  }
}
.highlighted-cities ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.available-cities {
  clear: both;
}

.city-selector-container {
  display: flex;
}
.city-selector-container select {
  width: auto;
  margin-right: 0.7rem;
  color: #2697d0;
}
@media screen and (min-width: 900px) {
  .city-selector-container select {
    width: 400px;
    font-size: 1.2rem;
    font-weight: 400;
  }
}
.city-selector-container button {
  width: auto;
}

.highlighted-cities-container {
  padding: 3.2rem 1.1rem;
  background-color: #edf1f3;
}
.highlighted-cities-container .highlighted-cities-content {
  grid-column: 2/4;
}

@media screen and (min-width: 900px) {
  .customer-service-container {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: auto 1fr;
  }
}

.manual-menu-opener {
  padding: 1.1rem;
  color: #03b2e4;
  background-color: #fff;
  font-size: 1.2rem;
  background-image: url("https://cdn.advertentiegroothandel.nl/new-images/arrow-down-blue@2x.webp");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px 13px;
  margin-bottom: 0.35rem;
}
@media screen and (min-width: 900px) {
  .manual-menu-opener {
    display: none;
  }
}

.manual-menu {
  border-radius: 6px;
  margin-bottom: 1.4rem;
}
.manual-menu > ul {
  height: 0;
  overflow: hidden;
  background: #fff;
  padding: 0;
  border-radius: 6px;
}
@media screen and (min-width: 900px) {
  .manual-menu > ul {
    height: auto;
    padding: 1.1rem;
    overflow: auto;
  }
}
.manual-menu > ul.opened {
  height: auto;
  padding: 1.1rem;
  overflow: auto;
}
.manual-menu > ul h2 {
  font-weight: 600;
  font-size: 1.2rem;
}
.manual-menu > ul li:first-child h2 {
  margin-top: 0;
}
.manual-menu > ul ul li {
  font-size: 1rem;
  padding: 0.4rem 0;
}

.selected-manual {
  padding: 1.1rem;
  background: #fff;
  border-radius: 6px;
}
.selected-manual h3 {
  margin-top: 0;
  font-size: 1.3rem;
  font-weight: 600;
}
.selected-manual p {
  font-size: 1rem;
}
.selected-manual ul {
  font-size: 1rem;
  list-style: disc;
  padding: 0 2.2rem;
}
.selected-manual ul li {
  margin-bottom: 0.7rem;
}
.selected-manual ol {
  font-size: 1rem;
  padding: 0 2.2rem;
}
.selected-manual ol li {
  margin-bottom: 0.7rem;
}

.card-container {
  margin-bottom: 1.4rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 900px) {
  .card-container {
    margin-bottom: 0;
  }
}

.card-header {
  height: 230px;
  background-size: cover;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1.1rem;
  position: relative;
  border-radius: 6px 6px 0 0;
}
.card-header a {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.card-header .card-preview {
  width: 129px;
  height: 200px;
  background-color: #fff;
  padding: 0.35rem;
  opacity: 0.96;
}
.card-header .card-preview > div {
  background-color: #dfeef6;
  border: 1px dashed #8bc6e4;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2697d0;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.7rem;
  text-align: center;
  max-height: 100%;
  max-width: 100%;
}

.card-content {
  padding: 1.4rem;
  background-color: #fff;
  line-height: 1.34;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 0 0 8px 8px;
}
.card-content p {
  font-size: 1rem;
  margin: 0 0 20px;
}
.card-content h2 {
  margin: 0 0 7px;
  font-size: 1.1rem;
  color: #000;
}
.card-content h3 {
  font-size: 1rem;
  font-weight: normal;
  margin: 0 0 20px;
}
.card-content .paper-description-container {
  margin-bottom: 1.4rem;
}
.card-content .paper-description-container p {
  margin-bottom: 0;
}
.card-content .paper-description-container a {
  font-size: 0.9rem;
}
.card-content .paper-description-short {
  font-size: 0.85rem;
  color: #000;
  font-weight: 300;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-content .paper-description-full {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2.2rem;
  line-height: 22px;
  background: #fff;
  width: 500px;
  max-width: 90%;
  font-size: 0.9rem;
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: none;
  border-radius: 6px;
}
.card-content .paper-description-full.visible {
  display: block;
}
.card-content .paper-description-full h2 {
  max-width: 90%;
}
.card-content .paper-description-full .close-button {
  position: absolute;
  right: 1.4rem;
  top: 14px;
  width: 1.4rem;
  height: 1.4rem;
  opacity: 0.6;
  cursor: pointer;
}
.card-content .paper-description-full .close-button:hover {
  opacity: 1;
}
.card-content .paper-description-full .close-button:before,
.card-content .paper-description-full .close-button:after {
  position: absolute;
  left: 1.1rem;
  content: " ";
  height: 1.5rem;
  width: 2px;
  background-color: #333;
}
.card-content .paper-description-full .close-button:before {
  transform: rotate(45deg);
}
.card-content .paper-description-full .close-button:after {
  transform: rotate(-45deg);
}
.card-content ul {
  list-style: disc;
  padding-left: 20px;
  font-weight: 300;
  color: #000;
  font-size: 0.85rem;
  flex: 1;
}
@media screen and (min-width: 900px) {
  .card-content ul {
    font-size: 1rem;
  }
}
.card-content ul.with-margin {
  margin-bottom: 1.8rem;
}
.card-content ul li {
  margin-bottom: 2px;
}
.card-content .our-price {
  font-size: 1.2rem;
  color: #2697d0;
  font-weight: normal;
  margin-right: 0.7rem;
}
.card-content .our-price small {
  font-size: 1rem;
  display: block;
}
.card-content .our-price strong {
  font-size: 1.7rem;
  margin-left: 3px;
}
.card-content .normal-price {
  font-size: 0.85rem;
  color: #2697d0;
  font-weight: normal;
}

.sidebar-last-minutes-container .card-content {
  padding: 1.4rem 0 0;
}

.sellingpoints-container {
  display: none !important;
}
@media screen and (min-width: 900px) {
  .sellingpoints-container {
    background: #4da9d6;
    display: flex !important;
    padding: 12px 0;
    justify-content: center;
    align-items: center;
  }
  .sellingpoints-container ul {
    padding: 0;
    margin: 0 auto;
  }
  .sellingpoints-container ul li {
    padding: 0 1.7rem;
    background-image: url("https://cdn.advertentiegroothandel.nl/images/check-white@2x.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1.1rem 13px;
    color: #fff;
    font-size: 1rem;
    display: inline;
    font-weight: 600;
    letter-spacing: 0.68px;
  }
}

.filter-container {
  margin-bottom: 36px;
  min-height: 40px;
}
.filter-container .filter-button {
  width: auto;
  background-color: transparent;
  font-size: 1rem;
  color: #2697d0;
  border: 1px solid #2697d0;
  height: 35px;
  background-image: url("https://cdn.advertentiegroothandel.nl/images/icon-filter@2x.png");
  background-position: left 0.7rem center;
  background-repeat: no-repeat;
  background-size: 1.7rem;
  padding: 0 0.7rem 0 44px;
}
@media screen and (min-width: 900px) {
  .filter-container .filter-button {
    display: none;
  }
}
.filter-container .filters {
  margin-top: 1.4rem;
  display: none;
}
.filter-container .filters.opened {
  display: block;
}
@media screen and (min-width: 900px) {
  .filter-container .filters {
    margin-top: 0px;
    display: flex;
    visibility: hidden;
    gap: 1.4rem;
  }
  .filter-container .filters.visible {
    visibility: visible;
  }
  .filter-container .filters > div,
  .filter-container .filters select {
    flex: 1;
  }
}
@media screen and (min-width: 900px) {
  .filter-container .filters select {
    margin: 0;
  }
}
.filter-container .filters a {
  font-size: 1rem;
  height: 40px;
}
@media screen and (min-width: 900px) {
  .filter-container .filters a {
    padding: 0 0.7rem;
  }
}
.filter-container .filters .button {
  width: auto;
  max-width: 7rem;
}

.filterbox-error {
  margin: 0.35rem 0 0 0.35rem;
  font-size: 0.9rem;
  color: #2697d0;
  display: none;
  font-weight: bold;
}
.filterbox-error.visible {
  display: block;
}

.size-selector {
  display: none;
}
.size-selector.visible {
  display: block;
}

.choose-size {
  text-align: left;
  font-size: 0.9rem;
  margin-top: 0.7rem;
  font-style: italic;
  margin-bottom: 1.4rem;
}
@media screen and (min-width: 900px) {
  .choose-size {
    text-align: center;
    font-size: 1rem;
  }
}

@font-face {
  font-family: "aptos";
  src: url("/fonts/obituaries/aptos.ttf") format("truetype");
}
@font-face {
  font-family: "berkeley";
  src: url("/fonts/obituaries/berkeley.ttf") format("truetype");
}
@font-face {
  font-family: "cambria";
  src: url("/fonts/obituaries/cambria.ttf") format("truetype");
}
@font-face {
  font-family: "bariol";
  src: url("/fonts/obituaries/bariol.ttf") format("truetype");
}
.hero-configurator {
  height: 14rem;
  min-height: 14rem;
  grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
  grid-template-rows: 3rem 1fr;
  padding: 0 1.1rem;
}
@media screen and (min-width: 900px) {
  .hero-configurator {
    height: 16rem;
    min-height: 16rem;
  }
}
.hero-configurator .hero-content {
  align-items: flex-start;
  text-align: left;
  justify-content: center;
  padding-bottom: 40px;
}
@media screen and (min-width: 900px) {
  .hero-configurator .hero-content {
    padding: 0;
  }
}
.hero-configurator .hero-content h1 {
  font-size: 2rem;
  margin-bottom: 0.35rem;
  letter-spacing: 0.68px;
  font-weight: 600;
}
@media screen and (min-width: 900px) {
  .hero-configurator .hero-content h1 {
    font-size: 2.6rem;
  }
}
.hero-configurator .hero-content h1 small {
  display: block;
  font-weight: normal;
}
.hero-configurator .sellingpoints-container {
  grid-column: 1/5;
  background-color: rgba(6, 122, 187, 0.5);
  margin: 0 -1.1rem;
}

.configurator-item {
  padding: 1.4rem;
  border-radius: 6px;
  background: #fff;
  margin-bottom: 1.4rem;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}
.configurator-item:last-child {
  border-bottom: 0;
}
.configurator-item h3 {
  font-size: 1.2rem;
  margin-top: 0;
  margin-bottom: 0.8rem;
}
.configurator-item p {
  font-size: 0.85rem;
  margin: 0 0 0.35rem;
}
@media screen and (min-width: 900px) {
  .configurator-item p {
    font-size: 1rem;
  }
}
.configurator-item .configurator-item-header {
  margin-bottom: 1.4rem;
}
.configurator-item .configurator-item-header p {
  margin: 0 0 1.65rem;
}
.configurator-item .attention {
  color: red;
  margin: 0 0 0.7rem;
}

.configurator-item-container {
  margin-bottom: 1.1rem;
}

.configurator-item-footnote {
  font-style: italic;
}
.configurator-item-footnote.margin-top-20 {
  margin-top: 1.4rem;
}

.configurator-item-splitter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.8rem;
}

.configurator-item-splitter-three {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0.8rem;
}

.advertisement-summary-container {
  grid-column: 1/5;
  margin: 0 -1.1rem 0;
}
.advertisement-summary-container > div {
  position: sticky;
  top: 100px;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container {
    grid-column: 3/4;
    padding-left: 5rem;
    padding-right: 1.1rem;
  }
}
.advertisement-summary-container .advertisement-summary-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.advertisement-summary-container .advertisement-summary-header img {
  width: 100%;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container .advertisement-summary-header {
    max-height: 18rem;
    overflow: hidden;
  }
}
.advertisement-summary-container .advertisement-summary-content {
  background: #fff;
  padding: 3.2rem 1.1rem;
  border-radius: 6px;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container .advertisement-summary-content {
    padding: 0 1.5rem 1.8rem;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  }
}
.advertisement-summary-container .advertisement-selected-details {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e5edf0;
}
.advertisement-summary-container .advertisement-selected-details li {
  background-image: url("https://cdn.advertentiegroothandel.nl/images/check-black@2x.png");
  background-repeat: no-repeat;
  background-position: left top 4px;
  background-size: 12px 0.7rem;
  padding-left: 1.7rem;
  font-size: 1rem;
  margin-bottom: 0.85rem;
  line-height: 1.4rem;
}
.advertisement-summary-container .advertisement-summary-overview {
  font-size: 1rem;
}
.advertisement-summary-container .advertisement-summary-overview .advertisement-total-reach {
  color: #000;
  margin: 0 0 0.7rem;
}
.advertisement-summary-container .advertisement-summary-overview .advertisement-total-price {
  color: #2697d0;
  margin: 0 0 1.3rem;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container .advertisement-summary-overview .advertisement-total-price {
    font-size: 1.2rem;
  }
}
.advertisement-summary-container .advertisement-summary-overview .advertisement-total-price .price-footnote {
  display: block;
  font-size: 0.9rem;
  font-style: italic;
}
.advertisement-summary-container .advertisement-summary-overview .button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.advertisement-summary-container .advertisement-summary-overview .button.disabled {
  background-color: #f8c396;
}
.advertisement-summary-container .advertisement-summary-overview .order-sidenote {
  margin-top: 0.7rem;
  margin-bottom: 0;
}
.advertisement-summary-container .selected-image {
  width: calc(100% + 3rem);
  margin: 0 -1.5rem 1.5rem;
  height: 180px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  padding: 23px;
  align-items: flex-end;
  border-radius: 6px 6px 0 0;
}
@media (-webkit-device-pixel-ratio: 1.25) {
  .advertisement-summary-container .selected-image {
    display: none;
  }
}
.advertisement-summary-container .selected-image a {
  color: #fff;
}
.advertisement-summary-container .need-help-container {
  text-align: center;
}
.advertisement-summary-container .need-help-container h3 {
  font-size: 1.2rem;
  margin: 0.7rem 0 0;
}
.advertisement-summary-container .need-help-container .need-help {
  display: none;
  margin: 0.35rem 0 0;
  font-size: 1rem;
  text-align: center;
  color: #6c8692;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container .need-help-container .need-help {
    display: block;
  }
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container.outdoor {
    padding-left: 2.8rem;
  }
}
.advertisement-summary-container.outdoor .advertisement-summary-content {
  padding: 0;
}
@media screen and (min-width: 900px) {
  .advertisement-summary-container.outdoor .advertisement-summary-content {
    padding: 0;
  }
}
.advertisement-summary-container.outdoor .advertisement-selected-details {
  border-bottom: 0;
  padding-bottom: 0;
}
.advertisement-summary-container.outdoor .book-button {
  display: flex;
  flex-direction: column;
}
.advertisement-summary-container.outdoor .book-button small {
  font-weight: normal;
}
.advertisement-summary-container.outdoor .advertisement-summary {
  padding: 1.4rem;
}

.configurator-container {
  padding: 3.2rem 1.1rem 0;
  background-color: #edf1f3;
}
@media screen and (min-width: 900px) {
  .configurator-container {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
.configurator-container .configurator-content {
  grid-column: 2/4;
}
@media screen and (min-width: 900px) {
  .configurator-container .configurator-content {
    grid-column: 2/3;
    margin-top: -4.5rem;
  }
}
.configurator-container .configurator-content .section-header h2 {
  height: 2.3rem;
}
.configurator-container select {
  border: 1px solid #ccc;
}
.configurator-container input[type=text],
.configurator-container textarea {
  border: 1px solid #ccc;
}
.configurator-container .custom-selector {
  border: 1px solid #ccc;
}
.configurator-container .custom-selector.selected {
  border: 0;
}
.configurator-container .p-inputtext:not(.p-inputtextarea) {
  width: 100%;
  padding: 0 0.7rem 0 16px;
  min-height: 40px;
  line-height: 40px;
}
.configurator-container .p-calendar .p-inputtext {
  font-size: 1rem;
}
.configurator-container .p-button {
  height: 40px;
  margin-left: 10px;
}
.configurator-container .radio-container {
  background-color: #f5f5f5;
  color: #80c4dc;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.configurator-container .radio-container .checkmark {
  border: 1px solid #2697d0;
}
.configurator-container .radio-container .checkmark:after {
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
.configurator-container .radio-container.selected {
  font-weight: 600;
  border: 1px solid #2697d0;
}
.configurator-container .checkbox-container {
  background-color: #fff;
  color: #80c4dc;
}
.configurator-container .checkbox-container .checkmark {
  border: 1px solid #2697d0;
}
.configurator-container .checkbox-container .checkmark:after {
  top: calc(50% - 6px);
  left: calc(50% - 6px);
}
.configurator-container .checkbox-container.selected {
  font-weight: bold;
}
.configurator-container .liquidation-text-container {
  position: relative;
}
.configurator-container .liquidation-text {
  z-index: 2;
}
.configurator-container .generated-liquidation-text-line-counter {
  font-size: 8pt;
  font-family: "Helvetica Neue LT Pro", sans-serif;
  width: 86mm;
  padding: 0.5mm;
  text-align: justify;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  position: absolute;
  opacity: 0;
  top: 0;
  z-index: 1;
  line-height: 12px;
  visibility: hidden;
}

.paper-configurator-color-selector {
  display: flex;
  gap: 1.1rem;
}
.paper-configurator-color-selector .radio-container {
  width: 100%;
}

.paper-configurator-layouts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 40px;
}
@media screen and (min-width: 900px) {
  .paper-configurator-layouts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.paper-configurator-layouts .custom-selector {
  margin-top: 8px;
}

.paper-configurator-layout {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
}
.paper-configurator-layout:nth-child(2n+1) {
  justify-self: start;
}
.paper-configurator-layout:nth-child(2n) {
  justify-self: end;
}
@media screen and (min-width: 900px) {
  .paper-configurator-layout:nth-child(2n+1) {
    justify-self: center;
  }
  .paper-configurator-layout:nth-child(2n) {
    justify-self: center;
  }
  .paper-configurator-layout:nth-child(3n+1) {
    justify-self: start;
  }
  .paper-configurator-layout:nth-child(3n) {
    justify-self: end;
  }
}
.paper-configurator-layout.selected .paper-configurator-layout-container {
  border: 1.5px solid #2697d0;
}
.paper-configurator-layout.selected .paper-configuration-layout-size {
  font-weight: 600;
}

.paper-configurator-layout-container {
  width: 150px;
  height: 225px;
  background: #f5f5f5;
  position: relative;
  padding: 0.35rem;
  display: flex;
  margin-bottom: 3px;
}
.paper-configurator-layout-container.two-pages {
  width: 300px;
}
.paper-configurator-layout-container .paper-configurator-layout-content {
  border: 1px dashed #8bc6e4;
  background-color: #dfeef6;
  max-height: 100%;
}
.paper-configurator-layout-container .page-divider {
  height: calc(100% - 0.7rem);
  width: 1px;
  background: #8bc6e4;
  position: absolute;
  left: 50%;
  top: 0.35rem;
}

p.paper-configuration-layout-size {
  font-size: 0.9rem;
}

.paper-configurator-design-selector p {
  margin-top: 0.7rem;
  margin-bottom: 1.4rem !important;
  font-weight: 300;
}

.radio-container-subtext.framed {
  margin-top: 0.7rem;
  margin-bottom: 1.1rem !important;
  padding: 0.7rem 0.7rem 0.7rem 50px;
  font-size: 0.85rem;
  background-position: left 14px center;
  background-repeat: no-repeat;
  background-image: url("https://cdn.advertentiegroothandel.nl/images/attention-icon.png");
  background-color: #f5f5f5;
  border-radius: 6px;
}

.configurator-attention-container {
  padding: 1.4rem 0 0;
}
.configurator-attention-container li {
  background-position: left center;
  background-repeat: no-repeat;
}
.configurator-attention-container li > div {
  font-size: 0.9rem;
  margin-bottom: 0.85rem;
  min-height: 1.8rem;
  line-height: 1.5;
  padding: 3px 0 3px 38px;
}
.configurator-attention-container li > div span {
  font-weight: 600;
}
.configurator-attention-container li.attention {
  background-image: url("https://cdn.advertentiegroothandel.nl/images/attention-icon.png");
}
.configurator-attention-container li.clock {
  background-image: url("https://cdn.advertentiegroothandel.nl/images/clock-icon.png");
}

.design-information {
  margin: 8px 0;
  font-style: italic;
}

.spread-specific-selector-message {
  padding: 0 20px;
  font-size: 1rem;
  font-style: italic;
}

.spread-specific-selector-container {
  display: none;
  background: #fff;
  margin: 0 14px 12px;
}
.spread-specific-selector-container.visible {
  display: block;
}
.spread-specific-selector-container.postcode-areas {
  max-height: 260px;
  overflow: auto;
}
.spread-specific-selector-container ul li {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  font-size: 1rem;
  color: #80c4dc;
  margin-bottom: 5px;
  padding: 3px;
}
.spread-specific-selector-container ul li label {
  line-height: 19px;
}

.object-count {
  margin-top: 1.4rem !important;
  text-align: center;
  color: #2697d0;
}

.map-container {
  position: relative;
}
.map-container .select-objects-description {
  text-align: center;
  color: #2697d0;
  font-size: 1.2rem;
  font-weight: 600;
  margin: 2.2rem 0 0.7rem;
}

.map-loading-overlay {
  position: absolute;
  background-color: #fff;
  padding: 1.4rem;
  border: 1px solid #000;
  width: 200px;
  left: calc(50% - 7rem);
  top: 7rem;
}

.object-selection-container {
  min-width: 320px;
  font-family: "Open Sans", sans-serif !important;
}
.object-selection-container select {
  border: 1px solid #2697d0;
}
.object-selection-container button {
  height: 40px;
}
.object-selection-container .object-description {
  font-size: 1.2rem;
  font-weight: 500;
}
.object-selection-container .object-item-count {
  margin-bottom: 1.4rem;
  font-weight: 400;
}
.object-selection-container .object-selector-form {
  display: flex;
  gap: 12px;
}

.object-information-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.1rem;
  font-family: "Open Sans", sans-serif !important;
}
.object-information-container .object-information-left img {
  width: 100%;
}
.object-information-container .object-information-right .object-title {
  font-size: 1.2rem;
  margin-bottom: 1.1rem;
  font-weight: normal;
}
.object-information-container .object-information-right .object-description {
  font-size: 0.9rem;
  margin-bottom: 1.1rem;
}
.object-information-container .object-information-right .object-price {
  font-size: 1.2rem;
  color: #f1862d;
  font-weight: bold;
}
.object-information-container .object-information-right .object-price small {
  font-weight: normal;
}

button.gm-ui-hover-effect {
  top: 0 !important;
  right: -2px !important;
  outline: none !important;
}
button.gm-ui-hover-effect img {
  width: 1.7rem !important;
  height: 1.7rem !important;
  margin: 0 !important;
}

.paper-configurator-design-selector .radio-container-subtext {
  font-weight: normal;
}
@media screen and (min-width: 900px) {
  .paper-configurator-design-selector .radio-container-subtext {
    font-size: 0.9rem;
  }
}

.transport-network-container {
  background: #f5f5f5;
  padding: 1.1rem;
  margin: 1.1rem 10px;
  border-radius: 6px;
}
.transport-network-container h3 {
  font-size: 1.2rem;
}
.transport-network-container .network-areas {
  font-size: 1rem;
  font-weight: 300;
}
.transport-network-container .network-areas td {
  vertical-align: top;
  padding: 2px;
  line-height: 22px;
}
.transport-network-container .network-areas td:first-child {
  width: 25%;
}
.transport-network-container .network-availability {
  margin-top: 1.4rem;
  font-size: 1rem;
  font-weight: 300;
}
.transport-network-container .network-availability h3 {
  font-size: 1rem;
  margin: 0 0 0.7rem;
  font-weight: normal;
}
.transport-network-container .network-availability ul {
  list-style: disc;
  padding: 0 20px;
}
.transport-network-container .network-availability ul li {
  padding: 3px 0;
}

.transport-network-line-container {
  background: #f5f5f5;
  padding: 1.1rem;
  margin: 1.1rem 10px;
  border-radius: 6px;
}
.transport-network-line-container p {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
}
.transport-network-line-container .network-availability {
  margin-top: 1.4rem;
  font-size: 1rem;
  font-weight: 300;
}
.transport-network-line-container .network-availability h3 {
  font-size: 1rem;
  margin: 0 0 0.7rem;
  font-weight: normal;
}
.transport-network-line-container .network-availability ul {
  list-style: disc;
  padding: 0 20px;
}
.transport-network-line-container .network-availability ul li {
  padding: 3px 0;
}

.variations-container {
  background: #edf1f3;
  padding: 40px 0 40px;
}
.variations-container ul {
  grid-column: 2/4;
  padding: 0 0.7rem;
  display: flex;
  gap: 1.4rem;
  flex-wrap: wrap;
}
.variations-container ul li {
  display: flex;
  height: 145px;
}
.variations-container ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex: 0;
}
.variations-container ul li a > div {
  position: relative;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 6px;
  font-size: 0.85rem;
  padding: 1.1rem 0.7rem;
  flex-direction: column;
  cursor: pointer;
  height: 100%;
  width: 160px;
}
.variations-container ul li a > div img {
  width: 80px;
}
.variations-container ul li a > div.wide img {
  width: 100%;
}
.variations-container ul li a > div > span {
  position: absolute;
  bottom: 1.1rem;
  width: calc(100% - 1.1rem);
}
.variations-container ul li.active a > div {
  border: 2px solid #2697d0;
  position: relative;
  padding: 13px 8px;
}
.variations-container ul li.active a > div:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: -12px;
  bottom: -18px;
  left: 50%;
  box-sizing: border-box;
  border: 0.7rem solid black;
  border-color: transparent transparent #fff #fff;
  transform-origin: 0 0;
  transform: rotate(-45deg);
  box-shadow: -2px 2px 0px 0 #2697d0;
}
.variations-container ul li:hover a > div {
  border: 2px solid #2697d0;
  padding: 13px 8px;
}
.variations-container ul li .variant-image {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.1rem;
}

.p-multiselect {
  width: 100% !important;
  color: #80c4dc !important;
  height: 40px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 1rem !important;
}

.p-multiselect .p-multiselect-label.p-placeholder {
  color: #80c4dc !important;
}

.p-multiselect-trigger-icon {
  color: #80c4dc !important;
}

.p-multiselect .p-multiselect-label {
  padding: 0 0 0 16px !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  font-size: 1rem !important;
}

.p-multiselect-panel {
  box-shadow: none !important;
}

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #2697d0 !important;
  background: #2697d0 !important;
}

.serie-selector-item {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 0.35rem;
  display: inline-block;
}

.serie-amount-selector {
  display: inline-block;
  width: 80px;
  margin-right: 12px;
}

.possible-series-selector {
  font-size: 1rem;
}

.portfolio-item .portfolio-caption {
  font-size: 1rem;
  text-align: center;
  margin-top: 0.7rem;
  font-weight: 600;
}

.field-checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 0.35rem;
}
.field-checkbox .p-checkbox {
  margin-right: 8px;
}
.field-checkbox label {
  font-size: 1rem;
  font-weight: 600;
}
.field-checkbox p {
  font-size: 0.85rem;
  font-style: italic;
}

.jobportal-checkbox {
  align-items: flex-start;
  margin-bottom: 0.7rem;
}
.jobportal-checkbox label {
  margin-bottom: 0.35rem;
  display: block;
  padding-top: 1px;
}

.group-amount-selectors {
  margin-bottom: 12px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
}
.group-amount-selectors:last-child {
  margin-bottom: 0;
}
.group-amount-selectors .group-amount-selector {
  display: grid;
  grid-template-columns: 130px auto;
  grid-gap: 0.7rem;
}
.group-amount-selectors .group-amount-selector select {
  margin-bottom: 0;
  width: auto;
}
.group-amount-selectors .group-amount-selector label {
  font-size: 1rem;
  height: 40px;
}
@media screen and (min-width: 900px) {
  .group-amount-selectors .group-amount-selector label {
    display: flex;
    align-items: center;
  }
}
.group-amount-selectors .group-amount-selector label strong {
  margin: 0 4px 0 0;
}

.color-indicator {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 0.35rem;
  background-size: cover;
}

.group-amount-description {
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.group-amount-description strong {
  margin: 0 4px;
}
.group-amount-description .color-indicator {
  margin: 0 0.35rem 0 0;
}

.unavailable {
  font-size: 0.85rem;
  color: red;
  font-style: italic;
  margin-left: 0.7rem;
  font-weight: normal;
}

.price-tag {
  background: #fff;
  color: #000;
  font-size: 1rem;
  border: 1px solid #000;
  border-radius: 6px;
  padding: 0.35rem;
  font-weight: 600;
}
.price-tag.selected {
  background: #f1862d;
  color: #fff;
  border: 1px solid #fff;
}

.gm-style .gm-style-iw-c {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.printspecs-notification {
  margin-left: 0.35rem;
  color: red;
}

.coc-number-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
.coc-number-container .d-flex {
  gap: 10px;
  margin-top: 10px;
}

.liquidation-dates-container {
  display: flex;
  gap: 10px;
}
.liquidation-dates-container .form-group {
  width: 100%;
}
.liquidation-dates-container .form-group .p-calendar {
  width: 100%;
}

.p-dropdown {
  width: 100%;
}

.liquidation-text-generator-container .form-group label {
  margin-bottom: 5px;
  display: block;
}
.liquidation-text-generator-container ::-moz-placeholder {
  color: #6c757d;
  font-weight: normal;
}
.liquidation-text-generator-container ::placeholder {
  color: #6c757d;
  font-weight: normal;
}
.liquidation-text-generator-container .p-button {
  margin-left: 0;
}
.liquidation-text-generator-container select,
.liquidation-text-generator-container textarea,
.liquidation-text-generator-container input[type=tel],
.liquidation-text-generator-container input[type=email],
.liquidation-text-generator-container input[type=date],
.liquidation-text-generator-container input[type=password],
.liquidation-text-generator-container input[type=text] {
  color: #495057;
  font-weight: normal;
}

.minimum-order-message {
  font-size: 0.9rem !important;
  font-style: italic !important;
  margin-top: 0.7rem !important;
}
.minimum-order-message.error {
  color: red;
}

.found-company {
  margin-bottom: 20px !important;
}

.object-selector-dialog {
  max-width: 400px;
}
.object-selector-dialog .p-dialog-header {
  display: none;
}
.object-selector-dialog .p-dialog-content {
  border-radius: 6px !important;
}
.object-selector-dialog .p-dialog-content .p-dialog-header {
  display: flex;
  padding: 20px 0 10px 0 !important;
}

.excluding-vat {
  font-size: 0.9rem;
  color: #333;
  font-weight: normal;
  display: block;
}

.obituary-configurator .quick-search-form {
  text-align: left;
  width: 100%;
}
.obituary-configurator .quick-search-form .search-box-container {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  .obituary-configurator .quick-search-form .search-box-container {
    display: inline-block;
    width: 100%;
  }
}

.paper-configurator-selected-papers {
  margin-top: 40px;
  width: 100%;
}
.paper-configurator-selected-papers tr:first-child td {
  border-top: 1px solid #ccc;
}
.paper-configurator-selected-papers td {
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.paper-configurator-selected-papers td select {
  margin-bottom: 0;
}

.obituary-configurator-layouts {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
}
@media screen and (min-width: 900px) {
  .obituary-configurator-layouts {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.obituary-configurator-layouts .custom-selector {
  margin-top: 8px;
}

.obituary-configurator-layout {
  display: flex;
  flex-direction: column;
  justify-self: center;
  align-items: center;
  width: 100%;
}
.obituary-configurator-layout:nth-child(2n+1) {
  justify-self: start;
}
.obituary-configurator-layout:nth-child(2n) {
  justify-self: end;
}
@media screen and (min-width: 900px) {
  .obituary-configurator-layout:nth-child(2n+1) {
    justify-self: center;
  }
  .obituary-configurator-layout:nth-child(2n) {
    justify-self: center;
  }
  .obituary-configurator-layout:nth-child(3n+1) {
    justify-self: start;
  }
  .obituary-configurator-layout:nth-child(3n) {
    justify-self: end;
  }
}
.obituary-configurator-layout.selected .obituary-configurator-layout-container {
  border: 1.5px solid #2697d0;
}
.obituary-configurator-layout.selected .obituary-configuration-layout-size {
  font-weight: 600;
}

.obituary-configurator-layout-container {
  width: 100%;
  background: #f5f5f5;
  display: flex;
}
.obituary-configurator-layout-container img {
  width: 100%;
}
.obituary-configurator-layout-container.two-pages {
  width: 300px;
}

p.obituary-configuration-layout-size {
  font-size: 0.9rem;
}

.obituary-configurator-selected-paper {
  padding: 20px;
  background: #f2f2f2;
  border-radius: 6px;
  position: relative;
  margin-bottom: 20px;
}
.obituary-configurator-selected-paper:last-child {
  margin-bottom: 0;
}
.obituary-configurator-selected-paper h4 {
  margin: 0 0 20px 0;
}
.obituary-configurator-selected-paper .remove-selected-paper {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.obituary-configurator-selected-paper table {
  width: 100%;
  border-spacing: 0;
}
.obituary-configurator-selected-paper table tr td {
  vertical-align: middle;
  padding: 0 0 10px 0;
}
.obituary-configurator-selected-paper table tr td select {
  margin-bottom: 0;
}
.obituary-configurator-selected-paper table tr td:last-child {
  text-align: right;
}
.obituary-configurator-selected-paper table tr:last-child td {
  padding: 0;
}

.obituary-preview-container .p-dialog-content {
  background: #f2f2f2 !important;
  padding: 1.5rem !important;
}

.advertisement-summary-sticky-footer {
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  width: 100%;
  left: 0;
  position: fixed;
  bottom: 0;
  display: none;
  grid-template-columns: 1fr auto;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}
.advertisement-summary-sticky-footer.visible {
  display: grid;
}
.advertisement-summary-sticky-footer .summary-content {
  padding: 8px 0 8px 1.1rem;
  font-size: 0.85rem;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.advertisement-summary-sticky-footer .summary-content strong {
  font-weight: 600;
}
.advertisement-summary-sticky-footer .summary-button {
  padding: 0 1.1rem;
}
.advertisement-summary-sticky-footer .summary-button button {
  height: 33px;
  font-size: 0.85rem;
  border-radius: 2px;
}
.advertisement-summary-sticky-footer .price-container {
  color: green;
  font-size: 1rem;
  font-weight: 700;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 1rem;
  line-height: 1.7rem;
  border-radius: 6px;
  position: absolute;
  width: 100% !important;
  box-sizing: border-box;
  touch-action: manipulation;
  margin-bottom: 1.1rem;
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.hasTime .flatpickr-innerContainer {
  border-bottom: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 0.35rem;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #2697d0;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: rgba(72, 72, 72, 0.2);
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #2697d0;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  border-radius: 6px 6px 0 0;
  background: #2697d0;
  color: #fff;
  fill: #fff;
  height: 40px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 0.7rem;
  z-index: 3;
  color: #fff;
  fill: #fff;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #bbb;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  transform: scale(1.5);
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(72, 72, 72, 0.15);
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(72, 72, 72, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(72, 72, 72, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: 1.2rem;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: #2697d0;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: 1.2rem;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: 0 0.7rem 0 0;
  outline: none;
  padding: 0 0.7rem 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #2697d0;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: #2697d0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
  padding: 0 0.7rem;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: #2697d0;
  color: #fff;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 100% !important;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
  border-right: 1px solid rgba(72, 72, 72, 0.2);
  padding: 0.7rem;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 0 rgba(72, 72, 72, 0.2);
}

.flatpickr-day {
  background: none;
  border: 0px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #484848;
  cursor: pointer;
  font-weight: 600;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  line-height: 44px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange:not(.flatpickr-disabled),
.flatpickr-day.nextMonthDay.inRange:not(.flatpickr-disabled),
.flatpickr-day:not(.flatpickr-disabled):hover,
.flatpickr-day.prevMonthDay:not(.flatpickr-disabled):hover,
.flatpickr-day.nextMonthDay:not(.flatpickr-disabled):hover {
  cursor: pointer;
  outline: 0;
  background: #dfeef6;
  border-color: #dfeef6;
}

.flatpickr-day.today {
  border-color: #bbb;
}

.flatpickr-day.selected:not(.flatpickr-disabled),
.flatpickr-day.startRange:not(.flatpickr-disabled),
.flatpickr-day.endRange:not(.flatpickr-disabled),
.flatpickr-day.selected.inRange:not(.flatpickr-disabled),
.flatpickr-day.startRange.inRange:not(.flatpickr-disabled),
.flatpickr-day.endRange.inRange:not(.flatpickr-disabled),
.flatpickr-day.selected:focus:not(.flatpickr-disabled),
.flatpickr-day.startRange:focus:not(.flatpickr-disabled),
.flatpickr-day.endRange:focus:not(.flatpickr-disabled),
.flatpickr-day.selected:hover:not(.flatpickr-disabled),
.flatpickr-day.startRange:hover:not(.flatpickr-disabled),
.flatpickr-day.endRange:hover:not(.flatpickr-disabled),
.flatpickr-day.selected.prevMonthDay:not(.flatpickr-disabled),
.flatpickr-day.startRange.prevMonthDay:not(.flatpickr-disabled),
.flatpickr-day.endRange.prevMonthDay:not(.flatpickr-disabled),
.flatpickr-day.selected.nextMonthDay:not(.flatpickr-disabled),
.flatpickr-day.startRange.nextMonthDay:not(.flatpickr-disabled),
.flatpickr-day.endRange.nextMonthDay:not(.flatpickr-disabled) {
  background: #2697d0;
  box-shadow: none;
  color: #fff;
  border-color: #2697d0;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 3.5rem 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #2697d0;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 3.5rem;
}

.flatpickr-day.inRange {
  border-radius: 0;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(72, 72, 72, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(72, 72, 72, 0.3);
}

.flatpickr-day.week.selected {
  border-radius: 0;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0.7rem 12px;
  border-left: 1px solid rgba(72, 72, 72, 0.2);
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  height: 44px;
  max-width: none;
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid rgba(72, 72, 72, 0.2);
  border-radius: 0 0 8px 8px;
  width: 100%;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  background: #fff;
  border-radius: 0 0 8px 8px;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #484848;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #484848;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #484848;
  font-size: 1rem;
  position: relative;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #484848;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eaeaea;
}

.flatpickr-input[readonly] {
  cursor: pointer;
  display: none;
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.campaign-type-selector {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.7rem;
}
.campaign-type-selector .radio-container {
  margin-bottom: 0;
}
.campaign-type-selector .radio-container.selected {
  background-color: #2697d0;
  color: #fff;
}

.form-fields-container label {
  font-size: 1rem;
  margin-bottom: 8px;
  display: block;
}
.form-fields-container .form-field {
  margin-bottom: 1.4rem;
}

.offer-form-container.faded {
  opacity: 0.3;
}
.offer-form-container .flatpickr-days {
  border: 0;
}
.offer-form-container .flatpickr-innerContainer {
  border: 0;
}

.form-error {
  margin-top: -10px;
  display: block;
  margin-bottom: 1.4rem;
  font-size: 0.85rem;
  color: red;
  padding-left: 0.35rem;
}

.size-help-form-container {
  background: #f2f2f2;
  padding: 20px;
  font-size: 1.1rem;
}
.size-help-form-container.faded {
  opacity: 0.3;
}
.size-help-form-container h4 {
  margin-top: 0;
}
@media screen and (min-width: 900px) {
  .size-help-form-container .form-group-splitter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.4rem;
  }
}
@media screen and (min-width: 900px) and (min-width: 900px) {
  .size-help-form-container .form-group-splitter.half {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.size-help-form-container textarea {
  margin-bottom: 0;
}
.size-help-form-container .uploaded-files-container {
  margin-top: 10px;
}
.size-help-form-container .info-box {
  margin: 0;
  font-size: 1.1rem !important;
  font-style: normal;
}
.size-help-form-container .p-datatable .p-datatable-thead > tr > th {
  background: #dddddd;
  color: #333;
}

.dialog-size-help-form {
  width: 650px;
  font-size: 1.1rem !important;
}
.dialog-size-help-form .p-dialog-header {
  padding: 1.5rem;
}

.p-datatable-table {
  border-collapse: collapse;
}

.p-datatable .p-datatable-tbody > tr:focus {
  outline: none;
}

@media screen and (min-width: 900px) {
  .file-name-container {
    margin-bottom: 10px;
  }
}

.file-description {
  width: 100%;
  height: 70px;
}