/* /Common/Components/InfoBanner/OmsInfoBanner.razor.rz.scp.css */
.banner[b-1taosgc8ub] {
  width: 100%;
  text-align: center;
}

.info[b-1taosgc8ub] {
  background: #0078D7;
  color: white;
}

.error[b-1taosgc8ub] {
  background: #FF3049;
  color: black;
}

.banner-content[b-1taosgc8ub] {
  padding: 0.63rem 0rem;
  font-size: 1.5rem;
}

.spinner[b-1taosgc8ub] {
  margin-left: 1rem;
}

.show[b-1taosgc8ub] {
  visibility: visible;
}

.hide[b-1taosgc8ub] {
  visibility: hidden;
}
/* /Components/ChargerOverview/ChargerGroup.razor.rz.scp.css */
.charger-pair[b-zgic3ue9tg] {
  padding: 0.4rem 0.75rem;
  max-width: 50%;
}
.charger-pair .charger[b-zgic3ue9tg] {
  background: #CCCCCC;
  color: #CCCCCC;
  height: 1.5rem;
  margin-top: -1px;
  padding: 0.8rem 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.charger-pair .charger:first-child[b-zgic3ue9tg] {
  border-radius: 5px 5px 0px 0px;
}
.charger-pair .charger:last-child[b-zgic3ue9tg] {
  border-radius: 0px 0px 5px 5px;
}
.charger-pair .charger:only-child[b-zgic3ue9tg] {
  border-radius: 5px 5px 5px 5px;
}
.charger-pair .charger.charging[b-zgic3ue9tg] {
  background: #0078D7;
  color: #fff;
}
.charger-pair .charger.faulted[b-zgic3ue9tg] {
  background: #fff;
  color: #000;
  border: 2px solid #FF3049;
}
.charger-pair .charger.offline[b-zgic3ue9tg] {
  background: #000;
  color: #fff;
  border: 1px solid #fff;
}
.charger-pair .charger.status-unknown[b-zgic3ue9tg] {
  background: #fff;
  color: #000;
}

@media (max-width: 1250px) {
  .charger-pair[b-zgic3ue9tg] {
    padding: 0.3rem;
  }
}
/* /Components/ChargerOverview/ChargerOverview.razor.rz.scp.css */
.charger-overview[b-w4ob9szwt8] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  width: 100%;
  max-height: 100%;
  padding: 0.75rem;
}

@media (max-width: 1250px) {
  .charger-overview[b-w4ob9szwt8] {
    padding: 0rem;
  }
}
/* /Components/ChargingDeviations/ChargingDeviations.razor.rz.scp.css */
.no-deviations-message-container[b-txj975cckk] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
}

.no-deviations-message[b-txj975cckk] {
  text-align: center;
  font-size: 1rem;
  color: #7A7A7A;
}

.table[b-txj975cckk] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  width: 100%;
  padding: 0.75rem;
}
.table .table-body[b-txj975cckk] {
  height: 100%;
  border-bottom: 1px solid #7A7A7A;
  border-left: 1px solid #7A7A7A;
  border-right: 1px solid #7A7A7A;
}
.table .row[b-txj975cckk] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-bottom: 1px solid #7A7A7A;
  position: relative;
}
.table .row.header[b-txj975cckk] {
  font-weight: bold;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.table .row.warning[b-txj975cckk]::before {
  position: absolute;
  height: 100%;
  width: 10px;
  background: red;
  content: "";
}
.table .row .column[b-txj975cckk] {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
  overflow: hidden;
  padding: 0.5rem;
}
.table .row .column:first-child[b-txj975cckk] {
  padding-left: 1rem;
}
.table .row .column.large[b-txj975cckk] {
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
}
.table .row .column.small[b-txj975cckk] {
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  -ms-flex-basis: 10%;
  flex-basis: 10%;
}
/* /Components/DashboardCard/DashboardCard.razor.rz.scp.css */
.card[b-v2x5zt7t88] {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 0.75rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 200px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
}

.card:not(.ghost)[b-v2x5zt7t88] {
  background: #fff;
}

.card-header[b-v2x5zt7t88] {
  width: 100%;
  font-size: 0.7rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.5rem;
}

.card-body[b-v2x5zt7t88] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: start;
  -moz-justify-content: start;
  -ms-justify-content: start;
  justify-content: start;
  -ms-flex-pack: start;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  max-height: 100%;
}

.card.no-padding[b-v2x5zt7t88] {
  padding: 0.75rem 0 0 0;
}
.card.no-padding .card-header[b-v2x5zt7t88] {
  padding-left: 0.75rem;
}
/* /Components/GarageOverview/GarageOverview.razor.rz.scp.css */
.garage-card-body[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 0;
  border-top: 1px solid #CCCCCC;
}

.garage-container[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 50%;
}
.garage-container .garage-banner[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  padding: 0.625rem;
  background: #0078D7;
  color: #fff;
  visibility: hidden;
}
.garage-container .garage-banner.show[b-qiz3efhur4] {
  visibility: visible;
}
.garage-container .garage-banner.critical[b-qiz3efhur4] {
  background: #FF3049;
  color: #000;
}
.garage-container .garage-info[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2.25rem;
  padding: 0 1.5rem 0 1.5rem;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  height: 100%;
}
.garage-container .garage-info .garage-info-left[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.625rem;
  width: 24.25rem;
}
.garage-container .garage-info .planned-power-container[b-qiz3efhur4] {
  width: 14rem;
  height: 14rem;
}

.empty-garage-container[b-qiz3efhur4] {
  background: rgba(204, 204, 204, 0.2);
}

.garage-info-header[b-qiz3efhur4] {
  font-size: 2.15rem;
}

.garage-info-header:hover[b-qiz3efhur4] {
  cursor: pointer;
}

.charger-dot-container[b-qiz3efhur4] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.charger-dot-container .charger-dot[b-qiz3efhur4] {
  background-color: #CCCCCC;
  width: 0.9375rem;
  height: 0.9375rem;
  margin: 0.2rem;
  border-radius: 0.46875rem;
}
.charger-dot-container .charger-dot.red[b-qiz3efhur4] {
  background-color: #FF3049;
  filter: drop-shadow(0px 0px 4px #F78);
}

.one-column-garage-container-borders:first-child[b-qiz3efhur4] {
  border-bottom: 1px solid #CCCCCC;
}

.two-column-garage-container-borders[b-qiz3efhur4] {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.two-column-garage-container-borders:nth-child(2n)[b-qiz3efhur4] {
  border-right: 0px solid magenta;
}
.two-column-garage-container-borders:nth-last-child(2)[b-qiz3efhur4] {
  border-bottom: 0px solid yellow;
}
.two-column-garage-container-borders:last-child[b-qiz3efhur4] {
  border-bottom: 0px solid yellow;
}

.three-column-garage-container-borders[b-qiz3efhur4] {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.three-column-garage-container-borders:nth-child(3n)[b-qiz3efhur4] {
  border-right: 0px solid magenta;
}
.three-column-garage-container-borders:nth-last-child(3)[b-qiz3efhur4] {
  border-bottom: 0px solid yellow;
}
.three-column-garage-container-borders:nth-last-child(2)[b-qiz3efhur4] {
  border-bottom: 0px solid yellow;
}
.three-column-garage-container-borders:last-child[b-qiz3efhur4] {
  border-bottom: 0px solid yellow;
}

.garage-card-body:has(> :last-child:nth-child(2))[b-qiz3efhur4] {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.garage-card-body:has(> :last-child:nth-child(2)) .garage-container[b-qiz3efhur4] {
  width: 100%;
}

.garage-card-body:has(> :nth-child(7)) .garage-container[b-qiz3efhur4] {
  -webkit-flex-basis: 33.333334%;
  -moz-flex-basis: 33.333334%;
  -ms-flex-basis: 33.333334%;
  flex-basis: 33.333334%;
  width: 33.333334%;
}
.garage-card-body:has(> :nth-child(7)) .garage-info-header[b-qiz3efhur4] {
  font-size: 1.75rem;
}
.garage-card-body:has(> :nth-child(7)) .charger-dot[b-qiz3efhur4] {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0.16rem;
  border-radius: 0.375rem;
}
.garage-card-body:has(> :nth-child(7)) .planned-power-container[b-qiz3efhur4] {
  width: 10rem;
  height: 10rem;
}
/* /Components/NotChargingVehiclesList/NotChargingVehiclesList.razor.rz.scp.css */
.deviations-container[b-9yhry04umx] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-align-self: stretch;
  align-self: stretch;
  border-top: 1px solid #CCCCCC;
}
.deviations-container .vehicle[b-9yhry04umx] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #CCCCCC;
}
.deviations-container .vehicle :hover[b-9yhry04umx] {
  cursor: pointer;
}
.deviations-container .vehicle .column[b-9yhry04umx] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-align-self: flex-start;
  align-self: flex-start;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.deviations-container .vehicle .column.vehicle-info-column[b-9yhry04umx] {
  -webkit-flex-basis: 36%;
  -moz-flex-basis: 36%;
  -ms-flex-basis: 36%;
  flex-basis: 36%;
}
.deviations-container .vehicle .column.departure-column[b-9yhry04umx] {
  -webkit-flex-basis: 33%;
  -moz-flex-basis: 33%;
  -ms-flex-basis: 33%;
  flex-basis: 33%;
}
.deviations-container .vehicle .column.not-charging-column[b-9yhry04umx] {
  -webkit-flex-basis: 31%;
  -moz-flex-basis: 31%;
  -ms-flex-basis: 31%;
  flex-basis: 31%;
  text-align: right;
}
.deviations-container .vehicle .small[b-9yhry04umx] {
  font-size: 0.7rem;
  font-weight: lighter;
}
/* /Components/PlannedPower/PlannedPower.razor.rz.scp.css */
.planned-power-content[b-hfp7e9j4wz] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
  width: 100%;
}

.progress-container[b-hfp7e9j4wz] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 100%;
  width: 100%;
}

.circle[b-hfp7e9j4wz] {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.inner-circle[b-hfp7e9j4wz] {
  background: #fff;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.ghost .inner-circle[b-hfp7e9j4wz] {
  background: #EBEBEB;
}

.planned-kilowatt[b-hfp7e9j4wz] {
  font-size: 0.75rem;
  font-weight: lighter;
}

.info-container[b-hfp7e9j4wz] {
  padding: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.info-container .info-text[b-hfp7e9j4wz] {
  margin-top: 1rem;
}
/* /Components/Warnings/WarningListItem.razor.rz.scp.css */
.warning-card[b-7whu67w8fp] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border-top: solid 1px #7A7A7A;
  background-color: #fff;
  width: 100%;
  position: relative;
}
.warning-card.warning-indicator-red[b-7whu67w8fp]::before {
  position: absolute;
  height: 100%;
  width: 10px;
  background: red;
  content: "";
}
.warning-card:last-child[b-7whu67w8fp] {
  border-bottom: solid 1px #7A7A7A;
}

.warning-info[b-7whu67w8fp] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1.5rem 0 1.5rem 2.125rem;
  background-color: #fff;
}

.warning-header[b-7whu67w8fp] {
  font-size: 1.5rem;
  padding-bottom: 0.75rem;
}

.warning-text[b-7whu67w8fp] {
  font-size: 1rem;
  padding-top: 0.75rem;
}
/* /Components/Warnings/WarningsCard.razor.rz.scp.css */
.no-warnings-message-container[b-w94gf4zkip] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
}

.no-warnings-message[b-w94gf4zkip] {
  text-align: center;
  font-size: 1rem;
  color: #7A7A7A;
}
/* /Pages/ChargingDashboard.razor.rz.scp.css */
/* grid */
.grid-container[b-qmn0puue2a] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  width: 100%;
  max-width: 2500px;
}

.grid-column[b-qmn0puue2a] {
  -webkit-flex-basis: 20%;
  -moz-flex-basis: 20%;
  -ms-flex-basis: 20%;
  flex-basis: 20%;
  width: 20%;
  padding-left: 1rem;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}
.grid-column.double[b-qmn0puue2a] {
  -webkit-flex-basis: 40%;
  -moz-flex-basis: 40%;
  -ms-flex-basis: 40%;
  flex-basis: 40%;
  width: 40%;
}
.grid-column:last-child[b-qmn0puue2a] {
  padding-right: 1rem;
}

.grid-item[b-qmn0puue2a] {
  padding: 0.5rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.grid-item.max-height-100[b-qmn0puue2a] {
  height: 900px;
}
.grid-item.max-height-two-thirds[b-qmn0puue2a] {
  height: 600.003px;
}
.grid-item.max-height-one-third[b-qmn0puue2a] {
  height: 299.997px;
}

.planned-power-card-body[b-qmn0puue2a] {
  height: 14rem;
  width: 14rem;
}

@media (max-width: 1250px) {
  .grid-container[b-qmn0puue2a] {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
  }
  .grid-container .grid-column[b-qmn0puue2a] {
    width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    min-height: auto;
    padding-right: 1rem;
  }
}
/* /Pages/ChargingGaragesDashboard.razor.rz.scp.css */
.grid-container[b-d9j3kr5akg] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  width: 100%;
  max-width: 2500px;
  min-height: 100px;
  padding-top: 0.5rem;
}

.grid-column[b-d9j3kr5akg] {
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
  width: 25%;
  padding-left: 1rem;
  padding-bottom: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
}
.grid-column.main-column[b-d9j3kr5akg] {
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-basis: 75%;
  flex-basis: 75%;
  width: 75%;
}
.grid-column:last-child[b-d9j3kr5akg] {
  padding-right: 1rem;
}
/* /Pages/IsAlive.razor.rz.scp.css */
table[b-dpps6nt8yz], th[b-dpps6nt8yz], td[b-dpps6nt8yz] {
  border: 1px solid;
}
/* /Pages/Layouts/MainLayout.razor.rz.scp.css */
.page[b-krp0zyz9k5] {
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 100%;
}
.page .header[b-krp0zyz9k5] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background: #043D0C;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
  color: #fff;
}
.page .header.standard-background[b-krp0zyz9k5] {
  background-image: url("../image/HeaderPattern.png");
}
.page .header.heart-background[b-krp0zyz9k5] {
  background-image: url("../image/HeaderHeartPattern.png");
}
.page .header.flower-background[b-krp0zyz9k5] {
  background-image: url("../image/HeaderFlowerPattern.png");
}
.page .header h1[b-krp0zyz9k5] {
  margin-left: 5rem;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}
.page .header .clock-container[b-krp0zyz9k5] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 5.5rem;
}
.page .content[b-krp0zyz9k5] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

@media (max-width: 1250px) {
  .page .header.standard-background[b-krp0zyz9k5] {
    background-image: none;
  }
  .page .header.heart-background[b-krp0zyz9k5] {
    background-image: none;
  }
  .page .header.flower-background[b-krp0zyz9k5] {
    background-image: none;
  }
}
.top-row[b-krp0zyz9k5] {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d6d5d5;
  justify-content: flex-end;
  height: 3.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
/* /Pages/ParkingDashboard.razor.rz.scp.css */
.column-area[b-w27lgps1qw] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem;
}
.column-area .column-container[b-w27lgps1qw] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.column-area .column-container .column-arrow[b-w27lgps1qw] {
  color: #CCCCCC;
  padding: 0rem 1rem;
}
.column-area .column-container .column[b-w27lgps1qw] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid black;
}
.column-area .column-container .column .spot[b-w27lgps1qw] {
  -webkit-box-flex: 1 1 0;
  -moz-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  height: 2.5rem;
  min-width: 22rem;
  padding: 0.8rem 2.2rem;
  background-color: white;
  border-right: 1px solid black;
}
.column-area .column-container .column .spot.empty[b-w27lgps1qw] {
  background-color: #EBEBEB;
}
.column-area .column-container .column .spot.vehicle-allocated[b-w27lgps1qw] {
  background-color: lightskyblue;
}
.column-area .column-container .column .spot.vehicle-available[b-w27lgps1qw] {
  background-color: lightgreen;
}