@charset "UTF-8";
/*
 * N2C Handheld theme
 * Base: n2c.bs5.css
 * Goal: denser layout and faster data entry on handheld scanners.
 */
@import url("./n2c.bs5.css");

@media (max-width: 640px) {
    :root {
        --bs-body-font-size: 0.8125rem;
        --bs-body-line-height: 1.3;
        --bs-border-radius: 0.15rem;
        --bs-border-radius-sm: 0.125rem;
        --bs-border-radius-lg: 0.2rem;
    }

    body,
    .dxbl,
    .dxbl-grid,
    .dxbl-fl,
    .dxbl-form-layout {
        letter-spacing: 0;
    }

    .container,
    .container-fluid {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .card,
    .modal-content,
    .accordion-item,
    .dxbl-card {
        border-radius: 0.2rem;
    }

    .card-body,
    .modal-body,
    .accordion-body,
    .dxbl-card-body {
        padding: 0.5rem;
    }

    .card-header,
    .modal-header,
    .accordion-header,
    .dxbl-card-header {
        padding: 0.45rem 0.5rem;
    }

    .form-control,
    .form-select,
    .btn,
    .dxbl-btn,
    .dxbl-text-edit,
    .dxbl-spin-edit,
    .dxbl-combobox,
    .dxbl-dropdown-edit {
        min-height: 2.05rem;
        font-size: 0.8125rem;
    }

    .form-control,
    .form-select,
    .dxbl-text-edit input,
    .dxbl-spin-edit input,
    .dxbl-dropdown-edit input {
        padding: 0.3rem 0.45rem;
    }

    .btn,
    .dxbl-btn {
        padding: 0.3rem 0.5rem;
        line-height: 1.2;
    }

    h1, .h1 {
        font-size: 1.15rem;
        margin-bottom: 0.4rem;
    }

    h2, .h2 {
        font-size: 1.05rem;
        margin-bottom: 0.35rem;
    }

    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 {
        font-size: 0.95rem;
        margin-bottom: 0.3rem;
    }

    .table > :not(caption) > * > *,
    .dxbl-grid .dxbl-grid-table > tbody > tr > td,
    .dxbl-grid .dxbl-grid-table > thead > tr > th {
        padding: 0.35rem 0.4rem;
        line-height: 1.25;
    }

    .dxbl-grid .dxbl-grid-table > tbody > tr {
        height: 2.05rem;
    }

    .dxbl-fl > .row,
    .row {
        --bs-gutter-x: 0.5rem;
        --bs-gutter-y: 0.35rem;
    }

    .list-group-item,
    .dropdown-item,
    .nav-link,
    .navbar-brand {
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
    }

    .dxbl-toolbar .dxbl-btn,
    .dxbl-pager .dxbl-btn {
        min-height: 1.9rem;
        padding: 0.22rem 0.4rem;
    }

    .modal-footer,
    .card-footer,
    .dxbl-card-footer {
        padding: 0.4rem 0.5rem;
        gap: 0.35rem;
    }
}