/* utilities.css - Small reusable helper classes used across pages. */

.pageContentMaxWidth {
    max-width: calc(var(--width-page-max) - var(--width-left-menu-max)) !important;
}

.contentMaxHeight {
    height: calc(100% - var(--height-top-bar)) !important;
}

.uiMinFormWidth {
    min-width: 640px;
}

.uiButtonsBottom {
    position: absolute;
    bottom: 0;
}

@media (min-width: 641px) {
    .uiMaxFormWidth {
        max-width: 640px !important;
    }
}

@media (min-width: 961px) {
    .uiMaxFormWidth {
        max-width: 960px !important;
    }
}

@media (min-width: 1281px) {
    .uiMaxFormWidth {
        max-width: 1280px !important;
    }
}

.monospace {
    font-variant-numeric: tabular-nums;
}

.smallText {
    font-size: .8rem!important;
}