/* open-sans-300 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("assets/fonts/open-sans-v18-latin-300.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-300.woff") format("woff");
}
/* open-sans-300italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("assets/fonts/open-sans-v18-latin-300italic.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-300italic.woff") format("woff");
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("assets/fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-regular.woff") format("woff");
}
/* open-sans-italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("assets/fonts/open-sans-v18-latin-italic.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-italic.woff") format("woff");
}
/* open-sans-600 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url("assets/fonts/open-sans-v18-latin-600.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-600.woff") format("woff");
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("assets/fonts/open-sans-v18-latin-700.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-700.woff") format("woff");
}
/* open-sans-600italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans SemiBold Italic"), local("OpenSans-SemiBoldItalic"), url("assets/fonts/open-sans-v18-latin-600italic.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-600italic.woff") format("woff");
}
/* open-sans-700italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("assets/fonts/open-sans-v18-latin-700italic.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-700italic.woff") format("woff");
}
/* open-sans-800 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("assets/fonts/open-sans-v18-latin-800.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-800.woff") format("woff");
}
/* open-sans-800italic - latin */
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("assets/fonts/open-sans-v18-latin-800italic.woff2") format("woff2"), url("assets/fonts/open-sans-v18-latin-800italic.woff") format("woff");
}
:root,
.ux-theme-responsive {
  --ux-badge-font-size: 12px;
  --ux-badge-background: #ff0201;
  --ux-badge-border-radius: 0;
  --ux-badge-padding-horizontal: 4px;
  --ux-badge-padding-vertical: 2px;
}

:root,
.ux-theme-responsive {
  --ux-button-font-size: 1rem;
  --ux-button-font-weight: bold;
  --ux-button-disabled-font-weight: normal;
  --ux-button-text-transform: none;
  --ux-button-padding-horizontal: 16px;
  --ux-button-padding-vertical: 8px;
  --ux-button-padding: var(--ux-button-padding-vertical) var(--ux-button-padding-horizontal);
  --ux-button-outer-padding: 8px;
  --ux-button-border-width: 1px;
  --ux-button-outline-width: 2px;
  --ux-button-outline-offset: -2px;
  --ux-button-disabled-opacity: 1;
  --ux-button-icon-spacing: 8px;
  --ux-button-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-button-focus-shadow: 0 2px 4px 0 rgba(161, 161, 161, 0.4), 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  --ux-button-selected-shadow: 0 2px 8px 0 rgba(116, 185, 239, 0.25);
  --ux-button-transition: none;
  --ux-button-text-color: #363636;
  --ux-button-bg-color: #fff;
  --ux-button-border-color: #a1a1a1;
  --ux-button-hover-text-color: #177ac9;
  --ux-button-hover-bg-color: #fff;
  --ux-button-hover-border-color: #51a7eb;
  --ux-button-focus-text-color: #363636;
  --ux-button-focus-bg-color: #fff;
  --ux-button-focus-border-color: #51a7eb;
  --ux-button-active-text-color: #177ac9;
  --ux-button-active-bg-color: #eef6fc;
  --ux-button-active-bg-alt-color: rgba(116, 185, 239, 0.1);
  --ux-button-active-border-color: #51a7eb;
  --ux-button-disabled-text-color: rgba(54, 54, 54, 0.75);
  --ux-button-disabled-bg-color: #fff;
  --ux-button-disabled-border-color: rgba(161, 161, 161, 0.25);
  --ux-button-selected-text-color: #285172;
  --ux-button-selected-bg-color: rgba(187, 221, 247, 0.4);
  --ux-button-selected-border-color: #177ac9;
  --ux-button-selected-hover-bg-color: var(--ux-button-selected-bg-color);
  --ux-button-primary-text-color: #fff;
  --ux-button-primary-bg-color: #285172;
  --ux-button-primary-border-color: #285172;
  --ux-button-primary-hover-text-color: #74b9ef;
  --ux-button-primary-hover-bg-color: #285172;
  --ux-button-primary-hover-border-color: #51a7eb;
  --ux-button-primary-focus-text-color: #fff;
  --ux-button-primary-focus-bg-color: #285172;
  --ux-button-primary-focus-border-color: #51a7eb;
  --ux-button-primary-active-text-color: #74b9ef;
  --ux-button-primary-active-bg-color: #2e5c7f;
  --ux-button-primary-active-bg-alt-color: rgba(81, 167, 235, 0.1);
  --ux-button-primary-active-border-color: #74b9ef;
  --ux-button-primary-disabled-text-color: rgba(255, 255, 255, 0.8);
  --ux-button-primary-disabled-bg-color: rgba(40, 81, 114, 0.5);
  --ux-button-primary-disabled-border-color: transparent;
  --ux-button-primary-selected-text-color: #74b9ef;
  --ux-button-primary-selected-bg-color: #285172;
  --ux-button-primary-selected-border-color: transparent;
  --ux-button-primary-selected-hover-bg-color: var(--ux-button-primary-selected-bg-color);
  --ux-button-toggle-text-color: #363636;
  --ux-button-toggle-bg-color: #fff;
  --ux-button-toggle-border-color: #a1a1a1;
  --ux-icon-button-width: 38px;
  --ux-icon-button-height: 30px;
  --ux-button-icon-size: var(--ux-icon-size);
  --ux-button-icon-size-large: var(--ux-icon-size);
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 159px;
    --ux-button-min-height: 48px;
    --ux-icon-button-width: 60px;
    --ux-icon-button-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 132px;
    --ux-button-min-height: 40px;
    --ux-icon-button-width: 50px;
    --ux-icon-button-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-button-min-width: 99px;
    --ux-button-min-height: 30px;
    --ux-icon-button-width: 38px;
    --ux-icon-button-height: 30px;
  }
}

:root,
.ux-theme-responsive {
  --ux-charts-palette-idle: #bbd03a;
  --ux-charts-palette-running: #285172;
  --ux-charts-palette-malfunction: #cc292d;
  --ux-charts-palette-maintenance: #f27b26;
  --ux-charts-palette-pause: #b9dcf7;
  --ux-charts-palette-offline: #e7ecf0;
  --ux-charts-palette-unknown: #a1a1a1;
  --ux-charts-data-group-color: var(--ux-color-black);
  --ux-charts-font-size: var(--ux-font-size-small);
  --ux-charts-text-color: #363636;
  --ux-charts-tick-line-color: #e7ecf0;
  --ux-charts-x-axis-label-font-size: var(--ux-font-size-small);
  --ux-charts-x-axis-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-y-axis-label-font-size: var(--ux-font-size-small);
  --ux-charts-y-axis-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-y-axis-tick-font-size: var(--ux-font-size-small);
  --ux-charts-y-axis-tick-font-weight: var(--ux-font-weight-normal);
  --ux-charts-loading-overlay-bgcolor: rgba(255, 255, 255, 0.8);
  --ux-charts-tooltip-font-size: var(--ux-font-size-small);
  --ux-charts-tooltip-padding: 8px;
  --ux-charts-tooltip-arrow-offset: 32px;
  --ux-charts-bar-chart-in-bar-label-font-size: var(--ux-font-size-small);
  --ux-charts-bar-chart-in-bar-label-font-weight: var(--ux-font-weight-bold);
  --ux-charts-line-chart-stroke-width: 3px;
  --ux-charts-line-chart-dot-fill-color: var(--ux-color-white);
  --ux-charts-line-chart-tooltip-line-color: #a1a1a1;
  --ux-charts-line-chart-tooltip-line-stroke-dasharray: 4;
  --ux-charts-line-chart-fade-out-opacity: 0.1;
  --ux-charts-line-chart-fade-out-stroke-width: initial;
  --ux-charts-line-chart-fade-out-stroke-color: initial;
}

:root,
.ux-theme-responsive {
  --ux-checkbox-width: 18px;
  --ux-checkbox-height: 15px;
  --ux-checkbox-mark-size: 12px;
  --ux-checkbox-font-size: 1rem;
  --ux-checkbox-font-weight: 400;
  --ux-checkbox-spacing: 15px;
  --ux-checkbox-label-offset: 12px;
  --ux-checkbox-outline-width: var(--ux-input-outline-width);
  --ux-checkbox-outline-offset: var(--ux-input-outline-offset);
  --ux-checkbox-border-color: #a1a1a1;
  --ux-checkbox-border-color-checked: #51a7eb;
  --ux-checkbox-hover-border-color: #51a7eb;
  --ux-checkbox-text-color: #0b0b0b;
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 24px;
    --ux-checkbox-height: 20px;
    --ux-checkbox-mark-width: 18px;
    --ux-checkbox-mark-height: 18px;
  }
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 29px;
    --ux-checkbox-height: 24px;
    --ux-checkbox-mark-width: 24px;
    --ux-checkbox-mark-height: 24px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-checkbox-width: 18px;
    --ux-checkbox-height: 15px;
    --ux-checkbox-mark-width: 14px;
    --ux-checkbox-mark-height: 14px;
  }
}

:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-color-primary: #285172;
  --ux-color-white: #fff;
  --ux-color-chart-info: #285172;
  --ux-color-chart-success: #b3d11e;
  --ux-color-chart-warning: #f27b26;
  --ux-color-chart-error: #cc292d;
  --ux-color-chart-disabled: #e7ecf0;
  --ux-color-chart-disabled-light: #a1a1a1;
}

:root,
.ux-theme-responsive {
  --ux-file-upload-item-default-width: 150px;
  --ux-file-upload-item-min-width: 90px;
  --ux-file-upload-item-max-width: 500px;
  --ux-file-upload-spacing: 15px;
  --ux-file-upload-items-per-row: auto;
  --ux-file-upload-item-alignment: center;
}

:root,
.ux-theme-responsive {
  --ux-label-text-transform: none;
  --ux-label-font-size: 1rem;
  --ux-label-font-weight: 400;
  --ux-label-line-height: 1.3rem;
  --ux-label-color: #000;
  --ux-label-padding: 0 0 0.5625em;
  --ux-label-margin: 0;
  --ux-label-spacing: 0.5em;
  --ux-label-text-tranform: none;
  --ux-dropdown-padding: 0 8px;
  --ux-select-padding: 0 50px 0 8px;
  --ux-select-icon-size: 24px;
  --ux-select-font-size: 1.5rem;
  --ux-select-font-weight: 600;
  --ux-select-hover-border-color: #51a7eb;
  --ux-select-hover-color: #177ac9;
  --ux-select-focus-border-width: 2px;
  --ux-radio-button-size: 20px;
  --ux-radio-button-size-inner: 10px;
  --ux-radio-dot-color: #000;
}

:root,
.ux-theme-responsive {
  --ux-guided-tour-overlay-z-index: 800;
  --ux-guided-tour-overlay-glow-color: rgb(255 255 255 / 50%);
  --ux-guided-tour-overlay-shadow-color: rgb(0 0 0 / 20%);
  --ux-guided-tour-overlay-border-radius: 0;
  --ux-guided-tour-progress-bar-color: #51a7eb;
  --ux-guided-tour-button-focus-color: #000;
}

:root,
.ux-theme-responsive {
  --ux-icon-size: 24px;
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 36px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 36px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-icon-size: 24px;
  }
}

:root,
.ux-theme-responsive {
  --ux-image-placeholder-background-color: #e3e3e3;
  --ux-image-error-color: #ff0201;
  --ux-image-error-alt-text-color: #a3a3a3;
  --ux-image-error-icon-size: 4rem;
}

:root,
.ux-theme-responsive {
  --ux-label-text-transform: none;
  --ux-label-font-size: $size-text-small;
  --ux-label-font-weight: bold;
  --ux-label-padding: 0 0 10px;
  --ux-input-height: 45px;
  --ux-input-font-size: 1.5rem;
  --ux-input-font-weight: 600;
  --ux-input-line-height: normal;
  --ux-input-padding-horizontal: 8px;
  --ux-input-padding-vertical: 8px;
  --ux-input-padding: var(--ux-input-padding-vertical) var(--ux-input-padding-horizontal);
  --ux-input-spacing: 8px;
  --ux-input-outline-width: 2px;
  --ux-input-outline-offset: -2px;
  --ux-input-border-width: 1px;
  --ux-input-background-color: #fff;
  --ux-input-border-color: #a1a1a1;
  --ux-input-placeholder-color: rgba(54, 54, 54, 0.5);
  --ux-input-placeholder-font-weight: normal;
  --ux-input-icon-size: 2.4rem;
  --ux-input-controls-order: 2;
  --ux-input-error-color: #000;
  --ux-input-error-border-color: #a1a1a1;
  --ux-input-error-hover-border-color: #51a7eb;
  --ux-input-error-hint-font-size: 0.8rem;
  --ux-input-error-hint-color: #ff0201;
  --ux-input-error-hint-margin: 0.5em 0 0;
  --ux-input-error-hint-font-weight: 400;
  --ux-input-error-hint-line-height: 1rem;
  --ux-input-focus-border-color: #51a7eb;
  --ux-input-focus-text-color: #000;
  --ux-input-hover-bg: #fff;
  --ux-input-hover-border-color: #51a7eb;
  --ux-input-hover-text-color: #177ac9;
  --ux-input-active-bg: rgba(116, 185, 239, 0.1);
  --ux-input-active-border-color: #51a7eb;
  --ux-input-active-text-color: #177ac9;
  --ux-input-disabled-bg: #fff;
  --ux-input-disabled-border-color: rgba(161, 161, 161, 0.25);
  --ux-input-disabled-text-color: rgba(54, 54, 54, 0.5);
  --ux-input-disabled-opacity: 1;
  --ux-input-label-color: #000;
  --ux-input-label-font-size: 1rem;
  --ux-input-label-font-weight: 400;
  --ux-input-label-line-height: 1.3rem;
  --ux-input-label-padding: 0 0 9px;
  --ux-input-label-padding-empty: 0;
  --ux-input-label-margin: 0;
  --ux-input-label-spacing: 8px;
  --ux-input-label-text-transform: none;
  --ux-input-label-required-symbol: "";
  --ux-input-label-order: 1;
  --ux-input-hint-margin: 0.5em 0 0;
  --ux-input-hint-color: #000;
  --ux-input-hint-font-size: 0.8rem;
  --ux-input-hint-font-weight: 400;
  --ux-input-hint-line-height: 1rem;
  --ux-input-hint-order: 3;
  --ux-input-icon-padding: 8px;
  --ux-input-icon-size: 34px;
  --ux-input-clearable-padding: 10px;
  --ux-input-clearable-size: 16px;
  --ux-input-unit-color: #000;
  --ux-input-unit-divider-color: #a1a1a1;
  --ux-input-unit-padding: 8px;
  --ux-input-unit-font-size: 1rem;
  --ux-input-unit-font-weight: 600;
  --ux-input-unit-line-height: 1.3rem;
  --ux-input-unit-top: 7px;
  --ux-input-unit-bottom: 7px;
  --ux-input-unit-align-items: flex-end;
  --ux-input-unit-padding-right: 8px;
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-input-height: 30px;
  }
}

:root,
.ux-theme-responsive {
  --ux-loader-track-color: #fff;
  --ux-loader-bar-color: #285172;
  --ux-loader-bar-size: 12px;
  --ux-loader-bar-radius: 0;
  --ux-loader-animation-duration: 4s;
  --ux-loader-animation-offset-start: -175%;
  --ux-loader-animation-offset-end: 75%;
  --ux-spinner-track-color: #285172;
}

:root,
.ux-theme-responsive {
  --ux-notification-bell-background: #142939;
  --ux-notification-bell-background-hover: #2a3d4b;
  --ux-notification-bell-icon-font-size: 36px;
  --ux-notification-bell-icon-fill: #fff;
  --ux-notification-bell-badge-left-pos: -4px;
  --ux-notification-bell-badge-top-pos: -6px;
  --ux-notification-bell-badge-margin-left-pos: 0;
  --ux-notification-bell-badge-position: absolute;
}
@media only screen and (max-width: 667px) {
  :root,
  .ux-theme-responsive {
    --ux-notification-bell-icon-font-size: 25px;
  }
}

:root,
.ux-theme-responsive {
  --ux-notification-item-text-color: #363636;
  --ux-notification-item-source-font-size: 0.8rem;
  --ux-notification-item-date-time-font-size: 0.8rem;
}

:root,
.ux-theme-responsive {
  --ux-pagination-button-height: 40px;
  --ux-pagination-button-width: 60px;
  --ux-pagination-gap-size: 8px;
  --ux-pagination-icon-button-width: 50px;
  --ux-pagination-more-icon-size: 24px;
  --ux-pagination-input-width: 110px;
}

:root,
.ux-theme-responsive {
  --ux-popover-panel-bg-color: #fff;
  --ux-popover-panel-border-color: #a1a1a1;
  --ux-popover-panel-border-width: 1px;
  --ux-popover-panel-padding: 16px;
  --ux-popover-panel-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-popover-z-index: 80;
  --ux-popover-panel-arrow-length: 15px;
  --ux-popover-panel-arrow-inset: 16px;
  --ux-popover-primary-border-color: #51a7eb;
  --ux-popover-primary-border-width: 1px;
  --ux-popover-secondary-border-color: #a1a1a1;
  --ux-popover-secondary-border-width: 1px;
}

:root,
.ux-theme-responsive {
  --ux-popover-menu-content-offset-start: -12px;
  --ux-popover-menu-content-offset-end: 12px;
  --ux-popover-menu-border-color: #a1a1a1;
  --ux-popover-menu-content-padding: 0;
  --ux-popover-menu-item-padding: 20px 0;
}

:root,
.ux-theme-responsive {
  --ux-quote-max-width: 1440px;
  --ux-quote-background-image: linear-gradient(to right, #2f3f4c 0, #3e4d5a 80%);
  --ux-quote-box-shadow: 70px 0 120px -20px rgba(0, 0, 0, 0.2);
  --ux-quote-image-width: 100px;
  --ux-quote-image-height: 100px;
  --ux-quote-text-line-height: 18px;
  --ux-quote-text-font-size: 14px;
  --ux-quote-source-container-background-image: linear-gradient(to right, #e7ecf0 0, #c9d3dc 100%);
  --ux-quote-source-container-color: #0b0b0b;
  --ux-quote-source-container-font-size: 14px;
}
@media only screen and (min-width: 768px) {
  :root,
  .ux-theme-responsive {
    --ux-quote-image-width: 150px;
    --ux-quote-image-height: 150px;
    --ux-quote-text-line-height: 26px;
    --ux-quote-text-font-size: 18px ;
  }
}
@media only screen and (min-width: 1025px) {
  :root,
  .ux-theme-responsive {
    --ux-quote-image-width: 200px;
    --ux-quote-image-height: 200px;
    --ux-quote-text-line-height: 28px;
    --ux-quote-text-font-size: 20px ;
  }
}

:root,
.ux-theme-responsive {
  --ux-sidebar-width: auto;
  --ux-sidebar-max-width: 240px;
  --ux-sidebar-align-header: 68px;
  --ux-sidebar-align-footer: 52px;
}
@media only screen and (max-width: 667px) {
  :root,
  .ux-theme-responsive {
    --ux-sidebar-align-header: 52px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive {
    --ux-sidebar-align-footer: 39px;
  }
}

:root,
.ux-theme-responsive {
  --ux-stepper-button-shadow: 1px 3px 4px -1px rgba(0, 0, 0, 0.05), 1px 3px 8px -1px rgba(161, 161, 161, 0.4);
  --ux-stepper-gap-size: 4px;
  --ux-stepper-button-bg-color: #fff;
  --ux-stepper-button-focus-bg-color: #fff;
  --ux-stepper-button-hover-text-color: #177ac9;
}

:root,
.ux-theme-responsive {
  --ux-switch-control-width: 56px;
  --ux-switch-control-height: 28px;
  --ux-switch-outline-offset: -2px;
  --ux-switch-outline-width: 2px;
  --ux-switch-border-width: 1px;
  --ux-switch-desc-font-size: var(--ux-font-size-small);
  --ux-switch-handle-offset: 2px;
  --ux-switch-handle-size: calc(
    var(--ux-switch-control-height) - 2 * var(--ux-switch-border-width) - 2 * var(--ux-switch-handle-offset)
  );
  --ux-switch-handle-track-length: calc(var(--ux-switch-control-width) - var(--ux-switch-control-height));
  --ux-switch-handle-border-color: #a1a1a1;
  --ux-switch-handle-bg-color: #fff;
  --ux-switch-handle-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 8px 0 rgba(161, 161, 161, 0.4);
  --ux-switch-bg-color: #fff;
  --ux-switch-border-color: #a1a1a1;
  --ux-switch-on-bg-color: rgba(187, 221, 247, 0.4);
  --ux-switch-on-border-color: #51a7eb;
  --ux-switch-hover-bg-color: #fff;
  --ux-switch-hover-border-color: #51a7eb;
  --ux-switch-focus-bg-color: #fff;
  --ux-switch-focus-border-color: #51a7eb;
  --ux-switch-active-bg-color: rgba(116, 185, 239, 0.1);
  --ux-switch-active-border-color: #51a7eb;
  --ux-switch-active-handle-bg-color: rgba(187, 221, 247, 0.4);
  --ux-switch-disabled-bg-color: #fff;
  --ux-switch-disabled-border-color: rgba(161, 161, 161, 0.25);
}

:root,
.ux-theme-responsive {
  --ux-table-bg-color: #fff;
  --ux-table-border-color: #a1a1a1;
  --ux-table-text-color: #363636;
  --ux-table-header-font-size: 0.8rem;
  --ux-table-header-font-weight: 600;
  --ux-table-header-bg-color: #fff;
  --ux-table-header-text-color: #363636;
  --ux-table-header-text-transform: none;
  --ux-table-header-padding-vertical: 30px;
  --ux-table-row-bg-color-even: #fff;
  --ux-table-row-bg-color-odd: #fff;
  --ux-table-row-hover-border-color: #177ac9;
  --ux-table-row-hover-text-color: #177ac9;
  --ux-table-row-selected-bg-color: rgb(185 220 247 / 40%);
  --ux-table-row-selected-text-color: #177ac9;
  --ux-table-row-padding-vertical: 10px;
  --ux-table-cell-min-height: 48px;
  --ux-table-cell-padding-horizontal: 30px;
  --ux-table-cell-padding-vertical: 10px;
  --ux-table-sort-active-color: currentcolor;
  --ux-table-sort-inactive-color: currentcolor;
  --ux-table-sort-inactive-opacityr: 0.3;
}

:root,
.ux-theme-responsive {
  --ux-tabs-container-arrow-bg-color: #fff;
  --ux-tabs-container-arrow-bg-color-transparent: rgba(255, 255, 255, 0);
  --ux-tabs-container-header-fixed-bg-color: #fff;
}

:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-tag-font-weight: var(--ux-font-weight-bold);
  --ux-tag-font-size: var(--ux-font-size-normal);
  --ux-tag-background-color: rgba(137, 159, 178, 0.2);
  --ux-tag-background-color-hover: rgba(137, 159, 178, 0.2);
  --ux-tag-color: #285172;
  --ux-tag-gap: 8px;
  --ux-tag-height: 40px;
  --ux-tag-letter-spacing: 0;
  --ux-tag-margin: 8px;
  --ux-tag-padding: 0 8px;
  --ux-tag-text-transform: none;
  --ux-tag-border-radius: 0;
  --ux-tag-border: 1px solid transparent;
  --ux-tag-border-color: transparent;
  --ux-tag-border-color-hover: #51a7eb;
  --ux-tag-outline-hover: 1px solid #51a7eb;
  --ux-tag-outline-focus: 2px solid #51a7eb;
  --ux-tag-outline-focus-offset: -2px;
  --ux-tag-hover-color: #177ac9;
  --ux-tag-transition: none;
  --ux-tag-icon-color: #363636;
  --ux-tag-icon-size: 1.3em;
  --ux-tag-icon-margin-start: 0;
  --ux-tag-icon-margin-end: 4px;
  --ux-tag-secondary-background-color: #fff;
  --ux-tag-secondary-border: 1px solid #e1e1e1;
  --ux-tag-secondary-color: #9a9a9a;
  --ux-tag-secondary-font-weight: var(--ux-font-weight-normal);
  --ux-tag-inactive-background-color: rgba(137, 159, 178, 0.2);
  --ux-tag-inactive-border: 1px solid transparent;
  --ux-tag-inactive-color: #363636;
  --ux-tag-inactive-font-weight: var(--ux-font-weight-normal);
  --ux-tag-interactive-height: var(--ux-tag-height);
  --ux-tag-interactive-border-radius: var(--ux-tag-border-radius);
  --ux-tag-interactive-font-size: var(--ux-tag-font-size);
  --ux-tag-interactive-font-weight: var(--ux-font-weight-bold);
  --ux-tag-interactive-secondary-font-weight: var(--ux-font-weight-normal);
  --ux-tag-interactive-padding: var(--ux-tag-padding);
}
@media only screen and (min-width: 1920px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 48px;
  }
}
@media only screen and (max-width: 1919px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 40px;
  }
}
@media only screen and (max-width: 1023px) {
  :root,
  .ux-theme-responsive.ux-theme-responsive {
    --ux-tag-height: 30px;
  }
}

:root,
.ux-theme-responsive {
  --ux-toast-message-bg-color: #fff;
  --ux-toast-message-border-width: 1px;
  --ux-toast-message-color-error: #ff0201;
  --ux-toast-message-color-info: #0b0b0b;
  --ux-toast-message-color-success: #b3d11e;
  --ux-toast-message-color-warning: #ff9032;
  --ux-toast-message-font-size: 16px;
  --ux-toast-message-font-weight: var(--ux-font-weight-normal);
  --ux-toast-message-gap-size: 8px;
  --ux-toast-message-icon-size: 20px;
  --ux-toast-message-line-height: 1.375;
  --ux-toast-message-min-width: 320px;
  --ux-toast-message-offset: 8px;
  --ux-toast-message-padding: 20px;
  --ux-toast-message-remove-button-size: 30px;
  --ux-toast-message-remove-icon-size: 13px;
  --ux-toast-message-transition-duration: 200ms;
  --ux-toast-message-transition-transform: translateX(100%);
}

:root,
.ux-theme-responsive {
  --ux-font-size-large: 2rem;
  --ux-font-size-medium: 1.5rem;
  --ux-font-size-normal: 1rem;
  --ux-font-size-small: 0.8rem;
  --ux-font-size-extrasmall: 0.625rem;
  --ux-font-weight-light: 300;
  --ux-font-weight-normal: 400;
  --ux-font-weight-semibold: 600;
  --ux-font-weight-bold: 700;
  --ux-font-weight-extrabold: 800;
  --ux-line-height-large: 2.2rem;
  --ux-line-height-medium: 1.9rem;
  --ux-line-height-normal: 1.3rem;
  --ux-line-height-small: 1.2rem;
  --ux-line-height-extrasmall: 1rem;
  --ux-text-font-size-normal: var(--ux-font-size-normal);
  --ux-text-line-height-normal: var(--ux-line-height-normal);
}

:root,
.ux-theme-responsive.ux-theme-responsive {
  --ux-font: "Open Sans", sans-serif;
  --trumpf-ux-theme: responsive;
}
:root .ux-icon__svg-path-detector,
.ux-theme-responsive.ux-theme-responsive .ux-icon__svg-path-detector {
  background-image: url("./assets/icons/svg/_.svg");
}

/* stylelint-disable selector-no-qualifying-type */
html.ux-theme-responsive {
  /* stylelint-enable selector-no-qualifying-type */
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
@media only screen and (min-width: 1920px) {
  html.ux-theme-responsive {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1919px) {
  html.ux-theme-responsive {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1023px) {
  html.ux-theme-responsive {
    font-size: 10px;
  }
}

/*# sourceMappingURL=responsive.css.map */