/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.status-map-component .legend {
  margin-top: calc(1.5 * var(--bfc-default-spacing));
  width: 100%;
}
.status-map-component .legend .legend-text {
  font-size: 12px;
}
.status-map-component .legend .legend-text.bold {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  font-style: var(--bold-font-style);
}
.status-map-component .legend img {
  vertical-align: middle;
  margin-right: var(--bfc-default-spacing);
}
.status-map-component .filter-button {
  color: white;
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  font-style: var(--bold-font-style);
  cursor: pointer;
}

.substation-map-component .legend {
  margin-top: calc(1.5 * var(--bfc-default-spacing));
  width: 100%;
}
.substation-map-component .legend .legend-text {
  font-size: 12px;
}
.substation-map-component .legend .legend-text.bold {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  font-style: var(--bold-font-style);
}
.substation-map-component .legend img {
  vertical-align: middle;
  margin-right: var(--bfc-default-spacing);
}
.substation-map-component mat-form-field.mobile .mat-form-field-underline {
  background-color: white;
}
.substation-map-component mat-form-field.mobile mat-select .mat-select-trigger .mat-select-value, .substation-map-component mat-form-field.mobile mat-select .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
  color: white;
}

.info-window-content {
  font-family: var(--regular-font-family);
  font-weight: var(--regular-font-weight);
  font-style: var(--regular-font-style);
  font-size: 16px;
}
@media (max-width: 599px) {
  .info-window-content {
    max-width: calc(100vw - 100px);
  }
}
@media (min-width: 600px) {
  .info-window-content {
    max-width: calc(70vw - 120px);
  }
}
.info-window-content .info-window-content-title {
  font-family: var(--bold-font-family);
  font-weight: var(--bold-font-weight);
  font-style: var(--bold-font-style);
  padding-bottom: var(--bfc-default-spacing);
  display: inline-block;
}

.legend {
  font-family: var(--regular-font-family);
  font-weight: var(--regular-font-weight);
  font-style: var(--regular-font-style);
  margin: var(--bfc-default-spacing);
}

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

.blue-button-icon {
  color: var(--primary-500);
  margin-right: var(--bfc-default-spacing);
  display: inline-block;
  font-size: 18px;
}

.dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  background-color: currentColor;
  vertical-align: middle;
  margin-right: calc(0.5 * var(--bfc-default-spacing));
}

.online {
  color: #00925B;
}
.online .dot {
  background-color: #00925B;
}

.offline {
  color: #E30045;
}
.offline .dot {
  background-color: #E30045;
}

.recently_offline {
  color: #FFCC00;
}
.recently_offline .dot {
  background-color: #FFCC00;
}

.status-text {
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: 0.1em;
}

.mat-mdc-tab-list {
  flex-grow: 0 !important;
}

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