/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ffecb2549ad1765a.eot');
    src: url('primeicons.ffecb2549ad1765a.eot?#iefix') format('embedded-opentype'), url('primeicons.ba3f916dfb64be8c.woff2') format('woff2'), url('primeicons.f8b9e8a4e401b603.woff') format('woff'), url('primeicons.0112589c5695a9ed.ttf') format('truetype'), url('primeicons.943ab24c43224d29.svg?#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;
    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";
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.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}.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;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;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.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-toggleable-content.ng-animating{overflow:hidden}.p-icon-wrapper{display:inline-flex}.p-icon{display:inline-block}.p-icon-spin{animation:p-icon-spin 2s infinite linear}@keyframes p-icon-spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.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;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;pointer-events:none}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.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-button[iconpos="right"] spinnericon{order:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.dae87a04d07ca92b.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.8b1818380241e6ac.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-inputgroup .p-inputwrapper>.p-component{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 .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 .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-left>.p-icon-wrapper,.p-input-icon-right>i,.p-input-icon-right>.p-icon-wrapper{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-input::-ms-reveal,.p-password-input::-ms-clear{display:none}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{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-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.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)}.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}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***!
  \********************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.ffecb2549ad1765a.eot');
    src: url('primeicons.ffecb2549ad1765a.eot?#iefix') format('embedded-opentype'), url('primeicons.ba3f916dfb64be8c.woff2') format('woff2'), url('primeicons.f8b9e8a4e401b603.woff') format('woff'), url('primeicons.0112589c5695a9ed.ttf') format('truetype'), url('primeicons.943ab24c43224d29.svg?#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;
    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";
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/prospitalia/src/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
/**
 * Team23 Color Theme
 *
 * DO NOT CREATE NEW COLORS THAT ARE NOT DEFINED IN THE DESIGN SYSTEM!
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42b9b2863eb663cac57
 */
/**
 *  Default TEAM23 Theme
 */
/* Spacing */
/* Theming */
/** Form Elements */
/** Input Dimensions */
.cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .register .p-autocomplete-input, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, th, .tag .tag__header, .widget.widget--card .widget__header, #masonry .download-link, #masonry .titel, .brick__download, .brick__title, .list-menu__item .label, .list-menu__header, .item .item__name, .item .item__date, .list-view .cell--header, .main-list .main-list__cell--header, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .text--strong, .p-progressbar .p-progressbar-label, .widget-config .subtitle, .list-menu__module, .list-menu__count, .initials, .list-view .cell--header .cell__content-subtitle, .text--small, .widget .widget__header, .dialog-errortext, .dialog-infotext, .text--large, .p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .navbar-menu-container a, .empty-list, table, .widget-config .headline, .widget-config-wrapper .widget-config-info, .widget .widget__list, .widget .widget__info, #masonry .inhalt p, #masonry .inhalt, .brick__content p, .brick__content, .brick__text, .list-menu__item .label__subtitle, .card.person-card .person-card__detail .detail__contacts, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .item .item__description, .list__changed, .main-list, .card .card__subheadline, .filter-input-box.filter-input-box--with-button button, .filter-input-box input, label, .number-value,
.text-value, .infotext, button, input,
textarea, html,
body, .text, .text--medium {
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0.2px;
  font-weight: initial;
}

.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .navbar-menu-container a, .empty-list, table, .tag .tag__header, .widget-config .headline, .widget-config-wrapper .widget-config-info, .widget .widget__list, .widget .widget__info, #masonry .download-link, #masonry .inhalt p, #masonry .inhalt, .brick__download, .brick__content p, .brick__content, .brick__text, .list-menu__item .label__subtitle, .list-menu__item .label, .list-menu__header, .card.person-card .person-card__detail .detail__contacts, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .item .item__name, .item .item__description, .list__changed, .main-list, .card .card__subheadline, .filter-input-box.filter-input-box--with-button button, .filter-input-box input, label, .number-value,
.text-value, .infotext, button, input,
textarea, html,
body, .text, .text--medium {
  font-size: 12px;
}
@media print {
  .p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .navbar-menu-container a, .empty-list, table, .tag .tag__header, .widget-config .headline, .widget-config-wrapper .widget-config-info, .widget .widget__list, .widget .widget__info, #masonry .download-link, #masonry .inhalt p, #masonry .inhalt, .brick__download, .brick__content p, .brick__content, .brick__text, .list-menu__item .label__subtitle, .list-menu__item .label, .list-menu__header, .card.person-card .person-card__detail .detail__contacts, .card.person-card .person-card__detail .detail__position,
  .card.person-card .person-card__detail .detail__organisation, .item .item__name, .item .item__description, .list__changed, .main-list, .card .card__subheadline, .filter-input-box.filter-input-box--with-button button, .filter-input-box input, label, .number-value,
  .text-value, .infotext, button, input,
  textarea, html,
  body, .text, .text--medium {
    font-size: 16px;
  }
}

.p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .widget .widget__header, #masonry .titel, .brick__title, .dialog-errortext, .dialog-infotext, .text--large {
  font-size: 14px;
}
@media print {
  .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .widget .widget__header, #masonry .titel, .brick__title, .dialog-errortext, .dialog-infotext, .text--large {
    font-size: 18px;
  }
}

.p-progressbar .p-progressbar-label, .widget-config .subtitle, .list-menu__module, .list-menu__count, .initials, .list-view .cell--header .cell__content-subtitle, .text--small {
  font-size: 11px;
}
@media print {
  .p-progressbar .p-progressbar-label, .widget-config .subtitle, .list-menu__module, .list-menu__count, .initials, .list-view .cell--header .cell__content-subtitle, .text--small {
    font-size: 15px;
  }
}

.cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .register .p-autocomplete-input, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, th, .tag .tag__header, .widget.widget--card .widget__header, #masonry .download-link, #masonry .titel, .brick__download, .brick__title, .list-menu__item .label, .list-menu__header, .item .item__name, .item .item__date, .list-view .cell--header, .main-list .main-list__cell--header, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .text--strong {
  font-weight: 700;
}

.p-datepicker .p-datepicker-header, .heading--strong, .widget .widget__sleeve, .card .card__headline, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .heading--small, .p-dialog.p-confirm-dialog .p-dialog-title, h4, h3, .heading--large, .card.person-card .person-card__detail .detail__name *, h5 *, h3 *, h2 *, h1 *, .wizard .wizard__content-wrapper .wizard__header .subheading *, .wizard .wizard__content-wrapper .wizard__header .heading *, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label *, .heading *, h2 *, h1 *, .heading--medium *, .card.person-card .person-card__detail .detail__name, h5, h3, h2, h1, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .heading, h1, .heading--medium {
  font-family: Poppins, sans-serif;
  font-weight: initial;
}

.card.person-card .person-card__detail .detail__name, h5, h3, h2, h1, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .heading, h1, .heading--medium {
  font-size: 18px;
  letter-spacing: 0.2px;
}
@media print {
  .card.person-card .person-card__detail .detail__name, h5, h3, h2, h1, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .heading, h1, .heading--medium {
    font-size: 22px;
  }
}

.p-dialog.p-confirm-dialog .p-dialog-title, h4, h3, .heading--large {
  font-size: 24px;
  letter-spacing: 0;
}
@media print {
  .p-dialog.p-confirm-dialog .p-dialog-title, h4, h3, .heading--large {
    font-size: 28px;
  }
}

.card .card__headline, h6, .wizard .wizard__navbar .wizard__element .wizard-element__label, .heading--small {
  font-size: 14px;
  letter-spacing: 0.3px;
}
@media print {
  .card .card__headline, h6, .wizard .wizard__navbar .wizard__element .wizard-element__label, .heading--small {
    font-size: 18px;
  }
}

.widget .widget__sleeve, .card .card__headline, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__navbar .wizard__element .wizard-element__label {
  font-weight: 600;
}

.p-datepicker .p-datepicker-header, .heading--strong {
  font-weight: 700;
}

h1 {
  font-size: 56px;
}

.p-checkbox + .p-checkbox-label, .brick__button, label,
.label__value, .wizard .wizard__navbar .wizard-element__subtitle {
  line-height: 18px;
}

h2 {
  font-size: 40px;
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
t23-icon.animate {
  transform: none;
}

.animate.blink {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.animate.loading > span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}
.animate.loading > span:nth-child(2) {
  animation-delay: 0.2s;
}
.animate.loading > span:nth-child(3) {
  animation-delay: 0.4s;
}
.animate.loading > span:nth-child(4) {
  animation-delay: 0.6s;
}
.animate.loading > span:nth-child(5) {
  animation-delay: 0.8s;
}
.animate.loading > span:nth-child(6) {
  animation-delay: 1s;
}
.animate.spin {
  animation: spin 4s linear infinite;
}
.animate.fade-in {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.3s ease-in-out 0s, visibility 0s linear 0s;
}
.animate.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
}

/* stylelint-disable property-disallowed-list */
@font-face {
  font-family: Poppins;
  src: url("/assets/fonts/Poppins-Regular.woff2") format("woff2"), url("/assets/fonts/Poppins-Regular.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 600;
  src: url("/assets/fonts/Poppins-SemiBold.woff2") format("woff2"), url("/assets/fonts/Poppins-SemiBold.woff") format("woff");
}
@font-face {
  font-family: Poppins;
  font-weight: 700;
  src: url("/assets/fonts/Poppins-Bold.woff2") format("woff2"), url("/assets/fonts/Poppins-Bold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  src: local("Noto Sans"), local("NotoSans"), url("/assets/fonts/NotoSans-Regular.woff2") format("woff2"), url("/assets/fonts/NotoSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans";
  font-weight: 700;
  src: local("Noto Sans"), local("NotoSans"), url("/assets/fonts/NotoSans-Bold.woff2") format("woff2"), url("/assets/fonts/NotoSans-Bold.woff") format("woff");
}
html body.print .page__header {
  display: none;
}
html body.print .page__wrapper {
  padding-top: 0;
}
html body.print .page__sidebar-left {
  display: none;
}
html body.print navbar-options {
  display: none;
}
html body.print pro-detail-tabs {
  display: block;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
html body.print pro-detail-tabs .detail-tabs .tab__container,
html body.print pro-detail-tabs .detail-tabs .detail__bar,
html body.print pro-detail-tabs .detail-tabs .detail__flyout {
  display: none;
}
html body.print pro-detail-tabs .detail-tabs .detail__navigation {
  width: auto !important;
  position: relative !important;
  margin: 40px 40px 0;
  box-shadow: none;
}
html body.print pro-detail-tabs .detail-tabs .detail__content {
  padding-left: 0 !important;
  height: auto !important;
}
html body.print .tab-header label,
html body.print .tab-header t23-icon {
  display: none;
}
html body.print pro-tab:not(:first-child) .tab-header {
  display: none;
}
html body.print pro-list-property-tab:not(:first-child) pro-tab .tab-header {
  display: none;
}
html body.print pro-contract-info-tab:not(:first-child) pro-tab .tab-header {
  display: none;
}
html body.print .work-in-progress {
  display: none !important;
}
html body.print .detail__flyout {
  display: none;
}
html body.print .card:not(.print-overlay) {
  box-shadow: none;
}
html body.print .card.card--closed {
  display: none;
}
html body.print .card .toggle-card {
  display: none;
}
@media screen {
  html body.print {
    padding: 25px 449px 25px 25px;
  }
  html body.print main {
    background-color: #fff;
  }
  .theme-dark html body.print main {
    background-color: #373b45;
  }
}

@media print {
  @page {
    size: a4 portrait;
    margin: 40px; /* this affects the margin in the printer settings */
  }
  body .page__header {
    display: none;
  }
  body .page__wrapper {
    padding-top: 0;
  }
  body .page__sidebar-left {
    display: none;
  }
  body navbar-options {
    display: none;
  }
  body pro-detail-tabs {
    display: block;
    height: 100%;
    width: 100%;
    overflow-y: auto;
  }
  body pro-detail-tabs .detail-tabs .tab__container,
  body pro-detail-tabs .detail-tabs .detail__bar,
  body pro-detail-tabs .detail-tabs .detail__flyout {
    display: none;
  }
  body pro-detail-tabs .detail-tabs .detail__navigation {
    width: auto !important;
    position: relative !important;
    margin: 40px 40px 0;
    box-shadow: none;
  }
  body pro-detail-tabs .detail-tabs .detail__content {
    padding-left: 0 !important;
    height: auto !important;
  }
  body .tab-header label,
  body .tab-header t23-icon {
    display: none;
  }
  body pro-tab:not(:first-child) .tab-header {
    display: none;
  }
  body pro-list-property-tab:not(:first-child) pro-tab .tab-header {
    display: none;
  }
  body pro-contract-info-tab:not(:first-child) pro-tab .tab-header {
    display: none;
  }
  body .work-in-progress {
    display: none !important;
  }
  body .detail__flyout {
    display: none;
  }
  body .card:not(.print-overlay) {
    box-shadow: none;
  }
  body .card.card--closed {
    display: none;
  }
  body .card .toggle-card {
    display: none;
  }
  body * {
    color: #000;
  }
}
/**
 * TEAM23 Typography
 *
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42a69b558601a6156db
 */
.heading--invert {
  color: #fff;
}
.theme-dark .heading--invert {
  color: #fff;
}
.text {
  color: #2d5377;
}
.theme-dark .text {
  color: #fff;
}

/* stylelint-disable no-duplicate-selectors */
.text--invert {
  color: #fff;
}
.theme-dark .text--invert {
  color: #fff;
}
.text--link {
  color: #37adb8;
  text-decoration: underline;
  cursor: pointer;
}
.theme-dark .text--link {
  color: #37adb8;
}
.text--link:hover {
  text-decoration: none;
}
.text--inactive {
  color: #d4d4d4;
  cursor: default;
  pointer-events: none;
}
.theme-dark .text--inactive {
  color: #25282e;
}
.text--inactive.text--invert {
  color: #858585;
}
.theme-dark .text--inactive.text--invert {
  color: #eaeaea;
}
.text--temperate {
  opacity: 0.7;
}
.text--desat {
  color: #3e3e3e;
}
.theme-dark .text--desat {
  color: #f2f2f2;
}
.text--warning {
  color: #d95d6c;
}
.theme-dark .text--warning {
  color: #d95d6c;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 1024px;
  height: 100%;
  transform: translate(0);
  overflow: hidden;
}

html,
body {
  color: #2d5377;
  background-color: #f2f2f2;
  margin: 0;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
html.theme-light,
body.theme-light {
  color: #2d5377;
}
html.theme-dark,
body.theme-dark {
  color: #fff;
}
html.theme-light,
body.theme-light {
  background-color: #f2f2f2;
}
html.theme-dark,
body.theme-dark {
  background-color: #25282e;
}

main {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

p {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media print {
  main {
    height: auto;
  }
  main.behind-dialog {
    display: none;
  }
}
pro-root > *:not(router-outlet) {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}

/* stylelint-disable selector-type-no-unknown */
pro-default > .page > .page__wrapper > .relative > *:not(router-outlet),
crm-container,
catalog-container,
users-container,
me,
dashboard,
service-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
}

/* stylelint-enable */
t23-icon {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

.page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.page .page__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: visible;
}
.page .page__wrapper {
  height: 100%;
  padding-top: 60px;
}

.page__wrapper {
  overflow: hidden;
}

.page__sidebar-left {
  display: flex;
  position: relative;
  z-index: 2;
}

.page__content {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.page__padding {
  padding: 40px;
  display: block;
  /* No margin on first headline */
}
.page__padding > h4:first-child {
  margin-top: 0;
}

.page__content-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page__content-wrapper .page-scroll {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.page__content-wrapper .page-scroll.page--scrollable {
  overflow-y: auto;
}

.wizard {
  padding: 40px;
  display: flex;
  height: 100%;
  flex-direction: column;
  /* No margin on first headline */
}
@media screen and (height <= 770px) {
  .wizard {
    padding: 0;
  }
}
.wizard > h4:first-child {
  margin-top: 0;
}
.wizard .wizard__wrapper {
  display: flex;
  height: 100%;
}
.wizard .wizard__navbar {
  padding: 40px 0;
  position: relative;
  text-align: right;
  width: 220px;
  height: 100%;
  border-right: 2px solid;
  border-right-color: #37adb8;
  z-index: 99;
  background-color: #2d5377;
}
.theme-dark .wizard .wizard__navbar {
  border-right-color: #37adb8;
}
.theme-dark .wizard .wizard__navbar {
  background-color: #37adb8;
}
.theme-dark .wizard .wizard__navbar {
  background-color: #374c57;
}
@media only screen and (width <= 1200px) {
  .wizard .wizard__navbar {
    width: 210px;
  }
}
.wizard .wizard__navbar .wizard__element .wizard-element__label {
  margin-bottom: 5px;
  padding: 0 40px;
  position: relative;
  text-align: right;
  color: #99aaba;
}
.theme-dark .wizard .wizard__navbar .wizard__element .wizard-element__label {
  color: #d4d4d4;
}
.wizard .wizard__navbar .wizard__element .wizard-element__label:hover.sidebar-header--unlocked {
  cursor: pointer;
}
.wizard .wizard__navbar .wizard__element .wizard-element__label:hover.sidebar-header--unlocked .circle {
  transform: scale(0.4);
  box-shadow: 1px 1px 1px #37adb8;
}
.wizard .wizard__navbar .wizard__element .wizard-element__label .wizard-element__stepnumber {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  right: -23px;
  top: -10px;
  text-align: center;
  overflow: hidden;
  background-color: #37adb8;
  box-shadow: 2px 2px 2px #37adb8;
  border-radius: 100%;
  transform: scale(0.3);
  transition: all 0.2s ease-in-out;
  z-index: 1;
  color: #fff;
}
.theme-dark .wizard .wizard__navbar .wizard__element .wizard-element__label .wizard-element__stepnumber {
  background-color: #37adb8;
}
.theme-dark .wizard .wizard__navbar .wizard__element .wizard-element__label .wizard-element__stepnumber {
  color: #fff;
}
.wizard .wizard__navbar .wizard__element .wizard-element__label .wizard-element__stepnumber .content {
  opacity: 0;
}
.wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label {
  color: #fff;
}
.theme-dark .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label {
  color: #fff;
}
.wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label .wizard-element__stepnumber {
  transform: scale(1);
  vertical-align: middle;
  box-shadow: 0 0 #37adb8;
}
.wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label .wizard-element__stepnumber .content {
  opacity: 1;
}
.wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__subtitle {
  max-height: 1000px;
  overflow: inherit;
  opacity: 1;
}
.wizard .wizard__navbar .wizard-element__subtitle {
  padding: 0 40px;
  color: #99aaba;
  text-align: right;
  overflow: hidden;
  transition: opacity 0.3s ease;
  max-height: 1000px;
  opacity: 1;
}
.theme-dark .wizard .wizard__navbar .wizard-element__subtitle {
  color: #d4d4d4;
}
.wizard .wizard__text {
  margin: 15px 0 30px;
}
.wizard .wizard__hint {
  margin: 30px 0;
}
.wizard .wizard__content {
  position: relative;
  width: 10px;
  flex-grow: 1;
  background-color: #fff;
}
.theme-dark .wizard .wizard__content {
  background-color: #373b45;
}
.wizard .wizard__content h4 {
  margin: 0 0 20px;
}
.wizard .wizard__component {
  height: 100%;
}
.wizard .wizard__component > :not(div) {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wizard .wizard__component > :not(div):not(.wizard__component--frameless) {
  padding: 40px;
}
.wizard .wizard__content-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 50px; /* The container grows anyway so the size doesn't matter. */
}
.wizard .wizard__content-wrapper .wizard__header {
  margin-bottom: 20px;
}
.wizard .wizard__content-wrapper .wizard__header .heading {
  margin: 0;
}
.wizard .wizard__content-wrapper .wizard__header .subheading {
  margin: 0;
}
.wizard .wizard__content-wrapper .wizard__scroll-container {
  overflow: auto;
  flex-grow: 1;
}
.wizard .wizard__element {
  cursor: pointer;
}
.wizard .wizard__element.disabled {
  pointer-events: none;
  cursor: text;
}
.wizard .wizard__button-wrapper {
  width: 100%;
  align-self: flex-end;
}
.wizard .wizard__button {
  padding: 10px 15px;
  cursor: pointer;
}
.wizard .wizard__button[disabled] {
  opacity: 0.5;
  cursor: default;
}
.wizard .wizard__button.next-button {
  color: #fff;
  background-color: #37adb8;
  float: right;
  border: 1px solid;
  border-color: #37adb8;
}
.theme-dark .wizard .wizard__button.next-button {
  color: #fff;
}
.theme-dark .wizard .wizard__button.next-button {
  background-color: #37adb8;
}
.theme-dark .wizard .wizard__button.next-button {
  border-color: #37adb8;
}
.wizard .wizard__button.next-button t23-icon {
  margin-left: 5px;
}
.wizard .wizard__button.next-button .icon--button-loader {
  margin-left: 5px;
  vertical-align: middle;
}
.wizard .wizard__button.prev-button {
  color: #2d5377;
  background-color: transparent;
  border: 1px solid;
  border-color: #2d5377;
}
.theme-dark .wizard .wizard__button.prev-button {
  color: #fff;
}
.theme-dark .wizard .wizard__button.prev-button {
  border-color: #fff;
}
.wizard .wizard__button.prev-button t23-icon {
  margin-right: 5px;
}

.field {
  margin: 5px 0;
  display: flex;
  width: 100%;
  position: relative;
}
.field__label {
  flex: 1;
  word-break: break-all;
}
.field__value {
  flex: 2;
  word-break: break-all;
}
.field__value > pro-checkbox {
  padding: 10px 0 10px 10px;
  top: 1px;
}
.field__value .field__text {
  padding: 10px;
  line-height: normal;
  min-height: 37px;
  padding-right: 0;
  display: inline-block;
}
.field label {
  padding: 10px;
  line-height: normal;
  min-height: 37px;
  padding-left: 0;
}
.field label t23-icon {
  margin-left: 5px;
  position: absolute;
}

/*
Generates following code

.m-0
.m-s
.ml-xs
.mr-s
.mt-m
.mb-l
.px-xl
.py-xxl

 */
.ml-0 {
  margin-left: 0;
}

.ml-auto {
  margin-left: auto;
}

.ml-xs {
  margin-left: 5px;
}

.ml-s {
  margin-left: 10px;
}

.ml-m {
  margin-left: 15px;
}

.ml-l {
  margin-left: 20px;
}

.ml-xl {
  margin-left: 30px;
}

.ml-xxl {
  margin-left: 40px;
}

.mr-0 {
  margin-right: 0;
}

.mr-auto {
  margin-right: auto;
}

.mr-xs {
  margin-right: 5px;
}

.mr-s {
  margin-right: 10px;
}

.mr-m {
  margin-right: 15px;
}

.mr-l {
  margin-right: 20px;
}

.mr-xl {
  margin-right: 30px;
}

.mr-xxl {
  margin-right: 40px;
}

.mt-0 {
  margin-top: 0;
}

.mt-auto {
  margin-top: auto;
}

.mt-xs {
  margin-top: 5px;
}

.mt-s {
  margin-top: 10px;
}

.mt-m {
  margin-top: 15px;
}

.mt-l {
  margin-top: 20px;
}

.mt-xl {
  margin-top: 30px;
}

.mt-xxl {
  margin-top: 40px;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-auto {
  margin-bottom: auto;
}

.mb-xs {
  margin-bottom: 5px;
}

.mb-s {
  margin-bottom: 10px;
}

.mb-m {
  margin-bottom: 15px;
}

.mb-l {
  margin-bottom: 20px;
}

.mb-xl {
  margin-bottom: 30px;
}

.mb-xxl {
  margin-bottom: 40px;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mx-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.mx-s {
  margin-left: 10px;
  margin-right: 10px;
}

.mx-m {
  margin-left: 15px;
  margin-right: 15px;
}

.mx-l {
  margin-left: 20px;
  margin-right: 20px;
}

.mx-xl {
  margin-left: 30px;
  margin-right: 30px;
}

.mx-xxl {
  margin-left: 40px;
  margin-right: 40px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.my-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.my-s {
  margin-top: 10px;
  margin-bottom: 10px;
}

.my-m {
  margin-top: 15px;
  margin-bottom: 15px;
}

.my-l {
  margin-top: 20px;
  margin-bottom: 20px;
}

.my-xl {
  margin-top: 30px;
  margin-bottom: 30px;
}

.my-xxl {
  margin-top: 40px;
  margin-bottom: 40px;
}

.m-0 {
  margin: 0;
}

.m-auto {
  margin: auto;
}

.m-xs {
  margin: 5px;
}

.m-s {
  margin: 10px;
}

.m-m {
  margin: 15px;
}

.m-l {
  margin: 20px;
}

.m-xl {
  margin: 30px;
}

.m-xxl {
  margin: 40px;
}

.pl-0 {
  padding-left: 0;
}

.pl-xs {
  padding-left: 5px;
}

.pl-s {
  padding-left: 10px;
}

.pl-m {
  padding-left: 15px;
}

.pl-l {
  padding-left: 20px;
}

.pl-xl {
  padding-left: 30px;
}

.pl-xxl {
  padding-left: 40px;
}

.pr-0 {
  padding-right: 0;
}

.pr-xs {
  padding-right: 5px;
}

.pr-s {
  padding-right: 10px;
}

.pr-m {
  padding-right: 15px;
}

.pr-l {
  padding-right: 20px;
}

.pr-xl {
  padding-right: 30px;
}

.pr-xxl {
  padding-right: 40px;
}

.pt-0 {
  padding-top: 0;
}

.pt-xs {
  padding-top: 5px;
}

.pt-s {
  padding-top: 10px;
}

.pt-m {
  padding-top: 15px;
}

.pt-l {
  padding-top: 20px;
}

.pt-xl {
  padding-top: 30px;
}

.pt-xxl {
  padding-top: 40px;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-xs {
  padding-bottom: 5px;
}

.pb-s {
  padding-bottom: 10px;
}

.pb-m {
  padding-bottom: 15px;
}

.pb-l {
  padding-bottom: 20px;
}

.pb-xl {
  padding-bottom: 30px;
}

.pb-xxl {
  padding-bottom: 40px;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.px-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.px-s {
  padding-left: 10px;
  padding-right: 10px;
}

.px-m {
  padding-left: 15px;
  padding-right: 15px;
}

.px-l {
  padding-left: 20px;
  padding-right: 20px;
}

.px-xl {
  padding-left: 30px;
  padding-right: 30px;
}

.px-xxl {
  padding-left: 40px;
  padding-right: 40px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-s {
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-m {
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-l {
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-xl {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-xxl {
  padding-top: 40px;
  padding-bottom: 40px;
}

.p-0 {
  padding: 0;
}

.p-xs {
  padding: 5px;
}

.p-s {
  padding: 10px;
}

.p-m {
  padding: 15px;
}

.p-l {
  padding: 20px;
}

.p-xl {
  padding: 30px;
}

.p-xxl {
  padding: 40px;
}

.centered {
  margin: 0 auto;
}

.inline-block {
  display: inline-block;
}

.hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  display: none !important;
}

.clearfix::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.rel,
.relative {
  width: 100%;
  height: 100%;
  position: relative;
}

.text--center,
.heading--center {
  text-align: center;
}
.text--right,
.heading--right {
  text-align: right;
}
.text--left,
.heading--left {
  text-align: left;
}

.background--primary {
  background-color: #2d5377;
  color: #fff;
}
.theme-dark .background--primary {
  background-color: #fff;
}
.theme-dark .background--primary {
  color: #373b45;
}
.background--secondary {
  background-color: #37adb8;
  color: #fff;
}
.theme-dark .background--secondary {
  background-color: #37adb8;
}
.theme-dark .background--secondary {
  color: #373b45;
}
.background--quarternary {
  background-color: #ef4070;
  color: #fff;
}
.theme-dark .background--quarternary {
  background-color: #ef4070;
}
.theme-dark .background--quarternary {
  color: #373b45;
}
.background--grey-light {
  background-color: #eaeaea;
  color: #fff;
}
.theme-dark .background--grey-light {
  background-color: #858585;
}
.theme-dark .background--grey-light {
  color: #373b45;
}

.text--fail,
.heading--fail {
  color: #d95d6c;
}
.theme-dark .text--fail,
.theme-dark .heading--fail {
  color: #d95d6c;
}
.text--success,
.heading--success {
  color: #72c466;
}
.theme-dark .text--success,
.theme-dark .heading--success {
  color: #72c466;
}
.text--signal,
.heading--signal {
  color: #fff200;
}
.theme-dark .text--signal,
.theme-dark .heading--signal {
  color: #fff200;
}
.text--warning,
.heading--warning {
  color: #d38124;
}
.theme-dark .text--warning,
.theme-dark .heading--warning {
  color: #d38124;
}
.text--secondary,
.heading--secondary {
  color: #37adb8;
}
.theme-dark .text--secondary,
.theme-dark .heading--secondary {
  color: #37adb8;
}
.text--quarternary,
.heading--quarternary {
  color: #ef4070;
}
.theme-dark .text--quarternary,
.theme-dark .heading--quarternary {
  color: #ef4070;
}
.text--primary,
.heading--primary {
  color: #2d5377;
}
.theme-dark .text--primary,
.theme-dark .heading--primary {
  color: #fff;
}
.text--white-static,
.heading--white-static {
  color: #fff;
}
.theme-dark .text--white-static,
.theme-dark .heading--white-static {
  color: #fff;
}

.temperate {
  opacity: 0.5;
}

.clickable,
.pointer {
  cursor: pointer;
}
.clickable:hover,
.pointer:hover {
  filter: brightness(0.85);
}
.clickable:focus,
.pointer:focus {
  outline: none;
}

.white-space-nowrap {
  white-space: nowrap;
}

.white-space-normal {
  white-space: normal;
}

.text-overflow-ellipsis {
  text-overflow: ellipsis;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* stylelint-disable selector-no-vendor-prefix */
::-webkit-input-placeholder {
  color: #858585;
  text-shadow: none;
}
.theme-dark ::-webkit-input-placeholder {
  color: #eaeaea;
}

::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  color: #858585;
  text-shadow: none;
}
.theme-dark ::-moz-placeholder,
.theme-dark :-ms-input-placeholder,
.theme-dark :-moz-placeholder {
  color: #eaeaea;
}

main.container {
  padding: 40px;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

h3 {
  margin: 0;
}

h4 {
  margin-top: 20px;
  margin-bottom: 30px;
}

h5 {
  margin-top: 0;
}

h6 {
  margin: 0 0 15px 0;
}

a {
  text-decoration: underline;
  color: #37adb8;
  cursor: pointer;
}
.theme-dark a {
  color: #3ec2cf;
}

hr {
  clear: both;
  border: dashed 1px;
  border-color: #d4d4d4;
  border-bottom: 0;
  height: 1px;
}
hr::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.theme-dark hr {
  border-color: #25282e;
}
hr.more-margin {
  margin: 20px 0;
}

.infotext {
  margin-bottom: 10px;
  color: #d4d4d4;
  overflow: hidden;
}
.theme-dark .infotext {
  color: #25282e;
}

button {
  border-spacing: 0;
  outline: none;
  appearance: none;
}
button[disabled] {
  pointer-events: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.button-group {
  display: flex;
  justify-content: flex-end;
}

.number-value,
.text-value {
  margin-left: 10px;
  padding: 0 10px;
  background-color: #f2f2f2;
  border-radius: 100px;
  min-width: 30px;
  display: inline-block;
  text-align: center;
}
.theme-dark .number-value,
.theme-dark .text-value {
  background-color: #25282e;
}

.number-value__secondary,
.text-value__secondary {
  background-color: #37adb8;
  color: #fff;
}
.theme-dark .number-value__secondary,
.theme-dark .text-value__secondary {
  background-color: #37adb8;
}
.theme-dark .number-value__secondary,
.theme-dark .text-value__secondary {
  color: #fff;
}
.number-value__secondary--disabled,
.text-value__secondary--disabled {
  background-color: #d4d4d4;
}
.theme-dark .number-value__secondary--disabled,
.theme-dark .text-value__secondary--disabled {
  background-color: #25282e;
}

pro-form-autocomplete,
form-autocomplete-facets,
form-autocomplete-multi-frontend {
  display: block;
  position: relative;
  width: 100%;
}
pro-form-autocomplete::before,
form-autocomplete-facets::before,
form-autocomplete-multi-frontend::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 3px;
  transition: 0.3s ease-in-out;
  transform: translate(-3px);
  left: 0;
  top: 0;
  z-index: 9;
}
pro-form-autocomplete.ng-touched.ng-valid::before,
form-autocomplete-facets.ng-touched.ng-valid::before,
form-autocomplete-multi-frontend.ng-touched.ng-valid::before {
  transform: translate(0);
  background-color: #72c466;
}
.theme-dark pro-form-autocomplete.ng-touched.ng-valid::before,
.theme-dark form-autocomplete-facets.ng-touched.ng-valid::before,
.theme-dark form-autocomplete-multi-frontend.ng-touched.ng-valid::before {
  background-color: #72c466;
}
pro-form-autocomplete.ng-touched.ng-invalid::before,
form-autocomplete-facets.ng-touched.ng-invalid::before,
form-autocomplete-multi-frontend.ng-touched.ng-invalid::before {
  transform: translate(0);
  background-color: #d95d6c;
}
.theme-dark pro-form-autocomplete.ng-touched.ng-invalid::before,
.theme-dark form-autocomplete-facets.ng-touched.ng-invalid::before,
.theme-dark form-autocomplete-multi-frontend.ng-touched.ng-invalid::before {
  background-color: #d95d6c;
}
pro-form-autocomplete.focused::before,
form-autocomplete-facets.focused::before,
form-autocomplete-multi-frontend.focused::before {
  transform: translate(0);
  background-color: #2d5377;
}
.theme-dark pro-form-autocomplete.focused::before,
.theme-dark form-autocomplete-facets.focused::before,
.theme-dark form-autocomplete-multi-frontend.focused::before {
  background-color: #fff;
}

label {
  margin: 0;
  display: block;
  color: #99aaba;
  position: relative;
  word-break: break-word;
}
.theme-dark label {
  color: #d4d4d4;
}
label.label--right {
  text-align: right;
}
label.label--right.label--floating {
  float: right;
}
label.label--clickable {
  cursor: pointer;
}
label.label--clickable:hover {
  color: rgba(45, 83, 119, 0.7);
}
.theme-dark label.label--clickable:hover {
  color: rgba(255, 255, 255, 0.7);
}
label.label--inline {
  display: inline-block;
}
label .label__hint {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
label .label__hint ::ng-deep [hint--left] .hint {
  left: -17px !important;
  top: 150%;
}

label,
.label__value {
  padding: 5px 0;
}

.label__value {
  margin: 0;
  display: block;
  color: #2e364e;
}
.theme-dark .label__value {
  color: #f2f2f2;
}
.label__value--pre-wrapped {
  white-space: pre-wrap;
}
.label__value.label__value--link {
  cursor: pointer;
  color: #37adb8;
  text-decoration: underline;
}
.theme-dark .label__value.label__value--link {
  color: #3ec2cf;
}
.label__value.label__value--link:focus {
  outline: none;
}
.label__value.new-line {
  clear: both;
}

textarea,
input,
button {
  outline: none;
  color: #000;
  background-color: transparent;
}
.theme-dark textarea,
.theme-dark input,
.theme-dark button {
  color: #fff;
}

.button-row {
  margin-top: 20px;
}

.search-field {
  margin-right: 10px;
  height: 38px;
  width: 60%;
  max-width: 648px;
  border: 0;
  box-shadow: none;
}

.filter-input-box {
  position: relative;
}
.filter-input-box input {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid;
  color: #3e3e3e;
  background-color: #fff;
  border-bottom-color: #eaeaea;
}
.theme-dark .filter-input-box input {
  color: #f2f2f2;
}
.theme-dark .filter-input-box input {
  background-color: #373b45;
}
.theme-dark .filter-input-box input {
  border-bottom-color: #858585;
}
.filter-input-box::after {
  display: block;
  position: absolute;
  width: 18px;
  height: 100%;
  right: 0;
  top: 0;
  content: "";
  background: url("/assets/img/icons/active/search-active.svg") no-repeat center;
  background-size: contain;
}
.filter-input-box.filter-input-box--large input {
  padding: 15px 10px 15px 40px;
  border: none;
}
.filter-input-box.filter-input-box--large::after {
  display: block !important;
  right: auto;
  left: 10px;
}
.filter-input-box.filter-input-box--with-button {
  display: flex;
  align-items: stretch;
}
.filter-input-box.filter-input-box--with-button input {
  flex-grow: 1;
}
.filter-input-box.filter-input-box--with-button button {
  margin: 0;
  min-width: 100px;
}
.filter-input-box.filter-input-box--with-button button[disabled] {
  opacity: 0.5;
}
.filter-input-box.filter-input-box--with-button::after {
  display: none;
}

h4.less-margin-bottom {
  margin-bottom: 5px;
}

.dialog-infotext {
  margin: 0 0 40px;
  text-transform: none;
  color: #99aaba;
}
.theme-dark .dialog-infotext {
  color: #d4d4d4;
}

.dialog-errortext {
  margin: 0 0 40px;
  padding: 10px 40px 10px 15px;
  text-transform: none;
  color: #d95d6c;
  border-left: 3px solid;
  border-left-color: #d95d6c;
}
.theme-dark .dialog-errortext {
  color: #d95d6c;
}
.theme-dark .dialog-errortext {
  border-left-color: #d95d6c;
}

.card {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  display: block;
  background-color: #fff;
  position: relative;
  /** Row for buttons in the lower right corner */
  /** Styles */
}
.theme-dark .card {
  background-color: #373b45;
}
.card.card--borderless {
  padding: 0;
}
.card.card--nested-list {
  overflow: hidden;
}
.card.card--toggle .card__content {
  display: none;
}
.card.card--toggle .card__content.card__content--open {
  display: block;
}
.card.card--toggle.card--with-headline .card__content {
  padding-top: 20px;
}
@media print {
  .card.card--toggle .card__toggle {
    display: none;
  }
  .card.card--toggle.card__content {
    display: block !important;
  }
}
.card.card--primary {
  background-color: #ebf8fa;
}
.theme-dark .card.card--primary {
  background-color: #374c57;
}
.card.card--primary .card__headline {
  color: #2d5377;
}
.theme-dark .card.card--primary .card__headline {
  color: #fff;
}
.card .card__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.card .card__wrapper h1,
.card .card__wrapper h2,
.card .card__wrapper h3,
.card .card__wrapper h4,
.card .card__wrapper h5 {
  margin-top: 0;
}
.card .card__toggle {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
.card .card__button-row {
  text-align: right;
}
.card .card__headline {
  padding-right: 20px;
  color: #99aaba;
  cursor: pointer;
}
.theme-dark .card .card__headline {
  color: #d4d4d4;
}
.card.card--inverted {
  background-color: #2e364e;
}
.theme-dark .card.card--inverted {
  background-color: #f2f2f2;
}
.card.card--inverted > * {
  color: #fff;
}
.theme-dark .card.card--inverted > * {
  color: #373b45;
}
.card h5 {
  margin: 5px 0 15px;
}

/* STYLING BY PATH */
/* stylelint-disable selector-class-pattern */
.list-view .cell-path--attribute\.packaging_unit, .list-view .cell-path--relation\.article\.attribute\.packaging_unit, .list-view .cell-path--attribute\.base_unit, .list-view .cell-path--relation\.article\.attribute\.base_unit, .list-view .cell-path--property\.eclass, .list-view .cell-path--relation\.article\.property\.eclass,
.main-list .main-list__cell.cell-path--attribute\.packaging_unit,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.packaging_unit,
.main-list .main-list__cell.cell-path--attribute\.base_unit,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.base_unit,
.main-list .main-list__cell.cell-path--property\.eclass,
.main-list .main-list__cell.cell-path--relation\.article\.property\.eclass,
.cell-path--attribute\.packaging_unit,
.cell-path--relation\.article\.attribute\.packaging_unit,
.cell-path--attribute\.base_unit,
.cell-path--relation\.article\.attribute\.base_unit,
.cell-path--property\.eclass,
.cell-path--relation\.article\.property\.eclass {
  text-align: center;
}
.list-view .cell-path--attribute\.price\.attribute\.price_date, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_date,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_date,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_date,
.cell-path--attribute\.price\.attribute\.price_date,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_date {
  text-align: center;
}
.list-view .cell-path--attribute\.volume_quantityofeach,
.main-list .main-list__cell.cell-path--attribute\.volume_quantityofeach,
.cell-path--attribute\.volume_quantityofeach {
  width: 100px;
}
.list-view .cell-path--attribute\.price_base, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_base, .list-view .cell-path--attribute\.price\.attribute\.price_base,
.main-list .main-list__cell.cell-path--attribute\.price_base,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_base,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_base,
.cell-path--attribute\.price_base,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_base,
.cell-path--attribute\.price\.attribute\.price_base {
  text-align: right;
  width: 100px;
}
.list-view .cell-path--attribute\.discount, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.discount, .list-view .cell-path--attribute\.price\.attribute\.discount,
.main-list .main-list__cell.cell-path--attribute\.discount,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.discount,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount,
.cell-path--attribute\.discount,
.cell-path--relation\.article\.attribute\.price\.attribute\.discount,
.cell-path--attribute\.price\.attribute\.discount {
  text-align: right;
  width: 100px;
}
.list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end {
  text-align: right;
  width: 100px;
}
.list-view .cell-path--attribute\.price_norm_1, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1, .list-view .cell-path--attribute\.price\.attribute\.price_norm_1,
.main-list .main-list__cell.cell-path--attribute\.price_norm_1,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_norm_1,
.cell-path--attribute\.price_norm_1,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1,
.cell-path--attribute\.price\.attribute\.price_norm_1 {
  text-align: right;
  width: 100px;
}
.list-view .cell-path--attribute\.price_norm_10, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_10, .list-view .cell-path--attribute\.price\.attribute\.price_norm_10,
.main-list .main-list__cell.cell-path--attribute\.price_norm_10,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_10,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_norm_10,
.cell-path--attribute\.price_norm_10,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_10,
.cell-path--attribute\.price\.attribute\.price_norm_10 {
  text-align: right;
}
.list-view .cell-path--attribute\.price_norm_100, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_100, .list-view .cell-path--attribute\.price\.attribute\.price_norm_100,
.main-list .main-list__cell.cell-path--attribute\.price_norm_100,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_100,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_norm_100,
.cell-path--attribute\.price_norm_100,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_100,
.cell-path--attribute\.price\.attribute\.price_norm_100 {
  text-align: right;
}
.list-view .cell-path--attribute\.price_norm_1000, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1000, .list-view .cell-path--attribute\.price\.attribute\.price_norm_1000,
.main-list .main-list__cell.cell-path--attribute\.price_norm_1000,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1000,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_norm_1000,
.cell-path--attribute\.price_norm_1000,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_norm_1000,
.cell-path--attribute\.price\.attribute\.price_norm_1000 {
  text-align: right;
}
.list-view .cell-path--attribute\.volume_quantityofeach, .list-view .cell-path--relation\.article\.attribute\.volume_quantityofeach,
.main-list .main-list__cell.cell-path--attribute\.volume_quantityofeach,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.volume_quantityofeach,
.cell-path--attribute\.volume_quantityofeach,
.cell-path--relation\.article\.attribute\.volume_quantityofeach {
  text-align: right;
}
.list-view .cell-path--attribute\.packaging_quantityofeach, .list-view .cell-path--relation\.article\.attribute\.packaging_quantityofeach,
.main-list .main-list__cell.cell-path--attribute\.packaging_quantityofeach,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.packaging_quantityofeach,
.cell-path--attribute\.packaging_quantityofeach,
.cell-path--relation\.article\.attribute\.packaging_quantityofeach {
  text-align: right;
}
.list-view .cell-path--attribute\.ingredient_intensity, .list-view .cell-path--property\.ingredient_intensity, .list-view .cell-path--relation\.article\.property\.ingredient_intensity,
.main-list .main-list__cell.cell-path--attribute\.ingredient_intensity,
.main-list .main-list__cell.cell-path--property\.ingredient_intensity,
.main-list .main-list__cell.cell-path--relation\.article\.property\.ingredient_intensity,
.cell-path--attribute\.ingredient_intensity,
.cell-path--property\.ingredient_intensity,
.cell-path--relation\.article\.property\.ingredient_intensity {
  text-align: right;
}
.list-view .cell-path--attribute\.quantity,
.main-list .main-list__cell.cell-path--attribute\.quantity,
.cell-path--attribute\.quantity {
  text-align: right;
}
.list-view .cell-path--attribute\.clearing_deviation_price_assignment,
.main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment,
.cell-path--attribute\.clearing_deviation_price_assignment {
  text-align: right;
}
.list-view .cell-path--attribute\.clearing_deviation_price_savings,
.main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings,
.cell-path--attribute\.clearing_deviation_price_savings {
  text-align: right;
}
.list-view .cell-path--attribute\.clearing_deviation_price_calculated_assignment,
.main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment,
.cell-path--attribute\.clearing_deviation_price_calculated_assignment {
  text-align: right;
}
.list-view .cell-path--attribute\.clearing_deviation_price_calculated,
.main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated,
.cell-path--attribute\.clearing_deviation_price_calculated {
  width: 250px;
}
.list-view .cell-path--property\.eclass,
.main-list .main-list__cell.cell-path--property\.eclass,
.cell-path--property\.eclass {
  width: 125px;
}
.list-view .cell-path--attribute\.name,
.main-list .main-list__cell.cell-path--attribute\.name,
.cell-path--attribute\.name {
  width: 350px;
}
.list-view .cell-path--organization_pk,
.main-list .main-list__cell.cell-path--organization_pk,
.cell-path--organization_pk {
  width: 250px;
}
.list-view .cell-path--attribute\.firm, .list-view .cell-path--relation\.organization,
.main-list .main-list__cell.cell-path--attribute\.firm,
.main-list .main-list__cell.cell-path--relation\.organization,
.cell-path--attribute\.firm,
.cell-path--relation\.organization {
  width: 400px;
}
.list-view .cell-path--property\.supplier\.category,
.main-list .main-list__cell.cell-path--property\.supplier\.category,
.cell-path--property\.supplier\.category {
  width: 210px;
}
.list-view .cell-path--property\.recommendation,
.main-list .main-list__cell.cell-path--property\.recommendation,
.cell-path--property\.recommendation {
  width: 62px;
}
.list-view .cell-path--sender, .list-view .cell-path--receipt,
.main-list .main-list__cell.cell-path--sender,
.main-list .main-list__cell.cell-path--receipt,
.cell-path--sender,
.cell-path--receipt {
  width: 250px;
}
.list-view .cell-path--subject,
.main-list .main-list__cell.cell-path--subject,
.cell-path--subject {
  width: 400px;
}

.main-list__x-scroller {
  position: relative;
  height: 100%;
  padding: 3px 40px 3px 40px;
  overflow-x: auto;
  overflow-y: hidden;
}

.main-list__y-scroller {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  direction: rtl;
  padding-left: 10px;
}

.main-list {
  margin-bottom: 20px;
  background-color: #fff;
  color: #3e3e3e;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12);
  display: inline-flex;
  flex-direction: column;
  min-width: 100%;
  height: 100%;
}
.theme-dark .main-list {
  background-color: #373b45;
}
.theme-dark .main-list {
  color: #f2f2f2;
}
.main-list .main-list__rows {
  direction: ltr;
}
.main-list .main-list__row {
  display: flex;
  height: 35px;
  overflow: hidden;
  border-bottom: 1px solid;
  position: relative;
  border-bottom-color: #eaeaea;
  background: #fff;
}
.theme-dark .main-list .main-list__row {
  border-bottom-color: #858585;
}
.theme-dark .main-list .main-list__row {
  background: #373b45;
}
.main-list .main-list__row:hover {
  cursor: pointer;
  background-color: #ebf8fa;
}
.theme-dark .main-list .main-list__row:hover {
  background-color: #374c57;
}
.main-list .main-list__row.main-list__row--empty {
  height: auto;
  border-bottom: 0;
}
.main-list .main-list__row.main-list__row--empty:hover {
  cursor: default;
  background-color: #fff;
}
.theme-dark .main-list .main-list__row.main-list__row--empty:hover {
  background-color: #373b45;
}
.main-list .main-list__row--header {
  display: inline-flex;
  height: 44px;
  white-space: nowrap;
  background-color: #fff;
}
.theme-dark .main-list .main-list__row--header {
  background-color: #373b45;
}
.main-list .cell--header--highlighted {
  border: 2px solid #37adb8;
}
.main-list .main-list__rows-inner {
  padding: 5px 0;
  background: #ebf8fa;
  position: relative;
}
.theme-dark .main-list .main-list__rows-inner {
  background: #374c57;
}
.main-list .main-list__row-inner {
  display: flex;
  height: 26px;
}
.main-list .main-list__row-inner:hover {
  background-color: #fff;
}
.theme-dark .main-list .main-list__row-inner:hover {
  background-color: #373b45;
}
.main-list .main-list__row-inner .main-list__cell i {
  cursor: default !important;
}
.main-list .main-list__cell {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 150px;
  height: 100%;
  border-right: 1px solid;
  border-right-color: #eaeaea;
}
.theme-dark .main-list .main-list__cell {
  border-right-color: #858585;
}
.main-list .main-list__cell:first-child, .main-list .main-list__cell.main-list__cell--add, .main-list .main-list__cell.main-list__cell--editing {
  width: 125px;
  cursor: default;
}
.main-list .main-list__cell:first-child .cell__container, .main-list .main-list__cell.main-list__cell--add .cell__container, .main-list .main-list__cell.main-list__cell--editing .cell__container {
  padding: 0 5px;
}
.main-list .main-list__cell:last-child {
  flex-grow: 1;
}
.main-list .main-list__cell.main-list__cell--editing {
  width: 260px;
}
.main-list .main-list__cell img {
  margin: 0 auto;
  max-width: 50px;
  max-height: 30px;
  display: block;
}
.main-list .main-list__cell .td-logo {
  margin: 0 auto;
}
.main-list .main-list__cell--highlighted {
  border-left: 2px solid #37adb8;
  border-right: 2px solid #37adb8;
}
.main-list .main-list__cell--highlighted--last {
  border-bottom: 2px solid #37adb8;
}
.main-list .cell__container {
  padding: 0 15px;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.main-list .cell__container.cell__container--centered {
  text-align: center;
}
.main-list .cell__container.asc .cell__content, .main-list .cell__container.desc .cell__content {
  padding-left: 0;
  color: #37adb8;
}
.theme-dark .main-list .cell__container.asc .cell__content, .theme-dark .main-list .cell__container.desc .cell__content {
  color: #37adb8;
}
.main-list .cell__container main-list-value {
  width: 100%;
}
.main-list .cell__container .cell__content {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main-list .main-list__cell--header {
  background-color: #fff;
  border-bottom: 2px solid;
  border-bottom-color: #99aaba;
}
.theme-dark .main-list .main-list__cell--header {
  background-color: #373b45;
}
.theme-dark .main-list .main-list__cell--header {
  border-bottom-color: #d4d4d4;
}
.main-list .main-list__cell--header .asc,
.main-list .main-list__cell--header .desc {
  padding-left: 30px;
}
.main-list .main-list__cell--header .asc > .ico--up,
.main-list .main-list__cell--header .asc > .ico--sort-up,
.main-list .main-list__cell--header .desc > .ico--down,
.main-list .main-list__cell--header .desc > .ico--sort-down {
  display: block;
}
.main-list .main-list__cell--header .cell__container {
  cursor: default;
}
.main-list .main-list__cell--header .cell__content {
  text-align: left;
  cursor: default;
}
.main-list .main-list__cell--header .cell__content.sortable {
  cursor: pointer;
}
.main-list .main-list__cell--header .column-header__width-handle {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 6px;
  z-index: 1;
  cursor: ew-resize;
}
.main-list .main-list__cell--header .ico--up,
.main-list .main-list__cell--header .ico--sort-up,
.main-list .main-list__cell--header .ico--down,
.main-list .main-list__cell--header .ico--sort-down {
  position: absolute;
  left: 11px;
  display: none;
  color: #37adb8;
}
.theme-dark .main-list .main-list__cell--header .ico--up,
.theme-dark .main-list .main-list__cell--header .ico--sort-up,
.theme-dark .main-list .main-list__cell--header .ico--down,
.theme-dark .main-list .main-list__cell--header .ico--sort-down {
  color: #37adb8;
}
.main-list .main-list__cell--header--highlighted {
  border: 2px solid #37adb8;
}
.main-list.main-list--without-first-cell .main-list__cell:first-child {
  width: 60px;
}
.main-list.main-list--without-first-cell .main-list__cell:first-child.main-list__cell--editing {
  width: 260px;
}
.main-list.main-list--empty-first-column .main-list__cell:first-child {
  display: none;
}
.main-list.main-list--empty-first-column .cell__container {
  border-left: 1px solid;
  border-left-color: #eaeaea;
}
.theme-dark .main-list.main-list--empty-first-column .cell__container {
  border-left-color: #858585;
}
.main-list.main-list--empty-first-column .no-left-padding {
  padding-left: 0;
}

/**
 * Different List Types
 */
.list {
  width: 100%;
  height: 100%;
}
.list--sticky .list__wrapper {
  padding: 40px 40px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.list--sticky .list__content {
  margin: 0 -40px;
  overflow: hidden;
  height: 100%;
}
.list__wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.list__wrapper h4 {
  margin-top: 0;
}
.list__wrapper h4 .number-value {
  position: relative;
  top: -2px;
}
.list__content {
  display: flex;
  flex-direction: column;
}
.list__changed {
  margin-bottom: 40px;
  color: #2d5377;
  background: transparent;
  margin-top: -30px;
}
.theme-dark .list__changed {
  color: #fff;
}

/*
CURRENTLY ONLY NEEDED FOR STATIC LIST
TODO: Replace static-list and remove
*/
.list-view .column--sortable .cell--header span {
  cursor: pointer;
}
.list-view .cell--header--highlighted {
  border: 2px solid #37adb8;
}
.list-view .cell--header {
  display: inline-block;
  z-index: 1;
  border-bottom: 2px solid;
  border-bottom-color: #99aaba;
}
.theme-dark .list-view .cell--header {
  border-bottom-color: #d4d4d4;
}
.list-view .cell--header > pro-form-autocomplete {
  margin-right: 5px;
}
.list-view .cell--header span {
  cursor: default;
  white-space: nowrap;
}
.list-view .cell--header > .ico--sort-up,
.list-view .cell--header > .ico--sort-down {
  position: absolute;
  left: 11px;
  top: 16px;
  display: none;
  color: #37adb8;
}
.theme-dark .list-view .cell--header > .ico--sort-up,
.theme-dark .list-view .cell--header > .ico--sort-down {
  color: #37adb8;
}
.list-view .cell--header.asc > .ico--sort-up, .list-view .cell--header.desc > .ico--sort-down {
  display: block;
}
.list-view .cell--header.asc, .list-view .cell--header.desc {
  padding-left: 30px;
}
.list-view .cell--header .cell__content-subtitle {
  display: block;
  margin-top: -3px;
}
.list-view .cell--highlighted {
  border-left: 2px solid #37adb8;
  border-right: 2px solid #37adb8;
}
.list-view .cell--highlighted--last {
  border-bottom: 2px solid #37adb8;
}

table.list-view .cell--header {
  border: none;
}

@media only screen and (width <= 1124px) {
  .list--sticky .list__content {
    height: calc(100% - 54px);
  }
}
/**
 * Team23 Color Theme
 *
 * DO NOT CREATE NEW COLORS THAT ARE NOT DEFINED IN THE DESIGN SYSTEM!
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42b9b2863eb663cac57
 */
.hint {
  padding: 0 15px 0 15px;
  align-items: center;
  border-radius: 5px;
  display: flex;
}
.hint--warning {
  border: 1px solid #f4c1a0;
  background: #fceee5;
  color: #d38124;
}
.hint--error {
  background: #d95d6c;
}

.item {
  width: 100%;
  position: relative;
  height: 64px;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  /** item elements */
}
.theme-dark .item {
  background-color: #373b45;
}
.item.item--empty {
  height: auto;
}
.item.item--empty .item__description {
  overflow: visible;
  white-space: normal;
}
.item.item--link {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.item.item--link > * {
  position: relative;
  z-index: 99;
}
.item.item--link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  opacity: 1;
  z-index: 88;
  background: #ebf8fa;
}
.theme-dark .item.item--link::before {
  background: #374c57;
}
.item.item--link:hover::before {
  transform: translateX(0);
}
.item:not(.item--last)::after {
  content: "";
  position: absolute;
  width: calc(100% + 3px);
  height: 1px;
  background-color: #f2f2f2;
  left: -3px;
  z-index: 999;
  bottom: 0;
}
.theme-dark .item:not(.item--last)::after {
  background-color: #25282e;
}
.item .item__image {
  padding: 15px;
  border-left: 3px solid;
  border-left-color: #99aaba;
}
.theme-dark .item .item__image {
  border-left-color: #d4d4d4;
}
.item .item__image.item__image--light {
  opacity: 0.5;
}
.item .item__content {
  padding: 15px 15px 15px 0;
  flex: 1;
  overflow: hidden;
}
.item .item__description {
  color: #99aaba;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.theme-dark .item .item__description {
  color: #d4d4d4;
}
.item .item__name {
  color: #2d5377;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.theme-dark .item .item__name {
  color: #fff;
}
.item .item__link {
  margin: 15px 10px;
}

.initials {
  display: inline-block;
  text-transform: uppercase;
  color: #99aaba;
}
.theme-dark .initials {
  color: #d4d4d4;
}

.card.person-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.card.person-card .person-card__content {
  display: flex;
}
.card.person-card .person-card__image .profile-image {
  width: 100px;
  height: 100px;
}
.card.person-card .person-card__image .profile-image .image {
  background: no-repeat center center;
  background-size: cover;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #eaeaea;
}
.theme-dark .card.person-card .person-card__image .profile-image .image {
  background-color: #858585;
}
.card.person-card .initials-container {
  width: 100px;
  height: 100px;
  border: 1px solid;
  border-color: #99aaba;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-dark .card.person-card .initials-container {
  border-color: #d4d4d4;
}
.card.person-card .initials-container .initials {
  margin-top: 0;
  color: #99aaba;
}
.theme-dark .card.person-card .initials-container .initials {
  color: #d4d4d4;
}
.card.person-card .person-card__detail {
  padding: 5px 20px;
  color: #2e364e;
  flex: 1;
  justify-content: center;
}
.theme-dark .card.person-card .person-card__detail {
  color: #f2f2f2;
}
.card.person-card .person-card__detail .detail__header {
  display: flex;
  align-items: center;
  gap: 5px;
}
.card.person-card .person-card__detail .detail__name {
  display: inline-block;
  width: 100%;
}
.card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation {
  color: #99aaba;
}
.theme-dark .card.person-card .person-card__detail .detail__position,
.theme-dark .card.person-card .person-card__detail .detail__organisation {
  color: #d4d4d4;
}
.card.person-card .person-card__detail .detail__contacts {
  margin-top: 15px;
}
.card.person-card .person-card__detail .detail__contacts .contact-value {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
}

.trend {
  margin-left: 5px;
  border-top: 2px solid transparent;
  border-right: 2px solid transparent;
  width: 7px;
  height: 7px;
  display: inline-block;
  position: relative;
}
.trend.trend--neutral {
  border-color: #fff200;
  transform: rotateZ(45deg);
  top: -1px;
}
.theme-dark .trend.trend--neutral {
  border-color: #fff200;
}
.trend.trend--positive {
  border-color: #72c466;
  transform: rotateZ(-45deg);
  top: 1px;
}
.theme-dark .trend.trend--positive {
  border-color: #72c466;
}
.trend.trend--negativ {
  border-color: #d95d6c;
  transform: rotateZ(135deg);
  top: -3px;
}
.theme-dark .trend.trend--negativ {
  border-color: #d95d6c;
}

detail-header .header {
  padding: 30px 20px 15px;
  color: #2d5377;
  text-align: center;
  position: relative;
}
.theme-dark detail-header .header {
  color: #fff;
}
detail-header .header img {
  margin: auto;
  max-width: 210px;
  max-height: 140px;
  display: block;
}
detail-header .header h3 {
  margin: 30px 0;
}

.detail-bar-button {
  margin: 0 5px;
  display: inline;
}

.overlay {
  position: fixed;
  z-index: 1000;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.overlay__fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(45, 83, 119, 0.5);
}
.theme-dark .overlay__fallback {
  background-color: rgba(45, 83, 119, 0.5);
}

.overlay-close {
  padding: 15px;
  text-align: center;
  color: #fff;
  background-color: #37adb8;
  cursor: pointer;
}
.theme-dark .overlay-close {
  color: #373b45;
}
.theme-dark .overlay-close {
  background-color: #37adb8;
}
.overlay-close:hover {
  background-color: #319ba4;
}
.theme-dark .overlay-close:hover {
  background-color: #30b6c3;
}
.overlay-close .span {
  padding-left: 5px;
}

@media print {
  .overlay {
    height: auto;
    overflow-y: initial;
  }
  .overlay__fallback {
    height: auto;
  }
}
.list-menu {
  margin: 0;
  position: absolute;
  z-index: 51;
  top: 68px;
  left: 0;
  max-width: 400px;
}
.list-menu--wide {
  width: 400px;
}
.list-menu::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  background-color: #fff;
  top: -9px;
  left: 100px;
  box-shadow: 2px 1px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.theme-dark .list-menu::before {
  background-color: #373b45;
}
.list-menu__wrapper {
  padding: 5px 0;
  position: relative;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.theme-dark .list-menu__wrapper {
  background-color: #373b45;
}
.list-menu__header {
  padding: 15px 20px;
  color: #2e364e;
}
.theme-dark .list-menu__header {
  color: #f2f2f2;
}
.list-menu__item {
  padding: 0 40px 20px;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  position: relative;
  min-width: 300px;
  color: #2e364e;
  white-space: nowrap;
  height: 50px;
  position: relative;
  overflow: hidden;
}
.theme-dark .list-menu__item {
  color: #f2f2f2;
}
.list-menu__item::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.list-menu__item .icon,
.list-menu__item .label {
  display: inline-block;
}
.list-menu__item .label {
  overflow: hidden;
  width: 80%;
  max-width: 500px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-menu__item .label__subtitle {
  margin-left: 5px;
  color: #99aaba;
}
.theme-dark .list-menu__item .label__subtitle {
  color: #d4d4d4;
}
.list-menu__item--plain {
  height: 30px;
}
.list-menu__item--plain .list-menu__count,
.list-menu__item--plain .list-menu__module {
  top: 6px;
}
.list-menu__item--stacked .label {
  padding: 5px 0;
}
.list-menu__item--stacked .label .label__subtitle {
  display: block;
}
.list-menu__item--active {
  border-right: 3px solid;
  border-right-color: #37adb8;
  background-color: #f2f2f2;
}
.theme-dark .list-menu__item--active {
  border-right-color: #37adb8;
}
.theme-dark .list-menu__item--active {
  background-color: #25282e;
}
.list-menu__item--active .list-menu__module {
  margin-right: -3px;
}
.list-menu__item > * {
  position: relative;
  z-index: 99;
}
.list-menu__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  opacity: 1;
  z-index: 88;
  background: #ebf8fa;
}
.theme-dark .list-menu__item::before {
  background: #374c57;
}
.list-menu__item:hover::before {
  transform: translateX(0);
}
.list-menu__backdrop {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
}
.list-menu__module, .list-menu__count {
  padding: 5px;
  position: absolute;
  top: 16px;
  right: 25px;
  border-radius: 100px;
  min-width: 30px;
  text-align: center;
  color: #fff;
  background-color: #37adb8;
  text-transform: uppercase;
}
.theme-dark .list-menu__module, .theme-dark .list-menu__count {
  color: #373b45;
}
.theme-dark .list-menu__module, .theme-dark .list-menu__count {
  background-color: #37adb8;
}
.list-menu__module {
  background-color: #99aaba;
  color: #fff;
}
.theme-dark .list-menu__module {
  background-color: #d4d4d4;
}
.theme-dark .list-menu__module {
  color: #373b45;
}

.brick {
  margin: 10px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border-left: 3px solid;
  overflow: hidden;
  border-left-color: #99aaba;
}
.theme-dark .brick {
  background-color: #373b45;
}
.theme-dark .brick {
  border-left-color: #d4d4d4;
}
@media (width <= 1200px) {
  .brick {
    width: calc(50% - 20px);
  }
}
@media (width >= 1200px) {
  .brick {
    width: calc(33% - 20px);
  }
}
.brick--download {
  border-color: #37adb8;
}
.theme-dark .brick--download {
  border-color: #37adb8;
}
.brick__info {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #99aaba;
}
.theme-dark .brick__info {
  color: #d4d4d4;
}
.brick__title {
  margin-bottom: 5px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #2d5377;
}
.theme-dark .brick__title {
  color: #fff;
}
.brick__title--inactive {
  color: #99aaba;
}
.theme-dark .brick__title--inactive {
  color: #d4d4d4;
}
.brick__subtitle {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #99aaba;
}
.theme-dark .brick__subtitle {
  color: #d4d4d4;
}
.brick__text {
  margin: 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(46, 54, 78, 0.2);
  color: #2e364e;
}
.theme-dark .brick__text {
  border-bottom-color: rgba(242, 242, 242, 0.2);
}
.theme-dark .brick__text {
  color: #f2f2f2;
}
.brick__content {
  margin-top: 10px;
  color: #2e364e;
}
.theme-dark .brick__content {
  color: #f2f2f2;
}
.brick__download {
  margin-top: 15px;
  display: block;
  color: #37adb8;
  line-height: 24px;
  text-decoration: none;
}
.brick__download::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url("/assets/img/icons/active/download-active.svg") no-repeat center center;
  background-size: 100%;
  float: left;
  margin-top: 3px;
}
.theme-dark .brick__download {
  color: #37adb8;
}
.brick__download:hover {
  color: #2d5377;
}
.theme-dark .brick__download:hover {
  color: #fff;
}
.brick__image {
  position: relative;
  margin: 30px -30px 0 -27px;
  top: -30px;
  overflow: hidden;
}
.brick__image::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 59.6153846154%;
}
.brick__image > * {
  position: absolute;
  inset: 0;
}
.brick__image > * {
  width: 100%;
}
.brick__download-all {
  padding-top: 15px;
  margin-top: 15px;
  color: #2e364e;
  border-top: 1px solid;
  border-top-color: rgba(46, 54, 78, 0.2);
  cursor: pointer;
  font-size: 12px;
}
.brick__download-all::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url("/assets/img/icons/dark/zip-dark.svg") no-repeat center center;
  background-size: 100%;
  float: left;
}
.theme-dark .brick__download-all {
  color: #f2f2f2;
}
.theme-dark .brick__download-all {
  border-top-color: rgba(242, 242, 242, 0.2);
}
.brick__download-all:hover {
  opacity: 0.7;
}
.brick__button {
  margin-right: 10px;
  width: 110px;
  border: 1px solid;
  border-color: #2d5377;
  color: #2d5377;
  position: relative;
  overflow: hidden;
  opacity: 0.7;
  text-align: center;
  display: inline-block;
  text-decoration: none;
}
.theme-dark .brick__button {
  border-color: #fff;
}
.theme-dark .brick__button {
  color: #fff;
}
.brick__button > * {
  position: relative;
  z-index: 99;
}
.brick__button::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  opacity: 1;
  z-index: 88;
  background: #ebf8fa;
}
.theme-dark .brick__button::before {
  background: #374c57;
}
.brick__button:hover::before {
  transform: translateX(0);
}
.brick__button > * {
  position: relative;
  z-index: 89;
}
.brick p {
  overflow: hidden;
}

#masonry .service {
  margin: 10px;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  border-left: 3px solid;
  overflow: hidden;
  border-left-color: #99aaba;
  margin-left: 0;
  min-width: 100%;
}
.theme-dark #masonry .service {
  background-color: #373b45;
}
.theme-dark #masonry .service {
  border-left-color: #d4d4d4;
}
@media (width <= 1200px) {
  #masonry .service {
    width: calc(50% - 20px);
  }
}
@media (width >= 1200px) {
  #masonry .service {
    width: calc(33% - 20px);
  }
}
#masonry .service--download {
  border-color: #37adb8;
}
.theme-dark #masonry .service--download {
  border-color: #37adb8;
}
#masonry .info {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #99aaba;
}
.theme-dark #masonry .info {
  color: #d4d4d4;
}
#masonry .titel {
  margin-bottom: 5px;
  line-height: 1.43;
  letter-spacing: 0.3px;
  color: #2d5377;
}
.theme-dark #masonry .titel {
  color: #fff;
}
#masonry .untertitel {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: 0.2px;
  color: #99aaba;
}
.theme-dark #masonry .untertitel {
  color: #d4d4d4;
}
#masonry .inhalt {
  margin-top: 10px;
  color: #2e364e;
}
.theme-dark #masonry .inhalt {
  color: #f2f2f2;
}
#masonry .download-link {
  margin-top: 15px;
  display: block;
  color: #37adb8;
  line-height: 24px;
  text-decoration: none;
}
#masonry .download-link::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url("/assets/img/icons/active/download-active.svg") no-repeat center center;
  background-size: 100%;
  float: left;
  margin-top: 3px;
}
.theme-dark #masonry .download-link {
  color: #37adb8;
}
#masonry .download-link:hover {
  color: #2d5377;
}
.theme-dark #masonry .download-link:hover {
  color: #fff;
}
#masonry a::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url("/assets/img/icons/active/external-link-active.svg") no-repeat center center;
  background-size: 100%;
  float: left;
}
#masonry .image {
  position: relative;
  margin: 30px -30px 0 -27px;
  top: -30px;
  overflow: hidden;
}
#masonry .image::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 59.6153846154%;
}
#masonry .image > * {
  position: absolute;
  inset: 0;
}
#masonry .image > * {
  width: 100%;
}
#masonry .download-zip {
  padding-top: 15px;
  margin-top: 15px;
  color: #2e364e;
  border-top: 1px solid;
  border-top-color: rgba(46, 54, 78, 0.2);
  cursor: pointer;
  font-size: 12px;
}
#masonry .download-zip::before {
  margin-right: 5px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: transparent url("/assets/img/icons/dark/zip-dark.svg") no-repeat center center;
  background-size: 100%;
  float: left;
}
.theme-dark #masonry .download-zip {
  color: #f2f2f2;
}
.theme-dark #masonry .download-zip {
  border-top-color: rgba(242, 242, 242, 0.2);
}
#masonry .download-zip:hover {
  opacity: 0.7;
}

.widget {
  padding-bottom: 40px;
  height: 100%;
  position: relative;
}
.widget .widget__button {
  padding: 15px 15px 15px 0;
  position: relative;
  cursor: pointer;
  border-top: 1px solid;
  border-top-color: #eaeaea;
}
.theme-dark .widget .widget__button {
  border-top-color: #858585;
}
.widget .widget__button::after {
  content: " ";
  background: transparent url("/assets/img/icons/dark/right-dark.svg") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}
.widget.widget--fluid {
  padding-top: 0;
}
.widget.widget--fluid .widget__header {
  position: static;
  height: auto;
}
.widget.widget--has-info .widget__content {
  height: 576px;
}
.widget .widget__wrapper {
  width: 100%;
}
.widget .widget__wrapper.widget__wrapper--highlight {
  background-color: #ebf8fa;
}
.theme-dark .widget .widget__wrapper.widget__wrapper--highlight {
  background-color: #374c57;
}
.widget .widget__header {
  padding: 20px 20px 10px;
  overflow: hidden;
  height: 63px;
  margin-bottom: 1px;
  border-left: 3px solid;
  border-left-color: #2d5377;
}
.theme-dark .widget .widget__header {
  border-left-color: #fff;
}
.widget .widget__info {
  padding: 0 20px 20px;
  margin-top: -15px;
  height: 78px;
  overflow: hidden;
  border-left: 3px solid;
  border-left-color: #2d5377;
  color: #99aaba;
}
.theme-dark .widget .widget__info {
  border-left-color: #fff;
}
.theme-dark .widget .widget__info {
  color: #d4d4d4;
}
.widget .widget__sleeve {
  position: absolute;
  right: -5px;
  top: 10px;
  min-width: 30px;
  padding: 5px;
  border-radius: 1px 0 1px 1px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  background-color: #2d5377;
  color: #fff;
  padding: 8px 10px 5px 10px;
  min-width: 65px;
}
.widget .widget__sleeve::before {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: transparent;
  right: -5px;
  top: -5px;
}
.theme-dark .widget .widget__sleeve {
  background-color: #fff;
}
.theme-dark .widget .widget__sleeve {
  color: #373b45;
}
.widget .widget__sleeve::before {
  border-left-color: #111f2d;
}
.theme-dark .widget .widget__sleeve::before {
  border-left-color: #cccccc;
}
.widget .widget__content {
  overflow-y: inherit;
}
.widget .widget__content--scrolling {
  overflow-y: auto;
  position: relative;
}
.widget .widget__content--scrolling::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  position: fixed;
  bottom: 20px;
  left: 0;
  z-index: 1;
  pointer-events: none;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.theme-dark .widget .widget__content--scrolling::before {
  background: linear-gradient(0deg, rgb(55, 59, 69) 0%, rgba(55, 59, 69, 0) 100%);
}
.widget .widget__list .widget__list-item {
  padding: 10px 15px 10px 0;
  position: relative;
  width: 100%;
  border-bottom: 1px solid;
  border-bottom-color: #eaeaea;
}
.theme-dark .widget .widget__list .widget__list-item {
  border-bottom-color: #858585;
}
.widget .widget__list .widget__list-item:last-child {
  border-bottom: 0;
}
.widget .widget__list .widget__list-item::after {
  content: " ";
  background: transparent url("/assets/img/icons/dark/right-dark.svg") no-repeat center center;
  background-size: 16px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -8px;
}

.widget.widget--card {
  padding-bottom: 0;
  height: 280px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.widget.widget--card .widget__wrapper {
  padding: 20px;
  height: 280px;
  background-color: #fff;
}
.theme-dark .widget.widget--card .widget__wrapper {
  background-color: #373b45;
}
.widget.widget--card .widget__wrapper--highlight {
  background-color: #ebf8fa;
}
.theme-dark .widget.widget--card .widget__wrapper--highlight {
  background-color: #374c57;
}
.widget.widget--card .widget__header {
  height: auto;
}
.widget.widget--card .widget__info {
  margin: 5px 0 15px;
  height: auto;
  color: #99aaba;
}
.theme-dark .widget.widget--card .widget__info {
  color: #d4d4d4;
}
.widget.widget--card .widget__header,
.widget.widget--card .widget__info {
  padding: 0;
  border: 0;
}
.widget.widget--card .widget__content::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}

.widget-config-wrapper {
  margin-top: 10px;
  flex: 1;
  height: 400px;
  overflow-y: auto;
}
.widget-config-wrapper .widget-config-info {
  margin-top: 10px;
  opacity: 0.7;
}

.widget-config {
  padding: 15px 10px;
  cursor: pointer;
  position: relative;
  border-bottom: 2px solid;
  border-bottom-color: #99aaba;
  color: #fff;
}
.theme-dark .widget-config {
  border-bottom-color: #d4d4d4;
}
.theme-dark .widget-config {
  color: #fff;
}
.widget-config:hover {
  background-color: #99aaba;
}
.theme-dark .widget-config:hover {
  background-color: #319ba4;
}
.widget-config .headline {
  padding-right: 30px;
  margin-bottom: 5px;
}
.widget-config .subtitle {
  opacity: 0.5;
}
.widget-config .material-symbols {
  position: absolute;
  top: 13px;
  right: 10px;
}

.widget-options {
  margin-top: 20px;
}
.widget-options .pro-button {
  width: 100%;
}

.widget-wrapper {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.widget-wrapper[dragged-over]::after {
  content: "";
  position: absolute;
  top: 0.5em;
  right: -5px;
  width: 10px;
  height: calc(100% - 1em);
  z-index: 0;
  background-color: #fff200;
}
.theme-dark .widget-wrapper[dragged-over]::after {
  background-color: #fff200;
}
.widget-wrapper:hover .widget-controls {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transition: opacity 0.3s ease-in-out 0s, visibility 0s linear 0s, transform 0.3s ease-in-out;
  transform: translate(0);
}

.widget-controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out 0s, visibility 0s linear 0.3s, transform 0.3s ease-in-out;
  transform: translate(50%, 0);
}
.widget-controls .widget-control {
  margin-bottom: 5px;
  padding: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-color: #fff;
}
.theme-dark .widget-controls .widget-control {
  background-color: #373b45;
}
.widget-controls .widget-control:hover {
  background-color: #e6e6e6;
}
.theme-dark .widget-controls .widget-control:hover {
  background-color: #202329;
}
.widget-controls .widget-control.widget-control--primary {
  background-color: #37adb8;
}
.theme-dark .widget-controls .widget-control.widget-control--primary {
  background-color: #37adb8;
}
.widget-controls .widget-control.widget-control--primary:hover {
  background-color: #2b8891;
}
.theme-dark .widget-controls .widget-control.widget-control--primary:hover {
  background-color: #2b8891;
}

.window {
  z-index: -1;
}
.window.window--open .window__container {
  transform: translate(0, 0);
}
.window.window--open .window__backdrop {
  opacity: 0.5;
  visibility: visible;
  transition: opacity 0.3s ease-in-out 0s, visibility 0.3s linear 0s;
}
.window .window__container {
  transition: transform 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  transform: translate(-110%, 0);
  position: absolute;
  bottom: 0;
}
.theme-dark .window .window__container {
  background-color: #373b45;
}
.window .window__container .window__header {
  margin: 0;
  padding: 20px 40px 20px 30px;
  color: #fff;
  background-color: #2d5377;
}
.theme-dark .window .window__container .window__header {
  color: #fff;
}
.theme-dark .window .window__container .window__header {
  background-color: #37adb8;
}
.theme-dark .window .window__container .window__header {
  background-color: #374c57;
}
.window .window__container .window__header--light {
  background-color: transparent;
  color: #2d5377;
}
.theme-dark .window .window__container .window__header--light {
  color: #37adb8;
}
.window .window__container .window__content {
  padding: 20px 30px;
}
.window .window__container .window__close {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.window .window__container .window__close:hover {
  color: #37adb8;
}
.theme-dark .window .window__container .window__close:hover {
  color: #37adb8;
}
.window .window__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out 0s, visibility 0.3s linear 0.3s;
  background-color: rgba(46, 54, 78, 0.9);
}
.theme-dark .window .window__backdrop {
  background-color: rgba(55, 173, 184, 0.5);
}

.tag {
  padding: 0 15px;
  border-radius: 12px;
  background-color: #fff;
  cursor: pointer;
}
.theme-dark .tag {
  background-color: #373b45;
}
.tag.tag--active {
  background-color: #ebf8fa;
}
.theme-dark .tag.tag--active {
  background-color: #374c57;
}
.tag.tag--active .tag__description {
  color: #fff;
}
.theme-dark .tag.tag--active .tag__description {
  color: #373b45;
}
.tag.tag--archived {
  background-color: #99aaba;
}
.theme-dark .tag.tag--archived {
  background-color: #d4d4d4;
}
.tag.tag--archived.tag--active {
  background-color: #99aaba;
}
.theme-dark .tag.tag--archived.tag--active {
  background-color: #d4d4d4;
}
.tag .tag__header {
  padding-right: 5px;
  color: #2d5377;
}
.theme-dark .tag .tag__header {
  color: #fff;
}
.tag .tag__description {
  color: #99aaba;
}
.theme-dark .tag .tag__description {
  color: #d4d4d4;
}

table {
  margin-bottom: 15px;
  width: 100%;
  border: 0;
  border-spacing: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #ebf8fa;
}
.theme-dark .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #374c57;
}

th,
td {
  border-bottom: 1px solid;
  border-bottom-color: #eaeaea;
  border-right: 1px solid;
  border-right-color: #eaeaea;
}
.theme-dark th,
.theme-dark td {
  border-bottom-color: #858585;
}
.theme-dark th,
.theme-dark td {
  border-right-color: #858585;
}
th:last-child,
td:last-child {
  border-right: none;
}

th {
  padding: 0 15px;
  position: relative;
  color: #2d5377;
  text-align: left;
  height: 50px;
  border-bottom: 2px solid;
  border-bottom-color: #99aaba;
  white-space: nowrap;
}
.theme-dark th {
  color: #fff;
}
.theme-dark th {
  border-bottom-color: #d4d4d4;
}

tr {
  background-color: #fff;
}
.theme-dark tr {
  background-color: #373b45;
}

tbody tr:hover {
  background-color: #ebf8fa;
}
.theme-dark tbody tr:hover {
  background-color: #374c57;
}
tbody tr.archived {
  opacity: 0.5;
}

td {
  padding: 0 15px;
  border-radius: 0;
  vertical-align: middle;
  height: 50px;
  color: #2d5377;
}
.theme-dark td {
  color: #fff;
}
td.action-column {
  text-align: right;
}
td.archived {
  opacity: 0.5;
}

.list-entries-wrapper {
  margin: 5px 0 0 0;
}
.list-entries-wrapper::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
}
.list-entries-wrapper .label {
  margin-right: 10px;
  padding: 5px 0;
  float: left;
  text-align: left;
  color: #2d5377;
}
.theme-dark .list-entries-wrapper .label {
  color: #fff;
}
.list-entries-wrapper .list-entry {
  float: left;
}
.list-entries-wrapper .list-entry a {
  padding: 5px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  color: #2d5377;
  min-width: 28px;
  text-align: center;
}
.theme-dark .list-entries-wrapper .list-entry a {
  color: #fff;
}
.list-entries-wrapper .list-entry a:hover {
  color: #37adb8;
}
.theme-dark .list-entries-wrapper .list-entry a:hover {
  color: #37adb8;
}
.list-entries-wrapper .list-entry.active a {
  color: #37adb8;
}
.theme-dark .list-entries-wrapper .list-entry.active a {
  color: #37adb8;
}

.empty-list {
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
  color: #2e364e;
  cursor: default;
}
.theme-dark .empty-list {
  color: #f2f2f2;
}
.empty-list span {
  padding-left: 5px;
}

.scroll-container {
  overflow-x: auto;
}

.navbar-menu-container ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  box-shadow: 0 2px 6px 0 #000;
  position: relative;
  background-color: #2e364e;
}
.theme-dark .navbar-menu-container ul {
  background-color: #374c57;
}
.navbar-menu-container li {
  list-style: none;
  border-top: 1px solid;
  border-top-color: rgba(153, 170, 186, 0.3);
}
.theme-dark .navbar-menu-container li {
  border-top-color: rgba(212, 212, 212, 0.3);
}
.navbar-menu-container li.element__active a {
  color: #37adb8;
}
.theme-dark .navbar-menu-container li.element__active a {
  color: #37adb8;
}
.navbar-menu-container li:first-child {
  border-top: 0;
}
.navbar-menu-container li:hover {
  background-color: #252b3e;
}
.theme-dark .navbar-menu-container li:hover {
  background-color: #2d3e47;
}
.navbar-menu-container a {
  padding: 15px 20px;
  cursor: pointer;
  display: flex;
  color: #fff;
  text-decoration: none;
}
.theme-dark .navbar-menu-container a {
  color: #fff;
}
.navbar-menu-container a .navbar__element-text,
.navbar-menu-container a .navbar__element-tempered-text {
  padding-left: 10px;
  position: relative;
  top: 1px;
}
.navbar-menu-container a .navbar__element-text {
  flex: 1;
}

pro-appsite-view .appsite-text p {
  margin: 0 0 5px 0;
}

div.icon,
span.icon,
i.icon {
  display: block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
div.icon.icon--12,
span.icon.icon--12,
i.icon.icon--12 {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
}
div.icon.icon--16,
span.icon.icon--16,
i.icon.icon--16 {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
}
div.icon.icon--18,
span.icon.icon--18,
i.icon.icon--18 {
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
}
div.icon.icon--20,
span.icon.icon--20,
i.icon.icon--20 {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
}
div.icon.icon--24,
span.icon.icon--24,
i.icon.icon--24 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
}
div.icon.icon--28,
span.icon.icon--28,
i.icon.icon--28 {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
div.icon.icon--32,
span.icon.icon--32,
i.icon.icon--32 {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
}
div.icon.icon--40,
span.icon.icon--40,
i.icon.icon--40 {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
div.icon.icon--60,
span.icon.icon--60,
i.icon.icon--60 {
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
}
div.icon.icon--80,
span.icon.icon--80,
i.icon.icon--80 {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}
div.icon.icon--100,
span.icon.icon--100,
i.icon.icon--100 {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
}
div.icon.icon--140,
span.icon.icon--140,
i.icon.icon--140 {
  width: 140px;
  height: 140px;
  min-width: 140px;
  min-height: 140px;
}
div.icon.icon--rotate-90,
span.icon.icon--rotate-90,
i.icon.icon--rotate-90 {
  transform: rotate(90deg);
}
div.icon.icon--rotate-180,
span.icon.icon--rotate-180,
i.icon.icon--rotate-180 {
  transform: rotate(180deg);
}
div.icon.icon--delete,
span.icon.icon--delete,
i.icon.icon--delete {
  background: transparent url("/assets/img/icons/white/delete-white.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--button-loader,
span.icon.icon--button-loader,
i.icon.icon--button-loader {
  background: transparent url("/assets/img/icons/white/button-loader-white.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--trend-negative.icon--special,
span.icon.icon--trend-negative.icon--special,
i.icon.icon--trend-negative.icon--special {
  background: transparent url("/assets/img/icons/special/trend-negative-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--trend-positive.icon--special,
span.icon.icon--trend-positive.icon--special,
i.icon.icon--trend-positive.icon--special {
  background: transparent url("/assets/img/icons/special/trend-positive-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--trend-neutral.icon--special,
span.icon.icon--trend-neutral.icon--special,
i.icon.icon--trend-neutral.icon--special {
  background: transparent url("/assets/img/icons/special/trend-neutral-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--big-notfound.icon--special,
span.icon.icon--big-notfound.icon--special,
i.icon.icon--big-notfound.icon--special {
  background: transparent url("/assets/img/icons/special/big-notfound-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--big-success.icon--special,
span.icon.icon--big-success.icon--special,
i.icon.icon--big-success.icon--special {
  background: transparent url("/assets/img/icons/special/big-success-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--big-warning.icon--special,
span.icon.icon--big-warning.icon--special,
i.icon.icon--big-warning.icon--special {
  background: transparent url("/assets/img/icons/special/big-warning-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--big-wait.icon--special,
span.icon.icon--big-wait.icon--special,
i.icon.icon--big-wait.icon--special {
  background: transparent url("/assets/img/icons/special/big-wait-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--big-error.icon--special,
span.icon.icon--big-error.icon--special,
i.icon.icon--big-error.icon--special {
  background: transparent url("/assets/img/icons/special/big-error-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--checkmark-big.icon--special,
span.icon.icon--checkmark-big.icon--special,
i.icon.icon--checkmark-big.icon--special {
  background: transparent url("/assets/img/icons/special/checkmark-big-special.svg") no-repeat center center;
  background-size: 100%;
}
div.icon.icon--temperate,
span.icon.icon--temperate,
i.icon.icon--temperate {
  opacity: 0.5;
}
div.icon > img,
span.icon > img,
i.icon > img {
  width: 100%;
}

textarea {
  resize: none;
}

.searchbar {
  margin-bottom: 20px;
  position: relative;
}
.searchbar input {
  margin: 0;
  padding: 10px;
  padding-right: 40px;
  outline: none;
  border: none;
  border-bottom: 1px solid;
  width: 100%;
  border-bottom-color: #d4d4d4;
  background-color: #fff;
}
.theme-dark .searchbar input {
  border-bottom-color: #25282e;
}
.theme-dark .searchbar input {
  background-color: #373b45;
}
.searchbar__icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

/**
 * Team23 Color Theme
 *
 * DO NOT CREATE NEW COLORS THAT ARE NOT DEFINED IN THE DESIGN SYSTEM!
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42b9b2863eb663cac57
 */
/**
 *  Default TEAM23 Theme
 */
/* Spacing */
/* Theming */
/** Form Elements */
/** Input Dimensions */
.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .p-progressbar .p-progressbar-label, .cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .register .p-autocomplete-input, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .text, .text--large, .text--medium, .text--small, .text--strong, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .dialog-infotext, .dialog-errortext, .card .card__subheadline, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list, .main-list .main-list__cell--header, .list__changed, .list-view .cell--header, .list-view .cell--header .cell__content-subtitle, .item .item__date, .item .item__description, .item .item__name, .initials, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .list-menu__module, .list-menu__count, .brick__title, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .titel, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__header, .widget .widget__info, .widget .widget__list, .widget.widget--card .widget__header, .widget-config-wrapper .widget-config-info, .widget-config .headline, .widget-config .subtitle, .tag .tag__header, table, th, .empty-list, .navbar-menu-container a {
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0.2px;
  font-weight: initial;
}

.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .text, .text--medium, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a {
  font-size: 12px;
}
@media print {
  .p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .p-dialog.p-confirm-dialog button, .p-autocomplete-item, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-input, .text, .text--medium, html,
  body, input,
  textarea, button, .infotext, .number-value,
  .text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
  .card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a {
    font-size: 16px;
  }
}

.p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header {
  font-size: 14px;
}
@media print {
  .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header {
    font-size: 18px;
  }
}

.p-progressbar .p-progressbar-label, .text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle {
  font-size: 11px;
}
@media print {
  .p-progressbar .p-progressbar-label, .text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle {
    font-size: 15px;
  }
}

.cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .register .p-autocomplete-input, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .text--strong, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list .main-list__cell--header, .list-view .cell--header, .item .item__date, .item .item__name, .list-menu__header, .list-menu__item .label, .brick__title, .brick__download, #masonry .titel, #masonry .download-link, .widget.widget--card .widget__header, .tag .tag__header, th {
  font-weight: 700;
}

.p-dialog.p-confirm-dialog .p-dialog-title, .p-datepicker .p-datepicker-header, .heading, .heading *, .heading--large, .heading--medium, .heading--medium *, .heading--small, .heading--strong, .wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label *, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .heading *, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .subheading *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h5, h5 *, h6, .card .card__headline, .card.person-card .person-card__detail .detail__name, .card.person-card .person-card__detail .detail__name *, .widget .widget__sleeve {
  font-family: Poppins, sans-serif;
  font-weight: initial;
}

.heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
  font-size: 18px;
  letter-spacing: 0.2px;
}
@media print {
  .heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
    font-size: 22px;
  }
}

.p-dialog.p-confirm-dialog .p-dialog-title, .heading--large, h3, h4 {
  font-size: 24px;
  letter-spacing: 0;
}
@media print {
  .p-dialog.p-confirm-dialog .p-dialog-title, .heading--large, h3, h4 {
    font-size: 28px;
  }
}

.heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
  font-size: 14px;
  letter-spacing: 0.3px;
}
@media print {
  .heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
    font-size: 18px;
  }
}

.wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .card .card__headline, .widget .widget__sleeve {
  font-weight: 600;
}

.p-datepicker .p-datepicker-header, .heading--strong {
  font-weight: 700;
}

h1 {
  font-size: 56px;
}

.p-checkbox + .p-checkbox-label, .wizard .wizard__navbar .wizard-element__subtitle, label,
.label__value, .brick__button {
  line-height: 18px;
}

h2 {
  font-size: 40px;
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.contextmenu {
  max-width: 280px;
  background-color: #fff;
}
.contextmenu__dark {
  background-color: #373b45;
}
.contextmenu__item {
  padding: 10px;
  display: flex;
  cursor: pointer;
}
.contextmenu__item:hover {
  background-color: #f2f2f2;
}
:host-context(.theme-dark) .contextmenu__item:hover {
  background-color: #25282e;
}
.contextmenu__item t23-icon {
  padding-right: 10px;
}
.contextmenu__item--success {
  color: #72c466;
}
:host-context(.theme-dark) .contextmenu__item--success {
  color: #72c466;
}
.contextmenu__item--fail {
  color: #d95d6c;
}
:host-context(.theme-dark) .contextmenu__item--fail {
  color: #d95d6c;
}
.contextmenu__item--secondary {
  color: #37adb8;
}
:host-context(.theme-dark) .contextmenu__item--secondary {
  color: #37adb8;
}
.contextmenu__item--disabled {
  cursor: default;
  pointer-events: none;
}

/*
    Class names with periods are illegal in stylelint, but required in main-list-view.
*/
/* stylelint-disable selector-class-pattern */
/* stylelint-disable selector-max-compound-selectors */
pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated {
  width: 260px;
}
pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_valid_from, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_valid_to {
  width: 260px;
}

pro-import-journals .main-list__cell.cell-path--status,
.own-catalog-export-journals__main-list .main-list__cell.cell-path--status {
  width: 62px;
}
pro-import-journals .main-list__cell.cell-path--filename,
.own-catalog-export-journals__main-list .main-list__cell.cell-path--filename {
  width: 330px;
}
pro-import-journals .main-list__cell.cell-path--user_label,
.own-catalog-export-journals__main-list .main-list__cell.cell-path--user_label {
  width: 250px;
}

.mapping-articles .main-list__cell[class*="cell-path--attribute."] {
  background-color: #ebf8fa;
  color: #3e3e3e;
}
:host-context(.theme-dark) .mapping-articles .main-list__cell[class*="cell-path--attribute."] {
  background-color: #374c57;
}
:host-context(.theme-dark) .mapping-articles .main-list__cell[class*="cell-path--attribute."] {
  color: #3e3e3e;
}
.mapping-articles .main-list__cell[class*="cell-path--attribute."] a {
  color: #3e3e3e !important;
}
.mapping-articles .main-list__cell.cell-path--attribute\.creditor_name {
  width: 220px;
}
.mapping-articles .main-list__cell.cell-path--attribute\.status {
  width: 62px;
  background-color: #f2f2f2;
}
:host-context(.theme-dark) .mapping-articles .main-list__cell.cell-path--attribute\.status {
  background-color: #25282e;
}

.own-catalog-export-list .main-list__cell:last-child {
  flex-grow: 0;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1 {
  width: 240px;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1 .cell__container {
  justify-content: space-between;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1 .price-deviation-percent {
  font-weight: normal;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.clearing_type {
  width: 62px;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.number {
  flex-grow: 0;
}
.own-catalog-export-list .main-list__cell.cell-path--attribute\.name {
  flex-grow: 1;
}

pro-article-assignment .main-list .main-list__cell:first-child {
  width: 135px;
}

pro-pricelist-condition-export .main-list__cell.cell-path--attribute\.classification_valid_to {
  background-color: #ebf8fa;
}
:host-context(.theme-dark) pro-pricelist-condition-export .main-list__cell.cell-path--attribute\.classification_valid_to {
  background-color: #374c57;
}

.angular-editor-textarea {
  transform: translate3d(0, 0, 0);
}

/* stylelint-disable no-duplicate-selectors */
.p-autocomplete .p-autocomplete-input {
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: #eaeaea;
  color: #2d5377;
  height: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-input {
  background-color: #858585;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-input {
  color: #fff;
}
.p-autocomplete .p-autocomplete-input:hover {
  background-color: #f2f2f2;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-input:hover {
  background-color: #8d8d8d;
}
.p-autocomplete .p-autocomplete-input:focus {
  outline: none;
}
.p-autocomplete .p-autocomplete-input::placeholder {
  color: #858585;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-input::placeholder {
  color: #eaeaea;
}
@media print {
  .p-autocomplete .p-autocomplete-input::placeholder {
    font-size: 16px;
  }
}
.p-autocomplete.p-autocomplete-dd {
  width: 100%;
}
.p-autocomplete.p-autocomplete-dd .p-button-label {
  display: none;
}
.p-autocomplete .p-autocomplete-dropdown {
  background-color: #37adb8;
  color: #fff;
  width: 37px;
  min-width: 37px;
  border: none;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-dropdown {
  background-color: #3ec2cf;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-dropdown {
  color: #373b45;
}
.p-autocomplete .p-autocomplete-dropdown:hover {
  background-color: #56c2cc;
}
:host-context(.theme-dark) .p-autocomplete .p-autocomplete-dropdown:hover {
  background-color: #67cfd9;
}
.p-autocomplete .p-autocomplete-loader {
  right: 45px;
}

.p-autocomplete-panel {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  width: auto;
  max-width: 100%;
}
:host-context(.theme-dark) .p-autocomplete-panel {
  background-color: #373b45;
}
@media screen and (height <= 900px) {
  .p-autocomplete-panel {
    max-height: 260px !important;
  }
}
@media screen and (height <= 810px) {
  .p-autocomplete-panel {
    max-height: 220px !important;
  }
}
@media screen and (height <= 765px) {
  .p-autocomplete-panel {
    max-height: 160px !important;
  }
}
@media screen and (height <= 700px) {
  .p-autocomplete-panel {
    max-height: 130px !important;
  }
}

.p-autocomplete-item {
  color: #2d5377;
  margin: 0;
  padding: 10px;
  position: relative;
}
:host-context(.theme-dark) .p-autocomplete-item {
  color: #fff;
}
.p-autocomplete-item::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 3px;
  transition: 0.3s ease-in-out;
  transform: translate(-3px);
  left: 0;
  top: 0;
  z-index: 9;
}
.p-autocomplete-item:hover, .p-autocomplete-item.p-highlight {
  background-color: #f2f2f2;
}
.p-autocomplete-item:hover::before, .p-autocomplete-item.p-highlight::before {
  transform: translate(0);
  background-color: #37adb8;
}
:host-context(.theme-dark) .p-autocomplete-item:hover::before, :host-context(.theme-dark) .p-autocomplete-item.p-highlight::before {
  background-color: #37adb8;
}
:host-context(.theme-dark) .p-autocomplete-item:hover, :host-context(.theme-dark) .p-autocomplete-item.p-highlight {
  background-color: #25282e;
}

.register .p-autocomplete-input {
  padding: 10px;
  background-color: #eaeaea;
  text-shadow: none;
}

.form-autocomplete--light .p-autocomplete-input {
  background: #fff;
}
:host-context(.theme-dark) .form-autocomplete--light .p-autocomplete-input {
  background: #373b45;
}
.form-autocomplete--light .p-autocomplete-input:hover {
  background: #eaeaea;
}
:host-context(.theme-dark) .form-autocomplete--light .p-autocomplete-input:hover {
  background: #858585;
}

.primeng-autocomplete .p-autocomplete-token-label {
  max-width: 345px;
  text-overflow: ellipsis;
  /* Required for text-overflow */
  white-space: nowrap;
  overflow: hidden;
}
.primeng-autocomplete .p-disabled {
  pointer-events: initial;
}

.autocomplete__wrapper--clearable .p-autocomplete-input {
  padding-right: 30px;
}

.theme-dark .p-autocomplete .p-autocomplete-dropdown {
  background-color: #3ec2cf;
  color: #fff;
}
.theme-dark .p-autocomplete-dd .p-autocomplete-input, .theme-dark .p-autocomplete-dd {
  background-color: #858585;
  color: #fff;
}
.theme-dark .p-autocomplete-dd .p-autocomplete-input::placeholder, .theme-dark .p-autocomplete-dd::placeholder {
  color: #fff;
}
.theme-dark .p-autocomplete-panel {
  background-color: #fff;
}
.theme-dark .register .p-autocomplete-input {
  background-color: #eaeaea;
}
.theme-dark .form-autocomplete--light .p-autocomplete-input {
  background-color: #fff;
}
.theme-dark .form-autocomplete--light .p-autocomplete-input:hover {
  background-color: #eaeaea;
}
.theme-dark .p-autocomplete-item {
  background-color: #373b45;
  color: #fff;
}
.theme-dark .p-autocomplete-item:hover, .theme-dark .p-autocomplete-item.p-highlight {
  background-color: #25282e;
}
.theme-dark .p-autocomplete-item:hover::before, .theme-dark .p-autocomplete-item.p-highlight::before {
  transform: translate(0);
  background-color: #37adb8;
}
:host-context(.theme-dark) .theme-dark .p-autocomplete-item:hover::before, :host-context(.theme-dark) .theme-dark .p-autocomplete-item.p-highlight::before {
  background-color: #37adb8;
}
.theme-dark .register .p-autocomplete-input {
  background-color: #eaeaea;
}
.theme-dark .form-autocomplete--light .p-autocomplete-input {
  background-color: #fff;
}
.theme-dark .form-autocomplete--light .p-autocomplete-input:hover {
  background-color: #eaeaea;
}

.p-toast.p-toast-top-right {
  width: 350px;
  right: 20px;
  top: 80px;
}
.p-toast.p-toast-top-right .p-toast-message {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 5px;
  padding-left: 60px;
  color: #2d5377;
  background-color: #fff;
  position: relative;
}
:host-context(.theme-dark) .p-toast.p-toast-top-right .p-toast-message {
  color: #fff;
}
:host-context(.theme-dark) .p-toast.p-toast-top-right .p-toast-message {
  background-color: #373b45;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-message-content {
  padding: 10px 30px 10px 0;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-message-text {
  margin: 5px 0;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
  padding-bottom: 5px;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-message-icon {
  margin: 0;
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translate(0, -50%);
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-message-icon::before {
  content: " ";
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-icon-close {
  top: 8px;
  right: 8px;
  position: absolute;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-icon-close-icon {
  background: url("/assets/img/icons/dark/schliessen-dark.svg") no-repeat;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
}
.p-toast.p-toast-top-right .p-toast-message .p-toast-icon-close-icon::before {
  content: " ";
}

.p-toast-message {
  border-left: 3px solid;
}
.p-toast-message .p-element.p-icon-wrapper {
  display: none;
}
.p-toast-message.p-toast-message-success {
  border-left-color: #72c466;
}
:host-context(.theme-dark) .p-toast-message.p-toast-message-success {
  border-left-color: #72c466;
}
.p-toast-message.p-toast-message-success .p-toast-message-icon {
  background: url("/assets/img/icons/color/check_circle-color.svg") no-repeat;
}
.p-toast-message.p-toast-message-error {
  border-left-color: #d95d6c;
}
:host-context(.theme-dark) .p-toast-message.p-toast-message-error {
  border-left-color: #d95d6c;
}
.p-toast-message.p-toast-message-error .p-toast-message-icon {
  background: url("/assets/img/icons/color/error_circle-color.svg") no-repeat;
}
.p-toast-message.p-toast-message-info {
  border-left-color: #2d5377;
}
:host-context(.theme-dark) .p-toast-message.p-toast-message-info {
  border-left-color: #fff;
}
.p-toast-message.p-toast-message-info .p-toast-message-icon {
  background: url("/assets/img/loading.gif") no-repeat;
  background-size: 30px 30px;
}

.theme-dark .p-toast.p-toast-top-right .p-toast-message {
  color: #fff;
  background-color: #373b45;
}
.theme-dark .p-toast-message.p-toast-message-info {
  border-left-color: #fff;
}

.p-dialog.p-confirm-dialog {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  padding: 40px;
  padding-top: 140px;
  background: #2d5377;
  color: #fff;
  width: 460px;
  display: flex;
}
.p-dialog.p-confirm-dialog .p-dialog-header-icons {
  display: none;
}
.p-dialog.p-confirm-dialog .p-dialog-header {
  position: relative;
  text-align: center;
  justify-content: center;
}
.p-dialog.p-confirm-dialog .p-dialog-title {
  color: #fff;
  text-transform: uppercase;
}
.p-dialog.p-confirm-dialog .p-dialog-title::before {
  content: " ";
  width: 50px;
  height: 50px;
  position: absolute;
  top: -55px;
  left: 50%;
  background: url("/assets/img/icons/white/error_circle-white.svg") no-repeat;
  background-size: 50px 50px;
  transform: translate(-50%, -50%);
}
.p-dialog.p-confirm-dialog .p-dialog-content {
  padding: 20px;
  justify-content: center;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  text-align: center;
}
.p-dialog.p-confirm-dialog .p-dialog-footer {
  text-align: center;
  display: flex;
  justify-content: center;
}
.p-dialog.p-confirm-dialog .p-icon-wrapper {
  padding-inline-start: 10px;
}
.p-dialog.p-confirm-dialog button,
.p-dialog.p-confirm-dialog .pro-button {
  margin: 5px;
}
.p-dialog.p-confirm-dialog button {
  padding: 0;
  display: flex;
  float: none;
  min-width: auto;
  border-radius: 0;
  border: 1px solid #fff;
  color: #fff;
  background: none;
  text-shadow: none;
}
.p-dialog.p-confirm-dialog button:hover {
  background-color: #2d5377;
}
:host-context(.theme-dark) .p-dialog.p-confirm-dialog button:hover {
  background-color: #fff;
}
.p-dialog.p-confirm-dialog button .p-button-label {
  padding: 5px 15px 5px 30px;
  display: inline-block;
  padding-inline-start: 20px;
}
.p-dialog.p-confirm-dialog button .pi {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 0.5em;
}
.p-dialog.p-confirm-dialog button .pi-times {
  background: url("/assets/img/icons/white/schliessen-white.svg") no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  margin-left: 2px;
}
.p-dialog.p-confirm-dialog button .pi-times::before {
  content: " ";
}
.p-dialog.p-confirm-dialog button .pi-check {
  background: url("/assets/img/icons/white/speichern-white.svg") no-repeat;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  margin-left: 2px;
}
.p-dialog.p-confirm-dialog button .pi-check::before {
  content: " ";
}

p-tristatecheckbox {
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
}

.p-checkbox .p-checkbox-box {
  width: 12px;
  height: 12px;
  position: relative;
  border: 1px solid;
  border-radius: 2px;
  border-color: #2d5377;
}
:host-context(.theme-dark) .p-checkbox .p-checkbox-box {
  border-color: #fff;
}
.p-checkbox .p-checkbox-box.p-disabled {
  opacity: 0.5 !important;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  width: 100%;
  height: 100%;
  border-radius: 2px;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid;
  border-color: #2d5377;
}
:host-context(.theme-dark) .p-checkbox .p-checkbox-box .p-checkbox-icon {
  border-color: #fff;
}
.p-checkbox .p-checkbox-box.p-highlight {
  background-color: unset;
  border: 0;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon {
  border: 0;
  background-color: #37adb8;
}
:host-context(.theme-dark) .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon {
  background-color: #37adb8;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon::before {
  content: "";
  display: block;
  border-style: solid;
  position: relative;
  border-color: #fff;
}
:host-context(.theme-dark) .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon::before {
  border-color: #373b45;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check::before {
  transform: rotate(45deg);
  border-width: 0 1px 1px 0;
  width: 3px;
  height: 5px;
  top: 2px;
  left: 4px;
}
.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-times::before {
  border-width: 0 0 1px;
  width: 4px;
  height: 6px;
  left: 4px;
}
.p-checkbox + .p-checkbox-label {
  padding: 0;
  cursor: pointer;
  display: inline;
}

p-progressbar[ng-reflect-show-value=false] .p-progressbar {
  height: 5px;
  box-shadow: none;
}

.p-progressbar {
  height: 1.2em;
  text-align: left;
  position: relative;
  overflow: hidden;
  background-color: #eaeaea;
}
:host-context(.theme-dark) .p-progressbar {
  background-color: #858585;
}
.p-progressbar .p-progressbar-value {
  height: 100%;
  background-color: #37adb8;
  box-shadow: none;
}
:host-context(.theme-dark) .p-progressbar .p-progressbar-value {
  background-color: #37adb8;
}
.p-progressbar .p-progressbar-label {
  color: #2e364e;
}
:host-context(.theme-dark) .p-progressbar .p-progressbar-label {
  color: #f2f2f2;
}
.p-progressbar .p-progressbar-value-animate {
  transition: width 1s ease-in-out;
}

/* stylelint-disable selector-max-id */
/**
 * Team23 Color Theme
 *
 * DO NOT CREATE NEW COLORS THAT ARE NOT DEFINED IN THE DESIGN SYSTEM!
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42b9b2863eb663cac57
 */
/**
 *  Default TEAM23 Theme
 */
/* Spacing */
/* Theming */
/** Form Elements */
/** Input Dimensions */
.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .text, .text--large, .text--medium, .text--small, .text--strong, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .dialog-infotext, .dialog-errortext, .card .card__subheadline, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list, .main-list .main-list__cell--header, .list__changed, .list-view .cell--header, .list-view .cell--header .cell__content-subtitle, .item .item__date, .item .item__description, .item .item__name, .initials, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .list-menu__module, .list-menu__count, .brick__title, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .titel, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__header, .widget .widget__info, .widget .widget__list, .widget.widget--card .widget__header, .widget-config-wrapper .widget-config-info, .widget-config .headline, .widget-config .subtitle, .tag .tag__header, table, th, .empty-list, .navbar-menu-container a, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .register .p-autocomplete-input, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .p-dialog.p-confirm-dialog button, .p-progressbar .p-progressbar-label {
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0.2px;
  font-weight: initial;
}

.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .text, .text--medium, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .p-dialog.p-confirm-dialog button {
  font-size: 12px;
}
@media print {
  .p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .text, .text--medium, html,
  body, input,
  textarea, button, .infotext, .number-value,
  .text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
  .card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .p-dialog.p-confirm-dialog button {
    font-size: 16px;
  }
}

.text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
  font-size: 14px;
}
@media print {
  .text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
    font-size: 18px;
  }
}

.text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle, .p-progressbar .p-progressbar-label {
  font-size: 11px;
}
@media print {
  .text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle, .p-progressbar .p-progressbar-label {
    font-size: 15px;
  }
}

.cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .text--strong, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list .main-list__cell--header, .list-view .cell--header, .item .item__date, .item .item__name, .list-menu__header, .list-menu__item .label, .brick__title, .brick__download, #masonry .titel, #masonry .download-link, .widget.widget--card .widget__header, .tag .tag__header, th, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, .register .p-autocomplete-input, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
  font-weight: 700;
}

.p-datepicker .p-datepicker-header, .heading, .heading *, .heading--large, .heading--medium, .heading--medium *, .heading--small, .heading--strong, .wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label *, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .heading *, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .subheading *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h5, h5 *, h6, .card .card__headline, .card.person-card .person-card__detail .detail__name, .card.person-card .person-card__detail .detail__name *, .widget .widget__sleeve, .p-dialog.p-confirm-dialog .p-dialog-title {
  font-family: Poppins, sans-serif;
  font-weight: initial;
}

.heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
  font-size: 18px;
  letter-spacing: 0.2px;
}
@media print {
  .heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
    font-size: 22px;
  }
}

.heading--large, h3, h4, .p-dialog.p-confirm-dialog .p-dialog-title {
  font-size: 24px;
  letter-spacing: 0;
}
@media print {
  .heading--large, h3, h4, .p-dialog.p-confirm-dialog .p-dialog-title {
    font-size: 28px;
  }
}

.heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
  font-size: 14px;
  letter-spacing: 0.3px;
}
@media print {
  .heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
    font-size: 18px;
  }
}

.wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .card .card__headline, .widget .widget__sleeve {
  font-weight: 600;
}

.p-datepicker .p-datepicker-header, .heading--strong {
  font-weight: 700;
}

h1 {
  font-size: 56px;
}

.wizard .wizard__navbar .wizard-element__subtitle, label,
.label__value, .brick__button, .p-checkbox + .p-checkbox-label {
  line-height: 18px;
}

h2 {
  font-size: 40px;
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
#list-navigation {
  padding: 10px 40px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media only screen and (width <= 1124px) {
  #list-navigation {
    height: 60px;
  }
}
#list-navigation .p-paginator-wrapper {
  margin: 0;
  display: flex;
  align-items: center;
}
#list-navigation .p-paginator-wrapper .ui-paginator-page:not(.p-highlight),
#list-navigation .p-paginator-wrapper .list-entry:not(.active) a,
#list-navigation .p-paginator-wrapper .label {
  color: #2e364e;
}
:host-context(.theme-dark) #list-navigation .p-paginator-wrapper .ui-paginator-page:not(.p-highlight),
:host-context(.theme-dark) #list-navigation .p-paginator-wrapper .list-entry:not(.active) a,
:host-context(.theme-dark) #list-navigation .p-paginator-wrapper .label {
  color: #f2f2f2;
}
#list-navigation .p-paginator-wrapper .ui-paginator-page.p-highlight {
  color: #37adb8;
}
:host-context(.theme-dark) #list-navigation .p-paginator-wrapper .ui-paginator-page.p-highlight {
  color: #37adb8;
}
#list-navigation .p-paginator-wrapper .p-paginator-pages,
#list-navigation .p-paginator-wrapper .p-paginator-pages .p-paginator-page,
#list-navigation .p-paginator-wrapper .p-paginator-prev,
#list-navigation .p-paginator-wrapper .p-paginator-next {
  background: transparent;
  box-shadow: none;
}
#list-navigation .p-paginator-wrapper .p-paginator-pages {
  padding: 0;
}
#list-navigation .p-paginator-wrapper .p-paginator-prev {
  margin-right: 5px;
}
#list-navigation .p-paginator-wrapper .p-paginator-next {
  margin-left: 5px;
}
#list-navigation .p-paginator-wrapper p-paginator .p-paginator-prev,
#list-navigation .p-paginator-wrapper p-paginator .p-paginator-next {
  display: none;
}

.p-paginator-wrapper {
  margin: 10px 5px 0 0;
  float: right;
}
.p-paginator-wrapper.general-search-paginator {
  text-align: right;
}
.p-paginator-wrapper.general-search-paginator .p-paginator {
  text-align: right;
}
.p-paginator-wrapper.general-search-paginator .p-paginator .p-paginator-prev,
.p-paginator-wrapper.general-search-paginator .p-paginator .p-paginator-next {
  padding: 0 20px;
  background: none;
  float: none;
}

.p-paginator {
  padding: 0;
  text-align: center;
  display: block;
  width: auto;
  background: transparent;
  border: none;
}
.p-paginator .p-paginator-top {
  border-bottom: 0 none;
}
.p-paginator .p-paginator-bottom {
  border-top: 0 none;
}
.p-paginator .p-paginator-last,
.p-paginator .p-paginator-first {
  display: none;
}
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next {
  margin: 0;
  padding: 0;
  float: left;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: auto;
  cursor: pointer;
  position: relative;
  text-shadow: none;
  outline: none;
  background: transparent;
  color: #2d5377;
}
:host-context(.theme-dark) .p-paginator .p-paginator-prev,
:host-context(.theme-dark) .p-paginator .p-paginator-next {
  color: #fff;
}
.p-paginator .p-paginator-prev:hover,
.p-paginator .p-paginator-next:hover {
  color: #37adb8;
}
:host-context(.theme-dark) .p-paginator .p-paginator-prev:hover,
:host-context(.theme-dark) .p-paginator .p-paginator-next:hover {
  color: #37adb8;
}
.p-paginator .p-paginator-page,
.p-paginator .p-paginator-current {
  margin: 0;
  padding: 0 5px;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  border: none;
  border-radius: 0;
  box-shadow: #000 #000 2px 5px rgba(0, 0, 0, 0.4);
  text-shadow: none;
  outline: none;
  opacity: 1;
  float: left;
  height: 30px;
  min-width: 30px;
  color: #2d5377;
  background: transparent;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
:host-context(.theme-dark) .p-paginator .p-paginator-page,
:host-context(.theme-dark) .p-paginator .p-paginator-current {
  color: #fff;
}
.p-paginator .p-paginator-page:hover,
.p-paginator .p-paginator-current:hover {
  color: #37adb8;
}
:host-context(.theme-dark) .p-paginator .p-paginator-page:hover,
:host-context(.theme-dark) .p-paginator .p-paginator-current:hover {
  color: #37adb8;
}
.p-paginator .p-paginator-page.p-highlight,
.p-paginator .p-paginator-current.p-highlight {
  color: #37adb8;
}
:host-context(.theme-dark) .p-paginator .p-paginator-page.p-highlight,
:host-context(.theme-dark) .p-paginator .p-paginator-current.p-highlight {
  color: #37adb8;
}
.p-paginator .p-paginator-page.p-disabled,
.p-paginator .p-paginator-current.p-disabled {
  opacity: 0.3;
}
.p-paginator .p-paginator-page.p-disabled:hover,
.p-paginator .p-paginator-current.p-disabled:hover {
  background-color: #fff;
}
:host-context(.theme-dark) .p-paginator .p-paginator-page.p-disabled:hover,
:host-context(.theme-dark) .p-paginator .p-paginator-current.p-disabled:hover {
  background-color: #373b45;
}
.p-paginator .p-paginator-pages {
  margin: 0;
  padding: 0;
  float: left;
}

.list-entries-wrapper {
  margin: 0;
  display: flex;
  align-items: center;
}
.list-entries-wrapper .list-entry:not(.active) a {
  color: #2d5377;
}
:host-context(.theme-dark) .list-entries-wrapper .list-entry:not(.active) a {
  color: #fff;
}
.list-entries-wrapper .list-entry:not(.active) a:hover {
  color: #37adb8;
}
:host-context(.theme-dark) .list-entries-wrapper .list-entry:not(.active) a:hover {
  color: #37adb8;
}

.column-filter__wrapper .p-slidemenu {
  height: 150px;
}
@media screen and (height >= 780px) {
  .column-filter__wrapper .p-slidemenu {
    height: 250px;
  }
}
@media screen and (height >= 900px) {
  .column-filter__wrapper .p-slidemenu {
    height: 330px;
  }
}
.column-filter__wrapper .p-slidemenu .p-slidemenu-wrapper {
  height: inherit !important;
}

.p-slidemenu.p-component {
  border-radius: 0 !important;
  border: 1px solid #ddd;
  width: initial;
  padding: 0 !important;
}
.p-slidemenu.p-component.p-menu {
  width: 450px;
  padding: 0;
}
.p-slidemenu.p-component.p-menu.p-component {
  border-color: #eaeaea;
}
:host-context(.theme-dark) .p-slidemenu.p-component.p-menu.p-component {
  border-color: #858585;
}
.p-slidemenu.p-component .p-slidemenu-content {
  min-height: 100%;
}
.p-slidemenu.p-component .p-menu-list {
  padding-bottom: 30px !important;
}
.p-slidemenu.p-component .p-menuitem-link {
  padding: 0.4em 0.6em !important;
  white-space: normal !important;
  color: #2d5377;
  border-width: 0 !important;
  border-left: 3px solid transparent !important;
}
:host-context(.theme-dark) .p-slidemenu.p-component .p-menuitem-link {
  color: #fff;
}
.p-slidemenu.p-component .p-menuitem-link.p-state-hover {
  background-color: #f2f2f2;
  border-left: 3px solid;
  border-left-color: #37adb8;
}
:host-context(.theme-dark) .p-slidemenu.p-component .p-menuitem-link.p-state-hover {
  background-color: #25282e;
}
:host-context(.theme-dark) .p-slidemenu.p-component .p-menuitem-link.p-state-hover {
  border-left-color: #37adb8;
}
.p-slidemenu.p-component .p-menu-parent .p-menu-child {
  padding: 0 !important;
}
.p-slidemenu.p-component .p-menuitem-text {
  width: calc(100% - 20px);
}
.p-slidemenu.p-component .p-submenu-icon {
  margin-top: 2px;
}
.p-slidemenu.p-component .p-slidemenu-backward {
  width: auto !important;
  margin-bottom: 0 !important;
  bottom: -22px;
  font-family: "Noto Sans", sans-serif;
  text-align: center;
  position: absolute;
  padding: 0;
  color: #2d5377;
}
:host-context(.theme-dark) .p-slidemenu.p-component .p-slidemenu-backward {
  color: #fff;
}

/**
 * Team23 Color Theme
 *
 * DO NOT CREATE NEW COLORS THAT ARE NOT DEFINED IN THE DESIGN SYSTEM!
 * https://app.zeplin.io/project/5addee3fc47dfd347758d48c/screen/5ae9c42b9b2863eb663cac57
 */
/**
 *  Default TEAM23 Theme
 */
/* Spacing */
/* Theming */
/** Form Elements */
/** Input Dimensions */
.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .text, .text--large, .text--medium, .text--small, .text--strong, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .dialog-infotext, .dialog-errortext, .card .card__subheadline, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list, .main-list .main-list__cell--header, .list__changed, .list-view .cell--header, .list-view .cell--header .cell__content-subtitle, .item .item__date, .item .item__description, .item .item__name, .initials, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .list-menu__module, .list-menu__count, .brick__title, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .titel, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__header, .widget .widget__info, .widget .widget__list, .widget.widget--card .widget__header, .widget-config-wrapper .widget-config-info, .widget-config .headline, .widget-config .subtitle, .tag .tag__header, table, th, .empty-list, .navbar-menu-container a, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .register .p-autocomplete-input, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary, .p-dialog.p-confirm-dialog button, .p-progressbar .p-progressbar-label {
  font-family: "Noto Sans", sans-serif;
  letter-spacing: 0.2px;
  font-weight: initial;
}

.p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .text, .text--medium, html,
body, input,
textarea, button, .infotext, .number-value,
.text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
.card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .p-dialog.p-confirm-dialog button {
  font-size: 12px;
}
@media print {
  .p-multiselect-label-container::placeholder, .p-multiselect-label-container, .p-multiselect-panel .p-multiselect-item, .p-inputtext, .text, .text--medium, html,
  body, input,
  textarea, button, .infotext, .number-value,
  .text-value, label, .filter-input-box input, .filter-input-box.filter-input-box--with-button button, .card .card__subheadline, .main-list, .list__changed, .item .item__description, .item .item__name, .card.person-card .person-card__detail .detail__position,
  .card.person-card .person-card__detail .detail__organisation, .card.person-card .person-card__detail .detail__contacts, .list-menu__header, .list-menu__item .label, .list-menu__item .label__subtitle, .brick__text, .brick__content, .brick__content p, .brick__download, #masonry .inhalt, #masonry .inhalt p, #masonry .download-link, .widget .widget__info, .widget .widget__list, .widget-config-wrapper .widget-config-info, .widget-config .headline, .tag .tag__header, table, .empty-list, .navbar-menu-container a, .p-autocomplete .p-autocomplete-input, .p-autocomplete .p-autocomplete-input::placeholder, .p-autocomplete .p-autocomplete-dropdown, .p-autocomplete-item, .p-dialog.p-confirm-dialog button {
    font-size: 16px;
  }
}

.text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
  font-size: 14px;
}
@media print {
  .text--large, .dialog-infotext, .dialog-errortext, .brick__title, #masonry .titel, .widget .widget__header, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
    font-size: 18px;
  }
}

.text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle, .p-progressbar .p-progressbar-label {
  font-size: 11px;
}
@media print {
  .text--small, .list-view .cell--header .cell__content-subtitle, .initials, .list-menu__module, .list-menu__count, .widget-config .subtitle, .p-progressbar .p-progressbar-label {
    font-size: 15px;
  }
}

.cdk-drag-preview, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .text--strong, .list-view .cell-path--attribute\.price_end, .list-view .cell-path--relation\.article\.attribute\.price\.attribute\.price_end, .list-view .cell-path--attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price_end,
.main-list .main-list__cell.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.main-list .main-list__cell.cell-path--attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price_end,
.cell-path--relation\.article\.attribute\.price\.attribute\.price_end,
.cell-path--attribute\.price\.attribute\.price_end, .main-list .main-list__cell--header, .list-view .cell--header, .item .item__date, .item .item__name, .list-menu__header, .list-menu__item .label, .brick__title, .brick__download, #masonry .titel, #masonry .download-link, .widget.widget--card .widget__header, .tag .tag__header, th, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_base, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.surcharge, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price\.attribute\.discount, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_10, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_100, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.price_norm_1000, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_savings, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated_assignment, pro-pricealteration-step-list .main-list .main-list__cell.cell-path--attribute\.clearing_deviation_price_calculated, .own-catalog-export-list .main-list__cell.cell-path--attribute\.price_norm_1, .register .p-autocomplete-input, .p-toast.p-toast-top-right .p-toast-message .p-toast-summary {
  font-weight: 700;
}

.p-datepicker .p-datepicker-header, .heading, .heading *, .heading--large, .heading--medium, .heading--medium *, .heading--small, .heading--strong, .wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label *, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .heading *, .wizard .wizard__content-wrapper .wizard__header .subheading, .wizard .wizard__content-wrapper .wizard__header .subheading *, h1, h1 *, h2, h2 *, h3, h3 *, h4, h5, h5 *, h6, .card .card__headline, .card.person-card .person-card__detail .detail__name, .card.person-card .person-card__detail .detail__name *, .widget .widget__sleeve, .p-dialog.p-confirm-dialog .p-dialog-title {
  font-family: Poppins, sans-serif;
  font-weight: initial;
}

.heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
  font-size: 18px;
  letter-spacing: 0.2px;
}
@media print {
  .heading, .heading--medium, .wizard .wizard__navbar .wizard__element.wizard__element--active .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .wizard .wizard__content-wrapper .wizard__header .subheading, h1, h2, h3, h5, .card.person-card .person-card__detail .detail__name {
    font-size: 22px;
  }
}

.heading--large, h3, h4, .p-dialog.p-confirm-dialog .p-dialog-title {
  font-size: 24px;
  letter-spacing: 0;
}
@media print {
  .heading--large, h3, h4, .p-dialog.p-confirm-dialog .p-dialog-title {
    font-size: 28px;
  }
}

.heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
  font-size: 14px;
  letter-spacing: 0.3px;
}
@media print {
  .heading--small, .wizard .wizard__navbar .wizard__element .wizard-element__label, h6, .card .card__headline {
    font-size: 18px;
  }
}

.wizard .wizard__navbar .wizard__element .wizard-element__label, .wizard .wizard__content-wrapper .wizard__header .heading, .card .card__headline, .widget .widget__sleeve {
  font-weight: 600;
}

.p-datepicker .p-datepicker-header, .heading--strong {
  font-weight: 700;
}

h1 {
  font-size: 56px;
}

.wizard .wizard__navbar .wizard-element__subtitle, label,
.label__value, .brick__button, .p-checkbox + .p-checkbox-label {
  line-height: 18px;
}

h2 {
  font-size: 40px;
}

@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
/* Datepicker (copied from saga-blue theme) */
/* stylelint-disable selector-max-compound-selectors */
.p-datepicker {
  background-color: #fff;
  color: #2d5377;
  color: #2d5377;
  min-width: auto !important;
  width: auto !important;
  border: 1px solid;
  border-radius: 3px;
  border-color: #d4d4d4;
}
:host-context(.theme-dark) .p-datepicker {
  background-color: #373b45;
}
:host-context(.theme-dark) .p-datepicker {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker {
  border-color: #25282e;
}
.p-datepicker:not(.p-datepicker-inline) {
  background-color: #fff;
  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);
}
:host-context(.theme-dark) .p-datepicker:not(.p-datepicker-inline) {
  background-color: #373b45;
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background-color: #fff;
}
:host-context(.theme-dark) .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background-color: #373b45;
}
.p-datepicker .p-datepicker-header {
  padding: 5px;
  color: #2d5377;
  background-color: #fff;
  margin: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom: 1px solid;
  border-bottom-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header {
  background-color: #373b45;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header {
  border-bottom-color: #858585;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev {
  color: #2d5377;
  width: 20px;
  height: 20px;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-prev {
  color: #fff;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  color: #2d5377;
  background-color: #eaeaea;
  border-color: transparent;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  background-color: #858585;
}
.p-datepicker .p-datepicker-header .p-datepicker-next {
  color: #2d5377;
  width: 20px;
  height: 20px;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-next {
  color: #fff;
}
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #2d5377;
  background-color: #eaeaea;
  border-color: transparent;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  background-color: #858585;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: #2d5377;
  padding: 10px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: #fff;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
  color: #37adb8;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
  color: #37adb8;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #2d5377;
  padding: 10px;
  margin-right: 10px;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #fff;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
  color: #37adb8;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
  color: #37adb8;
}
.p-datepicker table {
  margin: 0;
}
.p-datepicker table tr:hover {
  background-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker table tr:hover {
  background-color: #858585;
}
.p-datepicker table th {
  padding: 0;
  border: none;
  text-align: center;
}
.p-datepicker table th > span {
  width: 30px;
  height: 30px;
}
.p-datepicker table td {
  padding: 0;
  border: none;
  width: 35px;
  height: 35px;
}
.p-datepicker table td > span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
  color: #2d5377;
  background-color: #ebf8fa;
}
:host-context(.theme-dark) .p-datepicker table td > span.p-highlight {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker table td > span.p-highlight {
  background-color: #374c57;
}
.p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: #2d5377;
  border-color: transparent;
}
:host-context(.theme-dark) .p-datepicker table td.p-datepicker-today > span {
  color: #fff;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #2d5377;
  background-color: #ebf8fa;
}
:host-context(.theme-dark) .p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker table td.p-datepicker-today > span.p-highlight {
  background-color: #374c57;
}
.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid;
  border-top-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker .p-datepicker-buttonbar {
  border-top-color: #858585;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}
.p-datepicker .p-timepicker {
  border-top: 1px solid;
  border-top-color: #eaeaea;
  padding: 5px;
}
:host-context(.theme-dark) .p-datepicker .p-timepicker {
  border-top-color: #858585;
}
.p-datepicker .p-timepicker button {
  color: #2d5377;
  width: 20px;
  height: 20px;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}
:host-context(.theme-dark) .p-datepicker .p-timepicker button {
  color: #fff;
}
.p-datepicker .p-timepicker button:enabled:hover {
  color: #2d5377;
  background-color: #eaeaea;
  border-color: transparent;
}
:host-context(.theme-dark) .p-datepicker .p-timepicker button:enabled:hover {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-timepicker button:enabled:hover {
  background-color: #858585;
}
.p-datepicker .p-timepicker > div {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
.p-datepicker .p-monthpicker {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 10px;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #2d5377;
  background-color: #ebf8fa;
}
:host-context(.theme-dark) .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  background-color: #374c57;
}
.p-datepicker .p-yearpicker {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.p-datepicker .p-yearpicker .p-yearpicker-year {
  padding: 10px;
  transition: box-shadow 0.2s;
  border-radius: 3px;
}
.p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #2d5377;
  background-color: #ebf8fa;
}
:host-context(.theme-dark) .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #fff;
}
:host-context(.theme-dark) .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  background-color: #374c57;
}
.p-datepicker .p-disabled {
  opacity: 0.5;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background-color: #858585;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background-color: #858585;
}
.p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background-color: #eaeaea;
}
:host-context(.theme-dark) .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background-color: #858585;
}

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

.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left: 1px solid;
  border-left-color: #eaeaea;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
}
:host-context(.theme-dark) .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left-color: #858585;
}
.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;
}

.theme-dark .p-datepicker {
  background-color: #373b45;
  color: #fff;
  border-color: #25282e;
}
.theme-dark .p-datepicker:not(.p-datepicker-inline) {
  background-color: #373b45;
}
.theme-dark .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background-color: #373b45;
}
.theme-dark .p-datepicker .p-datepicker-header {
  color: #fff;
  background-color: #373b45;
  border-bottom-color: #858585;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-prev {
  color: #fff;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
  color: #fff;
  background-color: #858585;
  border-color: transparent;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-next {
  color: #fff;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #fff;
  background-color: #858585;
  border-color: transparent;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
  color: #fff;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
  color: #37adb8;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #fff;
}
.theme-dark .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
  color: #37adb8;
}
.theme-dark .p-datepicker table tr:hover {
  background-color: #858585;
}
.theme-dark .p-datepicker table td > span.p-highlight {
  color: #fff;
  background-color: #374c57;
}
.theme-dark .p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: #fff;
  border-color: transparent;
}
.theme-dark .p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #fff;
  background-color: #374c57;
}
.theme-dark .p-datepicker .p-datepicker-buttonbar {
  border-top-color: #858585;
}
.theme-dark .p-datepicker .p-timepicker {
  border-top: 1px solid;
  border-top-color: #858585;
}
.theme-dark .p-datepicker .p-timepicker button {
  color: #fff;
}
.theme-dark .p-datepicker .p-timepicker button:enabled:hover {
  color: #fff;
  background-color: #858585;
  border-color: transparent;
}
.theme-dark .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #fff;
  background-color: #374c57;
}
.theme-dark .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
  color: #fff;
  background-color: #374c57;
}
.theme-dark .p-datepicker .p-disabled {
  opacity: 0.5;
}
.theme-dark .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background-color: #858585;
}
.theme-dark .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
  background-color: #858585;
}
.theme-dark .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
  background-color: #858585;
}
.theme-dark .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-left-color: #858585;
}
.theme-dark .p-component {
  background-color: #858585;
}
.theme-dark .p-inputtext {
  color: #fff;
}

/* used for pInputText directive */
.p-inputtext {
  padding: 10px;
  height: 37px;
  width: 100%;
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background-color: #eaeaea;
  color: #2d5377;
}
:host-context(.theme-dark) .p-inputtext {
  background-color: #858585;
}
:host-context(.theme-dark) .p-inputtext {
  color: #fff;
}
.p-inputtext.p-input--symbol {
  padding-right: 40px;
}
.p-inputtext.p-disabled {
  opacity: 1;
}

textarea.p-inputtext {
  display: block;
  height: auto;
}

.p-inputgroup .p-inputgroup-addon {
  padding: 5px;
  height: 35px;
  border: none;
  cursor: default;
  border-right: 1px solid;
  border-right-color: #d4d4d4;
  color: #858585;
  background-color: #f2f2f2;
}
:host-context(.theme-dark) .p-inputgroup .p-inputgroup-addon {
  border-right-color: #25282e;
}
:host-context(.theme-dark) .p-inputgroup .p-inputgroup-addon {
  color: #eaeaea;
}
:host-context(.theme-dark) .p-inputgroup .p-inputgroup-addon {
  background-color: #25282e;
}

.theme-dark .p-inputtext {
  background-color: #858585;
  color: #fff;
}
.theme-dark .p-inputgroup .p-inputgroup-addon {
  border-right-color: #25282e;
  color: #eaeaea;
  background-color: #25282e;
}

/* stylelint-disable selector-type-no-unknown */
/* Validation */
.p-inputtext.ng-invalid.ng-touched.ng-dirty,
p-dropdown.ng-invalid.ng-touched.ng-dirty > .p-dropdown,
p-dropdown.ng-invalid.ng-touched.ng-dirty > .p-dropdown .p-dropdown-label,
p-autocomplete.ng-invalid.ng-touched.ng-dirty > .p-autocomplete > .p-inputtext,
p-calendar.ng-invalid.ng-touched.ng-dirty > .p-inputtext,
p-inputmask.ng-invalid.ng-touched.ng-dirty > .p-inputtext,
p-listbox.ng-invalid.ng-touched.ng-dirty .p-inputtext,
p-multiselect.ng-invalid.ng-touched.ng-dirty > .p-multiselect,
p-selectbutton.ng-invalid.ng-touched.ng-dirty .p-button,
p-togglebutton.ng-invalid.ng-touched.ng-dirty .p-button {
  color: #d95d6c;
}
:host-context(.theme-dark) .p-inputtext.ng-invalid.ng-touched.ng-dirty,
:host-context(.theme-dark) p-dropdown.ng-invalid.ng-touched.ng-dirty > .p-dropdown,
:host-context(.theme-dark) p-dropdown.ng-invalid.ng-touched.ng-dirty > .p-dropdown .p-dropdown-label,
:host-context(.theme-dark) p-autocomplete.ng-invalid.ng-touched.ng-dirty > .p-autocomplete > .p-inputtext,
:host-context(.theme-dark) p-calendar.ng-invalid.ng-touched.ng-dirty > .p-inputtext,
:host-context(.theme-dark) p-inputmask.ng-invalid.ng-touched.ng-dirty > .p-inputtext,
:host-context(.theme-dark) p-listbox.ng-invalid.ng-touched.ng-dirty .p-inputtext,
:host-context(.theme-dark) p-multiselect.ng-invalid.ng-touched.ng-dirty > .p-multiselect,
:host-context(.theme-dark) p-selectbutton.ng-invalid.ng-touched.ng-dirty .p-button,
:host-context(.theme-dark) p-togglebutton.ng-invalid.ng-touched.ng-dirty .p-button {
  color: #d95d6c;
}

.grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin-top: -5px;
}

.grid > .col,
.grid > [class*=col] {
  box-sizing: border-box;
}

.grid-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.grid-nogutter > .col,
.grid-nogutter > [class*=col-] {
  padding: 0;
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  padding: 5px;
}

.col-fixed {
  flex: 0 0 auto;
  padding: 5px;
}

.col-1 {
  flex: 0 0 auto;
  padding: 5px;
  width: 8.3333%;
}

.col-2 {
  flex: 0 0 auto;
  padding: 5px;
  width: 16.6667%;
}

.col-3 {
  flex: 0 0 auto;
  padding: 5px;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  padding: 5px;
  width: 33.3333%;
}

.col-5 {
  flex: 0 0 auto;
  padding: 5px;
  width: 41.6667%;
}

.col-6 {
  flex: 0 0 auto;
  padding: 5px;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  padding: 5px;
  width: 58.3333%;
}

.col-8 {
  flex: 0 0 auto;
  padding: 5px;
  width: 66.6667%;
}

.col-9 {
  flex: 0 0 auto;
  padding: 5px;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  padding: 5px;
  width: 83.3333%;
}

.col-11 {
  flex: 0 0 auto;
  padding: 5px;
  width: 91.6667%;
}

.col-12 {
  flex: 0 0 auto;
  padding: 5px;
  width: 100%;
}

@media screen and (min-width: 576px) {
  .sm\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
  }
  .sm\:col-fixed {
    flex: 0 0 auto;
    padding: 5px;
  }
  .sm\:col-1 {
    flex: 0 0 auto;
    padding: 5px;
    width: 8.3333%;
  }
  .sm\:col-2 {
    flex: 0 0 auto;
    padding: 5px;
    width: 16.6667%;
  }
  .sm\:col-3 {
    flex: 0 0 auto;
    padding: 5px;
    width: 25%;
  }
  .sm\:col-4 {
    flex: 0 0 auto;
    padding: 5px;
    width: 33.3333%;
  }
  .sm\:col-5 {
    flex: 0 0 auto;
    padding: 5px;
    width: 41.6667%;
  }
  .sm\:col-6 {
    flex: 0 0 auto;
    padding: 5px;
    width: 50%;
  }
  .sm\:col-7 {
    flex: 0 0 auto;
    padding: 5px;
    width: 58.3333%;
  }
  .sm\:col-8 {
    flex: 0 0 auto;
    padding: 5px;
    width: 66.6667%;
  }
  .sm\:col-9 {
    flex: 0 0 auto;
    padding: 5px;
    width: 75%;
  }
  .sm\:col-10 {
    flex: 0 0 auto;
    padding: 5px;
    width: 83.3333%;
  }
  .sm\:col-11 {
    flex: 0 0 auto;
    padding: 5px;
    width: 91.6667%;
  }
  .sm\:col-12 {
    flex: 0 0 auto;
    padding: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  .md\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
  }
  .md\:col-fixed {
    flex: 0 0 auto;
    padding: 5px;
  }
  .md\:col-1 {
    flex: 0 0 auto;
    padding: 5px;
    width: 8.3333%;
  }
  .md\:col-2 {
    flex: 0 0 auto;
    padding: 5px;
    width: 16.6667%;
  }
  .md\:col-3 {
    flex: 0 0 auto;
    padding: 5px;
    width: 25%;
  }
  .md\:col-4 {
    flex: 0 0 auto;
    padding: 5px;
    width: 33.3333%;
  }
  .md\:col-5 {
    flex: 0 0 auto;
    padding: 5px;
    width: 41.6667%;
  }
  .md\:col-6 {
    flex: 0 0 auto;
    padding: 5px;
    width: 50%;
  }
  .md\:col-7 {
    flex: 0 0 auto;
    padding: 5px;
    width: 58.3333%;
  }
  .md\:col-8 {
    flex: 0 0 auto;
    padding: 5px;
    width: 66.6667%;
  }
  .md\:col-9 {
    flex: 0 0 auto;
    padding: 5px;
    width: 75%;
  }
  .md\:col-10 {
    flex: 0 0 auto;
    padding: 5px;
    width: 83.3333%;
  }
  .md\:col-11 {
    flex: 0 0 auto;
    padding: 5px;
    width: 91.6667%;
  }
  .md\:col-12 {
    flex: 0 0 auto;
    padding: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
  }
  .lg\:col-fixed {
    flex: 0 0 auto;
    padding: 5px;
  }
  .lg\:col-1 {
    flex: 0 0 auto;
    padding: 5px;
    width: 8.3333%;
  }
  .lg\:col-2 {
    flex: 0 0 auto;
    padding: 5px;
    width: 16.6667%;
  }
  .lg\:col-3 {
    flex: 0 0 auto;
    padding: 5px;
    width: 25%;
  }
  .lg\:col-4 {
    flex: 0 0 auto;
    padding: 5px;
    width: 33.3333%;
  }
  .lg\:col-5 {
    flex: 0 0 auto;
    padding: 5px;
    width: 41.6667%;
  }
  .lg\:col-6 {
    flex: 0 0 auto;
    padding: 5px;
    width: 50%;
  }
  .lg\:col-7 {
    flex: 0 0 auto;
    padding: 5px;
    width: 58.3333%;
  }
  .lg\:col-8 {
    flex: 0 0 auto;
    padding: 5px;
    width: 66.6667%;
  }
  .lg\:col-9 {
    flex: 0 0 auto;
    padding: 5px;
    width: 75%;
  }
  .lg\:col-10 {
    flex: 0 0 auto;
    padding: 5px;
    width: 83.3333%;
  }
  .lg\:col-11 {
    flex: 0 0 auto;
    padding: 5px;
    width: 91.6667%;
  }
  .lg\:col-12 {
    flex: 0 0 auto;
    padding: 5px;
    width: 100%;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:col {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
  }
  .xl\:col-fixed {
    flex: 0 0 auto;
    padding: 5px;
  }
  .xl\:col-1 {
    flex: 0 0 auto;
    padding: 5px;
    width: 8.3333%;
  }
  .xl\:col-2 {
    flex: 0 0 auto;
    padding: 5px;
    width: 16.6667%;
  }
  .xl\:col-3 {
    flex: 0 0 auto;
    padding: 5px;
    width: 25%;
  }
  .xl\:col-4 {
    flex: 0 0 auto;
    padding: 5px;
    width: 33.3333%;
  }
  .xl\:col-5 {
    flex: 0 0 auto;
    padding: 5px;
    width: 41.6667%;
  }
  .xl\:col-6 {
    flex: 0 0 auto;
    padding: 5px;
    width: 50%;
  }
  .xl\:col-7 {
    flex: 0 0 auto;
    padding: 5px;
    width: 58.3333%;
  }
  .xl\:col-8 {
    flex: 0 0 auto;
    padding: 5px;
    width: 66.6667%;
  }
  .xl\:col-9 {
    flex: 0 0 auto;
    padding: 5px;
    width: 75%;
  }
  .xl\:col-10 {
    flex: 0 0 auto;
    padding: 5px;
    width: 83.3333%;
  }
  .xl\:col-11 {
    flex: 0 0 auto;
    padding: 5px;
    width: 91.6667%;
  }
  .xl\:col-12 {
    flex: 0 0 auto;
    padding: 5px;
    width: 100%;
  }
}
.col-offset-0 {
  margin-left: 0 !important;
}

.col-offset-1 {
  margin-left: 8.3333% !important;
}

.col-offset-2 {
  margin-left: 16.6667% !important;
}

.col-offset-3 {
  margin-left: 25% !important;
}

.col-offset-4 {
  margin-left: 33.3333% !important;
}

.col-offset-5 {
  margin-left: 41.6667% !important;
}

.col-offset-6 {
  margin-left: 50% !important;
}

.col-offset-7 {
  margin-left: 58.3333% !important;
}

.col-offset-8 {
  margin-left: 66.6667% !important;
}

.col-offset-9 {
  margin-left: 75% !important;
}

.col-offset-10 {
  margin-left: 83.3333% !important;
}

.col-offset-11 {
  margin-left: 91.6667% !important;
}

.col-offset-12 {
  margin-left: 100% !important;
}

@media screen and (min-width: 576px) {
  .sm\:col-offset-0 {
    margin-left: 0 !important;
  }
  .sm\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .sm\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .sm\:col-offset-3 {
    margin-left: 25% !important;
  }
  .sm\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .sm\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .sm\:col-offset-6 {
    margin-left: 50% !important;
  }
  .sm\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .sm\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .sm\:col-offset-9 {
    margin-left: 75% !important;
  }
  .sm\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .sm\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .sm\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:col-offset-0 {
    margin-left: 0 !important;
  }
  .md\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .md\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .md\:col-offset-3 {
    margin-left: 25% !important;
  }
  .md\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .md\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .md\:col-offset-6 {
    margin-left: 50% !important;
  }
  .md\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .md\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .md\:col-offset-9 {
    margin-left: 75% !important;
  }
  .md\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .md\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .md\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:col-offset-0 {
    margin-left: 0 !important;
  }
  .lg\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .lg\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .lg\:col-offset-3 {
    margin-left: 25% !important;
  }
  .lg\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .lg\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .lg\:col-offset-6 {
    margin-left: 50% !important;
  }
  .lg\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .lg\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .lg\:col-offset-9 {
    margin-left: 75% !important;
  }
  .lg\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .lg\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .lg\:col-offset-12 {
    margin-left: 100% !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:col-offset-0 {
    margin-left: 0 !important;
  }
  .xl\:col-offset-1 {
    margin-left: 8.3333% !important;
  }
  .xl\:col-offset-2 {
    margin-left: 16.6667% !important;
  }
  .xl\:col-offset-3 {
    margin-left: 25% !important;
  }
  .xl\:col-offset-4 {
    margin-left: 33.3333% !important;
  }
  .xl\:col-offset-5 {
    margin-left: 41.6667% !important;
  }
  .xl\:col-offset-6 {
    margin-left: 50% !important;
  }
  .xl\:col-offset-7 {
    margin-left: 58.3333% !important;
  }
  .xl\:col-offset-8 {
    margin-left: 66.6667% !important;
  }
  .xl\:col-offset-9 {
    margin-left: 75% !important;
  }
  .xl\:col-offset-10 {
    margin-left: 83.3333% !important;
  }
  .xl\:col-offset-11 {
    margin-left: 91.6667% !important;
  }
  .xl\:col-offset-12 {
    margin-left: 100% !important;
  }
}
.hidden {
  display: none !important;
}

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

@media screen and (min-width: 576px) {
  .sm\:hidden {
    display: none !important;
  }
  .sm\:block {
    display: block !important;
  }
  .sm\:inline {
    display: inline !important;
  }
  .sm\:inline-block {
    display: inline-block !important;
  }
  .sm\:flex {
    display: flex !important;
  }
  .sm\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:hidden {
    display: none !important;
  }
  .md\:block {
    display: block !important;
  }
  .md\:inline {
    display: inline !important;
  }
  .md\:inline-block {
    display: inline-block !important;
  }
  .md\:flex {
    display: flex !important;
  }
  .md\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:hidden {
    display: none !important;
  }
  .lg\:block {
    display: block !important;
  }
  .lg\:inline {
    display: inline !important;
  }
  .lg\:inline-block {
    display: inline-block !important;
  }
  .lg\:flex {
    display: flex !important;
  }
  .lg\:inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:hidden {
    display: none !important;
  }
  .xl\:block {
    display: block !important;
  }
  .xl\:inline {
    display: inline !important;
  }
  .xl\:inline-block {
    display: inline-block !important;
  }
  .xl\:flex {
    display: flex !important;
  }
  .xl\:inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-row {
    flex-direction: row !important;
  }
  .sm\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm\:flex-column {
    flex-direction: column !important;
  }
  .sm\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-row {
    flex-direction: row !important;
  }
  .md\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md\:flex-column {
    flex-direction: column !important;
  }
  .md\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-row {
    flex-direction: row !important;
  }
  .lg\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg\:flex-column {
    flex-direction: column !important;
  }
  .lg\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-row {
    flex-direction: row !important;
  }
  .xl\:flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl\:flex-column {
    flex-direction: column !important;
  }
  .xl\:flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .sm\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .md\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .xl\:flex-nowrap {
    flex-wrap: nowrap !important;
  }
}
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .sm\:justify-content-start {
    justify-content: flex-start !important;
  }
  .sm\:justify-content-end {
    justify-content: flex-end !important;
  }
  .sm\:justify-content-center {
    justify-content: center !important;
  }
  .sm\:justify-content-between {
    justify-content: space-between !important;
  }
  .sm\:justify-content-around {
    justify-content: space-around !important;
  }
  .sm\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:justify-content-start {
    justify-content: flex-start !important;
  }
  .md\:justify-content-end {
    justify-content: flex-end !important;
  }
  .md\:justify-content-center {
    justify-content: center !important;
  }
  .md\:justify-content-between {
    justify-content: space-between !important;
  }
  .md\:justify-content-around {
    justify-content: space-around !important;
  }
  .md\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:justify-content-start {
    justify-content: flex-start !important;
  }
  .lg\:justify-content-end {
    justify-content: flex-end !important;
  }
  .lg\:justify-content-center {
    justify-content: center !important;
  }
  .lg\:justify-content-between {
    justify-content: space-between !important;
  }
  .lg\:justify-content-around {
    justify-content: space-around !important;
  }
  .lg\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:justify-content-start {
    justify-content: flex-start !important;
  }
  .xl\:justify-content-end {
    justify-content: flex-end !important;
  }
  .xl\:justify-content-center {
    justify-content: center !important;
  }
  .xl\:justify-content-between {
    justify-content: space-between !important;
  }
  .xl\:justify-content-around {
    justify-content: space-around !important;
  }
  .xl\:justify-content-evenly {
    justify-content: space-evenly !important;
  }
}
.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-evenly {
  align-content: space-evenly !important;
}

@media screen and (min-width: 576px) {
  .sm\:align-content-start {
    align-content: flex-start !important;
  }
  .sm\:align-content-end {
    align-content: flex-end !important;
  }
  .sm\:align-content-center {
    align-content: center !important;
  }
  .sm\:align-content-between {
    align-content: space-between !important;
  }
  .sm\:align-content-around {
    align-content: space-around !important;
  }
  .sm\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:align-content-start {
    align-content: flex-start !important;
  }
  .md\:align-content-end {
    align-content: flex-end !important;
  }
  .md\:align-content-center {
    align-content: center !important;
  }
  .md\:align-content-between {
    align-content: space-between !important;
  }
  .md\:align-content-around {
    align-content: space-around !important;
  }
  .md\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:align-content-start {
    align-content: flex-start !important;
  }
  .lg\:align-content-end {
    align-content: flex-end !important;
  }
  .lg\:align-content-center {
    align-content: center !important;
  }
  .lg\:align-content-between {
    align-content: space-between !important;
  }
  .lg\:align-content-around {
    align-content: space-around !important;
  }
  .lg\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:align-content-start {
    align-content: flex-start !important;
  }
  .xl\:align-content-end {
    align-content: flex-end !important;
  }
  .xl\:align-content-center {
    align-content: center !important;
  }
  .xl\:align-content-between {
    align-content: space-between !important;
  }
  .xl\:align-content-around {
    align-content: space-around !important;
  }
  .xl\:align-content-evenly {
    align-content: space-evenly !important;
  }
}
.align-items-stretch {
  align-items: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

@media screen and (min-width: 576px) {
  .sm\:align-items-stretch {
    align-items: stretch !important;
  }
  .sm\:align-items-start {
    align-items: flex-start !important;
  }
  .sm\:align-items-center {
    align-items: center !important;
  }
  .sm\:align-items-end {
    align-items: flex-end !important;
  }
  .sm\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:align-items-stretch {
    align-items: stretch !important;
  }
  .md\:align-items-start {
    align-items: flex-start !important;
  }
  .md\:align-items-center {
    align-items: center !important;
  }
  .md\:align-items-end {
    align-items: flex-end !important;
  }
  .md\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:align-items-stretch {
    align-items: stretch !important;
  }
  .lg\:align-items-start {
    align-items: flex-start !important;
  }
  .lg\:align-items-center {
    align-items: center !important;
  }
  .lg\:align-items-end {
    align-items: flex-end !important;
  }
  .lg\:align-items-baseline {
    align-items: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:align-items-stretch {
    align-items: stretch !important;
  }
  .xl\:align-items-start {
    align-items: flex-start !important;
  }
  .xl\:align-items-center {
    align-items: center !important;
  }
  .xl\:align-items-end {
    align-items: flex-end !important;
  }
  .xl\:align-items-baseline {
    align-items: baseline !important;
  }
}
.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

@media screen and (min-width: 576px) {
  .sm\:align-self-auto {
    align-self: auto !important;
  }
  .sm\:align-self-start {
    align-self: flex-start !important;
  }
  .sm\:align-self-end {
    align-self: flex-end !important;
  }
  .sm\:align-self-center {
    align-self: center !important;
  }
  .sm\:align-self-stretch {
    align-self: stretch !important;
  }
  .sm\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:align-self-auto {
    align-self: auto !important;
  }
  .md\:align-self-start {
    align-self: flex-start !important;
  }
  .md\:align-self-end {
    align-self: flex-end !important;
  }
  .md\:align-self-center {
    align-self: center !important;
  }
  .md\:align-self-stretch {
    align-self: stretch !important;
  }
  .md\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:align-self-auto {
    align-self: auto !important;
  }
  .lg\:align-self-start {
    align-self: flex-start !important;
  }
  .lg\:align-self-end {
    align-self: flex-end !important;
  }
  .lg\:align-self-center {
    align-self: center !important;
  }
  .lg\:align-self-stretch {
    align-self: stretch !important;
  }
  .lg\:align-self-baseline {
    align-self: baseline !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:align-self-auto {
    align-self: auto !important;
  }
  .xl\:align-self-start {
    align-self: flex-start !important;
  }
  .xl\:align-self-end {
    align-self: flex-end !important;
  }
  .xl\:align-self-center {
    align-self: center !important;
  }
  .xl\:align-self-stretch {
    align-self: stretch !important;
  }
  .xl\:align-self-baseline {
    align-self: baseline !important;
  }
}
.flex-order-0 {
  order: 0 !important;
}

.flex-order-1 {
  order: 1 !important;
}

.flex-order-2 {
  order: 2 !important;
}

.flex-order-3 {
  order: 3 !important;
}

.flex-order-4 {
  order: 4 !important;
}

.flex-order-5 {
  order: 5 !important;
}

.flex-order-6 {
  order: 6 !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-order-0 {
    order: 0 !important;
  }
  .sm\:flex-order-1 {
    order: 1 !important;
  }
  .sm\:flex-order-2 {
    order: 2 !important;
  }
  .sm\:flex-order-3 {
    order: 3 !important;
  }
  .sm\:flex-order-4 {
    order: 4 !important;
  }
  .sm\:flex-order-5 {
    order: 5 !important;
  }
  .sm\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-order-0 {
    order: 0 !important;
  }
  .md\:flex-order-1 {
    order: 1 !important;
  }
  .md\:flex-order-2 {
    order: 2 !important;
  }
  .md\:flex-order-3 {
    order: 3 !important;
  }
  .md\:flex-order-4 {
    order: 4 !important;
  }
  .md\:flex-order-5 {
    order: 5 !important;
  }
  .md\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-order-0 {
    order: 0 !important;
  }
  .lg\:flex-order-1 {
    order: 1 !important;
  }
  .lg\:flex-order-2 {
    order: 2 !important;
  }
  .lg\:flex-order-3 {
    order: 3 !important;
  }
  .lg\:flex-order-4 {
    order: 4 !important;
  }
  .lg\:flex-order-5 {
    order: 5 !important;
  }
  .lg\:flex-order-6 {
    order: 6 !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-order-0 {
    order: 0 !important;
  }
  .xl\:flex-order-1 {
    order: 1 !important;
  }
  .xl\:flex-order-2 {
    order: 2 !important;
  }
  .xl\:flex-order-3 {
    order: 3 !important;
  }
  .xl\:flex-order-4 {
    order: 4 !important;
  }
  .xl\:flex-order-5 {
    order: 5 !important;
  }
  .xl\:flex-order-6 {
    order: 6 !important;
  }
}
.flex-1 {
  flex: 1 1 0% !important;
}

.flex-auto {
  flex: 1 1 auto !important;
}

.flex-initial {
  flex: 0 1 auto !important;
}

.flex-none {
  flex: none !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-1 {
    flex: 1 1 0% !important;
  }
  .sm\:flex-auto {
    flex: 1 1 auto !important;
  }
  .sm\:flex-initial {
    flex: 0 1 auto !important;
  }
  .sm\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-1 {
    flex: 1 1 0% !important;
  }
  .md\:flex-auto {
    flex: 1 1 auto !important;
  }
  .md\:flex-initial {
    flex: 0 1 auto !important;
  }
  .md\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-1 {
    flex: 1 1 0% !important;
  }
  .lg\:flex-auto {
    flex: 1 1 auto !important;
  }
  .lg\:flex-initial {
    flex: 0 1 auto !important;
  }
  .lg\:flex-none {
    flex: none !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-1 {
    flex: 1 1 0% !important;
  }
  .xl\:flex-auto {
    flex: 1 1 auto !important;
  }
  .xl\:flex-initial {
    flex: 0 1 auto !important;
  }
  .xl\:flex-none {
    flex: none !important;
  }
}
.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .sm\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .md\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .lg\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-grow-0 {
    flex-grow: 0 !important;
  }
  .xl\:flex-grow-1 {
    flex-grow: 1 !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

@media screen and (min-width: 576px) {
  .sm\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .sm\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 640px) {
  .md\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .md\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1025px) {
  .lg\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .lg\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
@media screen and (min-width: 1440px) {
  .xl\:flex-shrink-0 {
    flex-shrink: 0 !important;
  }
  .xl\:flex-shrink-1 {
    flex-shrink: 1 !important;
  }
}
.p-multiselect {
  width: 100%;
}

.p-multiselect-panel {
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  width: auto;
  max-width: 100%;
}
:host-context(.theme-dark) .p-multiselect-panel {
  background-color: #373b45;
}
.p-multiselect-panel .p-multiselect-item {
  color: #2d5377;
  margin: 0;
  padding: 10px;
  flex-direction: column;
  justify-items: right;
  align-items: initial !important;
}
:host-context(.theme-dark) .p-multiselect-panel .p-multiselect-item {
  color: #fff;
}
.p-multiselect-panel .p-multiselect-item::before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 3px;
  transition: 0.3s ease-in-out;
  transform: translate(-3px);
  left: 0;
  top: 0;
  z-index: 9;
}
.p-multiselect-panel .p-multiselect-item:hover {
  background-color: #f2f2f2;
}
.p-multiselect-panel .p-multiselect-item:hover::before {
  transform: translate(0);
  background-color: #37adb8;
}
:host-context(.theme-dark) .p-multiselect-panel .p-multiselect-item:hover::before {
  background-color: #37adb8;
}
:host-context(.theme-dark) .p-multiselect-panel .p-multiselect-item:hover {
  background-color: #25282e;
}
.p-multiselect-panel .p-multiselect-item:focus, .p-multiselect-panel .p-multiselect-item:active {
  background-color: #d9d9d9;
  outline: none;
}
:host-context(.theme-dark) .p-multiselect-panel .p-multiselect-item:focus, :host-context(.theme-dark) .p-multiselect-panel .p-multiselect-item:active {
  background-color: #0e0f12;
}
.p-multiselect-panel .p-checkbox,
.p-multiselect-panel .p-multiselect-close {
  display: none !important;
}
.p-multiselect-panel .p-highlight {
  color: #37adb8;
}
:host-context(.theme-dark) .p-multiselect-panel .p-highlight {
  color: #3ec2cf;
}
.p-multiselect-panel .p-multiselect-header {
  margin: 0;
  padding: 10px;
}
.p-multiselect-panel .p-multiselect-empty-message {
  padding: 10px 20px;
}

.p-multiselect-label-container {
  padding: 10px;
  border: 0;
  border-radius: 0;
  background-color: #eaeaea;
  color: #2d5377;
}
:host-context(.theme-dark) .p-multiselect-label-container {
  background-color: #858585;
}
:host-context(.theme-dark) .p-multiselect-label-container {
  color: #fff;
}
.p-multiselect-label-container:hover {
  background-color: #f2f2f2;
}
:host-context(.theme-dark) .p-multiselect-label-container:hover {
  background-color: #8d8d8d;
}
.p-multiselect-label-container:focus {
  outline: none;
}
.p-multiselect-label-container::placeholder {
  color: #858585;
}
:host-context(.theme-dark) .p-multiselect-label-container::placeholder {
  color: #eaeaea;
}
@media print {
  .p-multiselect-label-container::placeholder {
    font-size: 16px;
  }
}

.p-multiselect-trigger {
  background-color: #37adb8;
  color: #fff;
  width: 37px;
  min-width: 37px;
}
:host-context(.theme-dark) .p-multiselect-trigger {
  background-color: #3ec2cf;
}
:host-context(.theme-dark) .p-multiselect-trigger {
  color: #373b45;
}
.p-multiselect-trigger:hover {
  background-color: #56c2cc;
}
:host-context(.theme-dark) .p-multiselect-trigger:hover {
  background-color: #67cfd9;
}

[disabled] .p-disabled {
  pointer-events: initial;
}
[disabled] .p-multiselect-label-container {
  color: #858585;
  pointer-events: initial;
}
:host-context(.theme-dark) [disabled] .p-multiselect-label-container {
  color: #eaeaea;
}
[disabled] .p-multiselect-label-container:hover {
  background-color: #f2f2f2;
}
:host-context(.theme-dark) [disabled] .p-multiselect-label-container:hover {
  background-color: #8d8d8d;
}
[disabled] .p-multiselect-trigger {
  pointer-events: none;
}

.theme-dark .p-multiselect-panel {
  background: #373b45;
}
.theme-dark .p-multiselect-panel .p-multiselect-item {
  color: #fff;
}
.theme-dark .p-multiselect-panel .p-multiselect-item:hover {
  background-color: #25282e;
}
.theme-dark .p-multiselect-panel .p-highlight {
  color: #3ec2cf;
}
.theme-dark .p-multiselect-label-container {
  background-color: #858585;
  color: #fff;
}
.theme-dark .p-multiselect-label-container::placeholder {
  color: #fff;
}
.theme-dark .p-multiselect-trigger {
  background-color: #3ec2cf;
  color: #373b45;
}
.theme-dark [disabled] .p-multiselect-label-container {
  color: #eaeaea;
}

/**
 * Some styling for Drag'n'Drop preview
 * unfortunately this has to be done 'globally' for cdk-drag-preview
 * (no wrapping within main-list possible)
 */
.cdk-drag-preview {
  padding: 10px;
  overflow: hidden;
  white-space: nowrap;
  background: #ebf8fa;
  opacity: 0.5;
}
.cdk-drag-preview t23-icon {
  display: none;
}
.cdk-drag-preview pro-column-options {
  display: none;
}

.main-list .main-list__cell--header.cdk-drag-placeholder {
  background: #ebf8fa;
}

.cdk-overlay-dark-backdrop {
  background: rgba(45, 83, 119, 0.15);
}

.material-symbols--filled, .material-symbols {
  font-family: "Material Symbols", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: "Material Symbols";
  font-style: normal;
  font-weight: 100 700;
  /* stylelint-disable function-url-quotes */
  src: url("/assets/icons/material-symbols/material-symbols.woff2?2825") format("woff2");
}
.material-symbols {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}
.material-symbols--filled {
  font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 24;
}
.material-symbols.md-12 {
  font-size: 12px;
}
.material-symbols.md-13 {
  font-size: 13px;
}
.material-symbols.md-14 {
  font-size: 14px;
}
.material-symbols.md-15 {
  font-size: 15px;
}
.material-symbols.md-16 {
  font-size: 16px;
}
.material-symbols.md-17 {
  font-size: 17px;
}
.material-symbols.md-18 {
  font-size: 18px;
}
.material-symbols.md-19 {
  font-size: 19px;
}
.material-symbols.md-20 {
  font-size: 20px;
}
.material-symbols.md-21 {
  font-size: 21px;
}
.material-symbols.md-22 {
  font-size: 22px;
}
.material-symbols.md-23 {
  font-size: 23px;
}
.material-symbols.md-24 {
  font-size: 24px;
}
.material-symbols.md-25 {
  font-size: 25px;
}
.material-symbols.md-26 {
  font-size: 26px;
}
.material-symbols.md-27 {
  font-size: 27px;
}
.material-symbols.md-28 {
  font-size: 28px;
}
.material-symbols.md-29 {
  font-size: 29px;
}
.material-symbols.md-30 {
  font-size: 30px;
}
.material-symbols.md-31 {
  font-size: 31px;
}
.material-symbols.md-32 {
  font-size: 32px;
}
.material-symbols.md-33 {
  font-size: 33px;
}
.material-symbols.md-34 {
  font-size: 34px;
}
.material-symbols.md-35 {
  font-size: 35px;
}
.material-symbols.md-36 {
  font-size: 36px;
}
.material-symbols.md-37 {
  font-size: 37px;
}
.material-symbols.md-38 {
  font-size: 38px;
}
.material-symbols.md-39 {
  font-size: 39px;
}
.material-symbols.md-40 {
  font-size: 40px;
}
.material-symbols.md-41 {
  font-size: 41px;
}
.material-symbols.md-42 {
  font-size: 42px;
}
.material-symbols.md-43 {
  font-size: 43px;
}
.material-symbols.md-44 {
  font-size: 44px;
}
.material-symbols.md-45 {
  font-size: 45px;
}
.material-symbols.md-46 {
  font-size: 46px;
}
.material-symbols.md-47 {
  font-size: 47px;
}
.material-symbols.md-48 {
  font-size: 48px;
}
.material-symbols.padding-left {
  padding-left: 5px;
}
.material-symbols.padding-right {
  padding-right: 5px;
}
.material-symbols.rounded {
  border: 1px solid;
  border-radius: 50%;
}

html {
  min-width: 1024px;
  height: 100%;
  transform: translate(0);
}

/*# sourceMappingURL=styles.0a427012448f5079.css.map*/