#map {
            width: 800px;
            height: 400px;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        button {
            font-size: 18px;
            margin: 5px;
        }

        .buttons-container {
            text-align: center;
        }

        #currentDate {
            font-size: 24px;
            /* Increase the font size here */
            font-weight: bold;
            /* Optionally make the text bold */
            margin-top: 10px;
            /* Add some spacing above the text */
        }

        .leaflet-marker-icon.green-marker {
            background-color: green;
        }

        .leaflet-marker-icon.blue-marker {
            background-color: blue;
        }

        .leaflet-marker-icon.red-marker {
            background-color: red;
        }

        #container {
            min-width: 300px;
            max-width: 900px;
            margin: 0 auto;
        }

        #dataTable {
            margin: 0 auto; /* Centruojame lentele horizontaliai */
    text-align: left;
        }


body {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    padding: 20px;
    border-radius: 15px;
    background-color: #FFFFC2;
}

.container0 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  //  background-color: #EEEEEE;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

.container5, .container7 {
    width: 30%;
    padding: 10px;
    border-radius: 10px;
    background-color: #EEEEEE;
}
.container6 {
    width: 30%;
    padding: 10px;
    border-radius: 10px;
 //   background-color: #EEEEEE;
}

.container8, .container9 {
    width: 45%;
    padding: 10px;
    border-radius: 10px;
    background-color: #EEEEEE;
}


h1 {
    text-align: center;
    font-weight: bold;
    font-style: italic;
}

.battery {
    text-align: center;
    margin: 10px 0;
}

.battery-level, .battery-level2 {
    width: 100%;
    height: 20px;
    background-color: #ccc;
}

.battery-percentage {
    font-weight: bold;
}

h3 {
    margin: 2px;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
    text-align: center;
}
        #dataTable {
            margin: 0 auto; /* Centruojame lentele horizontaliai */
    text-align: left;
        }

        .error {
            color: red;
        }
        .ok {
            color: green;
        }
        .ok1 {
            color: blue;
        }