body {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.layout {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
}

.layout__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 33%;
  padding: 0 30px 30px;
  background-color: rgba(var(--theme-color-background), 1);
}

.layout__right {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  background-color: rgba(var(--theme-color-area1), 0.6);
  background-image: url(../img/login_2_light-01.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  background-origin: content-box;
  padding: 0 15px 0 15px;
}

.layout__leftContainer {
  max-width: 500px;
}

.list {
  padding-left: 16px;
}

.textAndButton {
  display: flex;
}

.iconOnly {
  display: flex !important;
  align-items: center;
}

.systemmessageWrapper {
  margin-bottom: 16px;
}

.layoutHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px 12px 12px;
  background-color: rgba(var(--theme-color-header-background), 1);
}

.layoutHeader__logo {
  display: block;
  height: 20px;
  flex: none;
  margin-top: 6px;
}

.layoutHeader__displayName {
  color: rgba(var(--iema-os-bar-theme-app-header--color), 1);
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.login__password {
  display: flex !important;
  justify-content: space-between;
  flex-direction: row;
}

.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 40px 0;
}

/* To show the lines on right 
and left sides of the text */
.divider::after,
.divider::before {
  content: "";
  border-bottom: 1px solid rgba(var(--theme-color-muted), 1);
  flex: 1;
}

/* Space on left and right sides of text */
.divider:not(:empty)::before {
  margin-right: 0.25em;
}

.divider:not(:empty)::after {
  margin-left: 0.25em;
}

.dividerMessage {
  color: rgba(var(--theme-color-muted), 1);
}

.socialproviders {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.registration {
  margin-top: 40px;
}

.buttonsInARow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.gap {
  gap: 16px;
}

.inputsInARow {
  display: flex;
  gap: 8px;
}

.inputgroupsInARow {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.inputFieldNoMargin {
  margin: 0 !important;
}

/* MOBILE */
@media (max-width: 1200px) {
  .layoutHeader__displayName {
    overflow: hidden;
    max-width: 550px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 600px) {
  .layout__left {
    flex-grow: 1;
  }

  .layout__right {
    display: none;
  }

  .layoutHeader__displayName {
    max-width: 200px;
  }
}

@media (max-width: 400px) {
  .layoutHeader__logo {
    display: none;
  }
}

/*! DI FA Design System framework */ /*! Siemens AG, 2021 */
@font-face {
  font-family: "DIFAicons";
  font-display: block;
  src: url("iconfonts/DIFAicons.eot");
  src: url("iconfonts/DIFAicons.eot?#iefix") format("eot"),
    url("iconfonts/DIFAicons.woff2") format("woff2"),
    url("iconfonts/DIFAicons.woff") format("woff"),
    url("iconfonts/DIFAicons.ttf") format("truetype");
}
.DIFAicons {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
}
.DIFAicons.acknowledge-events:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.add-workorder:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.apps:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-double-left:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-double-right:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-down:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-left:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-right:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.arrow-up:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.attach:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.back:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.bar-chart:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.bookmark:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.browse-all:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.calendar:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.chat:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.check-small:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.check:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.close-big:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.close-small:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.configuration:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.configure:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.copy:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.cut:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_add-new:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alarmClasses:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignBottom:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignCenter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignHorizontally:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignLeft:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignObjects:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignRight:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignTop:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_alignVertically:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_analogAlarm:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_bar:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_browseTags-online:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_brush:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_burgerMenu:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_camera:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_centerHorizontally:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_centerVertically:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_certificates:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_checkBox:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_circle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_circleSegment:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_circularArc:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_clearFilter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_clientInterface:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_clock:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_closeAllProjects:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_closeProject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_collapse-all:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_connections:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_connectionsProperties:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_connectionTags:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_cylces:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_database-active:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_database:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_deltaDownload:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_deviceTree:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_discreteAlarm:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_duplicate:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_duplicateDevice:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_duplicateProject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_dynamizationFlashing:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_editPoints:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_ellipse:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_ellipseSegment:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_ellipticalArc:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_establishConnections:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_establishDisconnections:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_evenlyDistributedHorizontally:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_evenlyDistributedVertically:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_expand-all:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_exportProject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_exportTag:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_favorite:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_flatView:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_front:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_fullDownload:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_functionRights:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_functionTrendControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_gauge:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_goOffline:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_goOnline:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_graphicsLists:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_graspPoint:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_grid:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_gripper:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_group:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_guides:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_hierarchicalView:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_hint:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_imageBrockenMissing:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_importProject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_importTag:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_IOField:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_jobTrigger:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_label:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_languagesResources:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_line:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineDash:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineDashDot:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineDashDotDot:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineDot:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineFlat:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineRound:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineSolid:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_lineSquare:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_listBox:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_loggingTag:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_moveForward:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_moveToBack-alternative:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_moveToBack:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_moveToFront:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_navigationDevice-active:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_navigationDeviceTree-active:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_navigationDeviceTree:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_openProject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_parameterSetControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_paste:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_plantObjects:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_plc:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_PLCDevice:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_PLCDeviceTags:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_PLCDeviceUserDataType:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_PLCTags:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_PLCUserDataType:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_polygon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_polyline:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_preview:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_processControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_project:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_projectVersion:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_projectVersionEditor:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_proposeConnections:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_radioButton:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_rectangle:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_referencePoinBottomLeft:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_referencePointBottomRight:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_referencePointCentered:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_referencePointTopLeft:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_referencePointTopRight:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_reports:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_ressources:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_restore:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_roboticArm:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_rotate:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_runtimeSettings:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_saveAllScreens:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_saveScreen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screen-marked:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screen-unmarked:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenItemAlarmControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenItemFaceplateContainer:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenItemMediaPlayer:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenItemPlantOverview:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenItemWebControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_screenTree:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_scriptCodeSnippet:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_scriptEditor:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_scriptJSFunction:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_scriptJSModul:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_select:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_serverInterface:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_settingsProjects:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_showAllTags:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_slider:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_snapObject:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_spinner:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_startRuntime:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_startScreen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_stopRuntime:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_switch:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_symbolicIOField:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_systemDiagnostic:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_tagTable:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_textAndGraphicsLists:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_textBox:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_textButton:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_textLists:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_texts:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_touchArea:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_trendCompanion:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_trendControl:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_ungroup:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_update:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_updateFilter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_upOneLevel:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_userDataTypes:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_userGroup:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_userManagement:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.difa_warningCritical:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.document-pdf:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.document-success:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.document:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.download:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.dropdown:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.edit:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.email:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.error:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.explore:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.facebook:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.favorite:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.filter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.folder-new:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.folder-open:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.folder:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.full-screen-exit:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.full-screen:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.hide:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.history:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.home-small:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.home:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.hourglass:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.image:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.information:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.instagram:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.interaction-click:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.interaction-touch:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.language:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.line-chart:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.link-extern:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.link:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.linkedin:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.location:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.login:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.logout:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.maximize:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.menu:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.microphone:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.minimize:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.minus:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.monitor:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.navigation-left:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.navigation-right:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.notification:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.optimize:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.options-horizontal:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.options:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.paste:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.pause:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.phone:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.plant:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.play:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.plus-small:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.plus:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.question:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.reading-time:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.redo:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.refresh:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.reset:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.save:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.search-small:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.search:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.settings:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.share:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.shopping-cart:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.show:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.skip-back:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.skip:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort-ascending:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort-descending:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort-down:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort-up-down:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort-up:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.sort:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.stop:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.success:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.support:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.trash:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.twitter:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.undo:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.user:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.volume-loud:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.volume-mute:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.volume-quiet:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.warning:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.yammer:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.youtube:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.zoom-in:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.DIFAicons.zoom-out:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
:root,
.theme-brand-light {
  --theme-color-background: 255, 255, 255;
  --theme-color-standard: 0, 0, 40;
  --theme-color-muted: 102, 102, 126;
  --theme-color-muted2: 76, 76, 104;
  --theme-color-interaction: 0, 121, 147;
  --theme-color-interaction-hover: 25, 98, 105;
  --theme-color-interaction-hover2: 194, 255, 238;
  --theme-color-interaction-hover3: 224, 255, 246;
  --theme-color-interaction-active: 25, 98, 105;
  --theme-color-interaction-active2: 180, 242, 227;
  --theme-color-interaction-contrast: 255, 255, 255;
  --theme-color-interaction-focus: 0, 174, 239;
  --theme-color-area0: 255, 255, 255;
  --theme-color-area1: 243, 243, 240;
  --theme-color-area2: 237, 237, 234;
  --theme-color-area3: 232, 232, 227;
  --theme-color-area4: 223, 223, 217;
  --theme-color-area5: 197, 197, 184;
  --theme-color-area6: 187, 187, 171;
  --theme-color-disabled: 179, 179, 190;
  --theme-color-disabled-contrast: 255, 255, 255;
  --theme-color-error: 215, 35, 57;
  --theme-color-error2: 252, 204, 215;
  --theme-color-warning: 233, 195, 42;
  --theme-color-warning2: 247, 234, 180;
  --theme-color-success: 1, 137, 58;
  --theme-color-success2: 204, 231, 216;
  --theme-color-informal: 153, 153, 169;
  --theme-color-informal2: 235, 247, 248;
  --theme-color-accent1: 102, 102, 126;
  --theme-color-accent1b: 133, 133, 152;
  --theme-color-accent1c: 163, 163, 178;
  --theme-color-accent1d: 92, 92, 117;
  --theme-color-accent2: 0, 126, 177;
  --theme-color-accent2b: 51, 152, 193;
  --theme-color-accent2c: 102, 178, 208;
  --theme-color-accent2d: 0, 101, 150;
  --theme-color-accent3: 1, 137, 58;
  --theme-color-accent3b: 52, 161, 97;
  --theme-color-accent3c: 1, 110, 54;
  --theme-color-accent3d: 103, 184, 137;
  --theme-color-accent4: 128, 128, 122;
  --theme-color-accent4b: 153, 153, 149;
  --theme-color-accent4c: 179, 179, 175;
  --theme-color-accent4d: 115, 115, 114;
  --theme-color-accent5: 236, 102, 2;
  --theme-color-accent5b: 240, 133, 53;
  --theme-color-accent5c: 244, 163, 103;
  --theme-color-accent5d: 189, 82, 10;
  --theme-color-accent6: 170, 50, 190;
  --theme-color-accent6b: 187, 91, 203;
  --theme-color-accent6c: 212, 150, 222;
  --theme-color-accent6d: 136, 40, 160;
  --theme-color-accent-contrast: 255, 255, 255;
  --theme-color-header-appname: 76, 76, 104;
  --theme-color-header-background: 243, 243, 240;
  --theme-color-header-data: 0, 0, 40;
  --theme-color-header-icons: 0, 0, 40;
  --theme-color-header-logo: 0, 0, 40;
  --theme-color-header-separator: 204, 204, 212;
  --theme-color-nav-background: 243, 243, 240;
  --theme-color-nav-contrast: 0, 0, 40;
  --theme-color-nav-disabled-background: 243, 243, 240;
  --theme-color-nav-disabled-contrast: 179, 179, 190;
  --theme-color-nav-hover-background: 232, 232, 227;
  --theme-color-nav-hover-contrast: 0, 0, 40;
  --theme-color-nav-pressed-background: 232, 232, 227;
  --theme-color-nav-pressed-contrast: 0, 0, 40;
  --theme-color-nav-selection-background: 255, 255, 255;
  --theme-color-nav-selection-contrast: 0, 81, 89;
  --theme-color-nav-separator: 204, 204, 212;
  --theme-color-overlay-background: 0, 0, 40;
  --theme-opacity-overlay-background: 0.7;
  --theme-color-search-highlight: 251, 224, 204;
  --theme-color-special1: 58, 236, 236;
  --theme-color-special2: 0, 159, 255;
  --theme-color-special3: 255, 81, 255;
  --theme-color-special4: 89, 89, 115;
  --theme-opacity-special4: 0.5;
  --theme-color-shadow: 0, 0, 0;
  --theme-box-shadow-level1: 0px 2px 10px 2px
    rgba(var(--theme-color-shadow), 0.15);
  --theme-box-shadow-level2: 0px 2px 7px 5px
    rgba(var(--theme-color-shadow), 0.1);
  --theme-box-shadow-level3: 0px 2px 10px 7px
    rgba(var(--theme-color-shadow), 0.15);
  --theme-input--border-color-bottom--disabled: rgba(0, 0, 40, 0.1);
  --theme-input--border-color: 204, 204, 212;
  --theme-input--background: 235, 247, 248;
  --theme-input--background--hover: 209, 255, 242;
  --theme-input--background--focus: 209, 255, 242;
  --theme-input-error--background: 252, 204, 215;
  --theme-input--border-color--hover: 0, 215, 160;
  --theme-input--border-color--focus: 0, 215, 160;
  --theme-input--color: 0, 0, 40;
  --theme-input-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.12);
  --theme-input--focus-box-shadow: rgb(13 110 253 / 25%) 0px 0px 0px 0.25rem;
  --theme-input--border-radius: 2px;
  --theme-input--focus--outline-offset: 2px;
  --theme-input--focus--outline-color: 25, 159, 255;
  --iema-os-bar-theme-app-header--color: 0, 0, 40;
  --theme-checkbox-checked--background--hover: 194, 255, 238;
  --theme-checkbox-checked--border-color--hover: 0, 81, 89;
  --theme-checkbox-checked--color--hover: 25, 98, 105;
  --theme-checkbox-checked--border-color: 0, 0, 40;
  --theme-checkbox-checked--background: 255, 255, 255;
  --theme-checkbox-checked--color: 25, 98, 105;
}
.corporate-dark {
  color-scheme: dark;
  --theme-color-background: 0, 0, 40;
  --theme-color-standard: 255, 255, 255;
  --theme-color-muted: 102, 102, 126;
  --theme-color-muted2: 128, 128, 147;
  --theme-color-interaction: 0, 204, 204;
  --theme-color-interaction-hover: 0, 255, 185;
  --theme-color-interaction-hover2: 0, 41, 73;
  --theme-color-interaction-hover3: 0, 24, 59;
  --theme-color-interaction-active: 0, 255, 185;
  --theme-color-interaction-active2: 0, 58, 82;
  --theme-color-interaction-contrast: 0, 0, 40;
  --theme-color-interaction-focus: 0, 111, 230;
  --theme-color-area0: 0, 0, 40;
  --theme-color-area1: 35, 35, 60;
  --theme-color-area2: 47, 47, 71;
  --theme-color-area3: 55, 55, 77;
  --theme-color-area4: 64, 64, 87;
  --theme-color-area5: 79, 79, 100;
  --theme-color-area6: 93, 93, 112;
  --theme-color-disabled: 115, 115, 137;
  --theme-color-disabled-contrast: 0, 0, 40;
  --theme-color-error: 255, 38, 64;
  --theme-color-error2: 51, 17, 49;
  --theme-color-warning: 255, 215, 50;
  --theme-color-warning2: 51, 43, 42;
  --theme-color-success: 1, 214, 90;
  --theme-color-success2: 0, 43, 50;
  --theme-color-informal: 204, 204, 212;
  --theme-color-informal2: 0, 16, 52;
  --theme-color-accent1: 153, 153, 169;
  --theme-color-accent1b: 173, 173, 186;
  --theme-color-accent1c: 194, 194, 203;
  --theme-color-accent1d: 92, 92, 117;
  --theme-color-accent2: 0, 190, 220;
  --theme-color-accent2b: 51, 203, 227;
  --theme-color-accent2c: 102, 216, 234;
  --theme-color-accent2d: 0, 152, 184;
  --theme-color-accent3: 1, 214, 90;
  --theme-color-accent3b: 52, 222, 123;
  --theme-color-accent3c: 1, 171, 80;
  --theme-color-accent3d: 103, 230, 156;
  --theme-color-accent4: 128, 128, 122;
  --theme-color-accent4b: 153, 153, 149;
  --theme-color-accent4c: 179, 179, 175;
  --theme-color-accent4d: 115, 115, 114;
  --theme-color-accent5: 255, 144, 0;
  --theme-color-accent5b: 255, 166, 51;
  --theme-color-accent5c: 255, 188, 102;
  --theme-color-accent5d: 204, 115, 8;
  --theme-color-accent6: 170, 50, 190;
  --theme-color-accent6b: 187, 91, 203;
  --theme-color-accent6c: 212, 150, 222;
  --theme-color-accent6d: 136, 40, 160;
  --theme-color-accent-contrast: 0, 0, 40;
  --theme-color-header-appname: 153, 153, 169;
  --theme-color-header-background: 35, 35, 60;
  --theme-color-header-data: 255, 255, 255;
  --theme-color-header-icons: 255, 255, 255;
  --theme-color-header-logo: 255, 255, 255;
  --theme-color-header-separator: 51, 51, 83;
  --theme-color-nav-background: 35, 35, 60;
  --theme-color-nav-contrast: 255, 255, 255;
  --theme-color-nav-disabled-background: 35, 35, 60;
  --theme-color-nav-disabled-contrast: 115, 115, 137;
  --theme-color-nav-hover-background: 55, 55, 77;
  --theme-color-nav-hover-contrast: 255, 255, 255;
  --theme-color-nav-pressed-background: 55, 55, 77;
  --theme-color-nav-pressed-contrast: 255, 255, 255;
  --theme-color-nav-selection-background: 0, 0, 40;
  --theme-color-nav-selection-contrast: 0, 255, 185;
  --theme-color-nav-separator: 51, 51, 83;
  --theme-color-overlay-background: 0, 0, 40;
  --theme-opacity-overlay-background: 0.75;
  --theme-color-search-highlight: 51, 29, 32;
  --theme-color-special1: 58, 236, 236;
  --theme-color-special2: 0, 159, 255;
  --theme-color-special3: 255, 81, 255;
  --theme-color-special4: 89, 89, 115;
  --theme-opacity-special4: 0.5;
  --theme-color-shadow: 0, 0, 0;
  --theme-box-shadow-level1: 0px 2px 5px 2px
    rgba(var(--theme-color-shadow), 0.25);
  --theme-box-shadow-level2: 0px 2px 10px 4px
    rgba(var(--theme-color-shadow), 0.5);
  --theme-box-shadow-level3: 0px 2px 10px 4px rgba(var(--theme-color-shadow), 1);
}
.difa-light {
  --theme-color-background: 255, 255, 255;
  --theme-color-standard: 33, 41, 44;
  --theme-color-muted: 120, 135, 145;
  --theme-color-muted2: 85, 95, 105;
  --theme-color-interaction: 15, 120, 155;
  --theme-color-interaction-hover: 50, 150, 185;
  --theme-color-interaction-hover2: 200, 245, 255;
  --theme-color-interaction-hover3: 227, 250, 255;
  --theme-color-interaction-active: 0, 68, 105;
  --theme-color-interaction-active2: 185, 235, 247;
  --theme-color-interaction-contrast: 255, 255, 255;
  --theme-color-interaction-focus: 0, 174, 239;
  --theme-color-disabled: 155, 175, 190;
  --theme-color-disabled-contrast: 235, 240, 245;
  --theme-color-area0: 255, 255, 255;
  --theme-color-area1: 245, 248, 250;
  --theme-color-area2: 235, 240, 245;
  --theme-color-area3: 223, 230, 237;
  --theme-color-area4: 205, 217, 225;
  --theme-color-area5: 190, 205, 215;
  --theme-color-area6: 173, 190, 203;
  --theme-color-error: 220, 0, 49;
  --theme-color-error2: 250, 217, 224;
  --theme-color-warning: 255, 185, 0;
  --theme-color-warning2: 255, 232, 171;
  --theme-color-success: 0, 154, 73;
  --theme-color-success2: 204, 235, 219;
  --theme-color-informal: 135, 155, 170;
  --theme-color-informal2: 236, 246, 250;
  --theme-color-accent1: 105, 120, 130;
  --theme-color-accent1b: 135, 155, 170;
  --theme-color-accent1c: 190, 205, 215;
  --theme-color-accent1d: 85, 95, 105;
  --theme-color-accent2: 35, 145, 150;
  --theme-color-accent2b: 65, 170, 170;
  --theme-color-accent2c: 120, 205, 205;
  --theme-color-accent2d: 0, 115, 125;
  --theme-color-accent3: 135, 150, 40;
  --theme-color-accent3b: 170, 180, 20;
  --theme-color-accent3c: 210, 215, 65;
  --theme-color-accent3d: 100, 125, 40;
  --theme-color-accent4: 115, 100, 90;
  --theme-color-accent4b: 148, 138, 124;
  --theme-color-accent4c: 185, 185, 165;
  --theme-color-accent4d: 100, 85, 75;
  --theme-color-accent5: 235, 120, 10;
  --theme-color-accent5b: 250, 165, 10;
  --theme-color-accent5c: 255, 205, 80;
  --theme-color-accent5d: 200, 90, 30;
  --theme-color-accent6: 175, 35, 95;
  --theme-color-accent6b: 195, 70, 115;
  --theme-color-accent6c: 240, 170, 195;
  --theme-color-accent6d: 135, 30, 80;
  --theme-color-accent-contrast: 255, 255, 255;
  --theme-color-header-appname: 85, 95, 105;
  --theme-color-header-background: 255, 255, 255;
  --theme-color-header-data: 33, 41, 44;
  --theme-color-header-icons: 33, 41, 44;
  --theme-color-header-logo: 0, 153, 153;
  --theme-color-header-separator: 190, 205, 215;
  --theme-color-nav-background: 0, 95, 135;
  --theme-color-nav-contrast: 255, 255, 255;
  --theme-color-nav-disabled-background: 0, 95, 135;
  --theme-color-nav-disabled-contrast: 77, 143, 171;
  --theme-color-nav-hover-background: 40, 143, 175;
  --theme-color-nav-hover-contrast: 255, 255, 255;
  --theme-color-nav-pressed-background: 0, 70, 105;
  --theme-color-nav-pressed-contrast: 255, 255, 255;
  --theme-color-nav-selection-background: 255, 255, 255;
  --theme-color-nav-selection-contrast: 33, 41, 44;
  --theme-color-nav-separator: 190, 205, 215;
  --theme-color-search-highlight: 242, 255, 153;
  --theme-color-overlay-background: 33, 41, 44;
  --theme-opacity-overlay-background: 0.7;
  --theme-color-special1: 58, 236, 236;
  --theme-color-special2: 0, 159, 255;
  --theme-color-special3: 255, 81, 255;
  --theme-color-special4: 138, 128, 155;
  --theme-opacity-special4: 0.5;
  --theme-color-shadow: 0, 0, 0;
  --theme-box-shadow-level1: 0px 2px 10px 2px
    rgba(var(--theme-color-shadow), 0.15);
  --theme-box-shadow-level2: 0px 2px 7px 5px
    rgba(var(--theme-color-shadow), 0.1);
  --theme-box-shadow-level3: 0px 2px 10px 7px
    rgba(var(--theme-color-shadow), 0.15);
}
.theme-dark,
.difa-dark {
  color-scheme: dark;
  --theme-color-background: 16, 24, 28;
  --theme-color-standard: 255, 255, 255;
  --theme-color-muted: 124, 129, 131;
  --theme-color-muted2: 147, 150, 152;
  --theme-color-interaction: 65, 170, 170;
  --theme-color-interaction-hover: 75, 185, 185;
  --theme-color-interaction-hover2: 28, 56, 59;
  --theme-color-interaction-hover3: 22, 40, 44;
  --theme-color-interaction-active: 15, 130, 135;
  --theme-color-interaction-active2: 27, 61, 67;
  --theme-color-interaction-contrast: 255, 255, 255;
  --theme-color-interaction-focus: 0, 111, 230;
  --theme-color-disabled: 75, 81, 84;
  --theme-color-disabled-contrast: 147, 150, 152;
  --theme-color-area0: 16, 24, 28;
  --theme-color-area1: 24, 32, 36;
  --theme-color-area2: 32, 40, 44;
  --theme-color-area3: 38, 45, 48;
  --theme-color-area4: 45, 52, 56;
  --theme-color-area5: 50, 57, 60;
  --theme-color-area6: 64, 70, 73;
  --theme-color-error: 247, 19, 63;
  --theme-color-error2: 62, 23, 35;
  --theme-color-warning: 217, 163, 0;
  --theme-color-warning2: 56, 52, 22;
  --theme-color-success: 0, 154, 73;
  --theme-color-success2: 13, 50, 37;
  --theme-color-informal: 95, 101, 104;
  --theme-color-informal2: 35, 47, 51;
  --theme-color-accent1: 105, 120, 130;
  --theme-color-accent1b: 135, 155, 170;
  --theme-color-accent1c: 190, 205, 215;
  --theme-color-accent1d: 85, 95, 105;
  --theme-color-accent2: 35, 135, 170;
  --theme-color-accent2b: 65, 170, 200;
  --theme-color-accent2c: 125, 210, 230;
  --theme-color-accent2d: 0, 95, 135;
  --theme-color-accent3: 135, 150, 40;
  --theme-color-accent3b: 170, 180, 20;
  --theme-color-accent3c: 210, 215, 65;
  --theme-color-accent3d: 100, 125, 40;
  --theme-color-accent4: 115, 100, 90;
  --theme-color-accent4b: 148, 138, 124;
  --theme-color-accent4c: 185, 185, 165;
  --theme-color-accent4d: 100, 85, 75;
  --theme-color-accent5: 235, 120, 10;
  --theme-color-accent5b: 250, 165, 10;
  --theme-color-accent5c: 255, 205, 80;
  --theme-color-accent5d: 200, 90, 30;
  --theme-color-accent6: 175, 35, 95;
  --theme-color-accent6b: 195, 70, 115;
  --theme-color-accent6c: 240, 170, 195;
  --theme-color-accent6d: 135, 30, 80;
  --theme-color-accent-contrast: 255, 255, 255;
  --theme-color-header-appname: 150, 150, 152;
  --theme-color-header-background: 60, 70, 75;
  --theme-color-header-data: 255, 255, 255;
  --theme-color-header-icons: 255, 255, 255;
  --theme-color-header-logo: 255, 255, 255;
  --theme-color-header-separator: 60, 70, 75;
  --theme-color-nav-background: 0, 104, 127;
  --theme-color-nav-contrast: 255, 255, 255;
  --theme-color-nav-disabled-background: 0, 104, 127;
  --theme-color-nav-disabled-contrast: 77, 150, 166;
  --theme-color-nav-hover-background: 33, 137, 149;
  --theme-color-nav-hover-contrast: 255, 255, 255;
  --theme-color-nav-pressed-background: 15, 130, 135;
  --theme-color-nav-pressed-contrast: 255, 255, 255;
  --theme-color-nav-selection-background: 16, 24, 28;
  --theme-color-nav-selection-contrast: 255, 255, 255;
  --theme-color-nav-separator: 50, 57, 60;
  --theme-color-search-highlight: 55, 70, 38;
  --theme-color-overlay-background: 0, 0, 0;
  --theme-opacity-overlay-background: 0.75;
  --theme-color-special1: 58, 236, 236;
  --theme-color-special2: 0, 159, 255;
  --theme-color-special3: 255, 81, 255;
  --theme-color-special4: 138, 128, 155;
  --theme-opacity-special4: 0.5;
  --theme-color-shadow: 0, 0, 0;
  --theme-box-shadow-level1: 0px 2px 5px 2px
    rgba(var(--theme-color-shadow), 0.25);
  --theme-box-shadow-level2: 0px 2px 10px 4px
    rgba(var(--theme-color-shadow), 0.5);
  --theme-box-shadow-level3: 0px 2px 10px 4px rgba(var(--theme-color-shadow), 1);
}
.difads {
  background-color: rgba(var(--theme-color-background), 1);
  color: rgba(var(--theme-color-standard), 1);
}
.difads .breadcrumb {
  line-height: 20px !important;
  line-height: rem(20px) !important;
  padding: 2px 0 !important;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
}
.difads .breadcrumb:hover {
  cursor: default;
}
.difads .breadcrumb .breadcrumb__item {
  color: rgba(var(--theme-color-interaction), 1);
  display: inline;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.difads .breadcrumb .breadcrumb__item:first-child {
  padding-left: 3px;
}
.difads .breadcrumb .breadcrumb__item:last-child {
  padding-right: 3px;
}
.difads .breadcrumb .breadcrumb__item:not(:last-child):after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .breadcrumb .breadcrumb__item:not(:last-child):after {
  font-size: 14px !important;
}
.difads .breadcrumb .breadcrumb__item:not(:last-child):after {
  color: rgba(var(--theme-color-interaction), 1);
  font-size: 16px;
  vertical-align: bottom;
}
.difads .breadcrumb .breadcrumb__item:hover {
  cursor: default;
}
.difads .breadcrumb .breadcrumb__item > a {
  color: rgba(var(--theme-color-interaction), 1);
  cursor: pointer;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.difads .breadcrumb .breadcrumb__item > a:hover {
  color: rgba(var(--theme-color-interaction-hover), 1);
  text-decoration: underline;
}
.difads .breadcrumb .breadcrumb__item > a:active {
  color: rgba(var(--theme-color-interaction), 1);
  text-decoration: underline;
}
.difads .breadcrumb .breadcrumb__item.is-current,
.difads .breadcrumb .breadcrumb__item.is-current a,
.difads .breadcrumb .breadcrumb__item.is-current a:visited,
.difads .breadcrumb .breadcrumb__item.is-current a:hover {
  color: rgba(var(--theme-color-standard), 1);
  text-decoration: none;
  cursor: default;
}
.difads .button,
.difads .pagination__page a {
  border: 2px solid transparent;
  border-radius: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  padding: 7px 8px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
.difads .button--primary {
  width: 100%;
  background-color: rgba(var(--theme-color-interaction), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1) !important;
  transition: background-color 0.2s ease-in-out;
}
.difads .button--primary:hover {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .button--primary:active {
  background-color: rgba(var(--theme-color-interaction-active), 1);
}
.difads .button--primary.is-disabled,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .button--primary.button,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.button--primary,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.button--primary,
.difads .button--primary:disabled,
.difads .button--primary[disabled] {
  background-color: rgba(var(--theme-color-disabled), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .button--primary.is-disabled:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .button--primary.button:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.button--primary:hover,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.button--primary:hover,
.difads .button--primary:disabled:hover,
.difads .button--primary[disabled]:hover {
  cursor: not-allowed;
}
.difads .button--secondary {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(var(--theme-color-area0), 1);
  border: 2px solid rgba(var(--theme-color-interaction), 1);
  color: rgba(var(--theme-color-interaction), 1);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}
.difads .button--secondary:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
  color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads .button--secondary:active {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  border-color: rgba(var(--theme-color-interaction-active), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .button--secondary.is-disabled,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .button--secondary.button,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.button--secondary,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.button--secondary,
.difads .button--secondary:disabled,
.difads .button--secondary[disabled] {
  border-color: rgba(var(--theme-color-disabled), 1);
  background-color: transparent;
  color: rgba(var(--theme-color-disabled), 1);
}
.difads .button--secondary.is-disabled:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .button--secondary.button:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.button--secondary:hover,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.button--secondary:hover,
.difads .button--secondary:disabled:hover,
.difads .button--secondary[disabled]:hover {
  cursor: not-allowed;
}
.difads .button--ghost,
.difads .pagination__page a {
  background-color: transparent;
  border: 2px solid transparent;
  color: rgba(var(--theme-color-interaction), 1);
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.difads .button--ghost:hover,
.difads .pagination__page a:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
}
.difads .button--ghost:active,
.difads .pagination__page a:active {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  border-color: transparent;
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .button--ghost.is-disabled,
.difads .pagination__page a.is-disabled,
.difads .splitButtonWrapper .splitButtonGroup.is-disabled .pagination__page a,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup.is-disabled a,
.difads .splitButtonWrapper .splitButtonGroup.is-disabled .button--ghost.button,
.difads .button--ghost:disabled,
.difads .pagination__page a:disabled,
.difads .button--ghost[disabled],
.difads .pagination__page a[disabled] {
  border-color: transparent;
  background-color: transparent;
  color: rgba(var(--theme-color-disabled), 1);
}
.difads .button--ghost.is-disabled:hover,
.difads .pagination__page a.is-disabled:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a:hover,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .button--ghost.button:hover,
.difads .button--ghost:disabled:hover,
.difads .pagination__page a:disabled:hover,
.difads .button--ghost[disabled]:hover,
.difads .pagination__page a[disabled]:hover {
  cursor: not-allowed;
}
.difads .button > .DIFAicons,
.difads .pagination__page a > .DIFAicons {
  display: inline-block;
  font-size: 24px;
  line-height: 14px;
  margin: 0 8px 0 0px;
  vertical-align: bottom;
}
.difads .button--iconOnly {
  padding-left: 2px;
  padding-right: 2px;
}
.difads .button--iconOnly > .DIFAicons {
  margin-right: 0;
}
.difads .buttonGroup {
  display: flex;
  flex-wrap: wrap;
  vertical-align: middle;
}
.difads .buttonGroup .button,
.difads .buttonGroup .pagination__page a,
.difads .pagination__page .buttonGroup a,
.difads .buttonGroup a.button,
.difads .buttonGroup .pagination__page a,
.difads .pagination__page .buttonGroup a {
  flex: 1;
  margin: 0;
  margin-left: -2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.difads .buttonGroup .button.button--primary,
.difads .buttonGroup .pagination__page a.button--primary,
.difads .pagination__page .buttonGroup a.button--primary,
.difads .buttonGroup .button.button--secondary,
.difads .buttonGroup .pagination__page a.button--secondary,
.difads .pagination__page .buttonGroup a.button--secondary,
.difads .buttonGroup a.button.button--primary,
.difads .buttonGroup .pagination__page a.button--primary,
.difads .pagination__page .buttonGroup a.button--primary,
.difads .buttonGroup a.button.button--secondary,
.difads .buttonGroup .pagination__page a.button--secondary,
.difads .pagination__page .buttonGroup a.button--secondary {
  border-radius: 0;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.difads .buttonGroup .button.button--primary:last-child,
.difads .buttonGroup .pagination__page a.button--primary:last-child,
.difads .pagination__page .buttonGroup a.button--primary:last-child,
.difads .buttonGroup .button.button--secondary:last-child,
.difads .buttonGroup .pagination__page a.button--secondary:last-child,
.difads .pagination__page .buttonGroup a.button--secondary:last-child,
.difads .buttonGroup a.button.button--primary:last-child,
.difads .buttonGroup .pagination__page a.button--primary:last-child,
.difads .pagination__page .buttonGroup a.button--primary:last-child,
.difads .buttonGroup a.button.button--secondary:last-child,
.difads .buttonGroup .pagination__page a.button--secondary:last-child,
.difads .pagination__page .buttonGroup a.button--secondary:last-child {
  border-right-width: 2px;
}
.difads .buttonGroup .button.button--primary:first-child,
.difads .buttonGroup .pagination__page a.button--primary:first-child,
.difads .pagination__page .buttonGroup a.button--primary:first-child,
.difads .buttonGroup .button.button--secondary:first-child,
.difads .buttonGroup .pagination__page a.button--secondary:first-child,
.difads .pagination__page .buttonGroup a.button--secondary:first-child,
.difads .buttonGroup a.button.button--primary:first-child,
.difads .buttonGroup .pagination__page a.button--primary:first-child,
.difads .pagination__page .buttonGroup a.button--primary:first-child,
.difads .buttonGroup a.button.button--secondary:first-child,
.difads .buttonGroup .pagination__page a.button--secondary:first-child,
.difads .pagination__page .buttonGroup a.button--secondary:first-child {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.difads .buttonGroup .button.button--primary:last-child,
.difads .buttonGroup .pagination__page a.button--primary:last-child,
.difads .pagination__page .buttonGroup a.button--primary:last-child,
.difads .buttonGroup .button.button--secondary:last-child,
.difads .buttonGroup .pagination__page a.button--secondary:last-child,
.difads .pagination__page .buttonGroup a.button--secondary:last-child,
.difads .buttonGroup a.button.button--primary:last-child,
.difads .buttonGroup .pagination__page a.button--primary:last-child,
.difads .pagination__page .buttonGroup a.button--primary:last-child,
.difads .buttonGroup a.button.button--secondary:last-child,
.difads .buttonGroup .pagination__page a.button--secondary:last-child,
.difads .pagination__page .buttonGroup a.button--secondary:last-child {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.difads .buttonGroup .button.button--primary.is-activated,
.difads .buttonGroup .pagination__page a.button--primary.is-activated,
.difads .pagination__page .buttonGroup a.button--primary.is-activated,
.difads .buttonGroup .button.button--secondary.is-activated,
.difads .buttonGroup .pagination__page a.button--secondary.is-activated,
.difads .pagination__page .buttonGroup a.button--secondary.is-activated,
.difads .buttonGroup a.button.button--primary.is-activated,
.difads .buttonGroup .pagination__page a.button--primary.is-activated,
.difads .pagination__page .buttonGroup a.button--primary.is-activated,
.difads .buttonGroup a.button.button--secondary.is-activated,
.difads .buttonGroup .pagination__page a.button--secondary.is-activated,
.difads .pagination__page .buttonGroup a.button--secondary.is-activated {
  border: none;
  background-color: rgba(var(--theme-color-interaction-active), 1);
  border-left: 2px solid rgba(var(--theme-color-interaction-active), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
  outline: none;
  text-decoration: none;
}
.difads .buttonGroup .button.button--primary.is-activated + .is-activated,
.difads
  .buttonGroup
  .pagination__page
  a.button--primary.is-activated
  + .is-activated,
.difads
  .pagination__page
  .buttonGroup
  a.button--primary.is-activated
  + .is-activated,
.difads .buttonGroup .button.button--secondary.is-activated + .is-activated,
.difads
  .buttonGroup
  .pagination__page
  a.button--secondary.is-activated
  + .is-activated,
.difads
  .pagination__page
  .buttonGroup
  a.button--secondary.is-activated
  + .is-activated,
.difads .buttonGroup a.button.button--primary.is-activated + .is-activated,
.difads
  .buttonGroup
  .pagination__page
  a.button--primary.is-activated
  + .is-activated,
.difads
  .pagination__page
  .buttonGroup
  a.button--primary.is-activated
  + .is-activated,
.difads .buttonGroup a.button.button--secondary.is-activated + .is-activated,
.difads
  .buttonGroup
  .pagination__page
  a.button--secondary.is-activated
  + .is-activated,
.difads
  .pagination__page
  .buttonGroup
  a.button--secondary.is-activated
  + .is-activated {
  border-left-color: rgba(var(--theme-color-background), 1);
}
.difads .buttonGroup .button.button--ghost,
.difads .buttonGroup .pagination__page a,
.difads .pagination__page .buttonGroup a,
.difads .buttonGroup a.button.button--ghost,
.difads .buttonGroup .pagination__page a,
.difads .pagination__page .buttonGroup a {
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.difads .buttonGroup .button.button--ghost:active,
.difads .buttonGroup .pagination__page a:active,
.difads .pagination__page .buttonGroup a:active,
.difads .buttonGroup .button.button--ghost.is-activated,
.difads .buttonGroup .pagination__page a.is-activated,
.difads .pagination__page .buttonGroup a.is-activated,
.difads .buttonGroup a.button.button--ghost:active,
.difads .buttonGroup .pagination__page a:active,
.difads .pagination__page .buttonGroup a:active,
.difads .buttonGroup a.button.button--ghost.is-activated,
.difads .buttonGroup .pagination__page a.is-activated,
.difads .pagination__page .buttonGroup a.is-activated {
  outline: none;
  text-decoration: none;
}
.difads .buttonGroup--fixedWidth .button--iconOnly {
  max-width: 32px;
}
.difads .chip {
  background-color: rgba(var(--theme-color-interaction), 1);
  border: 1px solid rgba(var(--theme-input--border-color), 1);
  border-radius: 12px;
  box-sizing: border-box;
  color: rgba(var(--theme-color-interaction-contrast), 1);
  display: inline-block;
  font-size: 14px;
  height: 24px;
  line-height: 22px;
  margin-left: 4px;
  margin-right: 4px;
  padding: 0px 12px;
  position: relative;
  vertical-align: baseline;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,
    border-color 0.2s ease-in-out;
}
.difads .chip.chip--interactive:hover {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
  border-color: rgba(var(--theme-input--border-color--hover), 1);
  cursor: pointer;
}
.difads .chip.chip--interactive:active {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  border-color: rgba(var(--theme-color-interaction-active), 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.difads .chip > .DIFAicons {
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin: 0;
  line-height: 14px;
  position: relative;
}
.difads .chip > .DIFAicons.chip__trailingIcon {
  top: 1px;
  left: 2px;
}
.difads .chip > .DIFAicons.chip__leadingIcon {
  top: 1px;
  left: -4px;
}
.difads .dialog {
  display: none;
  pointer-events: none;
  z-index: 100;
}
.difads .dialog.is-shown {
  display: flex;
}
.difads .dialog.is-shown .dialog__overlay {
  opacity: 1;
}
.difads .dialog,
.difads .dialog__overlay {
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.difads .dialog__overlay {
  opacity: 0;
  pointer-events: auto;
  z-index: -1;
  background-color: rgba(
    var(--theme-color-overlay),
    var(--theme-opacity-overlay)
  );
}
.difads .dialog__container {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100%;
  justify-content: space-around;
  pointer-events: none;
  width: 100%;
}
@media (max-width: 360px) {
  .difads .dialog__container {
    align-items: flex-start;
  }
}
.difads .dialog__background {
  background-color: rgba(var(--theme-color-area0), 1);
  border: 1px solid rgba(var(--theme-color-area6), 1);
  border-radius: 3px;
  box-shadow: rgba(var(--theme-color-shadow), var(--theme-opacity-shadow)) 0px
    2px 5px 2px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  max-height: 100%;
  overflow-y: auto;
  pointer-events: auto;
}
@media (max-width: 360px) {
  .difads .dialog__background {
    border-radius: 0;
    width: 100%;
  }
}
@media (min-width: 360px) {
  .difads .dialog__background {
    width: 360px;
  }
}
@media (min-width: 600px) {
  .difads .dialog__background {
    width: 600px;
  }
}
.difads .dialog__title {
  background-color: rgba(var(--theme-color-area2), 1);
  border-bottom: 1px solid rgba(var(--theme-color-area6), 1);
  box-sizing: border-box;
  color: rgba(var(--theme-color-standard), 1);
  flex-shrink: 0;
  margin: 0;
  min-height: 32px;
  padding: 2px 50px 0px 16px;
  position: relative;
  font-size: 16px;
  line-height: 29px;
  font-weight: bold;
}
.difads .dialog__title .dialog__close {
  box-sizing: border-box;
  display: inline-block;
  font-size: 24px;
  height: 24px;
  position: absolute;
  top: 2px;
  right: 10px;
  width: 24px;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.difads .dialog__title .dialog__close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .dialog__title .dialog__close,
.difads .dialog__title .dialog__close:visited {
  color: rgba(var(--theme-color-standard), 1);
}
.difads .dialog__title .dialog__close:hover {
  color: rgba(var(--theme-color-interaction-hover), 1) !important;
}
.difads .dialog__title .dialog__close:active {
  color: rgba(var(--theme-color-interaction-active), 1) !important;
}
.difads .dialog__content {
  flex-grow: 1;
  margin: 0;
  overflow: auto;
  padding: 0 16px;
}
.difads .dialog__content img {
  height: auto;
  max-width: 100%;
  vertical-align: text-bottom;
}
.difads .dialog__footer {
  align-items: center;
  background-color: rgba(var(--theme-color-area2), 1);
  border-top: 1px solid rgba(var(--theme-color-area6), 1);
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 0;
  min-height: 48px;
  padding: 0 8px 0 8px;
  position: relative;
}
.difads .dialog__footer .button,
.difads .dialog__footer .pagination__page a,
.difads .pagination__page .dialog__footer a,
.difads .dialog__footer button {
  margin-bottom: 4px;
  margin-top: 4px;
}
.difads .dialog__footer .button:last-child,
.difads .dialog__footer .pagination__page a:last-child,
.difads .pagination__page .dialog__footer a:last-child,
.difads .dialog__footer button:last-child {
  margin-right: 0;
}
@media (max-width: 600px) {
  .difads .dialog__footer {
    flex-direction: column-reverse;
  }
}
.difads .flyout {
  display: inline-block;
  position: relative;
}
.difads .flyout.is-shown .flyout__container {
  display: block;
  position: absolute;
  left: 0;
}
.difads .flyout.is-shown-right .flyout__container {
  display: block;
  position: absolute;
  right: 0;
  left: auto;
}
.difads .flyout__container {
  background: rgba(var(--theme-color-background), 1);
  border: 1px solid rgba(var(--theme-color-area6), 1);
  box-shadow: var(--theme-box-shadow1);
  border-radius: 3px;
  display: none;
  margin-top: 4px;
  min-width: 240px;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.difads .flyout__container .container__header {
  align-items: center;
  border-bottom: 1px solid rgba(var(--theme-color-area6), 1);
  display: flex;
  flex-direction: row;
  padding: 12px 16px;
}
.difads .flyout__container .container__header .header__image {
  width: 46px;
  height: 46px;
  margin-right: 8px;
}
.difads .flyout__container .container__header .header__description {
  font-weight: bold;
}
.difads .flyout__container .container__content {
  border-bottom: 1px solid rgba(var(--theme-color-area6), 1);
  padding-top: 8px;
  padding-bottom: 8px;
}
.difads .flyout__container .container__content:last-child {
  border-bottom: none;
}
.difads .flyout__container .container__content .content__entry {
  cursor: pointer;
  display: flex;
  gap: 8px;
  padding: 8px 16px;
}
.difads .flyout__container .container__content .content__entry:hover {
  background-color: rgba(var(--theme-color-area2), 1);
}
.difads .flyout__container .container__content .content__entry .DIFAicons {
  font-size: 16px;
}
.difads .flyout__container .container__content .content__subheadline {
  color: rgba(var(--theme-color-muted), 1);
  font-weight: bold;
  font-size: 12px;
  padding: 0 16px;
}
.difads .flyout__container .container__footer {
  background-color: rgba(var(--theme-color-area2), 1);
  padding: 8px 16px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.difads .flyout__container--scrollable {
  max-height: 210px;
  overflow-y: scroll;
}
.difads .flyout__container--truncate {
  max-width: 350px;
}
.difads .flyout__container--truncate .content__entry {
  display: block !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.difads .flyout__container--truncate .content__entry span {
  min-width: 0;
}
.difads button:focus,
.difads a:focus,
.difads textarea:focus,
.difads select:focus,
.difads input:focus {
  outline-color: rgba(var(--theme-color-interaction-focus), 1);
}
.difads input[type="text"],
.difads input[type="password"],
.difads input[type="color"],
.difads textarea,
.difads .textarea {
  background: transparent;
  border: unset;
}
.difads input[type="text"]::-webkit-input-placeholder,
.difads input[type="password"]::-webkit-input-placeholder,
.difads input[type="color"]::-webkit-input-placeholder,
.difads textarea::-webkit-input-placeholder,
.difads .textarea::-webkit-input-placeholder {
  color: rgba(var(--theme-color-area6), 1);
  font-style: italic;
  opacity: 1;
}
.difads input[type="text"]::-moz-placeholder,
.difads input[type="password"]::-moz-placeholder,
.difads input[type="color"]::-moz-placeholder,
.difads textarea::-moz-placeholder,
.difads .textarea::-moz-placeholder {
  color: rgba(var(--theme-color-area6), 1);
  font-style: italic;
  opacity: 1;
}
.difads input[type="text"]:-ms-input-placeholder,
.difads input[type="password"]:-ms-input-placeholder,
.difads input[type="color"]:-ms-input-placeholder,
.difads textarea:-ms-input-placeholder,
.difads .textarea:-ms-input-placeholder {
  color: rgba(var(--theme-color-area6), 1);
  font-style: italic;
  opacity: 1;
}

.difads input[type="text"].is-invalid,
.difads input[type="password"].is-invalid,
.difads input[type="color"].is-invalid {
  border: 1px solid rgba(var(--theme-color-error), 1);
  background: rgba(var(--theme-color-error2), 1);
  margin-bottom: 8px;
}
.difads input[type="text"]:hover,
.difads input[type="password"]:hover,
.difads input[type="color"]:hover {
}

.difads textarea:hover,
.difads .textarea:hover {
  background: rgba(var(--theme-color-interaction-hover2), 1);
  color: rgba(var(--theme-color-interaction-hover), 1);
  border-color: rgba(var(--theme-input--border-color--hover), 1);
}

.difads input[type="text"][disabled],
.difads input[type="password"][disabled],
.difads input[type="color"][disabled],
.difads textarea[disabled],
.difads .textarea[disabled] {
  background: rgba(var(--theme-color-area1), 1);
  border-color: rgba(var(--theme-color-disabled), 1);
  color: rgba(var(--theme-color-disabled), 1);
  cursor: default;
}
.difads input[type="text"][readonly],
.difads input[type="password"][readonly],
.difads input[type="color"][readonly],
.difads textarea[readonly],
.difads .textarea[readonly] {
  background: rgba(var(--theme-color-area1), 1);
  border-color: rgba(var(--theme-color-disabled), 1);
  color: rgba(var(--theme-color-standard), 1);
  cursor: default;
}
.difads input[type="text"]:focus-visible,
.difads input[type="password"]:focus-visible,
.difads input[type="color"]:focus,
.difads textarea:focus-visible,
.difads .textarea:focus-visible {
  outline: unset;
}
.difads input[type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  height: 32px;
  padding: 0;
  width: 32px;
}
.difads input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}
.difads input[type="range"]:focus {
  outline: none;
}
.difads input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(var(--theme-color-interaction), 1);
  border-radius: 2px;
  height: 4px;
}
.difads input[type="range"]::-moz-range-track {
  background-color: rgba(var(--theme-color-interaction), 1);
  border-radius: 2px;
  height: 4px;
}
.difads input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -8px;
  border-radius: 50%;
  background-color: rgba(var(--theme-color-interaction), 1);
  border: 1px solid rgba(var(--theme-color-interaction-contrast), 1);
  height: 20px;
  width: 20px;
}
.difads input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: -8px;
  border-radius: 50%;
  background-color: rgba(var(--theme-color-interaction), 1);
  border: 1px solid rgba(var(--theme-color-interaction-contrast), 1);
  height: 20px;
  width: 20px;
}
.difads input[type="range"]:focus::-webkit-slider-thumb {
  outline: 2px solid rgba(var(--theme-color-interaction-focus), 1);
}
.difads input[type="range"]:focus::-moz-range-thumb {
  outline: 2px solid rgba(var(--theme-color-interaction-focus), 1);
}
.difads input[type="range"]:hover::-webkit-slider-runnable-track {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads input[type="range"]:hover::-moz-range-track {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads input[type="range"]:hover::-webkit-slider-thumb {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads input[type="range"]:hover::-moz-range-thumb {
  background-color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads input[type="range"] + label {
  margin-right: 0;
  margin-left: 8px;
}
.difads .label {
  line-height: 20px;
  margin-bottom: 4px;
  margin-right: 8px;
}
.difads .inputgroup .label,
.difads .inputgroup .inputfield--text,
.difads .inputgroup .textarea,
.difads .inputgroup label,
.difads .inputgroup input,
.difads .inputgroup textarea {
  vertical-align: top;
}
.difads .inputgroup label,
.difads .inputgroup .label {
  line-height: 32px;
}
.difads .inputgroup--vertical .label,
.difads .inputgroup--vertical .inputfield--text,
.difads .inputgroup--vertical .textarea,
.difads .inputgroup--vertical label,
.difads .inputgroup--vertical input,
.difads .inputgroup--vertical textarea {
  display: block;
  vertical-align: center;
  width: 100%;
}
.difads .inputgroup--vertical label,
.difads .inputgroup--vertical .label {
  line-height: 20px;
}
.difads .inputgroup--range {
  display: flex;
}

.difads .inputgroup__error {
  color: rgba(var(--theme-color-error), 1);
}

.difads footer {
  background-color: rgba(var(--theme-color-background), 1);
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
}
@media only screen and (min-width: 959px) {
  .difads footer .footer__container {
    margin: 0 24px;
  }
}
@media only screen and (max-width: 960px) {
  .difads footer .footer__container {
    margin: 0 16px;
  }
}
.difads footer .footer__container {
  border-top: 1px solid rgba(var(--theme-color-area4), 1);
  height: 32px;
}
.difads footer .footer__container span {
  float: right;
  margin: 8px 0;
  margin-left: 16px;
}
.difads footer .footer__container span a {
  color: rgba(var(--theme-color-muted), 1);
  text-decoration: none;
}
.difads footer .footer__container span a:hover {
  color: rgba(var(--theme-color-interaction-hover), 1);
  text-decoration: underline;
}
.difads footer .footer__container span:first-child {
  float: left;
  margin-left: 0;
  margin-right: 8px;
}
.difads .pagination ul {
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}
.difads .pagination__page {
  border-radius: 3px;
  color: rgba(var(--theme-color-interaction-contrast), 1) !important;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  margin: 0 !important;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}
.difads .pagination__page a {
  border: none;
  min-width: 32px;
  padding: 9px 6px;
  text-decoration: none !important;
}
.difads .pagination__page a .DIFAicons {
  margin-right: 0;
}
.difads .pagination__page.is-current a {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .pagination__dots a {
  cursor: default;
  color: rgba(var(--theme-color-muted), 1) !important;
}
.difads .pagination__dots a:active {
  background-color: unset;
}
.difads .pagination__dots a:hover {
  background-color: unset;
}
.difads .pagination__firstPage a,
.difads .pagination__lastPage a {
  padding: 9px 0px;
}
.difads .pleasewaitIndicator {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: relative;
  z-index: -1;
}
.difads .pleasewaitIndicator--withOverlay {
  align-items: center;
  box-sizing: border-box;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.difads .pleasewaitIndicator--withOverlay .pleasewaitIndicator__overlay {
  background-color: rgba(var(--theme-color-overlay), 0.7);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.difads .pleasewaitIndicator__indicator {
  -webkit-animation: pleasewait 1.2s linear infinite;
  animation: pleasewait 1.2s linear infinite;
  border-width: 5px;
  border-style: solid;
  border-color: rgba(var(--theme-color-area3), 1)
    rgba(var(--theme-color-interaction-hover), 1)
    rgba(var(--theme-color-interaction), 1)
    rgba(var(--theme-color-interaction-active), 1);
  border-radius: 100%;
  height: 48px;
  width: 48px;
}
.difads .pleasewaitIndicator__indicator--small {
  border-width: 4px;
  height: 24px;
  width: 24px;
}
.difads .pleasewaitIndicator__indicator--large {
  border-width: 6px;
  height: 64px;
  width: 64px;
}
.difads .pleasewaitIndicator__indicator--xlarge {
  border-width: 8px;
  height: 96px;
  width: 96px;
}
.difads .pleasewaitIndicator__label {
  color: rgba(var(--theme-color-standard), 1);
  margin-top: 8px;
}
:not(&--withOverlay) .pleasewaitIndicator__overlay {
  display: none !important;
}
.difads .pleasewaitIndicator.is-shown {
  display: flex;
  flex-direction: column;
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}
.difads .pleasewaitIndicator.is-shown .pleasewaitIndicator__overlay {
  opacity: 1;
}
@-webkit-keyframes pleasewait {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(450deg);
  }
}
@keyframes pleasewait {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(450deg);
  }
}
.difads .progressbar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.difads .progressbar > label,
.difads .progressbar > progress {
  margin-top: 8px;
  width: 100%;
}
.difads .progressbar > label {
  margin-bottom: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}
.difads .progressbar progress {
  background-color: rgba(var(--theme-color-area3), 1);
  border: none;
  border-radius: 0px;
  color: red;
  height: 16px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.difads .progressbar progress::-webkit-progress-bar {
  background-color: rgba(var(--theme-color-area3), 1);
}
.difads .progressbar progress::-webkit-progress-value {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  -webkit-transition: 2s width;
  transition: 2s width;
}
.difads .progressbar progress::-moz-progress-bar {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  -moz-transition: 2s width;
  transition: 2s width;
}
.difads .progressbar.progressbar--small > label,
.difads .progressbar.progressbar--small > progress {
  margin-top: 4px;
}
.difads .progressbar.progressbar--small progress {
  height: 8px;
}
.difads .splitButtonWrapper {
  display: inline-block;
}
.difads .splitButtonWrapper .splitButtonGroup {
  display: flex;
}
.difads .splitButtonWrapper .splitButtonGroup .button,
.difads .splitButtonWrapper .splitButtonGroup .pagination__page a,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup a {
  min-width: 32px;
}
.difads .splitButtonWrapper .splitButtonGroup .button:first-child,
.difads .splitButtonWrapper .splitButtonGroup .pagination__page a:first-child,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup a:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: 0;
}
.difads .splitButtonWrapper .splitButtonGroup .button:last-child,
.difads .splitButtonWrapper .splitButtonGroup .pagination__page a:last-child,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup a:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}
.difads .splitButtonWrapper .splitButtonGroup .button--primary:first-child {
  border-right-color: rgba(var(--theme-color-interaction-contrast), 1);
  border-width: 0 1px 0 0;
}
.difads .splitButtonWrapper .splitButtonGroup .button--secondary:first-child {
  border-right: 0;
}
.difads .splitButtonWrapper .splitButtonGroup .button--secondary:last-child {
  border-left-width: 1px;
}
.difads .splitButtonWrapper .splitButtonGroup .button .arrow-up,
.difads .splitButtonWrapper .splitButtonGroup .pagination__page a .arrow-up,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup a .arrow-up {
  display: none;
}
.difads .splitButtonWrapper .splitButtonGroup .button .arrow-down,
.difads .splitButtonWrapper .splitButtonGroup .pagination__page a .arrow-down,
.difads .pagination__page .splitButtonWrapper .splitButtonGroup a .arrow-down {
  display: inline-block;
}
.difads .flyout.is-shown .splitButtonGroup .button:last-child,
.difads .flyout.is-shown .splitButtonGroup .pagination__page a:last-child,
.difads .pagination__page .flyout.is-shown .splitButtonGroup a:last-child,
.difads .flyout.is-shown-right .splitButtonGroup .button:last-child,
.difads .flyout.is-shown-right .splitButtonGroup .pagination__page a:last-child,
.difads
  .pagination__page
  .flyout.is-shown-right
  .splitButtonGroup
  a:last-child {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  border-color: rgba(var(--theme-color-interaction-active), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .flyout.is-shown .splitButtonGroup .button:last-child .arrow-up,
.difads
  .flyout.is-shown
  .splitButtonGroup
  .pagination__page
  a:last-child
  .arrow-up,
.difads
  .pagination__page
  .flyout.is-shown
  .splitButtonGroup
  a:last-child
  .arrow-up,
.difads .flyout.is-shown-right .splitButtonGroup .button:last-child .arrow-up,
.difads
  .flyout.is-shown-right
  .splitButtonGroup
  .pagination__page
  a:last-child
  .arrow-up,
.difads
  .pagination__page
  .flyout.is-shown-right
  .splitButtonGroup
  a:last-child
  .arrow-up {
  display: inline-block;
}
.difads .flyout.is-shown .splitButtonGroup .button:last-child .arrow-down,
.difads
  .flyout.is-shown
  .splitButtonGroup
  .pagination__page
  a:last-child
  .arrow-down,
.difads
  .pagination__page
  .flyout.is-shown
  .splitButtonGroup
  a:last-child
  .arrow-down,
.difads .flyout.is-shown-right .splitButtonGroup .button:last-child .arrow-down,
.difads
  .flyout.is-shown-right
  .splitButtonGroup
  .pagination__page
  a:last-child
  .arrow-down,
.difads
  .pagination__page
  .flyout.is-shown-right
  .splitButtonGroup
  a:last-child
  .arrow-down {
  display: none;
}
.difads .flyout.is-shown .splitButtonGroup .button:last-child:hover,
.difads .flyout.is-shown .splitButtonGroup .pagination__page a:last-child:hover,
.difads .pagination__page .flyout.is-shown .splitButtonGroup a:last-child:hover,
.difads .flyout.is-shown-right .splitButtonGroup .button:last-child:hover,
.difads
  .flyout.is-shown-right
  .splitButtonGroup
  .pagination__page
  a:last-child:hover,
.difads
  .pagination__page
  .flyout.is-shown-right
  .splitButtonGroup
  a:last-child:hover {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
}
.difads .radio,
.difads .checkbox {
  display: flex;
  flex-direction: column;
  width: auto;
}
.difads .radio--row,
.difads .checkbox--row {
  flex-direction: row;
}
.difads .radio__label,
.difads .checkbox__label {
  margin: 0 10px 10px 0;
}
.difads .radio__button,
.difads .checkbox__button {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  line-height: 20px;
  margin-bottom: 12px;
}
.difads .radio__button:hover,
.difads .checkbox__button:hover {
  color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads .radio__button--disabled,
.difads .checkbox__button--disabled {
  cursor: not-allowed;
  color: rgba(var(--theme-color-disabled), 1);
}
.difads .radio__button--disabled:hover,
.difads .checkbox__button--disabled:hover {
  color: rgba(var(--theme-color-disabled), 1);
}
.difads .radio__button--error input,
.difads .checkbox__button--error input {
  accent-color: rgba(var(--theme-color-error), 1);
  outline: 1px solid rgba(var(--theme-color-error), 1);
  outline-style: auto;
}
.difads .radio__button--error__wrapper,
.difads .checkbox__button--error__wrapper {
  width: 100%;
  margin: 6px 0 0 26px;
}
.difads .radio__button--error__details,
.difads .checkbox__button--error__details {
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: rgba(var(--theme-color-error), 1);
  color: rgba(var(--theme-color-interaction-contrast), 1);
  padding: 0 8px;
}
.difads .radio__button--busy input,
.difads .checkbox__button--busy input {
  display: none;
}
.difads .radio__button--busy .pleasewaitIndicator__indicator,
.difads .checkbox__button--busy .pleasewaitIndicator__indicator {
  display: block !important;
}
.difads .radio__input,
.difads .checkbox__input {
  accent-color: rgba(var(--theme-color-interaction), 1);
  cursor: pointer;
  margin: 1px 8px 0 0;
  height: 18px;
  width: 18px;
}
.difads .radio__input:checked + .radio__contentGroup,
.difads .radio__input:checked + .checkbox__contentGroup,
.difads .checkbox__input:checked + .radio__contentGroup,
.difads .checkbox__input:checked + .checkbox__contentGroup {
  display: block;
}
.difads .radio__input[disabled],
.difads .checkbox__input[disabled] {
  cursor: not-allowed;
}
.difads .radio__input[disabled] + label,
.difads .checkbox__input[disabled] + label {
  cursor: not-allowed;
}
.difads .radio__contentGroup,
.difads .checkbox__contentGroup {
  display: none;
  cursor: default;
  margin: 8px 0 0 22px;
  width: 100%;
}
.difads .radio__contentGroup__image,
.difads .checkbox__contentGroup__image {
  display: flex;
  float: left;
  margin-right: 10px;
  height: 50px;
  width: 50px;
}
.difads .radio__contentGroup__text,
.difads .checkbox__contentGroup__text {
  max-width: 300px;
}
.difads .radio__second-level,
.difads .checkbox__second-level {
  margin: 8px 0 0 26px;
}
.difads .radio .pleasewaitIndicator__indicator--small,
.difads .checkbox .pleasewaitIndicator__indicator--small {
  box-sizing: border-box;
  display: none;
  left: 0;
  margin-right: 8px;
  top: 0;
  height: 18px;
  width: 18px;
}
.difads .switch {
  margin: 8px 0;
  position: relative;
}
.difads .switch__label {
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin-left: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.difads .switch__handle {
  border-radius: 16px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 16px;
  position: relative;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 44px;
  transition: background 0.2s ease-in-out;
}
.difads .switch__handle:before {
  background-color: rgba(var(--theme-color-area0), 1);
  border: 2px solid rgba(var(--theme-color-interaction-active), 1);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 24px;
  left: -1px;
  position: absolute;
  top: -5px;
  transition: all 0.2s ease-in-out;
  width: 24px;
}
.difads .switch__checkbox {
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  opacity: 0.01;
}
.difads .switch__checkbox + .switch__handle {
  box-sizing: border-box;
  border: 1px solid rgba(var(--theme-color-area6), 1);
}
.difads .switch__checkbox + .switch__handle:hover:before {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
}
.difads .switch__checkbox + .switch__handle:active:before {
  background-color: rgba(var(--theme-color-area0), 1);
  border-color: rgba(var(--theme-color-interaction-active), 1);
}
.difads .switch__checkbox:not(:checked) + .switch__handle {
  background-color: rgba(var(--theme-color-area2), 1);
}
.difads .switch__checkbox:checked + .switch__handle:before {
  background-color: rgba(var(--theme-color-interaction-active), 1);
  left: 112%;
  transform: translateX(-100%) translateX(-4px);
}
.difads .switch__checkbox[disabled] + .switch__handle {
  background-color: rgba(var(--theme-color-base800), 1) !important;
  cursor: not-allowed;
}
.difads .switch__checkbox[disabled] ~ .switch__label {
  cursor: not-allowed;
}
.difads .switch input[type="checkbox"][disabled] + label.switch__handle:before {
  background-color: rgba(var(--theme-color-area0), 1);
  border-color: rgba(var(--theme-color-disabled), 1);
}
.difads .switch input[type="checkbox"][disabled] + label.switch__handle {
  background-color: rgba(var(--theme-color-area0), 1);
  border-color: rgba(var(--theme-color-disabled), 1);
}
.difads
  .switch
  input[type="checkbox"][disabled][checked]
  + label.switch__handle:before {
  background-color: rgba(var(--theme-color-disabled), 1);
  border-color: rgba(var(--theme-color-disabled), 1);
}
.difads .systemmessage {
  background-color: rgba(var(--theme-color-informal2), 1);
  border-radius: 3px;
  border: 1px rgba(var(--theme-color-informal), 1) solid;
  box-sizing: border-box;
  color: rgba(var(--theme-color-standard), 1);
  display: inline-block;
  padding: 8px 16px 8px 56px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.difads .systemmessage:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .systemmessage:after {
  color: rgba(var(--theme-color-informal), 1);
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 16px;
  line-height: 24px;
  position: absolute;
  top: calc(50% - 12px);
}
.difads .systemmessage:before {
  position: absolute;
  content: "";
  border-radius: 8px;
  background-color: rgba(var(--theme-color-accent-contrast), 1);
  height: 18px;
  width: 18px;
  top: calc(50% - 8px);
  left: 19px;
}
.difads .systemmessage .systemmessage__title {
  line-height: 26px !important;
  margin: 0 0 0 0;
}
.difads .systemmessage .systemmessage__content :first-child {
  margin-top: 0;
}
.difads .systemmessage .systemmessage__content :last-child {
  margin-bottom: 0;
}
.difads .systemmessage.systemmessage--warning {
  background-color: rgba(var(--theme-color-warning2), 1);
  border: 1px rgba(var(--theme-color-warning), 1) solid;
}
.difads .systemmessage.systemmessage--warning:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .systemmessage.systemmessage--warning:after {
  color: rgba(var(--theme-color-warning), 1);
}
.difads .systemmessage.systemmessage--error {
  background-color: rgba(var(--theme-color-error2), 1);
  border: 1px rgba(var(--theme-color-error), 1) solid;
}
.difads .systemmessage.systemmessage--error:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .systemmessage.systemmessage--error:after {
  color: rgba(var(--theme-color-error), 1);
}
.difads .systemmessage.systemmessage--success {
  background-color: rgba(var(--theme-color-success2), 1);
  border: 1px rgba(var(--theme-color-success), 1) solid;
}
.difads .systemmessage.systemmessage--success:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .systemmessage.systemmessage--success:after {
  color: rgba(var(--theme-color-success), 1);
}
.difads .systemmessage + .systemmessage {
  margin-top: 8px;
}
.difads .toastmessage {
  background-color: rgba(var(--theme-color-informal2), 1);
  border-top: 2px rgba(var(--theme-color-informal), 1) solid;
  box-shadow: 0px 0px 5px 2px rgba(var(--theme-color-shadow), 0.25);
  box-sizing: border-box;
  color: rgba(var(--theme-color-standard), 1);
  display: inline-block;
  padding: 8px 16px 8px 56px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .difads .toastmessage {
    border-radius: 2px;
    left: 50%;
    max-width: 768px;
    right: auto;
    transform: translateX(-50%);
  }
}
.difads .toastmessage:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .toastmessage:after {
  color: rgba(var(--theme-color-informal), 1);
  font-size: 24px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 16px;
  line-height: 24px;
  position: absolute;
  top: calc(50% - 12px);
}
.difads .toastmessage:before {
  position: absolute;
  content: "";
  border-radius: 8px;
  background-color: rgba(var(--theme-color-accent-contrast), 1);
  height: 18px;
  width: 18px;
  top: calc(50% - 8px);
  left: 19px;
}
.difads .toastmessage .toastmessage__title {
  line-height: 26px !important;
  margin: 0 0 0 0;
  position: relative;
}
.difads .toastmessage .toastmessage__title .dialog__close {
  box-sizing: border-box;
  display: inline-block;
  font-size: 24px;
  height: 24px;
  position: absolute;
  top: -2px;
  right: -12px;
  width: 24px;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.difads .toastmessage .toastmessage__title .dialog__close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .toastmessage .toastmessage__title .dialog__close,
.difads .toastmessage .toastmessage__title .dialog__close:visited {
  color: rgba(var(--theme-color-standard), 1);
}
.difads .toastmessage .toastmessage__title .dialog__close:hover {
  color: rgba(var(--theme-color-interaction-hover), 1) !important;
}
.difads .toastmessage .toastmessage__title .dialog__close:active {
  color: rgba(var(--theme-color-interaction-active), 1) !important;
}
.difads .toastmessage .toastmessage__content :first-child {
  margin-top: 0;
}
.difads .toastmessage .toastmessage__content :last-child {
  margin-bottom: 0;
}
.difads .toastmessage.toastmessage--warning {
  background-color: rgba(var(--theme-color-warning2), 1);
  border-top: 2px rgba(var(--theme-color-warning), 1) solid;
}
.difads .toastmessage.toastmessage--warning:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .toastmessage.toastmessage--warning:after {
  color: rgba(var(--theme-color-warning), 1);
}
.difads .toastmessage.toastmessage--error {
  background-color: rgba(var(--theme-color-error2), 1);
  border-top: 2px rgba(var(--theme-color-error), 1) solid;
}
.difads .toastmessage.toastmessage--error:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .toastmessage.toastmessage--error:after {
  color: rgba(var(--theme-color-error), 1);
}
.difads .toastmessage.toastmessage--success {
  background-color: rgba(var(--theme-color-success2), 1);
  border-top: 2px rgba(var(--theme-color-success), 1) solid;
}
.difads .toastmessage.toastmessage--success:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .toastmessage.toastmessage--success:after {
  color: rgba(var(--theme-color-success), 1);
}
.difads {
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 14px;
}
.difads .font,
.difads .flyout__container,
.difads input[type="text"],
.difads input[type="password"],
.difads input[type="color"],
.difads textarea,
.difads .textarea,
.difads .progressbar.progressbar--small > label,
.difads .switch__label,
.difads .systemmessage,
.difads .systemmessage .systemmessage__title,
.difads .toastmessage,
.difads .toastmessage .toastmessage__title,
.difads .headline.headline--medium,
.difads .linklist,
.difads p,
.difads ul,
.difads ol,
.difads .table,
.difads .dropdown {
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.difads .font--small {
  font-size: 12px;
  line-height: 16px;
}
.difads .font--large {
  font-size: 16px;
  line-height: 24px;
}
.difads .font--xlarge,
.difads .progressbar > label,
.difads .headline.headline--large {
  font-size: 20px;
  line-height: 30px;
}
.difads .font--xxlarge,
.difads .headline.headline--xlarge {
  font-size: 22px;
  line-height: 32px;
}
.difads .font--xxxlarge {
  font-size: 30px;
  line-height: 44px;
}
.difads .font--bold,
.difads .radio__label--bold,
.difads .checkbox__label--bold,
.difads .systemmessage .systemmessage__title,
.difads .toastmessage .toastmessage__title {
  font-weight: bold;
}
.difads .font--italic {
  font-style: italic;
}
.difads .headline {
  font-weight: bold;
  margin-bottom: 8px;
}
.difads .headline.headline--medium {
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
}
.difads .headline.headline--large {
  -webkit-margin-before: 0.83em;
  margin-block-start: 0.83em;
}
.difads .headline.headline--xlarge {
  -webkit-margin-before: 0.67em;
  margin-block-start: 0.67em;
}
.difads .headline.headline--muted {
  color: rgba(var(--theme-color-muted), 1);
}
.difads .linklist {
  list-style-type: none;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  position: relative;
}
.difads .linklist > li,
.difads .linklist > .linklist__link {
  -webkit-margin-start: 22px;
  margin-inline-start: 22px;
  position: relative;
  margin-bottom: 2px;
}
.difads .linklist .DIFAicons {
  font-size: 16px;
  left: -22px;
  position: absolute;
  text-decoration: none;
  top: 1px;
}
.difads .linklist > li a + .DIFAicons,
.difads .linklist > .linklist__link a + .DIFAicons,
.difads .linklist > li a:visited + .DIFAicons,
.difads .linklist > .linklist__link a:visited + .DIFAicons {
  color: rgba(var(--theme-color-interaction), 1);
  transition: color 0.2s ease-in-out;
}
.difads .linklist > li a:hover + .DIFAicons,
.difads .linklist > .linklist__link a:hover + .DIFAicons {
  color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads
  .linklist
  > li
  a:active
  + .DIFAicons
  > .linklist__link
  a:active
  + .DIFAicons {
  color: rgba(var(--theme-color-interaction-active), 1);
}
.difads h1,
.difads h2,
.difads h3,
.difads h4,
.difads h5,
.difads h6,
.difads p,
.difads ul,
.difads ol {
  -webkit-margin-before: 16px;
  margin-block-start: 16px;
  -webkit-margin-after: 16px;
  margin-block-end: 16px;
}
.difads h1,
.difads h2,
.difads h3,
.difads h4,
.difads h5,
.difads h6 {
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-weight: bold;
  margin-bottom: 8px;
}
.difads h1 {
  font-size: 44px;
  line-height: 30px;
}
.difads h2 {
  font-size: 24px;
  line-height: 36px;
}
.difads h3 {
  font-size: 20px;
  line-height: 30px;
}
.difads h4 {
  font-size: 16px;
  line-height: 24px;
}
.difads h5 {
  font-size: 14px;
  line-height: 20px;
}
.difads h6 {
  font-size: 12px;
  line-height: 16px;
}
.difads code {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono,
    Menlo, monospace;
}
.difads mark {
  background-color: rgba(var(--theme-color-accent2), 1);
  color: #fff;
  -webkit-padding-start: 0.25em;
  padding-inline-start: 0.25em;
  -webkit-padding-end: 0.25em;
  padding-inline-end: 0.25em;
}
.difads a,
.difads a:visited {
  color: rgba(var(--theme-color-interaction), 1);
  transition: color 0.2s ease-in-out;
}
.difads a:hover {
  color: rgba(var(--theme-color-interaction-hover), 1);
}
.difads a:active {
  color: rgba(var(--theme-color-interaction-active), 1);
}
.difads .table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.difads .table td,
.difads .table th {
  padding: 10px 8px;
  text-align: left;
}
.difads .table thead tr {
  background-color: rgba(var(--theme-color-area2), 1);
}
.difads .table thead tr > td,
.difads .table thead tr > th {
  border-left: 1px solid rgba(var(--theme-color-area4), 1);
  border-top: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table thead tr > td:first-child,
.difads .table thead tr > th:first-child {
  border-top-left-radius: 3px;
}
.difads .table thead tr > td:last-child,
.difads .table thead tr > th:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr {
  cursor: pointer;
}
.difads .table tbody tr td,
.difads .table tbody tr th {
  border-top: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr td:first-child,
.difads .table tbody tr th:first-child {
  border-left: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr td:last-child,
.difads .table tbody tr th:last-child {
  border-right: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1) !important;
}
.difads .table tbody tr:last-child td,
.difads .table tbody tr:last-child th {
  border-bottom: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table.table--frameless thead tr th:not(:first-child):not(:last-child),
.difads .table.table--frameless thead tr td:not(:first-child):not(:last-child) {
  border-right: none;
}
.difads .table.table--frameless thead tr th:first-child,
.difads .table.table--frameless thead tr td:first-child {
  border-left: none;
  border-radius: 0;
}
.difads .table.table--frameless thead tr th:last-child,
.difads .table.table--frameless thead tr td:last-child {
  border-radius: 0;
  border-right: none;
}
.difads .table.table--frameless tbody tr th,
.difads .table.table--frameless tbody tr td {
  border-left: none;
  border-right: none;
}
.difads .table.table--frameless thead tr:first-child td,
.difads .table.table--frameless thead tr:first-child th {
  border-top: none;
}
.difads .table.table--zebra tbody tr:nth-child(even) {
  background-color: rgba(var(--theme-color-area1), 1);
}
.difads .table .table__rowSelected {
  position: relative;
  background-color: rgba(var(--theme-color-interaction-active2), 1) !important;
}
.difads .table .table__rowSelected td:first-child:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  content: "";
  background-color: rgba(var(--theme-color-interaction-active), 1);
}
.difads .dropdownWrapper {
  margin-bottom: 8px;
  position: relative;
}
.difads .dropdownWrapper:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .dropdownWrapper:before {
  color: rgba(var(--theme-color-interaction), 1);
  font-size: 18px;
  line-height: 18px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 12px;
}
.difads .dropdownWrapper:after {
  background-color: rgba(var(--theme-color-interaction), 1);
  content: "";
  height: 100%;
  position: absolute;
  right: 36px;
  width: 1px;
}
.difads .dropdownWrapper.dropdownWrapper--frameless:after {
  display: none;
}
.difads .dropdownWrapper.dropdownWrapper--frameless select {
  border: none !important;
  color: rgba(var(--theme-color-interaction), 1);
  font-weight: bold;
}
.difads .dropdownWrapper.dropdownWrapper--frameless select option {
  color: rgba(var(--theme-color-standard), 1);
}
.difads .dropdownWrapper--error:before {
  color: rgba(var(--theme-color-error), 1);
}
.difads .dropdownWrapper--error:after {
  background-color: rgba(var(--theme-color-error), 1);
}
.difads .dropdownWrapper--error select {
  background-color: rgba(var(--theme-color-error2), 1);
  border: 1px solid rgba(var(--theme-color-error), 1);
  color: rgba(var(--theme-color-error), 1) !important;
}
.difads .dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid rgba(var(--theme-input--border-color), 1);
  background-color: rgba(var(--theme-color-background), 1);
  border-radius: 3px;
  box-sizing: border-box;
  cursor: pointer;
  max-width: 100%;
  padding: 8px 6px 8px 8px;
  width: 100%;
  transition: background-color 0.2s ease-in-out;
}
.difads .dropdown::-ms-expand {
  display: none;
}
.difads .dropdown:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
}
.difads .dropdown:disabled,
.difads .dropdown.is-disabled,
.difads .splitButtonWrapper .splitButtonGroup.is-disabled .dropdown.button,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.dropdown,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.dropdown {
  border-color: rgba(var(--theme-color-disabled), 1);
  box-shadow: none;
  color: rgba(var(--theme-color-disabled), 1) !important;
}
.difads .dropdown:disabled:hover,
.difads .dropdown.is-disabled:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .dropdown.button:hover,
.difads
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  .pagination__page
  a.dropdown:hover,
.difads
  .pagination__page
  .splitButtonWrapper
  .splitButtonGroup.is-disabled
  a.dropdown:hover {
  cursor: not-allowed;
  background-color: rgba(var(--theme-color-background), 1);
}
.difads .table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.difads .table td,
.difads .table th {
  padding: 10px 8px;
  text-align: left;
}
.difads .table thead tr {
  background-color: rgba(var(--theme-color-area2), 1);
}
.difads .table thead tr > td,
.difads .table thead tr > th {
  border-left: 1px solid rgba(var(--theme-color-area4), 1);
  border-top: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table thead tr > td:first-child,
.difads .table thead tr > th:first-child {
  border-top-left-radius: 3px;
}
.difads .table thead tr > td:last-child,
.difads .table thead tr > th:last-child {
  border-top-right-radius: 3px;
  border-right: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr {
  cursor: pointer;
}
.difads .table tbody tr td,
.difads .table tbody tr th {
  border-top: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr td:first-child,
.difads .table tbody tr th:first-child {
  border-left: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr td:last-child,
.difads .table tbody tr th:last-child {
  border-right: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table tbody tr:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1) !important;
}
.difads .table tbody tr:last-child td,
.difads .table tbody tr:last-child th {
  border-bottom: 1px solid rgba(var(--theme-color-area4), 1);
}
.difads .table.table--frameless thead tr th:not(:first-child):not(:last-child),
.difads .table.table--frameless thead tr td:not(:first-child):not(:last-child) {
  border-right: none;
}
.difads .table.table--frameless thead tr th:first-child,
.difads .table.table--frameless thead tr td:first-child {
  border-left: none;
  border-radius: 0;
}
.difads .table.table--frameless thead tr th:last-child,
.difads .table.table--frameless thead tr td:last-child {
  border-radius: 0;
  border-right: none;
}
.difads .table.table--frameless tbody tr th,
.difads .table.table--frameless tbody tr td {
  border-left: none;
  border-right: none;
}
.difads .table.table--frameless thead tr:first-child td,
.difads .table.table--frameless thead tr:first-child th {
  border-top: none;
}
.difads .table.table--zebra tbody tr:nth-child(even) {
  background-color: rgba(var(--theme-color-area1), 1);
}
.difads .table .table__rowSelected {
  position: relative;
  background-color: rgba(var(--theme-color-interaction-active2), 1) !important;
}
.difads .table .table__rowSelected td:first-child:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  content: "";
  background-color: rgba(var(--theme-color-interaction-active), 1);
}
.difads .expandable {
  font-size: 14px;
}
.difads .expandable + .expandable {
  margin-top: 8px;
}
.difads .expandable .expandable__title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 13px;
  transition: background-color 0.2s ease-in-out;
}
.difads .expandable .expandable__title .title__content {
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}
.difads .expandable .expandable__title .title__content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .expandable .expandable__title .title__content:before {
  color: rgba(var(--theme-color-interaction), 1);
  margin-right: 1em;
}
.difads .expandable .expandable__title .title__infoIcon {
  line-height: 20px;
}
.difads .expandable .expandable__title .title__infoIcon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .expandable .expandable__title .title__infoIcon:before {
  color: rgba(var(--theme-color-interaction), 1);
}
.difads .expandable .expandable__title:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
}
.difads .expandable .expandable__content {
  display: none;
  padding: 10px 16px;
}
.difads .expandable--expanded .expandable__content {
  display: block;
}
.difads .expandable--expanded .expandable__title .title__content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .expandable--groupBox {
  border: 1px solid rgba(var(--theme-color-area6), 1);
  border-radius: 3px;
}
.difads .expandable--showMore .showMore__content {
  position: relative;
  margin-bottom: 8px;
  max-height: 60px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to top, transparent 0, #000 60px);
  mask-image: linear-gradient(to top, transparent 0, #000 60px);
}
.difads .expandable--showMore .showMore__showMoreLink {
  text-decoration: none;
}
.difads .expandable--showMore .showMore__showMoreLink:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .expandable--showMore .showMore__showMoreLink::before {
  margin-right: 14px;
}
.difads .expandable--showMore.expandable--expanded .showMore__content {
  max-height: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}
.difads
  .expandable--showMore.expandable--expanded
  .showMore__showMoreLink:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .accordion .accordion__title {
  border-top: 1px solid rgba(var(--theme-color-area5), 1);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 13px;
  transition: background-color 0.2s ease-in-out;
}
.difads .accordion .accordion__title .title__content {
  font-family: "Siemens Sans", "Arial", Arial, -apple-system, BlinkMacSystemFont,
    Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}
.difads .accordion .accordion__title .title__content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .accordion .accordion__title .title__content:before {
  color: rgba(var(--theme-color-interaction), 1);
  font-size: 14px;
  margin-right: 14px;
}
.difads .accordion .accordion__title .title__additionalInfo {
  color: rgba(var(--theme-color-muted), 1);
  font-size: 14px;
  line-height: 20px;
}
.difads .accordion .accordion__title .title__additionalInfo--withIcon:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}
.difads .accordion .accordion__title .title__additionalInfo--withIcon:before {
  color: rgba(var(--theme-color-warning), 1);
  margin-right: 8px;
}
.difads .accordion .accordion__title .title__additionalInfo--iconOnly:before {
  margin-right: 0;
}
.difads .accordion .accordion__title:hover {
  background-color: rgba(var(--theme-color-interaction-hover2), 1);
}
.difads .accordion .accordion__content {
  display: none;
  padding: 10px 16px;
}
.difads .accordion:last-child .accordion__title {
  border-bottom: 1px solid rgba(var(--theme-color-area5), 1);
}
.difads .accordion--expanded .accordion__content {
  display: block;
}
.difads .accordion--expanded .accordion__title .title__content:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-decoration: none;
  text-transform: none;
  font-family: "DIFAicons" !important;
  content: "";
}

.inputgroup--vertical {
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--theme-input--border-radius);
  border: 1px solid rgba(var(--theme-input--border-color), 1);
  box-sizing: border-box;
  color: rgba(var(--theme-color-standard), 1);
  background-color: rgba(var(--theme-input--background), 1);
  padding: 6px 8px;
  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.inputgroup--vertical:hover {
  background: rgba(var(--theme-input--background--hover), 1);
  color: rgba(var(--theme-color-interaction-hover), 1);
  border-color: rgba(var(--theme-input--border-color--hover), 1);
}

.inputgroup--vertical:focus-within {
  background: rgba(var(--theme-input--background--focus), 1);
  color: rgba(var(--theme-color-standard), 1);
  border-color: rgba(var(--theme-input--border-color--focus), 1);
  outline: 1px solid rgba(var(--theme-input--focus--outline-color), 1);
  outline-offset: var(--theme-input--focus--outline-offset);
}

.inputgroup--vertical.is-invalid {
  border: 1px solid rgba(var(--theme-color-error), 1);
  background: rgba(var(--theme-color-error2), 1);
}

.input-group-label {
  white-space: nowrap;
  color: rgba(0, 0, 40, 0.65);
}

[type="checkbox"] + label:before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  float: left;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  border: 1px solid black;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label
 {
  display: flex;
  align-items: center;
  position: relative;
  line-height: 1rem;
  cursor: pointer;
 }

[type="checkbox"]:not(:checked):hover + label:before,
[type="checkbox"]:checked:hover + label:before
 {
  background-color: rgba(var(--theme-checkbox-checked--background--hover), 1);
  border: 1px solid rgba(var(--theme-checkbox-checked--border-color), 1);
}

[type="checkbox"]:not(:checked) + label:before {
  background-color: rgba(var(--theme-checkbox-checked--background), 1);
}

[type=checkbox]:checked + label:after {
    content: "";
    width: 0.4rem;
    height: 0.2rem;
    display: block;
    border-top: none;
    border-right: none;
    border-bottom: 0.0625rem solid rgba(var(--theme-checkbox-checked--color));
    border-left: 0.0625rem solid rgba(var(--theme-checkbox-checked--color));
    position: absolute;
    top: 0.4rem;
    left: 0.45rem;
    transform: rotate(-53deg) scale(2);
}

.checkbox input {
  position: absolute;
  opacity: 0;
}

::-ms-reveal {
  display: none;
}

/*# sourceMappingURL=framework.min.css.map *