:root {
    --pico-font-size: 100%;
}

@media (prefers-color-scheme: light) {
    html {
        background: var(--pico-color-azure-50);
    }
}

a {
    cursor: pointer;
}

.htmx-request {
    opacity: 0.5;
}

/* Grid used to display list of teachers */
.teacher-grid {
    display: grid;
    grid-template-columns: 5fr 2fr 5fr 1fr;
}
/*.teacher-grid div {
border: thin solid red;
}*/
.teacher-grid > div:last-child {
    text-align: right;
}

/* special styling for fragments as inline forms */
form.fragments {
    display: inline-block;
}
form.fragments label {
    min-width: 10em;
}
form.fragments fieldset {
    padding: 0px 0em 0px 2em;
}

.inline {
    display: inline-block;
}

.inline-small {
    display: inline-block;
}
.inline-small button,
.inline-small input {
    display: inline-block;
    padding: 2px;
}

.align-right {
    text-align: right;
}

.pale-blue {
    background: var(--pico-color-azure-100);
}

.dialog-error header {
    background-color: var(--pico-color-red-300);
}
.dialog-success header {
    background-color: var(--pico-color-jade-100);
}
.dialog-warning header {
    background-color: var(--pico-color-orange-300);
}

.meta-data {
    text-align: right;
}