@festo-ui/angular 3.1.0 → 3.2.0

package/scss/styles.scss

@@ -1,2056 +0,0 @@
-/** Main global styles **/
-@import '~@angular/cdk/overlay-prebuilt';
-$black: var(--fwe-black) !default;
-$white: var(--fwe-white) !default;
-$white-dark: var(--fwe-white-dark) !default;
-$caerul: var(--fwe-caerul) !default;
-$sucaerul: var(--fwe-sucaerul) !default;
-$sucanul: var(--fwe-sucanul) !default;
-
-$gray-100: var(--fwe-gray-100) !default;
-$gray-200: var(--fwe-gray-200) !default;
-$gray-300: var(--fwe-gray-300) !default;
-$gray-400: var(--fwe-gray-400) !default;
-
-$icon-black: var(--fwe-icon-black) !default;
-$icon-white: var(--fwe-icon-white) !default;
-$icon-gray: var(--fwe-icon-gray) !default;
-$icon-hero: var(--fwe-icon-hero) !default;
-$icon-hero-light: var(--fwe-icon-hero-light) !default;
-
-$green: var(--fwe-green) !default;
-$yellow: var(--fwe-yellow) !default;
-$orange: var(--fwe-orange) !default;
-$red: var(--fwe-red) !default;
-$green-dark: var(--fwe-green-dark) !default;
-$yellow-dark: var(--fwe-yellow-dark) !default;
-$orange-dark: var(--fwe-orange-dark) !default;
-$red-dark: var(--fwe-red-dark) !default;
-
-// control colors
-$text: var(--fwe-text) !default;
-$text-light: var(--fwe-text-light) !default;
-$text-disabled: var(--fwe-text-disabled) !default;
-
-$hero: var(--fwe-hero) !default;
-$hero-dark: var(--fwe-hero-dark) !default;
-$hero-darker: var(--fwe-hero-darker) !default;
-
-$control: var(--fwe-control) !default;
-$control-dark: var(--fwe-control-dark) !default;
-$control-darker: var(--fwe-control-darker) !default;
-$control-disabled: var(--fwe-control-disabled) !default;
-$control-box-shadow: 0px 1px 8px rgba(black, 0.3) !default;
-$control-scrollbar: var(--fwe-control-scrollbar) !default;
-
-$control-border: var(--fwe-control-border) !default;
-$control-border-dark: var(--fwe-control-border-dark) !default;
-$control-border-darker: var(--fwe-control-border-darker) !default;
-
-$background: var(--fwe-background) !default;
-$background-modal: rgba(black, 0.7) !default;
-
-$border: var(--fwe-border) !default;
-$border-disabled: var(--fwe-border-disabled) !default;
-
-$snackbar-info-bg: var(--fwe-snackbar-info-bg) !default;
-$snackbar-warning-bg: var(--fwe-snackbar-warning-bg) !default;
-$snackbar-error-bg: var(--fwe-snackbar-error-bg) !default;
-
-// color map
-$colors: () !default;
-$colors: map-merge(
-  (
-    "black": $black,
-    "white": $white,
-    "white-dark": $white-dark,
-    "caerul": $caerul,
-    "sucaerul": $sucaerul,
-    "sucanul": $sucanul,
-    "gray-100": $gray-100,
-    "gray-200": $gray-200,
-    "gray-300": $gray-300,
-    "gray-400": $gray-400,
-    "icon-black": $icon-black,
-    "icon-white": $icon-white,
-    "icon-gray": $icon-gray,
-    "icon-hero": $icon-hero,
-    "icon-hero-light": $icon-hero-light,
-    "green": $green,
-    "yellow": $yellow,
-    "orange": $orange,
-    "red": $red,
-    "green-dark": $green-dark,
-    "yellow-dark": $yellow-dark,
-    "orange-dark": $orange-dark,
-    "red-dark": $red-dark,
-    "text": $text,
-    "text-light": $text-light,
-    "text-disabled": $text-disabled,
-    "hero": $hero,
-    "hero-dark": $hero-dark,
-    "hero-darker": $hero-darker,
-    "control": $control,
-    "control-dark": $control-dark,
-    "control-darker": $control-darker,
-    "control-disabled": $control-disabled,
-    "control-border": $control,
-    "control-border-dark": $control-dark,
-    "control-border-darker": $control-darker,
-    "control-border-disabled": $control-disabled,
-    "background": $background,
-    "background-modal": $background-modal,
-    "border": $border,
-    "border-disabled": $border-disabled
-  ),
-  $colors
-);
-
-$badge-colors: () !default;
-$badge-colors: map-merge(
-  (
-    "caerul": $caerul,
-    "green": $green,
-    "yellow": $yellow,
-    "orange": $orange,
-    "red": $red,
-    "hero": $hero,
-    "hero-dark": $hero-dark,
-    "hero-darker": $hero-darker,
-    "control": $control,
-    "control-dark": $control-dark,
-    "control-darker": $control-darker
-  ),
-  $badge-colors
-);
-
-$font-family-sans-serif: "MetaPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-icons-16: "festo_icons-16" !default;
-$font-family-icons-24: "festo_icons-24" !default;
-$font-family-icons-32: "festo_icons-32" !default;
-
-$font-family-base: $font-family-sans-serif !default;
-
-$font-size-small: 12px !default;
-$font-size-md: 14px !default;
-$font-size-base: 16px !default;
-$font-size-xl: 24px !default;
-$font-size-xxl: 32px !default;
-
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-$font-weight-base: $font-weight-normal !default;
-$line-height-base: 1.5 !default;
-
-$container-padding: 0 8px 0 8px;
-$container-paddings: (
-  xs: 0 16px 0 16px,
-  md: 0 24px 0 24px,
-  lg: 0 60px 0 60px,
-  xxl: 0 86px 0 86px
-) !default;
-
-$grid-columns: 12 !default;
-$grid-gap: 24px !default;
-$grid-breakpoint-xs: 600px;
-$grid-breakpoint-sm: 769px;
-$grid-breakpoint-md: 1025px;
-$grid-breakpoint-lg: 1281px;
-$grid-breakpoint-xl: 1441px;
-$grid-breakpoint-xxl: 1921px;
-$grid-breakpoints: (
-  unset: 0,
-  xs: $grid-breakpoint-xs,
-  sm: $grid-breakpoint-sm,
-  md: $grid-breakpoint-md,
-  lg: $grid-breakpoint-lg,
-  xl: $grid-breakpoint-xl,
-  xxl: $grid-breakpoint-xxl
-) !default;
-
-$navbar-height: 64px;
-$navbar-bottom-box-height: 48px;
-
-$toolbar-width: 60px;
-
-$control-border-radius: 4px;
-$borders: (
-  0: $border,
-  disabled: $border-disabled
-) !default;
-
-$spacer: 16px !default;
-$spacer-0: 0px;
-$spacer-1: $spacer * 0.25;
-$spacer-2: $spacer * 0.5;
-$spacer-3: $spacer;
-$spacer-4: $spacer * 1.5;
-$spacer-5: $spacer * 2;
-$spacer-6: $spacer * 3;
-$spacer-xxxs: 4px;
-$spacer-xxs: 8px;
-$spacer-xs: 12px;
-$spacer-s: 16px;
-$spacer-m: 24px;
-$spacer-l: 32px;
-$spacer-xl: 48px;
-$spacer-xxl: 64px;
-
-$spacers: (
-  0: $spacer-0,
-  1: $spacer-1,
-  2: $spacer-2,
-  3: $spacer-3,
-  4: $spacer-4,
-  5: $spacer-5,
-  6: $spacer-6,
-  xxxs: $spacer-xxxs,
-  xxs: $spacer-xxs,
-  xs: $spacer-xs,
-  s: $spacer-s,
-  m: $spacer-m,
-  l: $spacer-l,
-  xl: $spacer-xl,
-  xxl: $spacer-xxl
-) !default;
-
-$zindex-dropdown: var(--fwe-z-index-dropdown) !default;
-$zindex-sticky: var(--fwe-z-index-sticky) !default;
-$zindex-fixed: var(--fwe-z-index-fixed) !default;
-$zindex-modal-backdrop: var(--fwe-z-index-modal-backdrop) !default;
-$zindex-modal: var(--fwe-z-index-modal) !default;
-$zindex-popover: var(--fwe-z-index-popover) !default;
-$zindex-tooltip: var(--fwe-z-index-tooltip) !default;
-
-%triangle-base {
-  width: 17px;
-  height: 17px;
-  position: absolute;
-  overflow: hidden;
-  &::after {
-    content: "";
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    background: $white;
-    transform: rotate(45deg);
-    box-shadow: 0px 1px 4px #33333333;
-  }
-}
-
-@mixin triangle-bottom {
-  @extend %triangle-base;
-  left: 50%;
-  top: 100%;
-  transform: translateX(-8px);
-  &::after {
-    top: -6px;
-    left: 3px;
-  }
-}
-
-@mixin triangle-top {
-  @extend %triangle-base;
-  left: 50%;
-  top: -17px;
-  transform: translateX(-8px);
-  &::after {
-    top: 11px;
-    left: 3px;
-  }
-}
-
-@mixin triangle-left {
-  @extend %triangle-base;
-  left: -17px;
-  top: 50%;
-  transform: translateY(-8px);
-  &::after {
-    top: 2px;
-    left: 11px;
-  }
-}
-
-@mixin triangle-left-top {
-  @extend %triangle-base;
-  left: -17px;
-  top: 32px;
-  transform: translateY(-8px);
-  &::after {
-    top: 2px;
-    left: 11px;
-  }
-}
-
-@mixin triangle-right {
-  @extend %triangle-base;
-  left: 100%;
-  top: 50%;
-  transform: translateY(-8px);
-  &::after {
-    top: 2px;
-    left: -6px;
-  }
-}
-
-@mixin triangle-right-top {
-  @extend %triangle-base;
-  left: 100%;
-  top: 32px;
-  transform: translateY(-8px);
-  &::after {
-    top: 2px;
-    left: -6px;
-  }
-}
-
-%popover-base {
-  background-color: $white;
-  box-shadow: 0px 1px 4px #33333333;
-  border-radius: $control-border-radius;
-}
-
-.fwe-popover {
-  @extend %popover-base;
-  padding: $spacer * 0.5;
-  font-size: $font-size-md;
-  line-height: 1rem;
-}
-
-.fwe-popover-container {
-  position: relative;
-  display: inline-block;
-}
-
-@mixin popover-menu {
-  @extend %popover-base;
-  font-size: $font-size-base;
-  line-height: 1.5rem;
-  padding: $spacer;
-  .fwe-list-group {
-    .fwe-list-group-item {
-      border-bottom: none;
-      min-height: $spacer * 2.25;
-      padding: 0;
-      button {
-        width: 100%;
-        margin-left: inherit;
-        padding: 0 ($spacer * 0.5) 0 0;
-        text-align: left;
-        height: $spacer * 2;
-        max-height: $spacer * 2;
-        display: inline-flex;
-        &:hover {
-          color: $black;
-        }
-        i {
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          flex-wrap: nowrap;
-          height: $spacer * 1.5;
-          width: $spacer * 2;
-          &::before {
-            display: inline-flex;
-          }
-        }
-        span {
-          display: inline-flex;
-          height: $spacer * 1.5;
-        }
-        [class*=" fwe-icon-"] {
-          margin-left: inherit;
-        }
-      }
-      &:hover {
-        color: $black;
-        background-color: #3333331a;
-      }
-      &:active {
-        background-color: #33333333;
-      }
-    }
-  }
-}
-
-@mixin popover-legend {
-  display: table;
-  margin: $spacer;
-  line-height: $spacer * 1.5;
-}
-
-@mixin popover-legend-content {
-  display: table-row;
-  dt {
-    display: table-cell;
-    margin: 0;
-    padding-right: $spacer * 0.5;
-  }
-  dd {
-    display: table-cell;
-    margin: 0;
-  }
-}
-
-.fwe-triangle {
-  &.fwe-triangle-top {
-    @include triangle-top();
-  }
-
-  &.fwe-triangle-bottom {
-    @include triangle-bottom();
-  }
-
-  &.fwe-triangle-left {
-    @include triangle-left();
-  }
-
-  &.fwe-triangle-right {
-    @include triangle-right();
-  }
-}
-
-.fwe-popover {
-  &.fwe-popover-menu {
-    @include popover-menu();
-  }
-
-  .fwe-popover-legend {
-    @include popover-legend();
-    .fwe-popover-legend-content {
-      @include popover-legend-content();
-    }
-  }
-}
-
-
-/* This file is imported into global ~src/styles.scss to overwrite cdk overlay styles */
-
-/* Overwrite global styles for popovers based on cdk overlay below this line */
-.cdk-overlay-pane {
-  &.fng-popover-top {
-    .fwe-triangle {
-      @include triangle-bottom();
-    }
-  }
-
-  &.fng-popover-bottom {
-    .fwe-triangle {
-      @include triangle-top();
-    }
-  }
-
-  &.fng-popover-right {
-    .fwe-triangle {
-      @include triangle-left();
-    }
-  }
-
-  &.fng-popover-right-top {
-    .fwe-triangle {
-      @include triangle-left-top();
-    }
-  }
-
-  &.fng-popover-left {
-    .fwe-triangle {
-      @include triangle-right();
-    }
-  }
-
-  &.fng-popover-left-top {
-    .fwe-triangle {
-      @include triangle-right-top();
-    }
-  }
-
-  &.fng-popover-menu {
-    .fwe-popover {
-      @include popover-menu();
-    }
-  }
-
-  &.fng-color-indicator-top {
-    .fwe-triangle {
-      @include triangle-bottom();
-    }
-  }
-
-  &.fng-color-indicator-bottom {
-    .fwe-triangle {
-      @include triangle-top();
-    }
-  }
-
-  &.fng-color-indicator-left {
-    .fwe-triangle {
-      @include triangle-right();
-    }
-  }
-
-  &.fng-color-indicator-right {
-    .fwe-triangle {
-      @include triangle-left();
-    }
-  }
-
-  &.fng-popover-content {
-    .fwe-popover-container {
-      min-height: 100%;
-      min-width: 100%;
-      .fwe-popover {
-        min-height: 100%;
-        min-width: 100%;
-      }
-    }
-  }
-}
-
-$black: var(--fwe-black) !default;
-$white: var(--fwe-white) !default;
-$white-dark: var(--fwe-white-dark) !default;
-$caerul: var(--fwe-caerul) !default;
-$sucaerul: var(--fwe-sucaerul) !default;
-$sucanul: var(--fwe-sucanul) !default;
-
-$gray-100: var(--fwe-gray-100) !default;
-$gray-200: var(--fwe-gray-200) !default;
-$gray-300: var(--fwe-gray-300) !default;
-$gray-400: var(--fwe-gray-400) !default;
-
-$icon-black: var(--fwe-icon-black) !default;
-$icon-white: var(--fwe-icon-white) !default;
-$icon-gray: var(--fwe-icon-gray) !default;
-$icon-hero: var(--fwe-icon-hero) !default;
-$icon-hero-light: var(--fwe-icon-hero-light) !default;
-
-$green: var(--fwe-green) !default;
-$yellow: var(--fwe-yellow) !default;
-$orange: var(--fwe-orange) !default;
-$red: var(--fwe-red) !default;
-$green-dark: var(--fwe-green-dark) !default;
-$yellow-dark: var(--fwe-yellow-dark) !default;
-$orange-dark: var(--fwe-orange-dark) !default;
-$red-dark: var(--fwe-red-dark) !default;
-
-// control colors
-$text: var(--fwe-text) !default;
-$text-light: var(--fwe-text-light) !default;
-$text-disabled: var(--fwe-text-disabled) !default;
-
-$hero: var(--fwe-hero) !default;
-$hero-dark: var(--fwe-hero-dark) !default;
-$hero-darker: var(--fwe-hero-darker) !default;
-
-$control: var(--fwe-control) !default;
-$control-dark: var(--fwe-control-dark) !default;
-$control-darker: var(--fwe-control-darker) !default;
-$control-disabled: var(--fwe-control-disabled) !default;
-$control-box-shadow: 0px 1px 8px rgba(black, 0.3) !default;
-$control-scrollbar: var(--fwe-control-scrollbar) !default;
-
-$control-border: var(--fwe-control-border) !default;
-$control-border-dark: var(--fwe-control-border-dark) !default;
-$control-border-darker: var(--fwe-control-border-darker) !default;
-
-$background: var(--fwe-background) !default;
-$background-modal: rgba(black, 0.7) !default;
-
-$border: var(--fwe-border) !default;
-$border-disabled: var(--fwe-border-disabled) !default;
-
-$snackbar-info-bg: var(--fwe-snackbar-info-bg) !default;
-$snackbar-warning-bg: var(--fwe-snackbar-warning-bg) !default;
-$snackbar-error-bg: var(--fwe-snackbar-error-bg) !default;
-
-// color map
-$colors: () !default;
-$colors: map-merge(
-  (
-    "black": $black,
-    "white": $white,
-    "white-dark": $white-dark,
-    "caerul": $caerul,
-    "sucaerul": $sucaerul,
-    "sucanul": $sucanul,
-    "gray-100": $gray-100,
-    "gray-200": $gray-200,
-    "gray-300": $gray-300,
-    "gray-400": $gray-400,
-    "icon-black": $icon-black,
-    "icon-white": $icon-white,
-    "icon-gray": $icon-gray,
-    "icon-hero": $icon-hero,
-    "icon-hero-light": $icon-hero-light,
-    "green": $green,
-    "yellow": $yellow,
-    "orange": $orange,
-    "red": $red,
-    "green-dark": $green-dark,
-    "yellow-dark": $yellow-dark,
-    "orange-dark": $orange-dark,
-    "red-dark": $red-dark,
-    "text": $text,
-    "text-light": $text-light,
-    "text-disabled": $text-disabled,
-    "hero": $hero,
-    "hero-dark": $hero-dark,
-    "hero-darker": $hero-darker,
-    "control": $control,
-    "control-dark": $control-dark,
-    "control-darker": $control-darker,
-    "control-disabled": $control-disabled,
-    "control-border": $control,
-    "control-border-dark": $control-dark,
-    "control-border-darker": $control-darker,
-    "control-border-disabled": $control-disabled,
-    "background": $background,
-    "background-modal": $background-modal,
-    "border": $border,
-    "border-disabled": $border-disabled
-  ),
-  $colors
-);
-
-$badge-colors: () !default;
-$badge-colors: map-merge(
-  (
-    "caerul": $caerul,
-    "green": $green,
-    "yellow": $yellow,
-    "orange": $orange,
-    "red": $red,
-    "hero": $hero,
-    "hero-dark": $hero-dark,
-    "hero-darker": $hero-darker,
-    "control": $control,
-    "control-dark": $control-dark,
-    "control-darker": $control-darker
-  ),
-  $badge-colors
-);
-
-$font-family-sans-serif: "MetaPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
-  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-icons-16: "festo_icons-16" !default;
-$font-family-icons-24: "festo_icons-24" !default;
-$font-family-icons-32: "festo_icons-32" !default;
-
-$font-family-base: $font-family-sans-serif !default;
-
-$font-size-small: 12px !default;
-$font-size-md: 14px !default;
-$font-size-base: 16px !default;
-$font-size-xl: 24px !default;
-$font-size-xxl: 32px !default;
-
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-$font-weight-base: $font-weight-normal !default;
-$line-height-base: 1.5 !default;
-
-$container-padding: 0 8px 0 8px;
-$container-paddings: (
-  xs: 0 16px 0 16px,
-  md: 0 24px 0 24px,
-  lg: 0 60px 0 60px,
-  xxl: 0 86px 0 86px
-) !default;
-
-$grid-columns: 12 !default;
-$grid-gap: 24px !default;
-$grid-breakpoint-xs: 600px;
-$grid-breakpoint-sm: 769px;
-$grid-breakpoint-md: 1025px;
-$grid-breakpoint-lg: 1281px;
-$grid-breakpoint-xl: 1441px;
-$grid-breakpoint-xxl: 1921px;
-$grid-breakpoints: (
-  unset: 0,
-  xs: $grid-breakpoint-xs,
-  sm: $grid-breakpoint-sm,
-  md: $grid-breakpoint-md,
-  lg: $grid-breakpoint-lg,
-  xl: $grid-breakpoint-xl,
-  xxl: $grid-breakpoint-xxl
-) !default;
-
-$navbar-height: 64px;
-$navbar-bottom-box-height: 48px;
-
-$toolbar-width: 60px;
-
-$control-border-radius: 4px;
-$borders: (
-  0: $border,
-  disabled: $border-disabled
-) !default;
-
-$spacer: 16px !default;
-$spacer-0: 0px;
-$spacer-1: $spacer * 0.25;
-$spacer-2: $spacer * 0.5;
-$spacer-3: $spacer;
-$spacer-4: $spacer * 1.5;
-$spacer-5: $spacer * 2;
-$spacer-6: $spacer * 3;
-$spacer-xxxs: 4px;
-$spacer-xxs: 8px;
-$spacer-xs: 12px;
-$spacer-s: 16px;
-$spacer-m: 24px;
-$spacer-l: 32px;
-$spacer-xl: 48px;
-$spacer-xxl: 64px;
-
-$spacers: (
-  0: $spacer-0,
-  1: $spacer-1,
-  2: $spacer-2,
-  3: $spacer-3,
-  4: $spacer-4,
-  5: $spacer-5,
-  6: $spacer-6,
-  xxxs: $spacer-xxxs,
-  xxs: $spacer-xxs,
-  xs: $spacer-xs,
-  s: $spacer-s,
-  m: $spacer-m,
-  l: $spacer-l,
-  xl: $spacer-xl,
-  xxl: $spacer-xxl
-) !default;
-
-$zindex-dropdown: var(--fwe-z-index-dropdown) !default;
-$zindex-sticky: var(--fwe-z-index-sticky) !default;
-$zindex-fixed: var(--fwe-z-index-fixed) !default;
-$zindex-modal-backdrop: var(--fwe-z-index-modal-backdrop) !default;
-$zindex-modal: var(--fwe-z-index-modal) !default;
-$zindex-popover: var(--fwe-z-index-popover) !default;
-$zindex-tooltip: var(--fwe-z-index-tooltip) !default;
-
-@mixin icon-base {
-  font-size: $font-size-base;
-  display: inline-block;
-  &:before {
-    line-height: 1;
-    display: inline-block;
-    speak: none;
-    font-style: normal;
-    font-weight: normal;
-    font-variant: normal;
-    text-transform: none;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    font-family: "#{$font-family-icons-16}";
-  }
-}
-
-.fwe-icon {
-  @include icon-base;
-}
-
-.fwe-icon-lg {
-  font-size: $font-size-xl;
-  &:before {
-    font-family: "#{$font-family-icons-24}" !important;
-  }
-}
-
-.fwe-icon-2x {
-  font-size: $font-size-xxl;
-  &:before {
-    font-family: "#{$font-family-icons-32}" !important;
-  }
-}
-
-.fwe-icon-3x {
-  font-size: 48px;
-  &:before {
-    font-family: "#{$font-family-icons-24}" !important;
-  }
-}
-
-.fwe-icon-4x {
-  font-size: 64px;
-  &:before {
-    font-family: "#{$font-family-icons-32}" !important;
-  }
-}
-
-.fwe-icon-rotate-90 {
-  &:before {
-    transform-origin: center center;
-    transform: rotate(90deg);
-  }
-}
-
-.fwe-icon-rotate-180 {
-  &:before {
-    transform-origin: center center;
-    transform: rotate(180deg);
-  }
-}
-
-.fwe-icon-rotate-270 {
-  &:before {
-    transform-origin: center center;
-    transform: rotate(270deg);
-  }
-}
-
-// icon codes are copied from style.css generated by icomoon
-.fwe-icon-arrows-collapse:before {
-  content: "\e900";
-}
-.fwe-icon-arrows-down:before {
-  content: "\e901";
-}
-.fwe-icon-arrows-exchanged-energy:before {
-  content: "\e902";
-}
-.fwe-icon-arrows-expand:before {
-  content: "\e903";
-}
-.fwe-icon-arrows-left-2:before {
-  content: "\e904";
-}
-.fwe-icon-arrows-left:before {
-  content: "\e905";
-}
-.fwe-icon-arrows-refresh:before {
-  content: "\e906";
-}
-.fwe-icon-arrows-reinitialize:before {
-  content: "\e907";
-}
-.fwe-icon-arrows-reset:before {
-  content: "\e908";
-}
-.fwe-icon-arrows-restart:before {
-  content: "\e909";
-}
-.fwe-icon-arrows-right-2:before {
-  content: "\e90a";
-}
-.fwe-icon-arrows-right:before {
-  content: "\e90b";
-}
-.fwe-icon-arrows-scale-down:before {
-  content: "\e90c";
-}
-.fwe-icon-arrows-scale-up:before {
-  content: "\e90d";
-}
-.fwe-icon-arrows-up:before {
-  content: "\e90e";
-}
-.fwe-icon-arrows-update:before {
-  content: "\e90f";
-}
-.fwe-icon-cable-adaptor:before {
-  content: "\e910";
-}
-.fwe-icon-cable-connector:before {
-  content: "\e911";
-}
-.fwe-icon-cable-monitor-adaptor:before {
-  content: "\e912";
-}
-.fwe-icon-cable-plug:before {
-  content: "\e913";
-}
-.fwe-icon-cable-usb-adaptor:before {
-  content: "\e914";
-}
-.fwe-icon-cable-usb-plug:before {
-  content: "\e915";
-}
-.fwe-icon-cable-wiring-2:before {
-  content: "\e916";
-}
-.fwe-icon-cable-wiring:before {
-  content: "\e917";
-}
-.fwe-icon-communication-communication:before {
-  content: "\e918";
-}
-.fwe-icon-communication-emergency-hotline:before {
-  content: "\e919";
-}
-.fwe-icon-communication-audio-on:before {
-  content: "\e91a";
-}
-.fwe-icon-communication-infoportal:before {
-  content: "\e91b";
-}
-.fwe-icon-communication-message-number:before {
-  content: "\e91c";
-}
-.fwe-icon-communication-message:before {
-  content: "\e91d";
-}
-.fwe-icon-communication-notification:before {
-  content: "\e91e";
-}
-.fwe-icon-communication-tooltip:before {
-  content: "\e91f";
-}
-.fwe-icon-documents-add-bookmark:before {
-  content: "\e920";
-}
-.fwe-icon-documents-bill-of-material:before {
-  content: "\e921";
-}
-.fwe-icon-documents-bookmark:before {
-  content: "\e922";
-}
-.fwe-icon-documents-CAD:before {
-  content: "\e923";
-}
-.fwe-icon-documents-certificate:before {
-  content: "\e924";
-}
-.fwe-icon-documents-datasheet:before {
-  content: "\e925";
-}
-.fwe-icon-documents-delete-bookmark:before {
-  content: "\e926";
-}
-.fwe-icon-documents-doc-bmp:before {
-  content: "\e927";
-}
-.fwe-icon-documents-doc-csv:before {
-  content: "\e928";
-}
-.fwe-icon-documents-doc-doc:before {
-  content: "\e929";
-}
-.fwe-icon-documents-doc-docx:before {
-  content: "\e92a";
-}
-.fwe-icon-documents-doc-eps:before {
-  content: "\e92b";
-}
-.fwe-icon-documents-doc-fa:before {
-  content: "\e92c";
-}
-.fwe-icon-documents-doc-gif:before {
-  content: "\e92d";
-}
-.fwe-icon-documents-doc-jpg:before {
-  content: "\e92e";
-}
-.fwe-icon-documents-doc-odb:before {
-  content: "\e92f";
-}
-.fwe-icon-documents-doc-odc:before {
-  content: "\e930";
-}
-.fwe-icon-documents-doc-odf:before {
-  content: "\e931";
-}
-.fwe-icon-documents-doc-odg:before {
-  content: "\e932";
-}
-.fwe-icon-documents-doc-odm:before {
-  content: "\e933";
-}
-.fwe-icon-documents-doc-odp:before {
-  content: "\e934";
-}
-.fwe-icon-documents-doc-ods:before {
-  content: "\e935";
-}
-.fwe-icon-documents-doc-odt:before {
-  content: "\e936";
-}
-.fwe-icon-documents-doc-otg:before {
-  content: "\e937";
-}
-.fwe-icon-documents-doc-otp:before {
-  content: "\e938";
-}
-.fwe-icon-documents-doc-ots:before {
-  content: "\e939";
-}
-.fwe-icon-documents-doc-ott:before {
-  content: "\e93a";
-}
-.fwe-icon-documents-doc-pa:before {
-  content: "\e93b";
-}
-.fwe-icon-documents-doc-pdf:before {
-  content: "\e93c";
-}
-.fwe-icon-documents-doc-png:before {
-  content: "\e93d";
-}
-.fwe-icon-documents-doc-ppt:before {
-  content: "\e93e";
-}
-.fwe-icon-documents-doc-pptx:before {
-  content: "\e93f";
-}
-.fwe-icon-documents-doc-psd:before {
-  content: "\e940";
-}
-.fwe-icon-documents-doc-stack:before {
-  content: "\e941";
-}
-.fwe-icon-documents-doc-svg:before {
-  content: "\e942";
-}
-.fwe-icon-documents-doc-swf:before {
-  content: "\e943";
-}
-.fwe-icon-documents-doc-tif:before {
-  content: "\e944";
-}
-.fwe-icon-documents-doc-txt:before {
-  content: "\e945";
-}
-.fwe-icon-documents-doc-wmf:before {
-  content: "\e946";
-}
-.fwe-icon-documents-doc-xls:before {
-  content: "\e947";
-}
-.fwe-icon-documents-doc-xlsx:before {
-  content: "\e948";
-}
-.fwe-icon-documents-doc-xml:before {
-  content: "\e949";
-}
-.fwe-icon-documents-document:before {
-  content: "\e94a";
-}
-.fwe-icon-documents-documentation:before {
-  content: "\e94b";
-}
-.fwe-icon-documents-manual:before {
-  content: "\e94c";
-}
-.fwe-icon-documents-movie:before {
-  content: "\e94d";
-}
-.fwe-icon-documents-no-data:before {
-  content: "\e94e";
-}
-.fwe-icon-documents-note:before {
-  content: "\e94f";
-}
-.fwe-icon-documents-order:before {
-  content: "\e950";
-}
-.fwe-icon-documents-product-generic-template:before {
-  content: "\e951";
-}
-.fwe-icon-documents-restore-default:before {
-  content: "\e952";
-}
-.fwe-icon-documents-task-done:before {
-  content: "\e953";
-}
-.fwe-icon-documents-terms-of-use:before {
-  content: "\e954";
-}
-.fwe-icon-documents-worksheet:before {
-  content: "\e955";
-}
-.fwe-icon-ecommerce-add-to-basket:before {
-  content: "\e956";
-}
-.fwe-icon-ecommerce-basket:before {
-  content: "\e957";
-}
-.fwe-icon-ecommerce-client:before {
-  content: "\e958";
-}
-.fwe-icon-ecommerce-core-range-product-outline:before {
-  content: "\e959";
-}
-.fwe-icon-ecommerce-core-range-product:before {
-  content: "\e95a";
-}
-.fwe-icon-ecommerce-costs:before {
-  content: "\e95b";
-}
-.fwe-icon-ecommerce-delivery-time:before {
-  content: "\e95c";
-}
-.fwe-icon-ecommerce-delivery:before {
-  content: "\e95d";
-}
-.fwe-icon-ecommerce-express-delivery:before {
-  content: "\e95e";
-}
-.fwe-icon-ecommerce-favorit:before {
-  content: "\e95f";
-}
-.fwe-icon-ecommerce-local-currency:before {
-  content: "\e960";
-}
-.fwe-icon-ecommerce-offer:before {
-  content: "\e961";
-}
-.fwe-icon-ecommerce-order-tracking:before {
-  content: "\e962";
-}
-.fwe-icon-ecommerce-qr-code-scan:before {
-  content: "\e963";
-}
-.fwe-icon-ecommerce-secure-shopping:before {
-  content: "\e964";
-}
-.fwe-icon-ecommerce-shopping:before {
-  content: "\e965";
-}
-.fwe-icon-energy-eco:before {
-  content: "\e966";
-}
-.fwe-icon-energy-savings:before {
-  content: "\e967";
-}
-.fwe-icon-fa-axis:before {
-  content: "\e968";
-}
-.fwe-icon-fa-compressed-air:before {
-  content: "\e969";
-}
-.fwe-icon-fa-connection-accessories-2:before {
-  content: "\e96a";
-}
-.fwe-icon-fa-connection-accessories:before {
-  content: "\e96b";
-}
-.fwe-icon-fa-control:before {
-  content: "\e96c";
-}
-.fwe-icon-fa-controller:before {
-  content: "\e96d";
-}
-.fwe-icon-fa-cylinder-mountings:before {
-  content: "\e96e";
-}
-.fwe-icon-fa-fa-positioner:before {
-  content: "\e96f";
-}
-.fwe-icon-fa-factory-automation:before {
-  content: "\e970";
-}
-.fwe-icon-fa-fitting:before {
-  content: "\e971";
-}
-.fwe-icon-fa-function-fitting:before {
-  content: "\e972";
-}
-.fwe-icon-fa-gripper:before {
-  content: "\e973";
-}
-.fwe-icon-fa-handlingsystems:before {
-  content: "\e974";
-}
-.fwe-icon-fa-linear-drive:before {
-  content: "\e975";
-}
-.fwe-icon-fa-montage-accessories:before {
-  content: "\e976";
-}
-.fwe-icon-fa-motor:before {
-  content: "\e977";
-}
-.fwe-icon-fa-mount-cylinder:before {
-  content: "\e978";
-}
-.fwe-icon-fa-mounting-kit:before {
-  content: "\e979";
-}
-.fwe-icon-fa-pilot-valves:before {
-  content: "\e97a";
-}
-.fwe-icon-fa-piston-rod-attachements:before {
-  content: "\e97b";
-}
-.fwe-icon-fa-pneumatic-actuator:before {
-  content: "\e97c";
-}
-.fwe-icon-fa-pneumatic-equipment:before {
-  content: "\e97d";
-}
-.fwe-icon-fa-process-automation:before {
-  content: "\e97e";
-}
-.fwe-icon-fa-quarter-turn-actuator:before {
-  content: "\e97f";
-}
-.fwe-icon-fa-ready-to-install-solutions:before {
-  content: "\e980";
-}
-.fwe-icon-fa-reboot-device:before {
-  content: "\e981";
-}
-.fwe-icon-fa-referencing:before {
-  content: "\e982";
-}
-.fwe-icon-fa-save-device:before {
-  content: "\e983";
-}
-.fwe-icon-fa-sensor-box:before {
-  content: "\e984";
-}
-.fwe-icon-fa-sensors:before {
-  content: "\e985";
-}
-.fwe-icon-fa-servo-pneumatic-2:before {
-  content: "\e986";
-}
-.fwe-icon-fa-servo-pneumatic:before {
-  content: "\e987";
-}
-.fwe-icon-fa-solenoid-actuated-media:before {
-  content: "\e988";
-}
-.fwe-icon-fa-solenoid-valves:before {
-  content: "\e989";
-}
-.fwe-icon-fa-transmission:before {
-  content: "\e98a";
-}
-.fwe-icon-fa-tubing:before {
-  content: "\e98b";
-}
-.fwe-icon-fa-vacuum-technology:before {
-  content: "\e98c";
-}
-.fwe-icon-fa-valve-manifolds:before {
-  content: "\e98d";
-}
-.fwe-icon-fa-write-all:before {
-  content: "\e98e";
-}
-.fwe-icon-file-delete:before {
-  content: "\e98f";
-}
-.fwe-icon-file-download:before {
-  content: "\e990";
-}
-.fwe-icon-file-edit:before {
-  content: "\e991";
-}
-.fwe-icon-file-export:before {
-  content: "\e992";
-}
-.fwe-icon-file-folder:before {
-  content: "\e993";
-}
-.fwe-icon-file-import:before {
-  content: "\e994";
-}
-.fwe-icon-file-link:before {
-  content: "\e995";
-}
-.fwe-icon-file-order-config:before {
-  content: "\e996";
-}
-.fwe-icon-file-paperclip:before {
-  content: "\e997";
-}
-.fwe-icon-file-printer:before {
-  content: "\e998";
-}
-.fwe-icon-file-project-structure:before {
-  content: "\e999";
-}
-.fwe-icon-file-ready-for-occupancy:before {
-  content: "\e99a";
-}
-.fwe-icon-file-save:before {
-  content: "\e99b";
-}
-.fwe-icon-file-search:before {
-  content: "\e99c";
-}
-.fwe-icon-file-lock:before {
-  content: "\e99d";
-}
-.fwe-icon-file-share:before {
-  content: "\e99e";
-}
-.fwe-icon-file-upload:before {
-  content: "\e99f";
-}
-.fwe-icon-file-visible:before {
-  content: "\e9a0";
-}
-.fwe-icon-image-attached-images:before {
-  content: "\e9a1";
-}
-.fwe-icon-image-camera:before {
-  content: "\e9a2";
-}
-.fwe-icon-image-focus:before {
-  content: "\e9a3";
-}
-.fwe-icon-image-image:before {
-  content: "\e9a4";
-}
-.fwe-icon-it-different-devices:before {
-  content: "\e9a5";
-}
-.fwe-icon-it-fax:before {
-  content: "\e9a6";
-}
-.fwe-icon-it-embedded-software:before {
-  content: "\e9a7";
-}
-.fwe-icon-it-harddrive:before {
-  content: "\e9a8";
-}
-.fwe-icon-it-keyboard:before {
-  content: "\e9a9";
-}
-.fwe-icon-it-laptop:before {
-  content: "\e9aa";
-}
-.fwe-icon-it-memorystick:before {
-  content: "\e9ab";
-}
-.fwe-icon-it-monitor:before {
-  content: "\e9ac";
-}
-.fwe-icon-it-mouse:before {
-  content: "\e9ad";
-}
-.fwe-icon-it-projector:before {
-  content: "\e9ae";
-}
-.fwe-icon-it-repository:before {
-  content: "\e9af";
-}
-.fwe-icon-it-save-permanently:before {
-  content: "\e9b0";
-}
-.fwe-icon-it-smartphone:before {
-  content: "\e9b1";
-}
-.fwe-icon-it-smartwatch:before {
-  content: "\e9b2";
-}
-.fwe-icon-it-software:before {
-  content: "\e9b3";
-}
-.fwe-icon-it-tablet:before {
-  content: "\e9b4";
-}
-.fwe-icon-it-update-inclusive:before {
-  content: "\e9b5";
-}
-.fwe-icon-it-usb:before {
-  content: "\e9b6";
-}
-.fwe-icon-it-workplace:before {
-  content: "\e9b7";
-}
-.fwe-icon-it-workstation:before {
-  content: "\e9b8";
-}
-.fwe-icon-language-country:before {
-  content: "\e9b9";
-}
-.fwe-icon-language-exchange-local-currency:before {
-  content: "\e9ba";
-}
-.fwe-icon-language-language:before {
-  content: "\e9bb";
-}
-.fwe-icon-language-maps:before {
-  content: "\e9bc";
-}
-.fwe-icon-list-acknowledge-all:before {
-  content: "\e9bd";
-}
-.fwe-icon-list-add-line:before {
-  content: "\e9be";
-}
-.fwe-icon-list-filter:before {
-  content: "\e9bf";
-}
-.fwe-icon-list-grid-view:before {
-  content: "\e9c0";
-}
-.fwe-icon-list-list-view:before {
-  content: "\e9c1";
-}
-.fwe-icon-list-variable-list:before {
-  content: "\e9c2";
-}
-.fwe-icon-measure-actual-position:before {
-  content: "\e9c3";
-}
-.fwe-icon-measure-axis-speed:before {
-  content: "\e9c4";
-}
-.fwe-icon-measure-consumption:before {
-  content: "\e9c5";
-}
-.fwe-icon-measure-current-position:before {
-  content: "\e9c6";
-}
-.fwe-icon-measure-flow:before {
-  content: "\e9c7";
-}
-.fwe-icon-measure-maintenance:before {
-  content: "\e9c8";
-}
-.fwe-icon-measure-pressure:before {
-  content: "\e9c9";
-}
-.fwe-icon-measure-revolutions:before {
-  content: "\e9ca";
-}
-.fwe-icon-measure-target-pos:before {
-  content: "\e9cb";
-}
-.fwe-icon-measure-temperature:before {
-  content: "\e9cc";
-}
-.fwe-icon-media-pause:before {
-  content: "\e9cd";
-}
-.fwe-icon-media-play:before {
-  content: "\e9ce";
-}
-.fwe-icon-media-save-screenshot:before {
-  content: "\e9cf";
-}
-.fwe-icon-media-stop:before {
-  content: "\e9d0";
-}
-.fwe-icon-menu-add-2:before {
-  content: "\e9d1";
-}
-.fwe-icon-menu-add:before {
-  content: "\e9d2";
-}
-.fwe-icon-menu-check:before {
-  content: "\e9d3";
-}
-.fwe-icon-menu-close:before {
-  content: "\e9d4";
-}
-.fwe-icon-menu-details:before {
-  content: "\e9d5";
-}
-.fwe-icon-menu-home:before {
-  content: "\e9d6";
-}
-.fwe-icon-menu-logout:before {
-  content: "\e9d7";
-}
-.fwe-icon-menu-menu:before {
-  content: "\e9d8";
-}
-.fwe-icon-menu-minus:before {
-  content: "\e9d9";
-}
-.fwe-icon-menu-more:before {
-  content: "\e9da";
-}
-.fwe-icon-menu-plus:before {
-  content: "\e9db";
-}
-.fwe-icon-menu-repair:before {
-  content: "\e9dc";
-}
-.fwe-icon-menu-settings:before {
-  content: "\e9dd";
-}
-.fwe-icon-network-bluetooth:before {
-  content: "\e9de";
-}
-.fwe-icon-network-cloud-network:before {
-  content: "\e9df";
-}
-.fwe-icon-network-cloud:before {
-  content: "\e9e0";
-}
-.fwe-icon-network-connected:before {
-  content: "\e9e1";
-}
-.fwe-icon-network-connecting:before {
-  content: "\e9e2";
-}
-.fwe-icon-network-digital-available:before {
-  content: "\e9e3";
-}
-.fwe-icon-network-disconnected:before {
-  content: "\e9e4";
-}
-.fwe-icon-network-download-cloud:before {
-  content: "\e9e5";
-}
-.fwe-icon-network-electric-accessories:before {
-  content: "\e9e6";
-}
-.fwe-icon-network-feldbus:before {
-  content: "\e9e7";
-}
-.fwe-icon-network-function-specific-system:before {
-  content: "\e9e8";
-}
-.fwe-icon-network-io-i:before {
-  content: "\e9e9";
-}
-.fwe-icon-network-io-o:before {
-  content: "\e9ea";
-}
-.fwe-icon-network-network:before {
-  content: "\e9eb";
-}
-.fwe-icon-network-remote-io:before {
-  content: "\e9ec";
-}
-.fwe-icon-network-show-modules:before {
-  content: "\e9ed";
-}
-.fwe-icon-network-upload-cloud:before {
-  content: "\e9ee";
-}
-.fwe-icon-operate-button-press:before {
-  content: "\e9ef";
-}
-.fwe-icon-operate-commissioning:before {
-  content: "\e9f0";
-}
-.fwe-icon-operate-commit-value:before {
-  content: "\e9f1";
-}
-.fwe-icon-operate-drag-and-drop:before {
-  content: "\e9f2";
-}
-.fwe-icon-operate-engineering-information:before {
-  content: "\e9f3";
-}
-.fwe-icon-operate-hand-use:before {
-  content: "\e9f4";
-}
-.fwe-icon-operate-like:before {
-  content: "\e9f5";
-}
-.fwe-icon-operate-simple-handling:before {
-  content: "\e9f6";
-}
-.fwe-icon-operate-skip-maintenance:before {
-  content: "\e9f7";
-}
-.fwe-icon-operate-tools:before {
-  content: "\e9f8";
-}
-.fwe-icon-pa-angle-seat-valves:before {
-  content: "\e9f9";
-}
-.fwe-icon-pa-positioner:before {
-  content: "\e9fa";
-}
-.fwe-icon-pa-process-and-media-valves:before {
-  content: "\e9fb";
-}
-.fwe-icon-pa-valve:before {
-  content: "\e9fc";
-}
-.fwe-icon-people-add-user:before {
-  content: "\e9fd";
-}
-.fwe-icon-people-admin-settings:before {
-  content: "\e9fe";
-}
-.fwe-icon-people-qualification:before {
-  content: "\e9ff";
-}
-.fwe-icon-people-user-administration:before {
-  content: "\ea00";
-}
-.fwe-icon-people-user:before {
-  content: "\ea01";
-}
-.fwe-icon-program-lin-axispos:before {
-  content: "\ea02";
-}
-.fwe-icon-program-module:before {
-  content: "\ea03";
-}
-.fwe-icon-program-ptp-axispos:before {
-  content: "\ea04";
-}
-.fwe-icon-program-ptp-cartpos:before {
-  content: "\ea05";
-}
-.fwe-icon-status-check-status:before {
-  content: "\ea06";
-}
-.fwe-icon-status-deny:before {
-  content: "\ea07";
-}
-.fwe-icon-status-explosion-protection:before {
-  content: "\ea08";
-}
-.fwe-icon-status-failure:before {
-  content: "\ea09";
-}
-.fwe-icon-status-help:before {
-  content: "\ea0a";
-}
-.fwe-icon-status-info:before {
-  content: "\ea0b";
-}
-.fwe-icon-status-warning:before {
-  content: "\ea0c";
-}
-.fwe-icon-time-calendar:before {
-  content: "\ea0d";
-}
-.fwe-icon-time-moving-time-filled:before {
-  content: "\ea0e";
-}
-.fwe-icon-time-moving-time:before {
-  content: "\ea0f";
-}
-.fwe-icon-time-recently-used:before {
-  content: "\ea10";
-}
-.fwe-icon-time-time:before {
-  content: "\ea11";
-}
-.fwe-icon-trace-coordinate:before {
-  content: "\ea12";
-}
-.fwe-icon-trace-economically:before {
-  content: "\ea13";
-}
-.fwe-icon-trace-lin-cartpos:before {
-  content: "\ea14";
-}
-.fwe-icon-trace-progress:before {
-  content: "\ea15";
-}
-.fwe-icon-trace-read-trace:before {
-  content: "\ea16";
-}
-.fwe-icon-trace-start-trace:before {
-  content: "\ea17";
-}
-.fwe-icon-action:before {
-  content: "\ea18";
-}
-.fwe-icon-adaptive-learning-path:before {
-  content: "\ea19";
-}
-.fwe-icon-audio-off:before {
-  content: "\ea1a";
-}
-.fwe-icon-chameleon:before {
-  content: "\ea1b";
-}
-.fwe-icon-close-small:before {
-  content: "\ea1c";
-}
-.fwe-icon-comment-rate:before {
-  content: "\ea1d";
-}
-.fwe-icon-competency-management:before {
-  content: "\ea1e";
-}
-.fwe-icon-competency:before {
-  content: "\ea1f";
-}
-.fwe-icon-copyright:before {
-  content: "\ea20";
-}
-.fwe-icon-course:before {
-  content: "\ea21";
-}
-.fwe-icon-elephant:before {
-  content: "\ea22";
-}
-.fwe-icon-export-pdf:before {
-  content: "\ea23";
-}
-.fwe-icon-fish:before {
-  content: "\ea24";
-}
-.fwe-icon-flower:before {
-  content: "\ea25";
-}
-.fwe-icon-formula:before {
-  content: "\ea26";
-}
-.fwe-icon-glossary:before {
-  content: "\ea27";
-}
-.fwe-icon-group-learner:before {
-  content: "\ea28";
-}
-.fwe-icon-learner:before {
-  content: "\ea29";
-}
-.fwe-icon-learning-analytics:before {
-  content: "\ea2a";
-}
-.fwe-icon-learning-library:before {
-  content: "\ea2b";
-}
-.fwe-icon-learning-path:before {
-  content: "\ea2c";
-}
-.fwe-icon-learning-unit:before {
-  content: "\ea2d";
-}
-.fwe-icon-nugget:before {
-  content: "\ea2e";
-}
-.fwe-icon-puzzle:before {
-  content: "\ea2f";
-}
-.fwe-icon-sort-by:before {
-  content: "\ea30";
-}
-.fwe-icon-sound-off:before {
-  content: "\ea31";
-}
-.fwe-icon-sound-on:before {
-  content: "\ea32";
-}
-.fwe-icon-speaker-text-off:before {
-  content: "\ea33";
-}
-.fwe-icon-speaker-text-on:before {
-  content: "\ea34";
-}
-.fwe-icon-swipe:before {
-  content: "\ea35";
-}
-.fwe-icon-tag-draft:before {
-  content: "\ea36";
-}
-.fwe-icon-tag-new:before {
-  content: "\ea37";
-}
-.fwe-icon-tec2screen:before {
-  content: "\ea38";
-}
-.fwe-icon-time-outline:before {
-  content: "\ea39";
-}
-.fwe-icon-unite:before {
-  content: "\ea3a";
-}
-.fwe-icon-accordion:before {
-  content: "\ea3b";
-}
-.fwe-icon-assignment:before {
-  content: "\ea3c";
-}
-.fwe-icon-enumeration:before {
-  content: "\ea3d";
-}
-.fwe-icon-headline:before {
-  content: "\ea3e";
-}
-.fwe-icon-installation-guide:before {
-  content: "\ea3f";
-}
-.fwe-icon-my-organisation:before {
-  content: "\ea40";
-}
-.fwe-icon-subline:before {
-  content: "\ea41";
-}
-.fwe-icon-table:before {
-  content: "\ea42";
-}
-.fwe-icon-user-license:before {
-  content: "\ea43";
-}
-.fwe-icon-alias:before {
-  content: "\ea44";
-}
-.fwe-icon-automatic-mode:before {
-  content: "\ea45";
-}
-.fwe-icon-cartesian:before {
-  content: "\ea46";
-}
-.fwe-icon-chains-of-components-alias:before {
-  content: "\ea47";
-}
-.fwe-icon-circuit:before {
-  content: "\ea48";
-}
-.fwe-icon-code:before {
-  content: "\ea49";
-}
-.fwe-icon-component:before {
-  content: "\ea4a";
-}
-.fwe-icon-condition:before {
-  content: "\ea4b";
-}
-.fwe-icon-dashboard:before {
-  content: "\ea4c";
-}
-.fwe-icon-feldbus-sps:before {
-  content: "\ea4d";
-}
-.fwe-icon-joints:before {
-  content: "\ea4e";
-}
-.fwe-icon-library:before {
-  content: "\ea4f";
-}
-.fwe-icon-location:before {
-  content: "\ea50";
-}
-.fwe-icon-logout:before {
-  content: "\ea51";
-}
-.fwe-icon-loop:before {
-  content: "\ea52";
-}
-.fwe-icon-machine:before {
-  content: "\ea53";
-}
-.fwe-icon-manual-mode:before {
-  content: "\ea54";
-}
-.fwe-icon-move:before {
-  content: "\ea55";
-}
-.fwe-icon-norm-compliant-event:before {
-  content: "\ea56";
-}
-.fwe-icon-pallatize:before {
-  content: "\ea57";
-}
-.fwe-icon-power-off:before {
-  content: "\ea58";
-}
-.fwe-icon-power-on:before {
-  content: "\ea59";
-}
-.fwe-icon-project-alias:before {
-  content: "\ea5a";
-}
-.fwe-icon-reduced:before {
-  content: "\ea5b";
-}
-.fwe-icon-save-to-clipboard:before {
-  content: "\ea5c";
-}
-.fwe-icon-sensor:before {
-  content: "\ea5d";
-}
-.fwe-icon-show-in-list:before {
-  content: "\ea5e";
-}
-.fwe-icon-unlocked:before {
-  content: "\ea5f";
-}
-.fwe-icon-upload-history:before {
-  content: "\ea60";
-}
-.fwe-icon-worksheet-alias:before {
-  content: "\ea61";
-}
-.fwe-icon-analysis-compressed-air-consumption:before {
-  content: "\ea62";
-}
-.fwe-icon-analysis-compressed-air-generation:before {
-  content: "\ea63";
-}
-.fwe-icon-analysis-compressed-air-quality:before {
-  content: "\ea64";
-}
-.fwe-icon-balance:before {
-  content: "\ea65";
-}
-.fwe-icon-compressed-air-energy-efficiency:before {
-  content: "\ea66";
-}
-.fwe-icon-leakage-detection:before {
-  content: "\ea67";
-}
-.fwe-icon-machine-analysis:before {
-  content: "\ea68";
-}
-.fwe-icon-mechanic-gripper-close:before {
-  content: "\ea69";
-}
-.fwe-icon-mechanic-gripper-open:before {
-  content: "\ea6a";
-}
-.fwe-icon-security:before {
-  content: "\ea6b";
-}
-.fwe-icon-status:before {
-  content: "\ea6c";
-}
-.fwe-icon-vacuum-suction-close:before {
-  content: "\ea6d";
-}
-.fwe-icon-vacuum-suction-open:before {
-  content: "\ea6e";
-}
-.fwe-icon-page-configure:before {
-  content: "\ea6f";
-}
-.fwe-icon-compare:before {
-  content: "\ea70";
-}
-.fwe-icon-contact:before {
-  content: "\ea71";
-}
-.fwe-icon-copy:before {
-  content: "\ea72";
-}
-.fwe-icon-duplicate:before {
-  content: "\ea73";
-}
-.fwe-icon-group:before {
-  content: "\ea74";
-}
-.fwe-icon-in-progress:before {
-  content: "\ea75";
-}
-.fwe-icon-motion-terminal:before {
-  content: "\ea76";
-}
-.fwe-icon-move-circular:before {
-  content: "\ea77";
-}
-.fwe-icon-move-linear:before {
-  content: "\ea78";
-}
-.fwe-icon-move-ptp:before {
-  content: "\ea79";
-}
-.fwe-icon-move-skill:before {
-  content: "\ea7a";
-}
-.fwe-icon-move-spline:before {
-  content: "\ea7b";
-}
-.fwe-icon-paste:before {
-  content: "\ea7c";
-}
-.fwe-icon-ringing:before {
-  content: "\ea7d";
-}
-.fwe-icon-ungroup:before {
-  content: "\ea7e";
-}
-.fwe-icon-wifi:before {
-  content: "\ea7f";
-}
-.fwe-icon-training-consulting:before {
-  content: "\ea80";
-}
-.fwe-icon-reduce-pressure:before {
-  content: "\ea81";
-}
-.fwe-icon-dimension-correctly:before {
-  content: "\ea82";
-}
-.fwe-icon-shorten-hose-length:before {
-  content: "\ea83";
-}
-.fwe-icon-reduce-leckage:before {
-  content: "\ea84";
-}
-.fwe-icon-air-saving-circuit:before {
-  content: "\ea85";
-}
-.fwe-icon-reduce-pressure-drop:before {
-  content: "\ea86";
-}
-.fwe-icon-efficient-control:before {
-  content: "\ea87";
-}
-.fwe-icon-measurement-technology:before {
-  content: "\ea88";
-}
-.fwe-icon-select-component:before {
-  content: "\ea89";
-}
-.fwe-icon-reduce-weight:before {
-  content: "\ea8a";
-}
-.fwe-icon-recover-energy:before {
-  content: "\ea8b";
-}
-.fwe-icon-reduce-friction:before {
-  content: "\ea8c";
-}
-.fwe-icon-energy-on:before {
-  content: "\ea8d";
-}
-.fwe-icon-energy-off:before {
-  content: "\ea8e";
-}
-.fwe-icon-code-library:before {
-  content: "\ea8f";
-}
-.fwe-icon-codesys:before {
-  content: "\ea90";
-}
-.fwe-icon-driver:before {
-  content: "\ea91";
-}
-.fwe-icon-firmware:before {
-  content: "\ea92";
-}
-.fwe-icon-i-o-link:before {
-  content: "\ea93";
-}
-.fwe-icon-middleware:before {
-  content: "\ea94";
-}
-.fwe-icon-plugin:before {
-  content: "\ea95";
-}
-.fwe-icon-calculator:before {
-  content: "\ea96";
-}
-.fwe-icon-design:before {
-  content: "\ea97";
-}
-.fwe-icon-first-time-use:before {
-  content: "\ea98";
-}
-.fwe-icon-flow-control:before {
-  content: "\ea99";
-}
-.fwe-icon-news-services:before {
-  content: "\ea9a";
-}
-.fwe-icon-pressure-control:before {
-  content: "\ea9b";
-}
-.fwe-icon-services:before {
-  content: "\ea9c";
-}
-.fwe-icon-simulation:before {
-  content: "\ea9d";
-}
-
-
-.cdk-overlay-container, 
-.cdk-overlay-connected-position-bounding-box,
-.cdk-global-overlay-wrapper {
-  z-index: $zindex-modal !important;
-}