body .report-title {
    font-family: "NUOZ Heading", sans-serif;
    text-align: center;
    margin: 0;
    font-weight: 900;
    margin-bottom: 5px;
    color: #80537b;
}

.report-subtitle {
    font-family: "NUOZ Heading", sans-serif;
    text-align: center;
    margin: 0;
    font-weight: 800;
    margin-bottom: 5px;
    color: #80537b;
}

.energy-chart-iframe {
    display: block;
    margin: 0 auto;
}

.time-range-buttons-container {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.time-range-button {
    display: inline-block;
    background-color: #f8f8f8;
    color: #000000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.custom-date-picker {
    display: inline-block;
    background-color: #f8f8f8;
    color: #000000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.go-button {
    display: inline-block;
    background-color: #f8f8f8;
    color: #000000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.reset-button {
    display: inline-block;
    background-color: #f8f8f8;
    color: #000000;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.time-range-button.active {
    background-color: #80537b;
    color: #ffffff;
}

.custom-date-picker.active {
    background-color: #80537b;
    color: #ffffff;
}

.go-button.active {
    background-color: #80537b;
    color: #ffffff;
}

.reset-button.active {
    background-color: #80537b;
    color: #ffffff;
}

.time-range-button:hover {
    background-color: #80537b;
    color: #ffffff;
}

.custom-date-picker:hover {
    background-color: #80537b;
    color: #ffffff;
}

.go-button:hover {
    background-color: #80537b;
    color: #ffffff;
}

.reset-button:hover {
    background-color: #80537b;
    color: #ffffff;
}

.pika-single {
    z-index: 10000 !important;
    border: 1px solid #ccc !important;
}

.pika-button {
    background-color: #f8f8f8 !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
}

.pika-button:hover {
    background-color: #80537b !important;
    color: #fff !important;
}

#interval-buttons {
    /* Additional styling for interval buttons, if needed */
}

/* Fixed width for start and end date inputs */
.start-date,
.end-date {
    width: 100px;
    padding: 5px;
    margin: 0 5px;
}