/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs/index.js!./src/scss/chargy.scss ***!
  \*********************************************************************************************************************/
/*
 * Copyright (c) 2018-2026 GraphDefined GmbH <achim.friedland@graphdefined.com>
 * This file is part of Chargy WebApp <https://github.com/OpenChargingCloud/ChargyWebApp>
 *
 * Licensed under the Affero GPL license, Version 3.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.gnu.org/licenses/agpl.html
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/*
* Copyright (c) 2018-2026 GraphDefined GmbH <achim.friedland@graphdefined.com>
* This file is part of Chargy WebApp <https://github.com/OpenChargingCloud/ChargyWebApp>
*
* Licensed under the Affero GPL license, Version 3.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.gnu.org/licenses/agpl.html
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  background-color: #bac5ce;
  overflow: hidden;
}
body #app {
  width: 100vw;
  height: 100vh;
  max-width: 100vw;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  flex: 1;
}
body #app #headline {
  padding: 4px 8px 2px 8px;
  font-family: Arial;
  font-size: 110%;
  display: flex;
}
body #app #headline #logo {
  background-color: #ffffff;
  background-size: contain;
  background-repeat: no-repeat;
  line-height: 8.2vh;
  font-size: 130%;
  width: 100%;
  text-align: center;
}
body #app #headline #logo span {
  padding-left: 5vw;
}
body #app #headline #windowButtons {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  align-items: center;
}
body #app #headline #windowButtons #languageSelector {
  position: relative;
  display: flex;
  align-items: center;
}
body #app #headline #windowButtons #languageSelector #languageButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 26px;
  padding: 0;
}
body #app #headline #windowButtons #languageSelector #languageMenu {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 2000;
  min-width: 135px;
  padding: 4px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18);
}
body #app #headline #windowButtons #languageSelector #languageMenu button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 90%;
  text-align: left;
  white-space: nowrap;
}
body #app #headline #windowButtons #languageSelector #languageMenu button:hover,
body #app #headline #windowButtons #languageSelector #languageMenu button.active {
  color: #111111;
  background-color: #e7f2fb;
}
body #app #headline #windowButtons #languageSelector #languageMenu.open {
  display: block;
}
body #app #headline #windowButtons #languageSelector .languageFlag {
  display: inline-block;
  width: 22px;
  height: 14px;
  object-fit: cover;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.45) inset;
  pointer-events: none;
}
body #app #headline #windowButtons button {
  padding: 0px 5px;
  border: 0;
  background: 0;
  outline: 0;
  font-size: 110%;
}
body #app #headline #windowButtons button:hover {
  color: #f7f7f7;
}
body #app #headline #windowButtons #updateAvailableButton {
  display: none;
  color: #ac3b3b;
}
body #app #headline #windowButtons #updateAvailableButton:hover {
  color: #ce5b5b;
}
body #app #verifyframe {
  display: flex;
  flex-grow: 1;
}
body #app #verifyframe #leftbar {
  width: 50%;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}
body #app #verifyframe #leftbar #input {
  display: flex;
  flex-grow: 1;
  position: relative;
  margin: 0px 15px 15px 15px;
  padding: 10px 15px;
  border: 0;
  border-radius: 6px;
  background-color: rgb(231, 245, 255);
  font-family: Arial;
  font-size: 95%;
  width: calc(100% - 60px);
}
body #app #verifyframe #leftbar #input #inputInfos {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
}
body #app #verifyframe #leftbar #input #inputInfos #text {
  text-align: center;
  font-size: 110%;
  line-height: 130%;
  user-select: none;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv {
  padding: 8px 0px 15px 0px;
  display: flex;
  width: 100%;
  justify-content: space-evenly;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button {
  font-size: 1.1vw;
  line-height: 125%;
  width: 10vw;
  height: 10vw;
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  border-radius: 50%;
  background-color: #aeddff;
  box-shadow: none;
  align-self: center;
  user-select: none;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button i {
  font-size: 150%;
  padding-bottom: 7px;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:hover {
  color: #f7f7f7;
  background-color: #519ad0;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:disabled,
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:disabled:hover {
  color: #777777;
  background-color: #d8d8d8;
  cursor: not-allowed;
  opacity: 0.65;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv #fileInput {
  display: none;
}
body #app #verifyframe #leftbar #input #inputInfos #loadingErrors {
  min-height: 7vh;
  font-family: Arial;
  font-size: 120%;
  text-align: center;
}
body #app #verifyframe #leftbar #input #inputInfos #loadingErrors #errorText {
  display: none;
  padding: 10px 30px 17px 30px;
  background-color: rgba(228, 100, 100, 0.6509803922);
  border-radius: 6px;
}
body #app #verifyframe #leftbar #input #inputInfos #loadingErrors #errorText i {
  position: relative;
  font-size: 160%;
  top: 5px;
  padding-right: 3px;
}
body #app #verifyframe #leftbar #input #aboutScreen {
  display: none;
  width: 100%;
  margin-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}
body #app #verifyframe #leftbar #input #aboutScreen #softwareInfos {
  margin: 5px 0px 20px 0px;
  font-size: 110%;
}
body #app #verifyframe #leftbar #input #aboutScreen #softwareInfos #product {
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #aboutScreen #softwareInfos #copyright {
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #aboutScreen #openSourceLibs {
  display: table;
  margin: 10px 20px;
  border-spacing: 2px;
}
body #app #verifyframe #leftbar #input #aboutScreen #openSourceLibs .lib {
  display: table-row;
}
body #app #verifyframe #leftbar #input #aboutScreen #openSourceLibs .lib .name {
  display: table-cell;
  vertical-align: middle;
}
body #app #verifyframe #leftbar #input #aboutScreen #openSourceLibs .lib .license {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
}
body #app #verifyframe #leftbar #input #aboutScreen .linkButton {
  border: 0;
  border-radius: 4px;
  padding: 3px 7px;
  background-color: #b9dbf5;
  font-size: 75%;
  text-align: left;
}
body #app #verifyframe #leftbar #input #aboutScreen .linkButton:hover {
  color: #aad0ec;
  background-color: #3c75a0;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationHash {
  margin: 1em 0 1em 0;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationHash #value {
  font-family: monospace;
  font-size: 110%;
  margin-top: 3px;
  background-color: rgba(192, 192, 192, 0.3);
  padding: 6px 8px;
  border-radius: 4px;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationHash #sigHead {
  padding-top: 5px;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationHash #signatures {
  padding: 3px 0px 0px 5px;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationHash #signatures i {
  padding-right: 3px;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationSignatures {
  display: none;
  margin: 1em 0 1em 0;
}
body #app #verifyframe #leftbar #input #aboutScreen #applicationSignatures #value {
  font-family: monospace;
  font-size: 110%;
  margin-top: 3px;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP {
  margin-top: 3vh;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP a {
  color: #517692;
  font-weight: bold;
  text-decoration: none;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP #logos {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 0.5vh;
  margin-bottom: 40px;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP #logos #TMWWDG {
  margin: 2vh 7% 3vh 7%;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP #logos #TMWWDG img {
  width: 100%;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP #logos #ITnet {
  width: 50%;
  margin: 2vh 9% 3vh 1%;
}
body #app #verifyframe #leftbar #input #aboutScreen #TOSP #logos #ITnet img {
  width: 100%;
}
body #app #verifyframe #leftbar #input #aboutScreen::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen {
  display: none;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions {
  margin-bottom: 60px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version {
  background-color: #d8d8d8;
  border-radius: 6px;
  padding: 1vh 1vw 1vh 1vw;
  margin-bottom: 10px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .headline {
  display: flex;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .headline .versionnumber {
  flex-grow: 1;
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .headline .releaseDate {
  font-size: 90%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .description {
  display: inline-block;
  padding: 10px 0px 5px 0px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .tags {
  margin-left: -2px;
  display: flex;
  justify-content: flex-start;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .tags .tag {
  font-size: 70%;
  padding: 2px 5px;
  margin: 2px;
  color: #ddddf3;
  background-color: #4040A0;
  border-radius: 6px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package {
  margin-top: 20px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .name {
  font-size: 95%;
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .description {
  font-size: 80%;
  padding: 5px 0px 5px 0px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .additionalInfo {
  font-size: 80%;
  padding: 5px 0px 5px 0px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .additionalInfo i {
  font-style: inherit;
  font-family: monospace;
  font-size: 120%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .cryptoHashes {
  display: table;
  border-collapse: collapse;
  width: 100%;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .cryptoHashes .cryptoHash {
  display: table-row;
  background-color: #d0d0d0;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .cryptoHashes .cryptoHash .name {
  display: table-cell;
  padding: 2px 2px 2px 5px;
  vertical-align: middle;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .cryptoHashes .cryptoHash .value {
  display: table-cell;
  width: 100%;
  padding: 2px 5px 2px 3px;
  vertical-align: middle;
  font-family: monospace;
  font-size: 135%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .signaturesText {
  margin: 8px 0px 5px 0px;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .signatures {
  display: table;
  border-collapse: collapse;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .signatures .signature {
  display: table-row;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .signatures .signature .signatureCheck {
  display: table-cell;
  padding: 2px 0px 2px 5px;
  vertical-align: middle;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .signatures .signature .signer {
  display: table-cell;
  padding: 2px 0px 2px 5px;
  vertical-align: middle;
  font-size: 85%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .downloadURLsText {
  margin: 8px 0px 1px 0px;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .downloadURLs {
  margin: 0px 0px 10px 0px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .downloadURLs .downloadURL {
  padding: 2px 0px 2px 5px;
  font-size: 85%;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .downloadURLs .downloadURL a {
  text-decoration: none;
  color: black;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen #versions .version .packages .package .downloadURLs .downloadURL a i {
  font-size: 117.647%;
  padding-right: 7px;
  position: relative;
  top: 1px;
}
body #app #verifyframe #leftbar #input #updateAvailableScreen::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen {
  display: none;
  flex-direction: column;
  width: 100%;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #description {
  padding: 0px 0px 5px 0px;
  font-size: 120%;
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen .dates {
  padding: 0px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #begin {
  padding: 0px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #end {
  padding: 0px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions {
  padding: 0px 0px 0px 10px;
  height: 100%;
  margin: 10px 0px 50px 0px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession {
  position: relative;
  margin-bottom: 4px;
  padding: 7px 11px;
  background-color: #d6e4ef;
  border-radius: 6px;
  cursor: pointer;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .date {
  font-weight: bold;
  padding: 2px 0px 3px 0px;
  font-size: 105%;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table {
  display: table;
  border-collapse: separate;
  border-spacing: 4px 4px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .productInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .productInfos .icon {
  display: table-cell;
  padding: 6px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .productInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .productInfos .relevance {
  font-size: 90%;
  color: #6e8195;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .parkingInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .parkingInfos .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .parkingInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .parkingInfos .relevance {
  font-size: 90%;
  color: #6e8195;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStart {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStart .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStart .id {
  display: table-cell;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStop {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStop .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .authorizationStop .id {
  display: table-cell;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .chargingStationInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .chargingStationInfos .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .chargingStationInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .locationInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .locationInfos .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .locationInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .imageInfos, body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .signatureInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .imageInfos .icon, body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .signatureInfos .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .imageInfos .text, body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .signatureInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos {
  display: table-row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos .icon {
  display: table-cell;
  padding: 0px 7px 0px 3px;
  text-align: center;
  vertical-align: top;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos .text {
  display: table-cell;
  color: #212427;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos .text .costs .totalCosts {
  display: flex;
  flex-direction: row;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos .text .costs .totalCosts .totalCost {
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .table .costsInfos .text .costs .totalCosts .totalCostCurrency {
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .liveLinkTransports {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .liveLinkTransports .liveLinkTransport {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .liveLinkTransports .liveLinkTransport .type {
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .liveLinkTransports .liveLinkTransport .totp {
  color: #6e8195;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession a {
  color: #1f5f93;
  overflow-wrap: anywhere;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .imageInfos a, body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .liveLinkTransport a {
  display: block;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .verificationStatus {
  position: absolute;
  top: 10px;
  right: 12px;
  text-align: center;
  font-size: 80%;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSession .verificationStatus i {
  display: block;
  font-size: 250%;
  padding-bottom: 4px;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .chargingSessions:hover {
  background-color: #b8cdde;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions .activated {
  background-color: #b5d4ec;
}
body #app #verifyframe #leftbar #input #chargingSessionScreen #chargingSessions::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0px 0px 75px 0px;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #description {
  padding: 0px 0px 7px 0px;
  font-size: 120%;
  font-weight: bold;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #invalidDataSets {
  padding: 0px 0px 0px 10px;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #invalidDataSets .invalidDataSet {
  display: table;
  margin-bottom: 4px;
  padding: 7px 11px;
  color: #5d1f1f;
  background-color: #e68388;
  border-radius: 6px;
  width: calc(100% - 22px);
  cursor: pointer;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #invalidDataSets .invalidDataSet .row {
  display: table-row;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #invalidDataSets .invalidDataSet .row .key {
  display: table-cell;
  padding-right: 20px;
}
body #app #verifyframe #leftbar #input #invalidDataSetsScreen #invalidDataSets .invalidDataSet .row .value {
  display: table-cell;
}
body #app #verifyframe #leftbar #input #inputButtons {
  display: none;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
body #app #verifyframe #leftbar #input #inputButtons #backButton {
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #b6d8f1;
  margin: 4px;
  font-size: 280%;
}
body #app #verifyframe #leftbar #input #inputButtons #backButton:hover {
  color: #519ad0;
}
body #app #verifyframe #leftbar #input #inputButtons #exportButtonDiv {
  flex-grow: 2;
  display: none;
  flex-direction: row-reverse;
  margin-right: 25px;
}
body #app #verifyframe #leftbar #input #inputButtons #exportButtonDiv #exportButton {
  color: #b6d8f1;
  background-color: transparent;
  font-size: 90%;
  border: 0;
  outline: 0;
  position: relative;
  top: -2px;
  margin-right: 2px;
}
body #app #verifyframe #leftbar #input #inputButtons #exportButtonDiv #exportButton i {
  font-size: 120%;
  position: relative;
  top: 1px;
}
body #app #verifyframe #leftbar #input #inputButtons #exportButtonDiv #exportButton:hover {
  color: #519ad0;
}
body #app #verifyframe #leftbar #input::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #leftbar .over {
  background-color: cornflowerblue !important;
}
body #app #verifyframe #leftbar::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #rightbar {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0px 15px 15px 0px;
  background-color: #c7e1f3;
  border-radius: 8px 8px 8px 8px;
}
body #app #verifyframe #rightbar #map {
  width: 100%;
  min-height: 33%;
  border-radius: 8px 8px 0px 0px;
}
body #app #verifyframe #rightbar #detailedInfos {
  width: 100%;
  flex-grow: 1;
  padding: 20px 20px;
  width: calc(100% - 40px);
  font-family: Arial;
  font-size: 95%;
  color: #2c4a60;
  overflow-y: scroll;
}
body #app #verifyframe #rightbar #detailedInfos .headline {
  color: #2e71a2;
  font-weight: bold;
  padding: 2px 10px 12px 0px;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos {
  display: table;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .headline2 {
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .chargingStationId {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .chargingStationId .chargingStationIdId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .chargingStationId .chargingStationIdValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .manufacturer {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .manufacturer .manufacturerId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .manufacturer .manufacturerValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .manufacturer .manufacturerValue a {
  text-decoration: none;
  color: #2e71a2;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .model {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .model .modelId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .model .modelValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .model .modelValue a {
  text-decoration: none;
  color: #2e71a2;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .serialNumber {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .serialNumber .serialNumberId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .serialNumber .serialNumberValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .firmwareVersion {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .firmwareVersion .firmwareVersionId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .firmwareVersion .firmwareVersionValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .legalCompliance {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .legalCompliance .legalComplianceId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .legalCompliance .legalComplianceValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .conformity {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .conformity .conformityId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .conformity .conformityValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .calibration {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .calibration .calibrationId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingStationInfos .calibration .calibrationValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos {
  display: table;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .headline2 {
  margin-top: 0.6vh;
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterId {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterId .meterIdId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterId .meterIdValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterManufacturer {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterManufacturer .meterManufacturerId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterManufacturer .meterManufacturerValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterManufacturer .meterManufacturerValue a {
  text-decoration: none;
  color: #2e71a2;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterModel {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterModel .meterModelId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterModel .meterModelValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterModel .meterModelValue a {
  text-decoration: none;
  color: #2e71a2;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterHardwareVersion {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterHardwareVersion .meterHardwareVersionId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterHardwareVersion .meterHardwareVersionValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterFirmwareVersion {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterFirmwareVersion .meterFirmwareVersionId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .meterFirmwareVersion .meterFirmwareVersionValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .measurement {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .measurement .measurementId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .measurement .measurementValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .OBIS {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .OBIS .OBISId {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .energyMeterInfos .OBIS .OBISValue {
  display: table-cell;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .headline2 {
  margin-top: 0.6vh;
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable {
  display: table-row-group;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable .chargingTariffRow {
  display: table-row;
  cursor: zoom-in;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable .chargingTariffRow .shortName {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  border-radius: 4px 0px 0px 4px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable .chargingTariffRow .summary {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  border-radius: 0px 4px 4px 0px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable .chargingTariffRow .description {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  border-radius: 0px 4px 4px 0px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingTariffsInfos .tariffsTable .chargingTariffRow:hover {
  background-color: #72b3e2;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .headline2 {
  margin-top: 0.6vh;
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .chargingPeriodsTable {
  display: table-row-group;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .chargingPeriodsTable .chargingPeriodRow {
  display: table-row;
  cursor: zoom-in;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .chargingPeriodsTable .chargingPeriodRow .startTimestamp {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  border-radius: 4px 0px 0px 4px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .chargingPeriodsTable .chargingPeriodRow .duration {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  border-radius: 0px 4px 4px 0px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .chargingPeriodsInfos .chargingPeriodsTable .chargingPeriodRow:hover {
  background-color: #72b3e2;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .headline2 {
  margin-top: 0.6vh;
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable {
  display: table-row-group;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow {
  display: table-row;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow .type {
  display: table-cell;
  padding-left: 12px;
  padding-right: 2vw;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow .amount {
  display: table-cell;
  padding-right: 3px;
  text-align: right;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow .unit {
  display: table-cell;
  padding-right: 10px;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow .cost {
  display: table-cell;
  padding-right: 3px;
  text-align: right;
}
body #app #verifyframe #rightbar #detailedInfos .totalCosts .costsTable .costsRow .currency {
  display: table-cell;
  padding: 0px;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues {
  display: table;
  width: 100%;
  cursor: zoom-in;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .headline2 {
  margin-top: 0.6vh;
  font-weight: bold;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue {
  display: table-row;
  padding: 3px 4px;
  border-radius: 3px;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .timestamp {
  display: table-cell;
  padding: 2px 16px 2px 12px;
  border-radius: 4px 0px 0px 4px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .value1 {
  display: table-cell;
  text-align: right;
  padding-right: 5px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .unit1 {
  display: table-cell;
  padding-right: 10px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .value2 {
  display: table-cell;
  text-align: right;
  padding-right: 5px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .unit2 {
  display: table-cell;
  padding-right: 10px;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .verificationStatus {
  display: table-cell;
  padding: 2px 6px;
  border-radius: 0px 4px 4px 0px;
  width: 100%;
  white-space: nowrap;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue .verificationStatus .noValidation {
  position: relative;
  top: -1px;
  font-size: 85%;
  font-style: italic;
  color: rgba(44, 74, 96, 0.5);
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue:hover {
  background-color: #72b3e2;
}
body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue:first-child .value2, body #app #verifyframe #rightbar #detailedInfos .measurementValues .measurementValue:first-child .unit2 {
  color: rgba(44, 74, 96, 0.5);
}
body #app #verifyframe #rightbar #evseTarifInfos::-webkit-scrollbar {
  display: none;
}
body #app #verifyframe #rightbar #feedback {
  display: none;
  width: 100%;
  padding: 20px 20px 40px 20px;
  width: calc(100% - 40px);
  font-family: Arial;
  font-size: 90%;
  font-weight: bold;
  color: #6488a3;
  line-height: 130%;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods {
  display: flex;
  flex-direction: column;
  margin: 0.8vh 0 0 15px;
  color: #34668a;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods i {
  width: 22px;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods a {
  text-decoration: none;
  color: #34668a;
  margin-bottom: 3px;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods button {
  background-color: transparent;
  padding: 0;
  outline: 0;
  font-weight: bold;
  font-size: 100%;
  color: #34668a;
  border: 0;
  text-align: left;
  margin-bottom: 3px;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods button:hover, body #app #verifyframe #rightbar #feedback #feedbackMethods a:hover {
  color: rgba(52, 102, 138, 0.6);
}
body #app #verifyframe #rightbar #feedback #feedbackMethods #eMail {
  display: none;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods #eMail i {
  position: relative;
  top: 1px;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods #hotline {
  display: none;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods #hotline i {
  position: relative;
  top: 2px;
  left: -2px;
}
body #app .overlay {
  position: absolute;
  font-family: sans-serif;
  font-size: 90%;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100vw;
  height: 100vh;
  margin: auto;
}
body #app .overlay .overlayText {
  position: relative;
  top: 5%;
  width: calc(90% - 40px);
  height: calc(90% - 50px);
  margin: auto;
  padding: 1px;
  background-color: #f5f5f5;
  border: 20px solid #f5f5f5;
  border-radius: 6px;
  box-shadow: 2px 0 16px 0 rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
  z-index: 9000;
  display: flex;
  flex-direction: column;
}
body #app .overlay .overlayText .headline .error {
  color: #bd0000;
}
body #app .overlay .overlayText .headline .intro {
  margin: 5px 0px 10px 0px;
  font-size: 105%;
}
body #app .overlay .overlayText .headline .intro .important {
  font-weight: bold;
}
body #app .overlay .overlayText .spacer {
  flex-grow: 1;
  visibility: hidden;
}
body #app .overlay .overlayText .footer {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
body #app .overlay .overlayText .footer .overlayLeftButton {
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #b6d8f1;
  margin: 4px;
  font-size: 280%;
}
body #app .overlay .overlayText .footer .overlayLeftButton:hover {
  color: #519ad0;
}
body #app .overlay .overlayText .footer .overlayRightButton {
  visibility: hidden;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: #b6d8f1;
  margin: 4px;
  font-size: 280%;
}
body #app .overlay .overlayText .footer .overlayRightButton:hover {
  color: #519ad0;
}
body #app .overlay .overlayText::-webkit-scrollbar {
  display: none;
}
body #app #qrCodeScanner {
  display: none;
}
body #app #qrCodeScanner .overlayText {
  max-width: 650px;
  height: auto;
  min-height: 0;
  overflow-y: auto;
}
body #app #qrCodeScanner .overlayText .data {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body #app #qrCodeScanner .overlayText .data #scannerViewport {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  background-color: #111111;
  border-radius: 6px;
  overflow: hidden;
}
body #app #qrCodeScanner .overlayText .data #scannerViewport #qrCodeScannerVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body #app #qrCodeScanner .overlayText .data #scannerViewport #qrCodeScannerCanvas {
  display: none;
}
body #app #qrCodeScanner .overlayText .data #scannerViewport #scannerFrame {
  position: absolute;
  left: 18%;
  top: 14%;
  width: 64%;
  height: 72%;
  border: 3px solid rgba(255, 255, 255, 0.85);
  border-radius: 6px;
  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.22);
  pointer-events: none;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerStatus {
  min-height: 24px;
  color: #333333;
  line-height: 140%;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerResult {
  display: none;
  flex-direction: column;
  gap: 10px;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerResult #qrCodeScannerResultLabel {
  font-weight: bold;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerResult #qrCodeScannerResultText {
  box-sizing: border-box;
  width: 100%;
  max-height: 150px;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border-radius: 4px;
  background-color: #ffffff;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 85%;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerResult #qrCodeScannerURLActions {
  display: none;
}
body #app #qrCodeScanner .overlayText .data #qrCodeScannerResult button {
  border: 0;
  border-radius: 4px;
  padding: 8px 12px;
  margin-right: 8px;
  cursor: pointer;
}
body #app #chargingTariffDetails {
  display: none;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData {
  display: table;
  margin-bottom: 5px;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .row {
  display: table-row;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .row .id {
  display: table-cell;
  padding: 2px 10px 1px 8px;
  font-weight: bold;
  border-radius: 4px 0px 0px 4px;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .row .value {
  display: table-cell;
  padding: 2px 8px 1px 0px;
  border-radius: 0px 4px 4px 0px;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .row .value .statusInfos {
  font-style: italic;
  font-size: 90%;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .row:hover {
  background-color: orange;
}
body #app #chargingTariffDetails .overlayText .data #cryptoData .overEntry {
  background-color: orange;
}
body #app #chargingTariffDetails .overlayText .data .infoblock {
  font-family: monospace;
  font-size: 110%;
  margin-bottom: 10px;
}
body #app #chargingTariffDetails .overlayText .data .infoblock .description {
  position: relative;
  top: 8px;
  left: 10px;
  background-color: #98c3e2;
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 85%;
}
body #app #chargingTariffDetails .overlayText .data .infoblock .value {
  overflow-wrap: break-word;
  background-color: #E1E1E1;
  border-radius: 4px;
  padding: 11px 10px 6px 10px;
  width: calc(100% - 20px);
}
body #app #chargingTariffDetails .overlayText .data .errorblock {
  display: none;
}
body #app #chargingTariffDetails .overlayText .data .errorblock .description {
  background-color: #980000;
}
body #app #chargingTariffDetails .overlayText .data .errorblock .value {
  background-color: #dfbcbc;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .entry {
  display: inline;
  padding: 1px 4px 1px 4px;
  margin-left: -4px;
  border-radius: 4px;
  word-break: break-all;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .entry:hover {
  background-color: orange;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .overEntry {
  background-color: orange;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .ocmfSeparator {
  color: #e20000;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .ocmfHighlight {
  color: #5c7aa9;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .compactValue {
  display: block;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .prettyValue {
  display: none;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .prettyValue .jsonKey {
  font-weight: bold;
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .prettyValue .jsonString {
  color: rgb(56, 56, 144);
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .prettyValue .jsonNumber {
  color: rgb(43, 110, 43);
}
body #app #chargingTariffDetails .overlayText .data #buffer .value .prettyValue .jsonBoolean {
  color: rgb(174, 45, 45);
}
body #app #chargingTariffDetails .overlayText .data #publicKey .value .leadingFour {
  color: #969696;
}
body #app #chargingTariffDetails .overlayText .data #publicKey .sigHead {
  display: none;
  padding: 5px 10px 0px 10px;
  font-size: 80%;
}
body #app #chargingTariffDetails .overlayText .data #publicKey .signatures {
  display: flex;
  padding: 3px 0px 0px 0px;
  font-family: sans-serif;
  font-size: 70%;
  color: #6d6d6d;
}
body #app #chargingTariffDetails .overlayText .data #publicKey .signatures i {
  padding: 0px 3px 0px 10px;
}
body #app #chargingTariffDetails .overlayText .footer #signatureCheck {
  margin: 4vh 0 2vh 0;
  text-align: center;
  font-size: 150%;
}
body #app #chargingTariffDetails .overlayText .footer #signatureCheck i {
  font-size: 200%;
}
body #app #chargingTariffDetails .overlayText .footer #signatureCheck #description {
  position: relative;
  line-height: 200%;
}
body #app #chargingTariffDetails .overlayText .footer .overlayRightButton {
  visibility: hidden;
}
body #app #chargingPeriodDetails {
  display: none;
}
body #app #chargingPeriodDetails .overlayText .footer #signatureCheck {
  margin: 4vh 0 2vh 0;
  text-align: center;
  font-size: 150%;
}
body #app #chargingPeriodDetails .overlayText .footer #signatureCheck i {
  font-size: 200%;
}
body #app #chargingPeriodDetails .overlayText .footer #signatureCheck #description {
  position: relative;
  line-height: 200%;
}
body #app #chargingPeriodDetails .overlayText .footer .overlayRightButton {
  visibility: hidden;
}
body #app #measurementsDetails {
  display: none;
}
body #app #measurementsDetails .overlayText .data #cryptoData {
  display: table;
  margin-bottom: 5px;
}
body #app #measurementsDetails .overlayText .data #cryptoData .row {
  display: table-row;
}
body #app #measurementsDetails .overlayText .data #cryptoData .row .id {
  display: table-cell;
  padding: 2px 10px 1px 8px;
  font-weight: bold;
  border-radius: 4px 0px 0px 4px;
}
body #app #measurementsDetails .overlayText .data #cryptoData .row .value {
  display: table-cell;
  padding: 2px 8px 1px 0px;
  border-radius: 0px 4px 4px 0px;
}
body #app #measurementsDetails .overlayText .data #cryptoData .row .value .statusInfos {
  font-style: italic;
  font-size: 90%;
}
body #app #measurementsDetails .overlayText .data #cryptoData .row:hover {
  background-color: orange;
}
body #app #measurementsDetails .overlayText .data #cryptoData .overEntry {
  background-color: orange;
}
body #app #measurementsDetails .overlayText .data .infoblock {
  font-family: monospace;
  font-size: 110%;
  margin-bottom: 10px;
}
body #app #measurementsDetails .overlayText .data .infoblock .description {
  position: relative;
  top: 8px;
  left: 10px;
  background-color: #98c3e2;
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 85%;
}
body #app #measurementsDetails .overlayText .data .infoblock .value {
  overflow-wrap: break-word;
  background-color: #E1E1E1;
  border-radius: 4px;
  padding: 11px 10px 6px 10px;
  width: calc(100% - 20px);
}
body #app #measurementsDetails .overlayText .data .errorblock {
  display: none;
}
body #app #measurementsDetails .overlayText .data .errorblock .description {
  background-color: #980000;
}
body #app #measurementsDetails .overlayText .data .errorblock .value {
  background-color: #dfbcbc;
}
body #app #measurementsDetails .overlayText .data #buffer .value .entry {
  display: inline;
  padding: 1px 4px 1px 4px;
  margin-left: -4px;
  border-radius: 4px;
  word-break: break-all;
}
body #app #measurementsDetails .overlayText .data #buffer .value .entry:hover {
  background-color: orange;
}
body #app #measurementsDetails .overlayText .data #buffer .value .overEntry {
  background-color: orange;
}
body #app #measurementsDetails .overlayText .data #buffer .value .ocmfSeparator {
  color: #e20000;
}
body #app #measurementsDetails .overlayText .data #buffer .value .ocmfHighlight {
  color: #5c7aa9;
}
body #app #measurementsDetails .overlayText .data #buffer .value .compactValue {
  display: block;
}
body #app #measurementsDetails .overlayText .data #buffer .value .prettyValue {
  display: none;
}
body #app #measurementsDetails .overlayText .data #buffer .value .prettyValue .jsonKey {
  font-weight: bold;
}
body #app #measurementsDetails .overlayText .data #buffer .value .prettyValue .jsonString {
  color: rgb(56, 56, 144);
}
body #app #measurementsDetails .overlayText .data #buffer .value .prettyValue .jsonNumber {
  color: rgb(43, 110, 43);
}
body #app #measurementsDetails .overlayText .data #buffer .value .prettyValue .jsonBoolean {
  color: rgb(174, 45, 45);
}
body #app #measurementsDetails .overlayText .data #publicKey .value .leadingFour {
  color: #969696;
}
body #app #measurementsDetails .overlayText .data #publicKey .sigHead {
  display: none;
  padding: 5px 10px 0px 10px;
  font-size: 80%;
}
body #app #measurementsDetails .overlayText .data #publicKey .signatures {
  display: flex;
  padding-left: 5px;
  font-family: sans-serif;
  font-size: 70%;
  color: #6d6d6d;
}
body #app #measurementsDetails .overlayText .data #publicKey .signatures .signature {
  padding: 3px 7px 2px 5px;
  cursor: zoom-in;
}
body #app #measurementsDetails .overlayText .data #publicKey .signatures .signature i {
  padding-right: 4px;
}
body #app #measurementsDetails .overlayText .footer #signatureCheck {
  margin: 4vh 0 2vh 0;
  text-align: center;
  font-size: 150%;
}
body #app #measurementsDetails .overlayText .footer #signatureCheck i {
  font-size: 200%;
}
body #app #measurementsDetails .overlayText .footer #signatureCheck #description {
  position: relative;
  line-height: 200%;
}
body #app #measurementsDetails .overlayText .footer .overlayRightButton {
  visibility: hidden;
}
body #app #issueTracker {
  display: none;
}
body #app #issueTracker .overlayText #headline {
  padding: 8px 8px 0px 8px;
}
body #app #issueTracker .overlayText form {
  flex-grow: 2;
  padding: 5px 20px 20px 20px;
}
body #app #issueTracker .overlayText form .label {
  margin: 15px 0px 5px 0px;
}
body #app #issueTracker .overlayText form input[type=checkbox] {
  transform: scale(1.2);
  position: relative;
  top: 2px;
  margin: 3px 3px 3px 10px;
}
body #app #issueTracker .overlayText form #includeCTR {
  border-radius: 4px;
  margin: 0px 0px 3px 10px;
}
body #app #issueTracker .overlayText form textarea {
  width: calc(100% - 10px);
  min-height: 20vh;
  resize: vertical;
  border: 0;
  border-radius: 4px;
  margin: 0px 0px 3px 10px;
}
body #app #issueTracker .overlayText form input[type=text] {
  padding: 3px 5px;
  border: 0;
  border-radius: 3px;
  margin: 0px 0px 3px 10px;
}
body #app #issueTracker .overlayText form #privacyStatement {
  display: none;
  width: 100%;
  height: 23vh;
  font-size: 80%;
  margin-top: 20px;
  overflow-y: scroll;
  background-color: #e8e8e8;
  border-radius: 4px;
  padding: 5px 10px;
  width: calc(100% - 10px);
}
body #app #issueTracker .overlayText form #privacyStatement h1 {
  font-size: 1.25em;
  margin: 10px 0 0 0;
}
body #app #issueTracker .overlayText form #privacyStatement p a {
  text-decoration: none;
  color: #4b83d0;
}
body #app #issueTracker .overlayText form #sendIssueBox {
  margin-top: 25px;
  text-align: center;
}
body #app #issueTracker .overlayText form #sendIssueBox #privacyStatementAccepted {
  transform: scale(1.3);
  position: relative;
  top: 2px;
}
body #app #issueTracker .overlayText form #sendIssueBox #showPrivacyStatement {
  border: 0;
  background-color: transparent;
  color: #4b83d0;
  font-size: 100%;
  padding: 0px 1px 0px 6px;
  outline: none;
}
body #app #issueTracker .overlayText form #sendIssueBox #sendIssueButton {
  margin-top: 10px;
  padding: 8px 15px;
  border: 0;
  border-radius: 4px;
  background-color: #b6d8f1;
}
body #app #issueTracker .overlayText form #sendIssueBox #sendIssueButton:hover {
  background-color: #519ad0;
}
body #app #issueTracker .overlayText form #sendIssueBox #sendIssueButton:disabled,
body #app #issueTracker .overlayText form #sendIssueBox #sendIssueButton[disabled] {
  background-color: #cccccc;
  color: #999999;
}
body #app #pkiDetails {
  display: none;
}
body #app #pkiDetails .overlayText .footer .overlayRightButton {
  visibility: hidden;
}
body .fullScreen {
  width: 100vw !important;
  height: 100vh !important;
  border-radius: 0 !important;
}

.fullScreen {
  width: 100vw !important;
  height: 100vh !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
}

.fa-check-circle {
  color: #5ab337;
}

.fa-times-circle {
  color: #CC0000;
}

.fa-question-circle-orange {
  color: #c38029;
}

/*
* Copyright (c) 2018-2026 GraphDefined GmbH <achim.friedland@graphdefined.com>
* This file is part of Chargy WebApp <https://github.com/OpenChargingCloud/ChargyWebApp>
*
* Licensed under the Affero GPL license, Version 3.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.gnu.org/licenses/agpl.html
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
body #app {
  background-color: #ffffff;
}
body #app #headline #logo {
  background-image: url(../images/chargy_shield3_512x512.png);
  background-size: auto 80%;
  background-position: left center;
}
body #app #headline #windowButtons button:hover {
  color: #b7b7b7;
}
body #app #verifyframe #leftbar #input {
  background-color: #f1f1f1;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button {
  color: #3a1d27;
  background: radial-gradient(farthest-corner at 39px 40px, #fbd789 0%, #ed9828 35%, #CC0B12 70%);
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button i {
  font-size: 120%;
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:hover {
  color: #ffffff;
  background: radial-gradient(farthest-corner at 39px 40px, #f9e8c2 0%, #ebad5c 40%, #ed4f54 80%);
}
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:disabled,
body #app #verifyframe #leftbar #input #inputInfos #buttonsDiv button:disabled:hover {
  color: #777777;
  background: #d8d8d8;
  cursor: not-allowed;
  opacity: 0.65;
}
body #app #verifyframe #leftbar #input #chargingSessionReport #chargingSessions .chargingSessions {
  background-color: #dbdbdb;
}
body #app #verifyframe #leftbar #input #chargingSessionReport #chargingSessions .activated {
  background-color: #c4c4c4;
}
body #app #verifyframe #rightbar {
  background-color: #f1f1f1;
}
body #app #verifyframe #rightbar #feedback {
  color: #34668a;
}
body #app #verifyframe #rightbar #feedback #feedbackMethods button:hover, body #app #verifyframe #rightbar #feedback #feedbackMethods a:hover {
  color: #c40546;
}
body #app #issueTracker {
  display: none;
}

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