#charger-status-overview-container .state .count {
  font-weight: bold;
}

#charger-status-overview-container .state .description {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#charger-status-overview-container .state.idle .count,
#charger-status-overview-container .state.connected .count {
  color: #202e45;
}
#charger-status-overview-container .state.charging .count {
  color: #4fc37d;
}
#charger-status-overview-container .state.recently_started_charging .count {
  color: #4fc37d;
}
#charger-status-overview-container .state.maintenance .count {
  color: #f5b638;
}
#charger-status-overview-container .state.error .count {
  color: #c04343;
}
#charger-status-overview-container .state.auth_error .count {
  color: #c04343;
}
#charger-status-overview-container .state.supplying .count {
  color: #7552c4;
}

.lm-list-search {
  padding-top: 1.6rem;
}

.map-overview {
  margin-top: 2rem;
  height: calc(100vh - 36rem);

  border-radius: 0.6rem;
  overflow: hidden;
}

@media screen and (min-width: 1288px) {
  .map-overview {
    height: calc(100vh - 34rem);
  }
}
@media screen and (min-width: 1700px) {
  .map-overview {
    height: calc(100vh - 28rem);
  }
}

.map-overview > .dash-graph {
  height: 100%;
}

.charger-status {
  display: inline-block;

  padding: 0.1rem 0.8rem;
  padding-top: 0.5rem;

  line-height: 1.4rem;
  text-transform: uppercase;

  font-size: 1.25rem;
  font-weight: bold;

  letter-spacing: 0.1rem;
  border-radius: 0.4rem;
}

.resource-type.type-ev-charging {
  background: transparent url("/assets/ev-charging-icon.png") no-repeat 0 center;
  background-size: 2rem 2rem;
  padding-left: 3rem;
}

.resource-status.charger.charging,
.resource-status.charger.supplying,
.resource-status.charger.recently_started_charging {
  background-image: url("/assets/status-charging.svg");
}
.resource-status.charger.idle,
.resource-status.charger.connected,
.resource-status.charger.init {
  background-image: url("/assets/status-offline.svg");
}
.resource-status.charger.maintenance {
  background-image: url("/assets/status-maintenance.svg");
}
.resource-status.charger.error,
.resource-status.charger.auth_error,
.resource-status.charger.offline,
.resource-status.charger.unknown {
  background-image: url("/assets/status-issue.svg");
}

.resource-list-item[data-op-mode="normal"] .resource-lm .op-mode {
  display: none;
}

.resource-list-item[data-op-mode] .resource-lm .op-mode-text {
  border-radius: 0.5rem;
  padding: 0.2rem 0.6rem;

  text-transform: uppercase;
  letter-spacing: 0.065rem;

  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2rem;

  position: absolute;
  margin-top: 2.6rem;
}

.resource-list-item[data-op-mode="disabled"] .resource-lm,
.resource-list-item[data-op-mode="reduced"] .resource-lm,
.resource-list-item[data-op-mode="unknown"] .resource-lm {
  margin-top: -1.2rem;
}

.resource-list-item[data-op-mode="unknown"] .resource-lm .op-mode-text {
  background: var(--color-neutral-light);
}
.resource-list-item[data-op-mode="reduced"] .resource-lm .op-mode-text {
  background: rgba(177, 82, 196, 0.15);
  color: var(--color-purple);
}
.resource-list-item[data-op-mode="disabled"] .resource-lm .op-mode-text {
  background: var(--color-primary-text);
  color: white;
}

.resource-list-item[data-op-mode="disabled"]
  .resource-group-status-indicator
  > div
  > div,
.resource-list-item[data-op-mode="disabled"]
  + .resource-children
  .resource-status-indicator
  .resource-status.charger {
  background-color: #72787d !important;
}

.resource-list-item[data-op-mode="disabled"]
  + .resource-children
  .resource-status-indicator
  .resource-status.charger
  label {
  text-decoration: line-through;
}