/*------------------------------*/
/* Brand resources */
/*------------------------------*/
:root {
  /*layout*/
  --body-font-size: 13px;
  --body-font-family: "Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body-background: #FFFFFF;
  --body-background-image: url();
  --i4c-border-radius: 4px;
  --i4c-padding-sm: 5px;
  /*colors*/
  --i4c-brand-color: #1268b3;
  --i4c-accent-color: #1268b3;
  --i4c-primary-color: #0E79B6;
  --i4c-primary-color-action: #044569;
  --i4c-danger-color: #d22630;
  --i4c-danger-color-action: #9f1313;
  --i4c-success-color: #4c8c2b;
  --i4c-success-color-action: #004F15;
  --i4c-warning-color: #ed8b00;
  --i4c-warning-color-action: #9f5413;
  --i4c-info-color: #06B9CD;
  --i4c-info-color-action: #8994a0;
  --i4c-yellow-color: #EDE941;
  --i4c-yellow-color-action: #A09D1C;
  /*background*/
  --i4c-main-background: #ffffff;
  --i4c-secondary-background: #f6f6f6;
  --i4c-main-accent-background: #1268b3;
  --i4c-secondary-accent-background: #9bb1dd;
  --i4c-light-background: #e6e6e6;
  --i4c-lighter-background: #f2f2f2;
  --i4c-light-gray-background: #a1a1a1;
  --i4c-gray-background: #808080;
  --i4c-dark-background: #434343;
  --i4c-strong-background: #555555;
  --i4c-darker-background: #363636;
  --i4c-black-background: #000000;
  --i4c-white-background: #FFFFFF;
  /*foreground*/
  --i4c-body-text-color: #333333;
  --i4c-title-foreground: #282828;
  --i4c-subtitle-foreground: #808080;
  --i4c-small-foreground: #a1a1a1;
  --i4c-text-muted-foreground: #a1a1a1;
  --i4c-main-inverted-foreground: #ffffff;
  --i4c-secondary-inverted-foreground: #f5f5f5;
  --i4c-main-accent-foreground: #ffffff;
  --i4c-secondary-accent-foreground: #ffffff;
  --i4c-light-inverted-foreground: #f2f2f2;
  --i4c-light-foreground: #a1a1a1;
  --i4c-light-border-color: #CCCCCC;
  --i4c-border-color: #111111;
  --i4c-light-subtitle-color: #e1e1e1;
  --i4c-text-variant-color: #363636;
  --i4c-highlight-color: #009C29;
  /*login*/
  --i4c-login-area-background: #FFFFFF;
  --i4c-login-header-background: #FFFFFF;
  --i4c-login-content-background: rgba(255, 255, 255, 0.4);
  --i4c-login-content-background-img: none;
  --i4c-login-content-border-color: #FFFFFF;
  --i4c-login-label-color: #565656;
  --i4c-login-input-background: #ffffff;
  --i4c-login-input-color: #565656;
  --i4c-product-logo-img: url(../images/splash_product_logo.svg) no-repeat center center;
  --i4c-product-logo-title-color: #282828;
  --i4c-product-logo-title-font-size: 24px;
  --i4c-product-logo-title-font-weight: normal;
  --i4c-status-message-color: #565656;
  --i4c-login-footer-background: rgba(255, 255, 255, 0.75);
  --i4c-login-footer-background-img: none;
  --i4c-login-footer-color: #565656;
  --i4c-login-footer-border-color: #565656;
  --i4c-login-footer-button-color: #565656;
  --i4c-login-footer-button-expanded-background-img: none;
  --i4c-login-footer-button-expanded-background: #F6F6F6;
  --i4c-main-footer-logo: transparent url(../images/login-footer-logo.png) no-repeat center;
  --i4c-main-footer-logo-size: 225px;
  /*side-nav*/
  --i4c-side-nav-background: #043d5d;
  --i4c-side-nav-brand-logo: url(../images/240px-Volkswagen_logo.png);
  --i4c-nav-brand-background: #FFFFFF;
  --i4c-nav-brand-background-hover: #FFFFFF;
  --i4c-side-nav-li-border-bottom: rgba(85, 85, 85, 0.5);
  --i4c-side-nav-li-border-bottom-hover: rgba(85, 85, 85, 0.25);
  --i4c-side-nav-a-background: #043d5d;
  --i4c-side-nav-a-foreground: #FFFFFF;
  --i4c-side-nav-a-background-active: #1268B3;
  --i4c-side-nav-a-icon-active: #FFFFFF;
  --i4c-side-nav-a-foreground-active: #FFFFFF;
  --i4c-side-nav-a-background-hover: #1268B3;
  --i4c-side-nav-a-foreground-hover: #FFFFFF;
  --i4c-side-nav-icon-size: 32px;
  /*header*/
  --i4c-header-background: #043d5d;
  --i4c-header-foreground: #FFFFFF;
  --i4c-header-subtitle: #92a9b8;
  --i4c-header-item-background: #043d5d;
  --i4c-header-item-foreground: #FFFFFF;
  --i4c-header-item-background-active: #1268B3;
  --i4c-header-item-icon-active: #FFFFFF;
  --i4c-header-item-foreground-active: #FFFFFF;
  /*panels*/
  --i4c-panel-border-color: #bfbfbf;
  --i4c-panel-background-image: none;
  --i4c-panel-body-background: #ffffff;
  --i4c-panel-footer-background: #e8eaea;
  --i4c-panel-header-background: #043d5d;
  --i4c-panel-header-control: #f2f2f2;
  --i4c-panel-header-control-hover: #ffffff;
  --i4c-panel-title-color: #ffffff;
  --i4c-panel-title-font-weight: bold;
  --i4c-panel-subtitle-color: #f2f2f2;
  --i4c-panel-toolbar-background: #ffffff;
  --i4c-panel-toolbar-icon: #1268b3;
  --i4c-panel-toolbar-item-background: #FFFFFF;
  --i4c-panel-toolbar-item-foreground: #363636;
  --i4c-panel-toolbar-item-border-color: #ffffff;
  --i4c-panel-toolbar-item-background-hover: #FFFFFF;
  --i4c-panel-toolbar-item-foreground-hover: #1268b3;
  --i4c-panel-toolbar-item-background-active: #1268B3;
  --i4c-panel-toolbar-item-foreground-active: #FFFFFF;
  --i4c-panel-box-shadow: none;
  --i4c-panel-header-variant: #666666;
  --i4c-panel-header-variant-subtitle: #C2C2C2;
  --i4c-panel-header-variant-control: #f2f2f2;
  /*tiles*/
  --i4c-tile-border-color: #ccc;
  --i4c-tile-background-color: #FFFFFF;
  --i4c-tile-title-color: #31434F;
  --i4c-tile-subtitle-color: #31434F;
  --i4c-tile-icon-color: #31434F;
  --i4c-tile-title-size: 13px;
  --i4c-tile-icon-size: 32px;
  --i4c-tile-background-color-disabled: #F6f6f6;
  --i4c-tile-foreground-color-disabled: #808080;
  /*-*/
  --i4c-tile-c-background-color-hover: #1268b3;
  --i4c-tile-c-icon-color-hover: #fefefe;
  --i4c-tile-c-title-color-hover: #fefefe;
  --i4c-tile-c-subtitle-color-hover: #fefefe;
  --i4c-tile-c-background-color-active: #1268B3;
  --i4c-tile-c-title-color-active: #FFFFFF;
  --i4c-tile-c-subtitle-color-active: #FFFFFF;
  --i4c-tile-c-icon-color-active: #FFFFFF;
  /*-*/
  --i4c-tile-c-background-color-active-hover: #1268B3;
  --i4c-tile-c-title-color-active-hover: #FFFFFF;
  --i4c-tile-c-subtitle-color-active-hover: #FFFFFF;
  --i4c-tile-c-icon-color-active-hover: #FFFFFF;
  /*panel tiles*/
  --i4c-tile-content-background-color: #FFFFFF;
  --i4c-tile-content-icon-color: #1268b3;
  --i4c-tile-content-value-color: #31434F;
  --i4c-tile-content-subtitle-color: #92a9b8;
  --i4c-tile-content-title-size: 13px;
  --i4c-tile-content-icon-size: 32px;
  /*-*/
  --i4c-tile-content-background-hover: #1268b3;
  --i4c-tile-content-icon-color-hover: #eaeeed;
  --i4c-tile-content-value-color-hover: #eaeeed;
  --i4c-tile-content-subtitle-color-hover: #92a9b8;
  /*-*/
  --i4c-tile-content-background-active: #1268B3;
  --i4c-tile-content-icon-color-active: #FFFFFF;
  --i4c-tile-content-value-color-active: #FFFFFF;
  --i4c-tile-content-subtitle-color-active: #FFFFFF;
  /*-*/
  --i4c-tile-content-background-active-hover: #1268B3;
  --i4c-tile-content-icon-color-active-hover: #FFFFFF;
  --i4c-tile-content-value-color-active-hover: #FFFFFF;
  --i4c-tile-content-subtitle-color-active-hover: #FFFFFF;
  /*buttons*/
  --i4c-button-background: #FFFFFF;
  --i4c-button-foreground: #565656;
  --i4c-button-border-color: #CCCCCC;
  --i4c-button-default-background-hover: #1268b3;
  --i4c-button-default-foreground-hover: #FFFFFF;
  --i4c-button-default-background-active: #1268B3;
  --i4c-button-default-foreground-active: #FFFFFF;
  --i4c-button-default-background-focus: #1268b3;
  --i4c-button-default-foreground-focus: #F6F6F6;
  --i4c-button-default-background-disabled: #f2f2f2;
  --i4c-button-default-foreground-disabled: #565656;
  --i4c-button-highlighted-background: #f2f2f2;
  --i4c-button-highlighted-foreground: #565656;
  --i4c-button-highlighted-background-active: #1268B3;
  --i4c-button-highlighted-foreground-active: #FFFFFF;
  /*-*/
  --i4c-button-link-accent-background: #FFFFFF;
  --i4c-button-link-accent-foreground: #1268b3;
  --i4c-button-link-accent-background-active: #1268B3;
  --i4c-button-link-accent-foreground-active: #FFFFFF;
  /*-*/
  --i4c-button-circle-radius: 50%;
  --i4c-button-circle-background: #FFFFFF;
  --i4c-button-circle-foreground: #565656;
  --i4c-button-circle-border-color: #FFFFFF;
  --i4c-button-circle-background-hover: #1268b3;
  --i4c-button-circle-foreground-hover: #FFFFFF;
  --i4c-button-circle-border-color-hover: #CCCCCC;
  /*-*/
  --i4c-button-success-background: #009C29;
  --i4c-button-success-foreground: #ffffff;
  --i4c-button-success-border-color: #4cae4c;
  --i4c-button-success-background-hover: #449d44;
  --i4c-button-success-foreground-hover: #ffffff;
  --i4c-button-success-border-color-hover: #398439;
  --i4c-button-success-background-disabled: #28a745;
  --i4c-button-success-border-color-disabled: #28a745;
  /*-*/
  --i4c-button-variant-background: #FFFFFF;
  --i4c-button-variant-foreground: #565656;
  --i4c-button-variant-border-color: #CCCCCC;
  --i4c-button-variant-background-active: #1268B3;
  --i4c-button-variant-foreground-active: #ffffff;
  --i4c-button-variant-border-color-active: #1268B3;
  --i4c-button-variant-background-disabled: #6c757d;
  --i4c-button-variant-border-color-disabled: #6c757d;
  /*-*/
  --i4c-button-highlighted-accent-background: #1268b3;
  --i4c-button-highlighted-accent-foreground: #FFFFFF;
  --i4c-button-highlighted-accent-border-color: #CCCCCC;
  --i4c-button-highlighted-accent-background-active: #1268B3;
  --i4c-button-highlighted-accent-foreground-active: #ffffff;
  --i4c-button-highlighted-accent-border-color-active: #FFFFFF;
  /* Secondary Button Styles*/
  --i4c-button-accent-background: #1268b3;
  --i4c-button-accent-foreground: #ffffff;
  --i4c-button-accent-border-color: #1268b3;
  --i4c-button-accent-background-focus: #FFFFFF;
  --i4c-button-accent-foreground-focus: #1268b3;
  --i4c-button-accent-border-color-focus: #1268b3;
  --i4c-button-accent-background-active: #1268B3;
  --i4c-button-accent-foreground-active: #FFFFFF;
  --i4c-button-accent-border-color-active: #1268B3;
  --i4c-button-accent-background-disabled: #a1a1a1;
  --i4c-button-accent-foreground-disabled: #FFFFFF;
  /*buttons content*/
  --i4c-button-subtitle-foreground: #a1a1a1;
  --i4c-button-title-foreground-hover: #f2f2f2;
  --i4c-button-icon-color-hover: #FFFFFF;
  --i4c-button-subtitle-foreground-active-hover: #f2f2f2;
  --i4c-button-icon-color-active-hover: #e1e1e1;
  /*kpi*/
  --i4c-kpi-clickable-foreground: #333333;
  --i4c-kpi-clickable-background: #FFFFFF;
  --i4c-kpi-clickable-border-left: #cccccc;
  --i4c-kpi-clickable-foreground-hover: #333333;
  --i4c-kpi-clickable-background-hover: #FFFFFF;
  --i4c-kpi-clickable-border-left-hover: #1268b3;
  --i4c-consumption-type-icon-color: #434343;
  --i4c-consumption-type-icon-font-size: 18px;
  --i4c-consumption-type-name-color: #434343;
  --i4c-consumption-type-name-font-size: 16px;
  --i4c-consumption-type-value-font-size: 32px;
  --i4c-consumption-type-unit-color: #a1a1a1;
  /*calendar*/
  --i4c-cal-cell-foreground: #000000;
  --i4c-cal-cell-background: #fbfbfb;
  --i4c-cal-cell-background-hover: #ededed;
  --i4c-cal-cell-foreground-hover: #565656;
  --i4c-cal-cell-border-color: #c2c2c2;
  --i4c-cal-weekend-foreground: #CF252C;
  --i4c-cal-week-box-background: #1268b3;
  --i4c-cal-week-box-foreground: #FFFFFF;
  --i4c-cal-week-box-border-color: #1268b3;
  --i4c-cal-today-background: #fdf8c8;
  --i4c-cal-today-foreground: #1268b3;
  /*map*/
  --i4c-map-cluster-sm-background: #80bde0;
  --i4c-map-cluster-sm-foreground: #FFFFFF;
  --i4c-map-cluster-md-background: rgba(255, 135, 31, 0.6);
  --i4c-map-cluster-md-foreground: #FFFFFF;
  --i4c-map-cluster-lg-background: rgba(219, 8, 8, 0.6);
  --i4c-map-cluster-lg-foreground: #FFFFFF;
  /*load profile*/
  --i4c-load-profile-filter-background: #ffffff;
  --i4c-load-profile-filter-footer: #fafafa;
  --i4c-load-profile-filter-search-background: #fafafa;
  /*forms*/
  --i4c-form-control-validation-indicator: #CF252C;
  --i4c-list-group-item-background: #FFFFFF;
  --i4c-list-group-item-foreground: #565656;
  --i4c-list-group-item-background-hover: #1268B3;
  --i4c-list-group-item-foreground-hover: #FFFFFF;
  --i4c-list-group-item-background-selected-hover: #1268B3;
  --i4c-list-group-item-foreground-selected-hover: #FFFFFF;
  --i4c-list-group-item-background-active: #1268B3;
  --i4c-list-group-item-foreground-active: #FFFFFF;
  /*charts*/
  --i4c-chart-title-color: #666666;
  --i4c-chart-title-unit-color: #9d9da5;
  --i4c-chart-title-i-font-size: 18px;
  --i4c-axis-x-label-fill: #9d9da5;
  --i4c-chart-tooltip-header-background: #363636;
  --i4c-chart-tooltip-header-foreground: #FFFFFF;
  --i4c-chart-tooltip-header-background-img: none;
  --i4c-chart-ticks-color: #a1a1a9;
  --i4c-chart-max-line-color: #CF252C;
  --i4c-chart-min-line-color: #009C29;
  --i4c-chart-avg-line-color: #363636; }

/*---------------------------------------------------
Login view styles - Brand > Views > Default
--------------------------------------------------*/
.wf-login-language-dropdown {
  display: none; }

.wf-login-version-label {
  display: none; }

.wf-login-area {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  -ms-background-size: 50%;
  background-size: 50%; }

.wf-login-header {
  background-color: #fff; }

.login-form-wrapper .form-group {
  display: flex;
  flex-direction: column;
  justify-content: left; }

.login-form-wrapper .col-sm-3,
.login-form-wrapper .col-sm-9 {
  width: 100%;
  text-align: left; }

.login-form-wrapper .col-sm-push-3 {
  left: 0 !important; }

.wf-main-login > #loginForm > form :nth-child(4) {
  display: none; }

/*For IE*/
.wf-main-login > #loginForm > form > p + p + p {
  display: none; }

.wf-login-main-logo {
  width: 100%;
  height: 100px;
  background: url(../images/HMS_blue.png) no-repeat center center;
  -ms-background-size: contain;
  background-size: contain;
  margin-top: 100px; }

.wf-login-second-logo {
  display: none; }

.wf-login-content {
  margin: 0 -15px;
  padding: 25px 30px 50px 30px;
  background-color: rgba(255, 255, 255, 0.25); }

.wf-login-content input[type='text'],
.wf-login-content input:-webkit-autofill,
.wf-login-content input[type='password'] {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.wf-product-title-container {
  margin-bottom: 50px; }

/*.wf-login-buttons-container {
    display: flex;
}*/
.wf-primary-login-button {
  /*width: 47.5%;*/
  float: left;
  margin-top: 0;
  margin-right: 2.5%; }

.wf-secondary-login-button {
  width: 47.5%;
  float: left;
  margin-top: 0;
  margin-left: 2.5%; }

.wf-social-login {
  display: block; }

.wf-primary-login-button.btn-block + .wf-secondary-login-button.btn-block {
  margin-top: 0;
  overflow: hidden;
  height: 54px;
  display: none;
  /*display: flex;*/
  /*align-items: flex-end;*/
  border: 1px solid #043d5d;
  justify-content: center; }

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset, 0 0 8px #fff; }

.wf-product-title {
  font-size: 26px;
  margin-top: 35px;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: .5s;
  -moz-animation-delay: .5s;
  -ms-animation-delay: .5s;
  -o-animation-delay: .5s;
  animation-delay: .5s; }

.wf-product-subtitle {
  font-family: 'Blacker';
  font-size: 26px;
  font-weight: 500;
  margin: 30px 0 60px 0;
  margin-bottom: 0;
  -webkit-animation-duration: .75s;
  -moz-animation-duration: .75s;
  -ms-animation-duration: .75s;
  -o-animation-duration: .75s;
  animation-duration: .75s; }

#loginForm,
#socialLoginForm {
  max-width: 450px;
  margin: 0 auto; }

.validation-summary-errors {
  text-align: center; }

.validation-summary-errors ul {
  margin-bottom: 0;
  list-style-type: none; }

.wf-login-footer {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.25); }

.wf-login-icon:before {
  content: "\e6de";
  font-size: 24px; }

/*.wf-version {
    display: none;
}*/
.navbar-fixed-bottom {
  display: none; }

@media (max-width: 480px) {
  .wf-login-main-logo {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 25px;
    margin-top: 25px; }
  .wf-login-second-logo {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
    margin-bottom: 25px; }
  .wf-login-buttons-container {
    display: block; }
  .wf-secondary-login-button {
    margin-top: 15px;
    width: 100%; }
  .wf-login-footer {
    position: relative; }
  .wf-login-contact a {
    display: block; } }

@media (max-height: 770px) {
  .wf-login-internal-note {
    display: none; }
  .wf-login-version-label {
    display: none; } }

/*--------------------------------------------------
    Splash screen
 -------------------------------------------------*/
.splash-loading-indicator-container {
  position: relative;
  width: 36em;
  height: 40em;
  margin: 100px auto 75px auto; }

.splash-customer-logo {
  position: absolute;
  left: 2em;
  top: 2em;
  width: 32em;
  height: 25em;
  background: url(../images/i4connected_dark-blue.png) no-repeat center center;
  -ms-background-size: contain;
  background-size: contain; }

.splash-loading-indicator-element {
  position: absolute;
  top: 60%;
  left: 50%;
  margin-left: -40px;
  font-size: 5px;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(0, 0, 0, 0.1);
  border-right: 0.5em solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.5em solid rgba(0, 0, 0, 0.1);
  border-left: 0.5em solid #043d5d;
  -webkit-animation: spinner_animation 1.1s infinite linear;
  -moz-animation: spinner_animation 1.1s infinite linear;
  -o-animation: spinner_animation 1.1s infinite linear;
  -ms-animation: spinner_animation 1.1s infinite linear;
  animation: spinner_animation 1.1s infinite linear; }

.splash-loading-indicator-element,
.splash-loading-indicator-element:after {
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 15em;
  height: 15em; }

.splash-product-title,
.splash-second-logo {
  display: none; }

.splash-customer-title {
  position: absolute;
  left: 43%;
  top: 55%; }

/* #region Brand Logo */
.wf-shell .wf-shell-header {
  height: var(--primary-header-height);
  border: none;
  padding-left: 40px;
  border-radius: 0; }

.navbar-brand-logo {
  position: fixed;
  top: 0;
  width: 38px;
  height: var(--logo-height);
  padding: 4px;
  background: #043d5d; }

.brand-logo {
  /* display: none; */
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../images/favicon-32x32.png) center center #043d5d no-repeat;
  -ms-background-size: contain;
  background-size: contain; }

#shell-content-wrapper {
  margin: 0 0 0 38px; }

/* --- side nav --- */
#sideNavCollapse {
  position: absolute;
  top: 0;
  right: -20px;
  display: block !important;
  width: 20px;
  height: 20px;
  margin: 0;
  transition: 0.2s;
  cursor: pointer; }

#sideNavCollapse:checked {
  transition: 0.2s; }

.collapse-nav-button {
  position: absolute;
  right: -20px;
  width: 20px;
  height: 20px;
  background: var(--i4c-header-item-background);
  padding: 3px 5px;
  cursor: pointer;
  pointer-events: none; }

.collapse-nav-button:before {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  width: 8px !important;
  height: 8px !important;
  content: " ";
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
  transition: 0.2s;
  pointer-events: none; }

#sideNavCollapse:checked ~ .collapse-nav-button:before {
  transform: rotate(-225deg);
  transition: 0.2s;
  left: 7px; }

.side-bar {
  position: relative;
  top: var(--primary-header-height);
  bottom: 0;
  float: left;
  width: auto;
  background-color: var(--i4c-side-nav-background);
  transition: 0.2s;
  overflow: visible; }

.side-bar .side-bar__scrollarea {
  width: auto;
  transition: 0.2s;
  overflow: hidden; }

#sideNavCollapse:checked + .side-bar__scrollarea {
  width: auto;
  transition: 0.2s; }

.side-bar__scrollarea .side-nav {
  transition: 0.2s;
  padding-top: 0px;
  height: calc(100% - var(--logo-height));
  width: 100%; }

.side-nav__item:first-child {
  border-bottom: none; }

.side-nav__item-content {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  min-height: 40px;
  padding: 5px; }

.side-nav__item-content .link-text {
  opacity: 0;
  transition: 0.2s;
  margin-left: 5px;
  text-align: left;
  display: none; }

#sideNavCollapse:checked ~ .side-bar__scrollarea .side-nav__item-content .link-text {
  opacity: 1;
  display: block;
  transition: 0.2s;
  padding: 0 5px; }

.side-nav__item-content .link-icon {
  width: 24px;
  margin: 0 2px;
  transition: 0.2s; }

.side-nav__item-content .link-icon .icon-path {
  fill: #FFFFFF !important; }

#sideNavCollapse:checked + .side-bar__scrollarea .side-nav__item-content .link-icon {
  width: 24px;
  transition: 0.2s; }

.wf-panel-head-control:has(.wf-small-x) {
  background: #da2805; }

@media (max-height: 600px) {
  .side-bar {
    width: 40px; }
  .side-nav__item-content {
    min-height: 40px !important; }
  .side-nav__item-content .link-text,
  #sideNavCollapse,
  .collapse-nav-button {
    display: none !important; } }

/*font-face override*/
.wf-subtitle,
.wf-title {
  font-weight: normal; }

.fa-2x,
.wf-2x {
  font-size: initial;
  height: auto; }

.wf-shell-header-item .clickable.open,
.wf-shell-header-item .active {
  animation: none;
  color: white; }

.alarm-map-icon path {
  fill: #fff; }

/*# sourceMappingURL=HMS.bundle.css.map */