/* /MyApp.bolero.rz.scp.css */
#counter[b-2wtiul9viv] {
    width: 80px;
}

#notification-area[b-2wtiul9viv] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#notification-area > div[b-2wtiul9viv] {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.colored-meter[b-2wtiul9viv] {
    width: 100%;
    height: 20px;
}

.colored-meter[b-2wtiul9viv]::-webkit-meter-bar {
    background: #eee;
}

.colored-meter[b-2wtiul9viv]::-webkit-meter-optimum-value {
    background: green;
}

.colored-meter[b-2wtiul9viv]::-webkit-meter-suboptimum-value {
    background: yellow;
}

.colored-meter[b-2wtiul9viv]::-webkit-meter-even-less-good-value {
    background: red;
}

.day-row[b-2wtiul9viv] {
    margin-bottom: 20px; /* Adjust the value as needed */
}

.modal[b-2wtiul9viv] {
    position: absolute;
    top: 50px; /* Adjust this value as needed */
    left: 15%; /* Center horizontally */
    transform: translateX(-50%);
    z-index: 1000; /* Ensure it is above other elements */
}