/* Custom CSS for external template (public facing views) */

body {
    overflow-x: auto;
}

#menubar {
    height: 186px !important;
}

@media (min-width: 768px) {
    #menubar {
        height: 140px !important;
    }
}

@media (min-width: 1024px) {
    #menubar {
        height: 226px !important;
    }
}

.menu-action {
    margin-top: 10px;
}

#mainMenu {
    display: none;
}

.display-group-list-record-count {
}

.record-count {
    display: none;
}

.display-group-list-buttons {
    display: none;
}

.action-button-cell {
    display: none;
}

.detail-value ul {
    padding-left: 10px;
    margin-left: 10px;
}

.detail-value {
    font-size: 1.125rem;
    line-height: 1.7778;
}

.detail-value, .detail-label {
    font-size: 1.125rem;
    line-height: 1.7778;
}

.detail-field-empty {
}

    .detail-field-empty .detail-value {
        height: 0;
    }

        .detail-field-empty .detail-value ul {
            margin: 0;
        }

        .detail-field-empty .detail-value::after {
            content: 'None';
            display: block;
        }

    .detail-field-empty.detail-fieldtype-ImageField .detail-value::after {
        display: none;
    }

    .detail-field-empty.detail-fieldtype-FileField .detail-value em {
        display: none;
    }

.reference-value-inactive {
    display: none !important;
}

.view-edit-detail-submenu {
    margin-bottom: 40px;
}

.external-bootstrap {
}

    .external-bootstrap h3 {
        font-family: "PT Serif", Georgia, serif;
        font-weight: bold;
    }

    .external-bootstrap a {
        color: #444;
        text-decoration: underline !important;
        text-decoration-color: #444;
    }

        .external-bootstrap a:hover {
            color: #C03;
            text-decoration: underline;
        }

        .external-bootstrap a:focus {
            color: #444;
            text-decoration: underline;
            outline: 3px solid #0086E8;
        }

        .external-bootstrap a:visited {
            color: #444;
            text-decoration: underline;
        }

    .external-bootstrap .container-fluid {
        padding: 0;
    }

    .external-bootstrap .listviewheader .dropdown-item-input * {
        margin-top: 5px;
    }

    .external-bootstrap .btn.btn-sm {
        height: 2em;
        margin: 0 5px 0 5px;
    }

    .external-bootstrap .pagingcontainer {
        float: none !important;
    }

        .external-bootstrap .pagingcontainer .btn {
            height: 2em;
            margin: 0 5px 0 5px;
        }

        .external-bootstrap .pagingcontainer > span {
            font-size: 1em !important;
            vertical-align: middle;
        }

        .external-bootstrap .pagingcontainer > div {
            font-size: 1em !important;
            vertical-align: middle;
        }

        .external-bootstrap .pagingcontainer .input-group-sm > .input-group-btn > .btn {
            font-size: 16px;
        }

        /* Go to page part in pagingcontainer */
        .external-bootstrap .pagingcontainer > div:last-child {
            display: inline-block !important;
        }

            .external-bootstrap .pagingcontainer > div:last-child > .input-group {
                display: inline-block;
                width: auto !important;
                float: none !important;
                vertical-align: middle;
            }

                .external-bootstrap .pagingcontainer > div:last-child > .input-group > .text-pagenumber {
                    width: 40px;
                }

    .external-bootstrap .btn {
        font-size: 1rem;
        line-height: 1.1875;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        text-decoration: none !important;
        text-align: center;
        width: auto;
        height: 3.75rem;
        border-radius: 0;
        white-space: normal;
        color: #000;
        background-color: #fff;
        border: 0.125rem solid #C03;
        transition: background-color 0.1s ease-in-out;
        margin-right: 1.25rem;
        margin-bottom: 1.25rem;
        background-image: none;
        box-shadow: none;
        outline-offset: inherit;
    }

        .external-bootstrap .btn:hover {
            color: #fff;
            background-color: #C03;
            background-image: none;
            border: 0.125rem solid #C03;
            box-shadow: none;
            outline-offset: inherit;
        }

        .external-bootstrap .btn:active {
            color: #000;
            background-color: #fff;
            background-image: none;
            border: 0.125rem solid #C03;
            box-shadow: none;
            outline-offset: inherit;
        }

        .external-bootstrap .btn:visited {
            color: #000;
            background-color: #fff;
            background-image: none;
            border: 0.125rem solid #C03;
            box-shadow: none;
            outline-offset: inherit;
        }

        .external-bootstrap .btn:focus {
            color: #000;
            background-color: #fff;
            background-image: none;
            border: 0.125rem solid #C03;
            outline: 3px solid #0086E8;
            box-shadow: none;
            outline-offset: inherit;
        }

    .external-bootstrap .btn-primary:hover {
        color: #fff;
        background-color: #C03;
        background-image: none;
        border: 0.125rem solid #C03;
        box-shadow: none;
        outline-offset: inherit;
    }

    .external-bootstrap .btn-primary:active {
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 0.125rem solid #C03;
        box-shadow: none;
        outline-offset: inherit;
    }

    .external-bootstrap .btn-primary:visited {
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 0.125rem solid #C03;
        box-shadow: none;
        outline-offset: inherit;
    }

    .external-bootstrap .btn-primary:focus {
        color: #000;
        background-color: #fff;
        background-image: none;
        border: 0.125rem solid #C03;
        outline: 3px solid #0086E8;
        box-shadow: none;
        outline-offset: inherit;
    }

    .external-bootstrap .btn-primary:active:hover,
    .external-bootstrap .btn-primary.active:hover,
    .external-bootstrap .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: #C03;
        border-color: #C03;
    }

    .external-bootstrap .btn-primary:active:focus,
    .external-bootstrap .btn-primary.active:focus,
    .external-bootstrap .open > .dropdown-toggle.btn-primary:focus,
    .external-bootstrap .btn-primary:active.focus,
    .external-bootstrap .btn-primary.active.focus,
    .external-bootstrap .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color: #C03;
        border-color: #C03;
    }

    .external-bootstrap .btn[disabled] {
        color: #555;
    }

        .external-bootstrap .btn[disabled]:hover {
            color: #555;
        }

    .external-bootstrap .btn.btn-header {
        font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #333333;
        background-color: #ffffff;
        border: solid 2px #ffffff;
        font-weight: bold;
        margin-bottom: 0;
        white-space: normal;
        height: auto;
        padding: 0 0 10px 0 !important;
    }

        .external-bootstrap .btn.btn-header .glyphicon-triangle-bottom {
            margin-left: 1em;
            vertical-align: bottom;
            align-self: flex-end;
        }

    .external-bootstrap .btn.btn-block {
        display: block;
        width: 100%;
    }

    .external-bootstrap .btn-header:hover {
        border-top: 2px solid #fff;
    }

        .external-bootstrap .btn-header:hover::after,
        .external-bootstrap .open .dropdown-toggle.btn-header::after {
            position: absolute;
            left: 50%;
            margin-left: -13.6px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 0;
            width: 2.5rem;
            height: 0.3125rem;
            background-color: #C03;
            content: '';
        }

    .external-bootstrap .open .dropdown-toggle.btn-header {
        border-top: solid 2px #fff;
    }

    .external-bootstrap .table thead > tr > th,
    .external-bootstrap .table tbody > tr > th,
    .external-bootstrap .table tfoot > tr > th {
        border-bottom: 0.0625rem solid #D8D8D8;
        padding-top: 5px !important;
        padding-right: 10px !important;
        padding-bottom: 5px !important;
        padding-left: 10px !important;
    }

    .external-bootstrap .table thead > tr > td,
    .external-bootstrap .table tbody > tr > td,
    .external-bootstrap .table tfoot > tr > td {
        padding-top: 0.9375rem !important;
        padding-right: 10px !important;
        padding-bottom: 0.9375rem !important;
        padding-left: 10px !important;
    }

    .external-bootstrap .table-striped > tbody > tr:nth-child(odd) > td,
    .external-bootstrap .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #fff;
    }

    .external-bootstrap .table-striped > tbody > tr:nth-child(even) > td,
    .external-bootstrap .table-striped > tbody > tr:nth-child(even) > th {
        background-color: #DEF0F9;
    }

    .external-bootstrap .table-striped > tbody > tr:nth-child(odd) {
        background-color: #fff;
    }

    .external-bootstrap .table-striped > tbody > tr:nth-child(even) {
        background-color: #DEF0F9;
    }

    .external-bootstrap .bootstrap-datetimepicker-widget table td span:hover {
        background: transparent;
    }

    .external-bootstrap .filterfields .btn {
        height: 2em;
        margin-bottom: 0;
        font-size: 1em !important;
    }

    .external-bootstrap button.remove-filterfield {
        margin-bottom: -4px;
        margin-right: 4px;
    }

.show-inactive-values-option {
    display: none !important;
}

#mainContent {
    margin: 0;
}

    #mainContent > h1 {
        /* Duplicate header, we have a generic header for the whole classroom finder for both list/detail view from the actual website, so we'll hide this */
        display: none;
    }

    #mainContent .exportgrouplistaction {
        display: none;
    }

.mainContentWrapper {
    margin: 0;
}

#DevToolsMessage {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0.9;
    display: block;
    margin: 10px;
    border: 5px solid #f00;
    background-color: #fff;
    color: #000;
    padding: 10px;
    z-index: 1000;
}

    #DevToolsMessage::before {
        content: 'THIS IS A TEST ENVIRONMENT';
        display: block;
    }

/* Classroom Finder Header stickiness */
.classroom-finder-header-sticky-orig.classroom-finder-header-sticky {
    visibility: hidden;
}

.classroom-finder-header-sticky-clone {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 50px;
    top: 156px;
    overflow: hidden;
    background-color: #222;
    color: #fff;
    vertical-align: middle;
    padding: 0;
    z-index: 1;
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    padding-left: 20px;
}

    .classroom-finder-header-sticky-clone h3 {
        margin: 0;
        font-weight: bold;
        line-height: 1.1;
        color: inherit;
        font-size: 24px;
    }

@media (min-width: 768px) {
    .classroom-finder-header-sticky-clone {
        top: 110px;
    }
}

@media (min-width: 1024px) {
    .classroom-finder-header-sticky-clone {
        top: 196px;
    }
}

.classroom-finder-header-sticky-clone.classroom-finder-header-sticky {
    visibility: visible;
}

#share-this-dialog .modal-body {
    display: grid;
    grid-template-columns: 4fr 1fr;
}

#share-this-dialog .modal-footer {
    display: grid;
    grid-template-columns: 1fr;
}


/* Classroom finder list view */
#view-display.view-display-list-Classrooms {
    /* hide action buttons--we don't have any, saves space at the top */
    display: none;
}

.body-display-list-Classrooms {
    margin: 0;
}

    /* Primary-Url is not used for filtering, Room ID is instead */
    .body-display-list-Classrooms th.display-group-list-column-PrimaryUrl-PrimaryUrlScheduling {
        display: none !important;
    }

    .body-display-list-Classrooms .display-group-list-column-Room-ID,
    .body-display-list-Classrooms td.display-group-list-column-PrimaryUrl-PrimaryUrlScheduling {
        white-space: nowrap;
        font-weight: bold;
    }

    /* Room-ID is hidden because Primary-Url replaces it as a link to the room, but the column is there for filtering. */
    .body-display-list-Classrooms td.display-group-list-column-Room-ID {
        display: none;
    }

    .body-display-list-Classrooms th.display-group-list-column-System {
    }

        .body-display-list-Classrooms th.display-group-list-column-System .moreFiltersContainer {
            margin-left: 40px;
        }

    .body-display-list-Classrooms td.display-group-list-column-Room-Style,
    .body-display-list-Classrooms th.display-group-list-column-Room-Style {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Conference-Capture-Capability,
    .body-display-list-Classrooms th.display-group-list-column-Conference-Capture-Capability {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Space-Specific-Items,
    .body-display-list-Classrooms th.display-group-list-column-Space-Specific-Items {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Additional-Technology,
    .body-display-list-Classrooms th.display-group-list-column-Additional-Technology {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Student-Writing-Surface,
    .body-display-list-Classrooms th.display-group-list-column-Student-Writing-Surface {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Student-Seating,
    .body-display-list-Classrooms th.display-group-list-column-Student-Seating {
        display: none;
    }

    .body-display-list-Classrooms td.display-group-list-column-Building-Additional-Notes,
    .body-display-list-Classrooms th.display-group-list-column-Building-Additional-Notes {
        display: none;
    }

    .body-display-list-Classrooms .allFieldsFilterRow {
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        display: inline-block !important;
    }

        .body-display-list-Classrooms .allFieldsFilterRow th {
            display: inline-block !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            min-height: 0;
        }

            .body-display-list-Classrooms .allFieldsFilterRow th.action-button-cell,
            .body-display-list-Classrooms .allFieldsFilterRow th.display-group-list-column-PrimaryUrl-PrimaryUrlScheduling {
                display: none !important;
            }

            .body-display-list-Classrooms .allFieldsFilterRow th .btn {
                height: auto;
                white-space: nowrap;
            }

            .body-display-list-Classrooms .allFieldsFilterRow th.display-group-list-buttons {
                display: none;
            }


/* Classroom finder detail view */
#mainContent.main-list-view-Classroom-Details > .l--content:first-child {
    display: none;
}

.view-edit-detail-submenu-Classroom-Details {
    display: none;
}

.body-display-detail-Classroom-Details {
    padding-bottom: 0;
}

    .body-display-detail-Classroom-Details .detail-footer {
        display: none;
    }

    .body-display-detail-Classroom-Details .row {
        margin-left: 0;
        margin-right: 0;
    }

    .body-display-detail-Classroom-Details > div > div.row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

        .body-display-detail-Classroom-Details > div > div.row::before {
            display: none;
        }

    .body-display-detail-Classroom-Details .container-fluid::before,
    .body-display-detail-Classroom-Details .container-fluid::after {
        display: none;
    }

    .body-display-detail-Classroom-Details .detail-label {
        padding-bottom: 0;
    }

    .body-display-detail-Classroom-Details .detail-value {
        padding-top: 0;
    }

        .body-display-detail-Classroom-Details .detail-value ul {
            padding-left: 0;
            margin-left: 0;
            list-style: none;
        }

            .body-display-detail-Classroom-Details .detail-value ul li {
                display: inline;
            }

                .body-display-detail-Classroom-Details .detail-value ul li::after {
                    content: '; ';
                }

                .body-display-detail-Classroom-Details .detail-value ul li:last-child::after {
                    display: none;
                }

    /* Hide ability to expand/collapse groups */

    .body-display-detail-Classroom-Details .viewgrouphalf.iscollapsible > .fieldset > .legend .group-header,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible > .fieldset > .legend .group-header {
        cursor: inherit;
    }

    .body-display-detail-Classroom-Details .legend .glyphicon {
        display: none;
    }

    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Busch > .fieldset > .legend .group-header,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-College-Avenue > .fieldset > .legend .group-header,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Cook-Douglass > .fieldset > .legend .group-header,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Livingston > .fieldset > .legend .group-header {
        cursor: pointer;
    }

    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Busch > .fieldset > .legend .glyphicon,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-College-Avenue > .fieldset > .legend .glyphicon,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Cook-Douglass > .fieldset > .legend .glyphicon,
    .body-display-detail-Classroom-Details .viewgroup.iscollapsible.display-form-group-Livingston > .fieldset > .legend .glyphicon {
        display: inline-block;
    }

    .body-display-detail-Classroom-Details .display-form-group-Breadcrumb {
        grid-column: 1 / 5;
        padding-top: 1.375rem;
        padding-bottom: 1.375rem;
    }

        .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-footer {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value {
            margin: 0;
            padding: 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul {
                margin: 0;
                padding: 0 0 0 4%;
                display: block;
            }

                .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul li {
                    margin: 0;
                    padding: 0;
                    display: inline;
                    font-size: 12px;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul li::after {
                        margin-right: 0.625rem;
                        margin-left: 0.625rem;
                        content: "/";
                        color: #D8D8D8;
                    }

                    .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul li.last-item::after {
                        display: none;
                    }

                    .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul li a {
                        color: #444;
                    }

                        .body-display-detail-Classroom-Details .display-form-group-Breadcrumb .detail-value ul li a:hover {
                            color: #C03;
                            text-decoration: underline;
                        }

    .body-display-detail-Classroom-Details .classroom-info-tabs {
        display: flex;
        padding-right: 0;
        padding-left: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-bottom: 1px solid #DDD;
    }

        .body-display-detail-Classroom-Details .classroom-info-tabs > button {
            margin-right: 0.625rem;
            margin-left: 0.625rem;
            padding-top: 0.625rem;
            padding-bottom: 0.8125rem;
            position: relative;
            display: block;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: bold;
        }

            .body-display-detail-Classroom-Details .classroom-info-tabs > button::after {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;
                width: 2.5rem;
                height: 0.3125rem;
                background-color: #C03;
                content: "";
                display: block;
            }

            .body-display-detail-Classroom-Details .classroom-info-tabs > button.collapsed::after {
                display: none;
            }

            .body-display-detail-Classroom-Details .classroom-info-tabs > button:hover::after {
                display: initial;
            }

            .body-display-detail-Classroom-Details .classroom-info-tabs > button:focus-visible {
                outline: 3px solid #0086E8;
            }

    .body-display-detail-Classroom-Details .display-form-group-Left-Tabs {
        grid-column: 1 / 5;
        width: 100%;
        float: none;
        padding: 0;
    }

        .body-display-detail-Classroom-Details .display-form-group-Left-Tabs h3 {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Left-Tabs .detail-value {
            padding: 0;
        }

    .body-display-detail-Classroom-Details .display-form-group-Right-Tabs {
        grid-column: 1 / 5;
        width: 100%;
        float: none;
        padding: 0;
        grid-row: 6;
    }

        .body-display-detail-Classroom-Details .display-form-group-Right-Tabs h3 {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Right-Tabs .detail-value {
            padding: 0;
        }

    .body-display-detail-Classroom-Details .display-form-group-Classroom {
        background-color: #222;
        color: #fff;
        padding: 30px 30px 0 30px;
        grid-column: 1 / 5;
        align-content: center;
    }

    .body-display-detail-Classroom-Details .display-form-group-Classroom {
        background-color: #222;
        color: #fff;
        padding: 30px 30px 0 30px;
        grid-column: 1 / 5;
        align-content: center;
    }

        .body-display-detail-Classroom-Details .display-form-group-Classroom a,
        .body-display-detail-Classroom-Details .display-form-group-Classroom a:hover,
        .body-display-detail-Classroom-Details .display-form-group-Classroom a:visited,
        .body-display-detail-Classroom-Details .display-form-group-Classroom a:active {
            color: #fff;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom a:hover {
                text-decoration: underline;
            }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-label,
        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-value,
        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-value div {
            display: inline;
            float: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-footer {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Building-Building-Name {
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Building-Building-Name .detail-label {
                display: none;
            }

            /* smaller text for building */

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Building-Building-Name .detail-value {
                font-family: "PT Serif", Georgia, serif;
                font-style: normal;
                font-weight: 700;
                font-size: 23px;
                line-height: 1.1;
                margin: 0;
                clear: both;
                display: block;
                unicode-bidi: isolate;
                padding: 0;
                width: 100%;
            }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Room-ID {
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Room-ID .detail-label {
                display: none;
            }

            /* larger text for classroom name */
            /* also is responsive, see media min-widths section */

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Room-ID .detail-value {
                font-family: "PT Serif", Georgia, serif;
                font-style: normal;
                font-weight: 700;
                font-size: 2.5rem;
                line-height: 1.2;
                margin: 0;
                clear: both;
                display: block;
                unicode-bidi: isolate;
                padding: 0;
                width: 100%;
            }

        /* Address paragraph */
        .body-display-detail-Classroom-Details .display-form-group-Classroom .paragraph-item-4505 .detail-value {
            padding: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Designation {
            display: inline;
            margin: 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Designation::before {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Designation::after {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Designation .detail-label {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Designation .detail-value {
                margin: 0;
                padding: 0;
                display: inline;
            }

        /* When scrolling shrink header at the top: */

        .body-display-detail-Classroom-Details .display-form-group-Classroom.classroom-finder-header-sticky {
            visibility: hidden;
        }

    .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info {
        background-color: #222;
        color: #fff;
        margin-left: 0;
        grid-column: 1 / 5;
        padding: 0 30px 30px 30px;
    }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .container-fluid {
            display: block !important;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Designation {
            display: inline-block;
            margin: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Room-Style {
            display: inline-block;
            margin: 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Room-Style::before {
                display: inline;
                content: " \2014 ";
            }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Room-Style::after {
                display: none;
            }


            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Room-Style .detail-label {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-field-Room-Style .detail-value {
                margin: 0;
                padding: 0;
                display: inline;
            }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a i {
            margin-right: 0.25em;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a:hover,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a:visited,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a:active {
            color: #fff;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info a:hover {
                text-decoration: underline;
            }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-footer {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-label {
            margin-right: 0.25em;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-label::after {
                content: ":";
            }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-label,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-value,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-value div,
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .detail-value ul {
            display: inline;
            float: none;
            padding-left: 0;
            padding-right: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset {
            height: 100%;
        }

            .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset > form {
                height: 100%;
            }

                .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset > form > div {
                    height: 100%;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset > form > div > .container-group {
                        height: 100%;
                        display: flex;
                        flex-direction: row;
                    }

                        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset > form > div > .container-group > .container-fluid {
                            display: flex;
                            flex-flow: column;
                            width: 100%;
                        }

        /* When scrolling shrink header at the top: */
        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info.classroom-finder-header-sticky {
            visibility: hidden;
        }

    .body-display-detail-Classroom-Details .display-form-group-Panorama {
        float: none;
        background-color: #00626D;
        color: #fff;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        vertical-align: middle;
        display: block;
        grid-column: 1 / 5;
        height: 350px;
        align-self: center;
        justify-self: center;
        grid-row: 5;
    }

        .body-display-detail-Classroom-Details .display-form-group-Panorama a.button {
            width: auto;
            border-color: #fff;
        }

            .body-display-detail-Classroom-Details .display-form-group-Panorama a.button:hover,
            .body-display-detail-Classroom-Details .display-form-group-Panorama a.button.button-active {
                background-color: #fff;
                color: #000;
            }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .panoMapTabControls {
            margin-top: 10px;
            white-space: nowrap;
        }

        .body-display-detail-Classroom-Details .display-form-group-Panorama a,
        .body-display-detail-Classroom-Details .display-form-group-Panorama a:hover,
        .body-display-detail-Classroom-Details .display-form-group-Panorama a:visited,
        .body-display-detail-Classroom-Details .display-form-group-Panorama a:active {
            color: #fff;
        }

            .body-display-detail-Classroom-Details .display-form-group-Panorama a:hover {
                text-decoration: underline;
            }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset {
            width: 100%;
            height: 100%;
            margin-top: 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset > form {
                height: 100%;
            }

                .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset > form > div {
                    height: 100%;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset > form > div > .container-group {
                        height: 100%;
                    }

                        .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset > form > div > .container-group > .container-fluid {
                            height: 100%;
                        }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-footer {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-field-Panorama {
            height: 350px !important;
        }

            .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-field-Panorama .detail-label {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-field-Panorama .detail-value {
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%;
            }

                .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-field-Panorama .detail-value iframe.image-value-panorama {
                    width: 100%;
                    height: 100%;
                }



    .body-display-detail-Classroom-Details .display-form-group-Map {
        float: none;
        background-color: #00626D;
        color: #fff;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        align-items: center;
        vertical-align: middle;
        visibility: hidden;
        grid-column: 1 / 5;
        height: 350px;
        align-self: center;
        justify-self: center;
        grid-row: 5;
    }

        .body-display-detail-Classroom-Details .display-form-group-Map a.button {
            border-color: #fff;
            width: auto;
        }

            .body-display-detail-Classroom-Details .display-form-group-Map a.button:hover,
            .body-display-detail-Classroom-Details .display-form-group-Map a.button.button-active {
                background-color: #fff;
                color: #000;
            }

        .body-display-detail-Classroom-Details .display-form-group-Map .panoMapTabControls {
            margin-top: 10px;
            white-space: nowrap;
        }

        .body-display-detail-Classroom-Details .display-form-group-Map a,
        .body-display-detail-Classroom-Details .display-form-group-Map a:hover,
        .body-display-detail-Classroom-Details .display-form-group-Map a:visited,
        .body-display-detail-Classroom-Details .display-form-group-Map a:active {
            color: #fff;
        }

            .body-display-detail-Classroom-Details .display-form-group-Map a:hover {
                text-decoration: underline;
            }


        .body-display-detail-Classroom-Details .display-form-group-Map .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Map .fieldset {
            width: 100%;
            height: 100%;
            margin-top: 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-Map .fieldset > form {
                height: 100%;
            }

                .body-display-detail-Classroom-Details .display-form-group-Map .fieldset > form > div {
                    height: 100%;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Map .fieldset > form > div > .container-group {
                        height: 100%;
                    }

                        .body-display-detail-Classroom-Details .display-form-group-Map .fieldset > form > div > .container-group > .container-fluid {
                            height: 100%;
                        }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-footer {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-row {
            margin: 0.5em 0 0 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-label,
        .body-display-detail-Classroom-Details .display-form-group-Map .detail-value {
            padding: 0 15px 0 15px;
            margin: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates {
            margin: 0;
            height: 100%;
        }

            .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates .detail-label {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates .detail-value {
                margin: 0;
                width: 100%;
                height: 100%;
                padding: 0;
            }

                .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates .detail-value .map-value {
                    height: 100%;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates .detail-value .map-value iframe {
                        height: 100%;
                    }

                .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates .detail-value .view-larger-map {
                    display: none;
                }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-footer {
            display: none;
        }


    .body-display-detail-Classroom-Details .display-form-group-System-Image {
        float: none;
        grid-column: 1 / 5;
        width: 100%;
        height: 350px;
        visibility: hidden;
        padding: 0;
        margin: 0;
        align-items: center;
        justify-items: center;
        grid-row: 5;
    }

        .body-display-detail-Classroom-Details .display-form-group-System-Image .legend {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-System-Image .fieldset {
            width: 100%;
        }

        .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image {
        }

            .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-label {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-value {
                width: 100%;
                padding: 0;
            }

                .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-value img {
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    border: none;
                    padding: 0;
                    max-height: 350px;
                    object-fit: cover;
                }

                .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-value .image-value-empty {
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    border: none;
                    padding: 0;
                    display: none;
                }


    .body-display-detail-Classroom-Details .display-form-group-Room-Features {
        float: none;
        width: 100%;
        margin-top: 0;
        background-color: #00626D;
        color: #fff;
        grid-column: 1 / 5;
        display: block;
        align-self: center;
        justify-self: center;
        grid-row: 7;
    }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features h3 {
            text-align: center;
        }

            .body-display-detail-Classroom-Details .display-form-group-Room-Features h3 button {
                color: #fff !important;
            }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features a {
            color: #fff;
        }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-row {
        }

            .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-row:nth-child(odd) {
                background-color: #00525D !important;
            }

        /* Specialty Room Types paragraph */
        .body-display-detail-Classroom-Details .display-form-group-Room-Features .paragraph-item-4527 {
        }

            .body-display-detail-Classroom-Details .display-form-group-Room-Features .paragraph-item-4527 > .detail-value {
                padding: 0;
            }

        /* Seating Chart paragraph */
        .body-display-detail-Classroom-Details .display-form-group-Room-Features .paragraph-item-6580 {
        }

            .body-display-detail-Classroom-Details .display-form-group-Room-Features .paragraph-item-6580 > .detail-value {
                padding: 0;
            }



    .body-display-detail-Classroom-Details .display-form-group-Technology-Information {
        float: none;
        width: 100%;
        grid-column: 1 / 5;
        margin-top: 0;
        background-color: #333333;
        color: #fff;
        visibility: hidden;
        align-self: center;
        justify-self: center;
        grid-row: 7;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-Technology-Information h3 {
            text-align: center;
        }

            .body-display-detail-Classroom-Details .display-form-group-Technology-Information h3 button {
                color: #fff !important;
            }

        .body-display-detail-Classroom-Details .display-form-group-Technology-Information a {
            color: #fff;
        }

        .body-display-detail-Classroom-Details .display-form-group-Technology-Information .detail-row {
        }

            .body-display-detail-Classroom-Details .display-form-group-Technology-Information .detail-row:nth-child(odd) {
                background-color: #191919 !important;
            }

        /* System information URL paragraph */
        .body-display-detail-Classroom-Details .display-form-group-Technology-Information .paragraph-item-4517 .detail-value {
            font-size: 24px;
        }


    .body-display-detail-Classroom-Details .display-form-group-Divider {
        float: none;
        width: 100%;
        grid-column: 1 / 5;
        margin-top: 0;
    }

        .body-display-detail-Classroom-Details .display-form-group-Divider h3 {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Divider .detail-value {
            padding: 0;
            margin: 0;
        }

    .body-display-detail-Classroom-Details .other-campus-tabs {
        grid-column: 1 / 5;
        padding-left: 15px;
        padding-right: 15px;
    }

        .body-display-detail-Classroom-Details .other-campus-tabs h3 {
            text-align: center;
        }

        .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container {
            display: flex;
            padding-right: 8%;
            padding-left: 8%;
            margin-top: 0;
            margin-right: 0;
            margin-bottom: 1.25rem;
            margin-left: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            border-bottom: 1px solid #DDD;
        }

            .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button {
                margin-right: 0.625rem;
                margin-left: 0.625rem;
                padding-top: 0.625rem;
                padding-bottom: 0.8125rem;
                position: relative;
                display: block;
                cursor: pointer;
                font-size: 0.875rem;
                font-weight: bold;
            }

                .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button::after {
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: 0;
                    width: 2.5rem;
                    height: 0.3125rem;
                    background-color: #C03;
                    content: "";
                    display: block;
                }

                .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button.collapsed::after {
                    display: none;
                }

                .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button:hover::after {
                    display: initial;
                }

                .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button:focus-visible {
                    outline: 3px solid #0086E8;
                }

    /* Other Classrooms / Classroom Selector */
    .body-display-detail-Classroom-Details .display-form-group-Busch {
        grid-column: 1;
    }

    .body-display-detail-Classroom-Details .display-form-group-Busch,
    .body-display-detail-Classroom-Details .display-form-group-College-Avenue,
    .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass,
    .body-display-detail-Classroom-Details .display-form-group-Livingston {
        float: none;
        grid-column: 1 / 5;
        padding-left: 0;
        padding-right: 0;
        background-image: none;
        background-size: cover;
        background-clip: border-box;
        background-repeat: no-repeat;
        background-blend-mode: lighten;
        background-position: center center;
    }

        .body-display-detail-Classroom-Details .display-form-group-Busch .fieldset,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue .fieldset,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass .fieldset,
        .body-display-detail-Classroom-Details .display-form-group-Livingston .fieldset {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.7) 33%);
            padding-left: 10%;
            padding-right: 10%;
        }

    .body-display-detail-Classroom-Details .display-form-group-Busch {
        clear: both;
    }

        .body-display-detail-Classroom-Details .display-form-group-Busch .legend,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue .legend,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass .legend,
        .body-display-detail-Classroom-Details .display-form-group-Livingston .legend {
            font-size: 16px;
            margin: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Busch a,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue a,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass a,
        .body-display-detail-Classroom-Details .display-form-group-Livingston a {
            font-size: 19px;
            text-decoration: none;
            color: #000;
        }

            .body-display-detail-Classroom-Details .display-form-group-Busch a:hover,
            .body-display-detail-Classroom-Details .display-form-group-College-Avenue a:hover,
            .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass a:hover,
            .body-display-detail-Classroom-Details .display-form-group-Livingston a:hover {
                color: inherit;
            }

        .body-display-detail-Classroom-Details .display-form-group-Busch .action-button-cell,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue .action-button-cell,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass .action-button-cell,
        .body-display-detail-Classroom-Details .display-form-group-Livingston .action-button-cell {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Busch .display-group-list-record-count,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue .display-group-list-record-count,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass .display-group-list-record-count,
        .body-display-detail-Classroom-Details .display-form-group-Livingston .display-group-list-record-count {
            display: none;
        }

        .body-display-detail-Classroom-Details .display-form-group-Busch table,
        .body-display-detail-Classroom-Details .display-form-group-College-Avenue table,
        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table,
        .body-display-detail-Classroom-Details .display-form-group-Livingston table {
            display: block;
            margin-right: -1px;
            margin-bottom: -1px;
            overflow: hidden;
        }

            .body-display-detail-Classroom-Details .display-form-group-Busch table thead,
            .body-display-detail-Classroom-Details .display-form-group-College-Avenue table thead,
            .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table thead,
            .body-display-detail-Classroom-Details .display-form-group-Livingston table thead {
                display: none;
            }

            .body-display-detail-Classroom-Details .display-form-group-Busch table tbody,
            .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody,
            .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody,
            .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                margin-right: -1px;
                margin-bottom: -1px;
            }

                .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr,
                .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr,
                .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr,
                .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr {
                    display: flex;
                    margin: 0;
                    padding: 0;
                    background-color: transparent !important;
                    line-height: 1em;
                    font-size: 19px !important;
                    white-space: nowrap;
                    text-align: center;
                    font-weight: bold;
                    border-right: 1px solid #D8D8D8;
                    border-bottom: 1px solid #D8D8D8;
                    border-top: none;
                    border-left: none;
                }

                    .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr:hover,
                    .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr:hover,
                    .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr:hover,
                    .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr:hover {
                        background-color: #C03 !important;
                        color: #fff !important;
                    }

                    .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr td,
                    .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr td,
                    .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr td,
                    .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr td {
                        border: none;
                        display: none;
                        background-color: transparent !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        font-size: 12px;
                        line-height: 1em;
                        flex-grow: 1;
                    }

                        .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr td.display-group-list-column-Campus-Classroom-Room-ID,
                        .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr td.display-group-list-column-Campus-Classroom-Room-ID,
                        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr td.display-group-list-column-Campus-Classroom-Room-ID,
                        .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr td.display-group-list-column-Campus-Classroom-Room-ID {
                            display: flex;
                        }

                        .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr td div,
                        .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr td div,
                        .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr td div,
                        .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr td div {
                            display: flex;
                            flex-grow: 1;
                        }

                            .body-display-detail-Classroom-Details .display-form-group-Busch table tbody tr td div a,
                            .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody tr td div a,
                            .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody tr td div a,
                            .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody tr td div a {
                                display: flex;
                                height: auto;
                                justify-content: center;
                                align-items: center;
                                flex-grow: 1;
                            }

    .body-display-detail-Classroom-Details .detail-label::before {
        content: '';
        display: none;
        font: var(--fa-font-solid);
        -webkit-font-smoothing: antialiased;
        margin-right: 0.25ch;
    }

    .body-display-detail-Classroom-Details .display-form-group-Accessibility .detail-label::before,
    .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-label::before,
    .body-display-detail-Classroom-Details .display-form-group-Technology .detail-label::before,
    .body-display-detail-Classroom-Details .display-form-group-Technology-Information .detail-label::before,
    .body-display-detail-Classroom-Details .display-form-group-Accessibility .detail-label::before {
        display: none;
    }

    .body-display-detail-Classroom-Details .detail-field-Specialty-Room-Type .detail-label::before {
        content: '\f2b4';
    }

    .body-display-detail-Classroom-Details .detail-field-Student-Seating .detail-label::before {
        content: '\f6c0';
    }

    .body-display-detail-Classroom-Details .detail-field-Student-Writing-Surface .detail-label::before {
        content: '\f303';
    }

    .body-display-detail-Classroom-Details .detail-field-Board-Count .detail-label::before {
        content: '\f51b';
    }

    .body-display-detail-Classroom-Details .detail-field-Elevator .detail-label::before {
        content: '\e16d';
    }

    .body-display-detail-Classroom-Details .detail-field-Space-Specific-Items .detail-label::before {
        content: '\f05a';
    }

    .body-display-detail-Classroom-Details .detail-field-Bathroom.detail-field-empty {
        display: none;
    }

    .body-display-detail-Classroom-Details .detail-field-Bathroom .detail-label::before {
        content: '\f7bd';
    }

    .body-display-detail-Classroom-Details .detail-field-Microphone .detail-label::before {
        content: '\f130';
    }

    .body-display-detail-Classroom-Details .detail-field-Instructor-power-outlet-location .detail-label::before {
        content: '\e01c';
    }

    .body-display-detail-Classroom-Details .detail-field-Lighting-control-location .detail-label::before {
        content: '\f0eb';
    }

    .body-display-detail-Classroom-Details .detail-field-Screen-control-location .detail-label::before {
        content: '\f685';
    }

    .body-display-detail-Classroom-Details .detail-field-Audio-control-location .detail-label::before {
        content: '\f028';
    }

    .body-display-detail-Classroom-Details .detail-field-Additional-Technology .detail-label::before {
        content: '\f8d6';
    }

    .body-display-detail-Classroom-Details .detail-field-Conference-Capture-Capability .detail-label::before {
        content: '\f832';
    }

    .body-display-detail-Classroom-Details .detail-field-Technology-Designation .detail-label::before {
        content: '\f059';
    }

    .body-display-detail-Classroom-Details .detail-fieldtype-ManyToManyCollectionField .detail-value ul
    li::before {
        content: '';
        display: none;
        font: var(--fa-font-solid);
        -webkit-font-smoothing: antialiased;
        margin-right: 0.25ch;
    }

    .body-display-detail-Classroom-Details .display-form-group-Accessibility .detail-fieldtype-ManyToManyCollectionField .detail-value ul li::before,
    .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-fieldtype-ManyToManyCollectionField .detail-value ul li::before,
    .body-display-detail-Classroom-Details .display-form-group-Technology .detail-fieldtype-ManyToManyCollectionField .detail-value ul li::before,
    .body-display-detail-Classroom-Details .display-form-group-Accessibility .detail-fieldtype-ManyToManyCollectionField .detail-value ul li::before {
        display: none;
    }

    .body-display-detail-Classroom-Details .detail-fieldtype-ManyToManyCollectionField .detail-value ul
    li.collection-field-value-AC::before {
        content: '\f8f4';
    }

    .body-display-detail-Classroom-Details .detail-fieldtype-ManyToManyCollectionField .detail-value ul
    li.collection-field-value-BURN::before {
        content: '\e4f1';
    }

    .body-display-detail-Classroom-Details .detail-fieldtype-ManyToManyCollectionField .detail-value ul
    li.collection-field-value-DIM::before {
        content: '\f673';
    }

    .body-display-detail-Classroom-Details .detail-fieldtype-ManyToManyCollectionField .detail-value ul
    li.collection-field-value-SINK::before {
        content: '\e06d';
    }

/* Board Types field, value "Board Type (any type)" should not be displayed */
.collection-field-value-BDA {
    display: none !important;
}

@media (min-width: 768px) {
    .body-display-detail-Classroom-Details .classroom-info-tabs {
    }

        .body-display-detail-Classroom-Details .classroom-info-tabs > button {
            margin-right: 1.25rem;
            margin-left: 1.25rem;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            font-size: 1rem;
        }


    .body-display-list-Classrooms .display-field-value-container-Building-Campus {
        white-space: nowrap;
    }

    .body-display-detail-Classroom-Details .detail-label, .body-display-detail-Classroom-Details .detail-value {
        padding-top: 13px;
        padding-bottom: 13px;
    }

    .body-display-detail-Classroom-Details .display-form-group-Classroom {
        grid-column: 1 / 3;
        width: 100%;
        margin: 0;
        padding: 10px 30px;
    }

    .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info {
        grid-column: 3 / 5;
        width: 100%;
        margin: 0;
        padding: 10px 20px;
    }

        .body-display-detail-Classroom-Details .display-form-group-Classroom-Additional-Info .fieldset > form > div > .container-group {
            align-items: flex-end;
        }

    .body-display-detail-Classroom-Details .display-form-group-Left-Tabs {
        grid-column: 1 / 3;
    }

    .body-display-detail-Classroom-Details .display-form-group-Right-Tabs {
        grid-column: 3 / 5;
        grid-row: auto;
    }


    .body-display-detail-Classroom-Details .display-form-group-Panorama {
        grid-column: 1 / 3;
        grid-row: 4;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .fieldset {
            height: 100%;
            margin-top: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Panorama .detail-field-Panorama {
            height: 100% !important;
        }

    .body-display-detail-Classroom-Details .display-form-group-Map {
        grid-column: 1 / 3;
        grid-row: 4;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-Map .fieldset {
        }

        .body-display-detail-Classroom-Details .display-form-group-Map .detail-field-GPS-Coordinates {
        }

    .body-display-detail-Classroom-Details .display-form-group-System-Image {
        grid-column: 1 / 3;
        grid-row: 4;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-value {
            padding: 10px 0 10px 0;
        }

            .body-display-detail-Classroom-Details .display-form-group-System-Image .detail-field-System-Image .detail-value img {
                max-height: 100%;
            }

    .body-display-detail-Classroom-Details .display-form-group-Room-Features {
        grid-column: 3 / 5;
        grid-row: 4;
        padding: 15px 20px 20px 20px;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features h3 {
            margin-top: 0;
        }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-label {
        }

        .body-display-detail-Classroom-Details .display-form-group-Room-Features .detail-value {
        }

    .body-display-detail-Classroom-Details .display-form-group-Technology-Information {
        grid-column: 3 / 5;
        grid-row: 4;
        padding: 15px 20px 20px 20px;
        height: 100%;
    }

        .body-display-detail-Classroom-Details .display-form-group-Technology-Information h3 {
            margin-top: 0;
        }

    .body-display-detail-Classroom-Details .other-campus-tabs {
    }

        .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container {
        }

            .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button {
                margin-right: 1.25rem;
                margin-left: 1.25rem;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
                font-size: 1rem;
            }

    .body-display-detail-Classroom-Details .display-form-group-Busch table tbody,
    .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody,
    .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody,
    .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 992px) {
}

@media (min-width: 1024px) {
    .body-display-list-Classrooms {
        margin: 0 90px;
    }

    .body-display-detail-Classroom-Details .other-campus-tabs .other-campus-tabs-container > button {
        margin-right: 1.5625rem;
        margin-left: 1.5625rem;
        padding-top: 2.5rem;
        padding-bottom: 1.25rem;
    }

    .body-display-detail-Classroom-Details .display-form-group-Busch table tbody,
    .body-display-detail-Classroom-Details .display-form-group-College-Avenue table tbody,
    .body-display-detail-Classroom-Details .display-form-group-Cook-Douglass table tbody,
    .body-display-detail-Classroom-Details .display-form-group-Livingston table tbody {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (min-width: 1200px) {

    .body-display-detail-Classroom-Details .display-form-group-Classroom .detail-field-Room-ID .detail-value {
        /* Room name larger size on large screen */
        font-size: 4.5rem;
        line-height: 1.1429;
    }

    .body-display-detail-Classroom-Details .display-form-group-Panorama,
    .body-display-detail-Classroom-Details .display-form-group-Map,
    .body-display-detail-Classroom-Details .display-form-group-Technology-Information {
    }

    .body-display-detail-Classroom-Details .display-form-group-Room-Features {
    }

    .body-display-detail-Classroom-Details .other-campus-tabs {
        grid-column: 1 / 5;
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media (min-width: 1620px) {
    .body-display-list-Classrooms {
        margin: 0 auto;
        max-width: 1440px;
    }
}

/* Card view for list view table */

@media (max-width: 768.1px) {
    .body-display-list-Classrooms table.table.table-striped.list-filter {
        display: block;
    }

        .body-display-list-Classrooms table.table.table-striped.list-filter thead {
            display: block;
        }

            .body-display-list-Classrooms table.table.table-striped.list-filter thead tr {
                border-top: none;
                border-left: none;
                border-right: none;
                border-bottom: 1px solid #ddd;
                margin: 0;
                padding: 0;
            }

        .body-display-list-Classrooms table.table.table-striped.list-filter tbody {
            display: block;
        }

            .body-display-list-Classrooms table.table.table-striped.list-filter tbody tr {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                margin: 0;
            }


        .body-display-list-Classrooms table.table.table-striped.list-filter tr {
            display: block;
            margin: 10px;
        }

            .body-display-list-Classrooms table.table.table-striped.list-filter tr th {
                display: inline-block;
                margin: 0;
                padding: 0 !important;
                border: none;
                min-height: 0;
            }

                .body-display-list-Classrooms table.table.table-striped.list-filter tr th.display-group-list-buttons {
                    display: none;
                }

                .body-display-list-Classrooms table.table.table-striped.list-filter tr th .btn {
                    height: auto;
                }

            .body-display-list-Classrooms table.table.table-striped.list-filter tr td {
                display: block;
                margin: 0;
                padding: 5px !important;
                border-top: none;
                min-height: 0;
            }

                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.action-button-cell {
                    display: none;
                }

                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-PrimaryUrl-PrimaryUrlScheduling {
                    grid-column: 1/3;
                    font-size: 25px;
                    font-family: "PT Serif", Georgia, serif;
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-PrimaryUrl-PrimaryUrlScheduling::before {
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Room-ID {
                    display: none;
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Room-ID::before {
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Campus {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Campus::before {
                        content: 'Campus:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Building-Name {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Building-Name::before {
                        content: 'Building:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Capacity {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Capacity::before {
                        content: 'Student Seating Capacity:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Room-Style {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Room-Style::before {
                        content: 'Room Style:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-System {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-System::before {
                        content: 'System:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Conference-Capture-Capability {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Conference-Capture-Capability::before {
                        content: 'Conference & Capture Capability:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Space-Specific-Items {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Space-Specific-Items::before {
                        content: 'Space Specific Items:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Additional-Technology {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Additional-Technology::before {
                        content: 'Additional Technology:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Student-Writing-Surface {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Student-Writing-Surface::before {
                        content: 'Student Writing Surface:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Student-Seating {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Student-Seating::before {
                        content: 'Student Seating:';
                        display: block;
                        font-weight: bold;
                    }


                .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Additional-Notes {
                }

                    .body-display-list-Classrooms table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Additional-Notes::before {
                        content: 'Additional Notes:';
                        display: block;
                        font-weight: bold;
                    }
}