/* ============================================================
   RESPONSIVE TYPOGRAPHY & SCALING
   ============================================================ */

@media (min-width: 1024px) and (max-width: 1365px) {
    .master-menu-bar-item {
        font-size: 0.9rem !important;
        padding: 4px 8px !important;
        line-height: 1.1 !important;
    }

        .master-menu-bar-item i {
            font-size: 0.6rem !important;
            margin-right: 4px !important;
        }
/* FACT SHEET SECTION*/
    .factsheet-page label {
        margin-left: 8px;
    }

    .factsheet-page .panel-title {
        font-size: .9rem;
    }

    .factsheet-page .panel-content {
        padding-top: 6px;
        font-size: .7rem !important;
    }
    .factsheet-page .fs-input--date {
        width: 10vw;
    }
    
    .factsheet-page .fs-input--tiny {
        width: 6vw;
    }

    .factsheet-page .fs-input--sm {
        width: 6vw;
    }

    .factsheet-page .fs-input--md {
        width: 8vw;
    }

    .factsheet-page .fs-input--lg {
        width: 10vw;
    }

    .factsheet-page .fs-input--full {
        width: 100%;
    }
}
/* 1366 */
@media (min-width: 1366px) and (max-width: 1599px) {
    .master-menu-bar-item {
        font-size: 1.1rem !important;
        padding: 4px 8px !important;
        line-height: 1.1 !important;
    }

        .master-menu-bar-item i {
            font-size: 1.1rem !important;
            margin-right: 6px !important;
        }

    /* FACT SHEET SECTION*/
    .factsheet-page label {
        margin-left: 13px;
    }

    .factsheet-page .panel-content {
        padding-top: 6px;
        font-size: .9rem !important;
    }

    .factsheet-page .fs-input--date {
        width: 9.5vw;
    }

    .factsheet-page .fs-input--tiny {
        width: 5vw;
    }

    .factsheet-page .fs-input--sm {
        width: 8vw;
    }

    .factsheet-page .fs-input--md {
        width: 9vw;
    }

    .factsheet-page .fs-input--lg {
        width: 11vw;
    }

    .factsheet-page .fs-input--full {
        width: 100%;
    }

    .page-card {
        width: 70%;
        max-width: 550px;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 18px;
    }

    h1 {
        font-size: 2.1rem !important;
    }

    h2 {
        font-size: 1.75rem !important;
    }

    h3 {
        font-size: 1.45rem !important;
    }

    .master-menu-bar-item {
        font-size: 1.15rem !important;
        padding: 8px 20px !important;
    }
}
/* 1900*/
@media (min-width: 1900px) {
    html {
        font-size: 20px;
    }

    h1 {
        font-size: 2.3rem !important;
    }

    h2 {
        font-size: 1.95rem !important;
    }

    h3 {
        font-size: 1.6rem !important;
    }

    .master-menu-bar-item {
        font-size: 1rem !important;
        padding: 10px 28px !important;
    }
    /*FACT SHEET SECTION*/
    .factsheet-page .panel-content {
        padding-top: 6px;
        font-size: 1.3rem !important;
    }

    .factsheet-page label {
        margin-left: 24px;
    }

    .factsheet-page .fs-input--date {
        width: 9vw;
    }
    /**/
    .factsheet-page .fs-input--tiny {
        width: 5vw;
    }

    .factsheet-page .fs-input--sm {
        width: 8vw;
    }

    .factsheet-page .fs-input--md {
        width: 10vw;
    }

    .factsheet-page .fs-input--lg {
        width: 10vw;
    }

    .factsheet-page .fs-input--full {
        width: 100%;
    }

    .factsheet-page .panel-title {
        font-size: .9rem;
    }

    .factsheet-page .panel-content {
        padding-top: 6px;
        font-size: .9rem !important;
    }
    /*END FACT SHEET SECTION*/

    /* EMERGENCY DETENTIONS*/
    .emergency-detentions-page #gbGrid td,
    .emergency-detentions-page #gbGrid th {
        font-size: 0.95rem !important;
    }

    /* END EMERGENCY DETENTIONS*/

    /* PURPLE SHEETS*/
    /* overall page scaling */
    .purplesheet-page {
        font-size: 1.05rem;
    }

        /* ---------------- SEARCH PANEL ---------------- */
        .purplesheet-page .search-panel,
        .purplesheet-page .SearchLabel,
        .purplesheet-page input[type="text"],
        .purplesheet-page .igWebControl,
        .purplesheet-page .igWebControl input {
            font-size: 1.05rem !important;
        }

        /* labels not overly bold */
        .purplesheet-page .SearchLabel {
            font-weight: 500 !important;
        }

        /* ---------------- CRITICAL FIX ----------------
       override Infragistics "xx-small"
    */
        .purplesheet-page .ig_control,
        .purplesheet-page .ig_control td,
        .purplesheet-page .ig_control th {
            font-size: 1rem !important;
        }

        /* grid cells */
        .purplesheet-page #gridPurpleSheets td,
        .purplesheet-page #gridPurpleSheets th {
            font-size: .90rem !important;
        }

        /* pager */
        .purplesheet-page #gridPurpleSheets a,
        .purplesheet-page #gridPurpleSheets span {
            font-size: 1rem !important;
        }

        /* ---------- FOOTER TYPOGRAPHY (fix Infragistics xx-small) ---------- */

        /* override the Infragistics groupbox font itself */
        .purplesheet-page #gbFooter,
        .purplesheet-page #gbFooter.ig_control,
        .purplesheet-page #gbFooter fieldset,
        .purplesheet-page #gbFooter .ig_control {
            font-size: 1.05rem !important;
        }

            /* footer label */
            .purplesheet-page #gbFooter span,
            .purplesheet-page #gbFooter label {
                font-size: 1.05rem !important;
            }

            /* footer button slightly smaller than text */
            .purplesheet-page #gbFooter .PurpleSheetButton {
                font-size: .92rem !important;
                padding: 5px 12px !important;
            }

        /* buttons slightly smaller than body text (1920+) */
        .purplesheet-page .PurpleSheetButton,
        .purplesheet-page #gbGrid input[type="submit"],
        .purplesheet-page #gbGrid button {
            font-size: .9rem !important;
            padding: 5px 12px !important;
        }

        .purplesheet-page .PurpleSheetButton,
        .purplesheet-page #gbGrid input[type="submit"],
        .purplesheet-page #gbGrid button {
            font-size: .9rem !important;
            padding: 5px 12px !important;
        }

        /* ===============================
   EXTRA BUTTON SIZE TUNING
   =============================== */

        /* SEARCH button */
        .purplesheet-page .search-panel .PurpleSheetButton,
        .purplesheet-page .search-panel input[type="submit"],
        .purplesheet-page .search-panel button {
            font-size: .78rem !important;
            padding: 4px 10px !important;
        }

        /* FOOTER button */
        .purplesheet-page #gbFooter .PurpleSheetButton,
        .purplesheet-page #gbFooter input,
        .purplesheet-page #gbFooter button {
            font-size: .78rem !important;
            padding: 4px 10px !important;
        }
}
/* END PURPLE SHEETS*/

   @supports (-ms-ime-align: auto) {
        .master-menu-bar-item,
        .master-menu-bar-item i {
        }
    }

    @supports (-ms-accelerator:true) or (-webkit-text-size-adjust:none) {
        .master-menu-bar-item,
        .master-menu-bar-item i {
        }
    }