#logo {
    width: 200px;
}

@media (max-width: 768px) {
    #logo {
        width: 150px;
    }
}

@media (max-width: 576px) {
    #logo {
        width: 100px;
    }
}

form label {
    font-weight: bold;
}

form .helptext, form .helptext * {
    color: var(--pico-muted-color);
}

.errorlist {
    color: var(--pico-form-element-invalid-border-color)
}

#graphContainer {
    margin: 40px;
}

header h3 {
    margin-bottom: 0;
}

.defaulthidden {
    display: none;
}

.graphcontainerblock {
    min-height: 400px;
}

dialog button[type="submit"] {
    width: unset;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.table-day-header {
    font-weight: 600;
    background-color: var(--pico-table-border-color);
}

td.number {
    text-align: right;
    font-family: var(--pico-font-family-monospace), monospace;
}

td.nowrap, th.nowrap {
    white-space: nowrap;
    overflow: hidden;
}

td.align-right, th.align-right {
    text-align: right;
}