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

.icon-search {
    margin-left: 0 !important;
    width: 0 !important;
}
.icon-search > * {
    display: none;
}


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 {
}

    .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: inline;
        }

        .detail-field-empty .detail-value div {
            display: inline;
        }

    .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: 10px !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 study space 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;
    }

/* Study Space Finder Header stickiness */
.study-space-finder-header-sticky-orig.study-space-finder-header-sticky {
    visibility: hidden;
}

.study-space-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;
}

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

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

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

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

.external-bootstrap .btn.book-it-link {
    font-size: 24px !important;
    font-weight: bold !important;
    margin: 0;
}

/* Public facing study space finder list view */

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

.body-display-list-Study-Spaces {
    margin: 0;
}

    .body-display-list-Study-Spaces td.display-group-list-column-Title {
        font-weight: bold;
    }

    .body-display-list-Study-Spaces .listviewheader-display-group-list-column-Reservation-Link {
        display: none !important;
    }

    .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a, .detail-field-Reservation-Link a {
    }

        .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a:active, .detail-field-Reservation-Link a:active {
        }

        .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a:visited, .detail-field-Reservation-Link a:visited {
        }

        .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a:hover, .detail-field-Reservation-Link a:hover {
        }

        .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a:focus, .detail-field-Reservation-Link a:focus {
        }

    .body-display-list-Study-Spaces .moreFiltersContainer .display-group-list-header.display-group-list-column-Availability {
        display: none;
    }

    .body-display-list-Study-Spaces td.display-group-list-column-Availability {
    }

        .body-display-list-Study-Spaces td.display-group-list-column-Availability ul {
            display: grid;
            grid-template-columns: repeat(5, min-content);
        }

            .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li {
                display: contents;
            }

                .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li .raw {
                    display: contents;
                }

                    .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li .raw .weekday {
                        margin-right: 0.5em;
                        display: list-item;
                    }

                    .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li .raw .start-time {
                    }

                        .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li .raw .start-time::after {
                            content: '-';
                            margin: 0 0.25em;
                        }

                    .body-display-list-Study-Spaces td.display-group-list-column-Availability ul li .raw .end-time {
                    }

        .body-display-list-Study-Spaces td.display-group-list-column-Availability .display-field-value-container-Bookable {
            display: none;
        }



    .body-display-list-Study-Spaces .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-Study-Spaces .allFieldsFilterRow th {
            display: inline-block !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            min-height: 0;
        }

            .body-display-list-Study-Spaces .allFieldsFilterRow th.action-button-cell {
                display: none !important;
            }

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

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


/* Public facing study space finder detail view */

#mainContent.main-list-view-Study-Space-Details > .l--content:first-child {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .body-display-detail-Study-Space-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;
    }

    /* Hide ability to expand/collapse groups */

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

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

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

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

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

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

            .body-display-detail-Study-Space-Details .display-form-group-Breadcrumb .detail-value ul {
                margin: 0;
                padding: 0 0 0 20px;
                display: block;
            }

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

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

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

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

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


    /* Header at the top with building, name, address */

    .body-display-detail-Study-Space-Details .display-form-group-Study-Space {
        padding: 30px 30px 0 30px;
        grid-column: 1 / 5;
        width: 100%;
        background-color: #222;
        color: #fff;
        margin: 0;
    }

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


        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Building-Title {
        }

            .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Building-Title .detail-label {
                display: none;
            }

            /* smaller text for building */

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

        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Title {
        }

            .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Title .detail-label {
                display: none;
            }

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

            .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Title .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%;
            }

        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types {
        }

            .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-label {
                display: none;
            }

            .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value {
                padding: 10px 0 0 0;
            }

                .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul {
                    display: block;
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                    .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul li {
                        list-style: none;
                        display: inline;
                        margin: 0;
                    }

                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul li::after {
                            display: inline;
                            content: ", ";
                        }

                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul li:last-child::after {
                            display: none;
                        }

                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul li::before {
                            display: inline;
                        }

                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-CC::before {
                            content: '\f0f4';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-CL::before {
                            content: '\e4e5';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-CR::before {
                            content: '\e592';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-FC::before {
                            content: '\f2e7';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-LL::before {
                            content: '\f4b8';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-MR::before {
                            content: '\f6a3';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-OA::before {
                            content: '\f6c4';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-OS::before {
                            content: '\f52b';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-RS::before {
                            content: '\f130';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-SA::before {
                            content: '\f518';
                        }


                        .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Types .detail-value ul
                        li.collection-field-value-SR::before {
                            content: '\e0ff';
                        }

    .body-display-detail-Study-Space-Details .display-form-group-Description {
        clear: both;
        float: none;
        padding: 0 30px 30px 30px;
        grid-column: 1 / 5;
        width: 100%;
        background-color: #222;
        margin: 0;
        color: #fff;
        height: 100%;
        display: grid;
        align-items: center;
    }

        .body-display-detail-Study-Space-Details .display-form-group-Description .legend {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-row {
            margin-top: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-label,
        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-value {
            padding: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description a {
            color: #fff;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Description {
        }

            .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Description .detail-label {
                display: none;
            }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Building-Link-to-maps-rutgers-edu {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .paragraph-item-8138 .detail-value {
            margin: 0;
            padding: 0;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Description .paragraph-item-8138 .detail-value a {
            }

                .body-display-detail-Study-Space-Details .display-form-group-Description .paragraph-item-8138 .detail-value a:hover {
                    text-decoration: underline;
                }


        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Building-Campus {
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-label {
            display: inline;
            width: auto;
            margin-right: 0.25em;
            float: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-value {
            display: inline;
            width: auto;
            float: none;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Description .detail-value div {
                display: inline;
                width: auto;
                float: none;
            }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-label::after {
            content: ":";
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-value p {
            display: inline;
            width: auto;
            float: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Building-Campus .detail-value {
            display: inline;
            width: auto;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Description .detail-field-Seating-Capacity.detail-field-empty {
            display: none;
        }

    /* Left and Right Tabs after black banner */
    .body-display-detail-Study-Space-Details .study-space-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-Study-Space-Details .study-space-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-Study-Space-Details .study-space-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-Study-Space-Details .study-space-info-tabs > button.collapsed::after {
                display: none;
            }

            .body-display-detail-Study-Space-Details .study-space-info-tabs > button:hover::after {
                display: initial;
            }

            .body-display-detail-Study-Space-Details .study-space-info-tabs > button:focus-visible {
                outline: 3px solid #0086E8;
            }

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

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

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

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

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

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


    .body-display-detail-Study-Space-Details .display-form-group-Location {
        background-color: #F5D36A;
        color: #000;
        grid-column: 1 / 5;
        width: 100%;
        visibility: hidden;
        display: block;
        height: 350px;
        padding: 0;
        margin: 0;
        align-self: center;
        justify-self: center;
        grid-row: 5;
    }

        .body-display-detail-Study-Space-Details .display-form-group-Location .legend {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location .fieldset {
            height: 100%;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Location .fieldset form {
                height: 100%;
            }

                .body-display-detail-Study-Space-Details .display-form-group-Location .fieldset form > div {
                    height: 100%;
                }

                .body-display-detail-Study-Space-Details .display-form-group-Location .fieldset form .container-group {
                    height: 100%;
                }

                .body-display-detail-Study-Space-Details .display-form-group-Location .fieldset form .container-fluid {
                    height: 100%;
                }

        .body-display-detail-Study-Space-Details .display-form-group-Location .detail-row {
            height: 100%;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location .detail-label,
        .body-display-detail-Study-Space-Details .display-form-group-Location .detail-value {
            margin: 0;
            padding: 0;
            height: 100%;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location .detail-footer {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location a,
        .body-display-detail-Study-Space-Details .display-form-group-Location a:hover,
        .body-display-detail-Study-Space-Details .display-form-group-Location a:visited,
        .body-display-detail-Study-Space-Details .display-form-group-Location a:active {
            color: #000;
        }

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


        .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates {
        }

            .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates .detail-label {
                display: none;
            }

            .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates .detail-value {
                width: 100%;
            }

                .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates .detail-value .map-value {
                    width: 100%;
                    height: 100%;
                }

                    .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates .detail-value .map-value .view-larger-map {
                        display: none;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-Location .detail-field-Building-GPS-Coordinates .detail-value .map-value iframe {
                        width: 100%;
                        height: 100%;
                    }


        .body-display-detail-Study-Space-Details .display-form-group-Location .paragraph-item-8136 {
            margin-top: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location .panoMapTabControls {
            margin-top: 10px;
            white-space: nowrap;
            padding-bottom: 10px;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Location a.button {
            border-color: #000;
            width: auto;
            color: #000;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Location a.button:hover,
            .body-display-detail-Study-Space-Details .display-form-group-Location a.button.show-map {
                background-color: #000;
                color: #fff;
            }



    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space {
        background-color: #F5D36A;
        color: #000;
        grid-column: 1 / 5;
        width: 100%;
        padding: 20px;
        align-self: center;
        justify-self: center;
        grid-row: 7;
        height: 100%;
    }

        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space h3 {
            margin-top: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-label {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-value {
            width: 100%;
            padding: 0;
            margin: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities {
        }

            .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities.detail-field-empty {
                display: none;
            }

            .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-label {
                display: block;
                color: #000;
                font-family: "PT Serif", Georgia, serif;
                font-weight: bold;
                font-size: 24px;
                margin: 20px 0 10px 0;
                padding: 0;
            }


            .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul {
                list-style: none;
                display: grid;
                grid-template-columns: repeat(3, 1fr);
            }

                .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul li {
                    display: block;
                }

                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul li::before {
                        display: inline-block;
                        padding-right: 0.25em;
                        width: 1.75em;
                        text-align: center;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul li::after {
                        display: none;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-CC::before {
                        content: '\f51b';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-CM::before {
                        content: '\f390';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-CP::before {
                        content: '\e4e5';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-MM::before {
                        content: '\f26c';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-PB::before {
                        content: '\f02f';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-PC::before {
                        content: '\f53f';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-PO::before {
                        content: '\e01c';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-PP::before {
                        content: '\f8d6';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-SS::before {
                        content: '\f8f3';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-WF::before {
                        content: '\f1eb';
                    }


                    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul
                    li.collection-field-value-WW::before {
                        content: '\f51b';
                    }


        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Description .detail-label {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Description .detail-value {
            width: 100%;
        }


    .body-display-detail-Study-Space-Details .display-form-group-Availability {
        width: 100%;
        grid-column: 1 / 5;
        visibility: hidden;
        display: grid;
        background-color: #666;
        color: #fff;
        min-height: 350px;
        padding: 20px;
        align-self: center;
        justify-self: center;
        grid-row: 7;
    }

        .body-display-detail-Study-Space-Details .display-form-group-Availability h3 {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-label {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-value {
            padding: 0;
            margin: 0;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability {
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .fieldset {
            height: 100%;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability form {
            height: 100%;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Availability form > div {
                height: 100%;
            }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .container-group {
            height: 100%;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .container-fluid {
            height: 100%;
            display: grid;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability.detail-field-empty {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value {
            width: 100%;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul {
                display: grid;
                grid-template-columns: 1fr repeat(3, min-content) 1fr;
                list-style: none;
                width: 100%;
                margin: 0;
            }

                .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li {
                    display: contents;
                    width: 100%;
                    padding: 0.5em;
                }

                    .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li:nth-child(odd) span {
                        background-color: #555;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li:after {
                        display: none;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li .raw {
                        display: contents;
                    }

                        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li .raw .weekday {
                            padding: 10px 0.5em 10px 10px;
                        }

                        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li .raw .start-time {
                            padding: 10px 0;
                        }

                            .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li .raw .start-time::after {
                                content: '-';
                                margin: 0 0.25em;
                            }

                        .body-display-detail-Study-Space-Details .display-form-group-Availability .detail-field-Availability .detail-value ul li .raw .end-time {
                            padding: 10px 10px 10px 0;
                        }


        /* Book it button */

        .body-display-detail-Study-Space-Details .display-form-group-Availability .paragraph-item-10160 {
            align-self: center;
            padding: 20px;
        }

            .body-display-detail-Study-Space-Details .display-form-group-Availability .paragraph-item-10160 .detail-value {
                width: 100%;
                float: none;
                text-align: center;
            }

    .body-display-detail-Study-Space-Details .display-form-group-See-the-Space {
        grid-column: 1 / 5;
        padding: 0;
        margin: 0;
        height: 350px;
        align-self: center;
        justify-self: center;
        grid-row: 5;
    }

        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .display-list-loader {
            display: none;
        }

        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset {
            height: 100%;
        }

            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset h3 {
                display: none;
            }


            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form {
                height: 100%;
            }

                .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div {
                    height: 100%;
                }

                    .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group {
                        height: 100%;
                    }

                        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list {
                            height: 100%;
                        }

                            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table {
                                display: block;
                                min-width: 0;
                                margin: 0;
                                height: 100%;
                            }

                                .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table thead {
                                    display: none;
                                }

                                .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody {
                                    display: block;
                                    height: 100%;
                                }

                                    .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr {
                                        /* TODO: Temporary for mockup, we want to add JS Swiper here for this list of images */
                                        display: none;
                                        padding: 0;
                                        width: 100%;
                                        height: 100%;
                                    }

                                        /* TODO: Temporary for mockup, we want to add JS Swiper here for this list of images */
                                        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr:first-child {
                                            display: block;
                                        }

                                        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr td {
                                            display: none;
                                        }

                                            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr td.display-group-list-column-Image {
                                                display: block;
                                                padding: 0 !important;
                                                height: 100%;
                                            }

                                                .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr td.display-group-list-column-Image .display-field-value-container-Image {
                                                    height: 100%;
                                                }

                                                    .body-display-detail-Study-Space-Details .display-form-group-See-the-Space .fieldset form > div .container-group .display-list table tbody tr td.display-group-list-column-Image .display-field-value-container-Image img {
                                                        height: 100%;
                                                        width: 100%;
                                                        object-fit: cover;
                                                        object-position: center;
                                                        aspect-ratio: 2.5/1;
                                                        min-height: 100%;
                                                    }

        .body-display-detail-Study-Space-Details .display-form-group-See-the-Space > button {
            position: absolute;
            height: 80px;
            font-size: 40px;
            line-height: 40px;
            padding: 20px;
            color: #fff;
            text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;
            top: calc(50% - 40px);
        }

            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space > button:focus-within {
                outline: 3px solid #0086E8;
            }

            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space > button.prev {
                left: 0;
            }

            .body-display-detail-Study-Space-Details .display-form-group-See-the-Space > button.next {
                right: 0;
            }

    /* Additional Study Spaces by Campus */
    .body-display-detail-Study-Space-Details .other-campus-tabs {
        grid-column: 1 / 5;
        padding-left: 15px;
        padding-right: 15px;
    }

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

        .body-display-detail-Study-Space-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-Study-Space-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-Study-Space-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-Study-Space-Details .other-campus-tabs .other-campus-tabs-container > button.collapsed::after {
                    display: none;
                }

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

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

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

    .body-display-detail-Study-Space-Details .display-form-group-Busch,
    .body-display-detail-Study-Space-Details .display-form-group-College-Avenue,
    .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass,
    .body-display-detail-Study-Space-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-Study-Space-Details .display-form-group-Busch .fieldset,
        .body-display-detail-Study-Space-Details .display-form-group-College-Avenue .fieldset,
        .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass .fieldset,
        .body-display-detail-Study-Space-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-Study-Space-Details .display-form-group-Busch {
        clear: both;
    }

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

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

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

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

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

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

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

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

                .body-display-detail-Study-Space-Details .display-form-group-Busch table tbody tr,
                .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody tr,
                .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody tr,
                .body-display-detail-Study-Space-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-Study-Space-Details .display-form-group-Busch table tbody tr:hover,
                    .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody tr:hover,
                    .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody tr:hover,
                    .body-display-detail-Study-Space-Details .display-form-group-Livingston table tbody tr:hover {
                        background-color: #C03 !important;
                        color: #fff !important;
                    }

                    .body-display-detail-Study-Space-Details .display-form-group-Busch table tbody tr td,
                    .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody tr td,
                    .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody tr td,
                    .body-display-detail-Study-Space-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-Study-Space-Details .display-form-group-Busch table tbody tr td.display-group-list-column-Campus-Study-Space-Id,
                        .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody tr td.display-group-list-column-Campus-Study-Space-Id,
                        .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody tr td.display-group-list-column-Campus-Study-Space-Id,
                        .body-display-detail-Study-Space-Details .display-form-group-Livingston table tbody tr td.display-group-list-column-Campus-Study-Space-Id {
                            display: flex;
                        }

                        .body-display-detail-Study-Space-Details .display-form-group-Busch table tbody tr td div,
                        .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody tr td div,
                        .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody tr td div,
                        .body-display-detail-Study-Space-Details .display-form-group-Livingston table tbody tr td div {
                            display: flex;
                            flex-grow: 1;
                            white-space: normal;
                            line-height: 1.75em;
                            text-align: center;
                            padding: 15px;
                        }

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


/*
    bootstrap min-width reference:
    sm 768
    md 992
    lg 1200
*/

@media (min-width: 768px) {
    .body-display-detail-Study-Space-Details .display-form-group-Busch table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-Livingston table tbody {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 900px) {
    .body-display-detail-Study-Space-Details .study-space-info-tabs {
    }

        .body-display-detail-Study-Space-Details .study-space-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-Study-Spaces table tbody tr td {
        white-space: nowrap;
    }

        .body-display-list-Study-Spaces table tbody tr td.display-group-list-column-Title {
            white-space: normal;
        }

    .body-display-list-Study-Spaces .display-field-value-container-Reservation-Link a::before, .detail-field-Reservation-Link a::before {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }

    .body-display-detail-Study-Space-Details .display-form-group-Study-Space {
        grid-column: 1 / 3;
        padding: 30px;
    }

    .body-display-detail-Study-Space-Details .display-form-group-Description {
        padding: 30px 30px 30px 20px;
        grid-column: 3 / 5;
    }

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

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

    .body-display-detail-Study-Space-Details .display-form-group-See-the-Space {
        grid-column: 1 / 3;
        height: 100%;
        grid-row: 4;
    }

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

    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space {
        grid-column: 3 / 5;
        height: 100%;
        grid-row: 4;
    }

    .body-display-detail-Study-Space-Details .display-form-group-Availability {
        grid-column: 3 / 5;
        height: 100%;
        grid-row: 4;
    }

    .body-display-detail-Study-Space-Details .other-campus-tabs {
    }

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

            .body-display-detail-Study-Space-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-Study-Space-Details .display-form-group-Busch table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-College-Avenue table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-Cook-Douglass table tbody,
    .body-display-detail-Study-Space-Details .display-form-group-Livingston table tbody {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (min-width: 900px) and (max-width: 1100px) {
    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .body-display-detail-Study-Space-Details .display-form-group-About-this-Space .detail-field-Amenities .detail-value ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {

    .body-display-list-Study-Spaces {
        margin: 0 90px;
    }

    .body-display-detail-Study-Space-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;
    }
}

@media (min-width: 1200px) {
    .body-display-detail-Study-Space-Details .display-form-group-Study-Space .detail-field-Title .detail-value {
        /* Room name larger size on large screen */
        font-size: 3rem;
        line-height: 1.1429;
    }

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

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

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

@media (min-width: 1620px) {

    .body-display-list-Study-Spaces {
        margin: 0 auto;
        max-width: 1440px;
    }

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

/* Card view for list view table */

@media (max-width: 900.1px) {
    .external-bootstrap .btn {
        margin-right: 10px;
    }

    .body-display-list-Study-Spaces table.table.table-striped.list-filter {
        display: block;
    }

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

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

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

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

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

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

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr th.display-group-list-buttons,
            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr th.display-group-list-record-count {
                display: none;
            }

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr th .listviewheader-display-group-list-column-Availability {
                display: none;
            }

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

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.action-button-cell,
            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-record-count {
                display: none;
            }

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Title {
                grid-column: 1 / 4;
                font-size: 25px;
                font-family: "PT Serif", Georgia, serif;
            }

                .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Title::before {
                }

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Campus {
                grid-column: 1 / 4;
                display: inline-block;
            }

                .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Campus div {
                    display: inline-block;
                }

                .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Building-Campus::before {
                    content: 'Campus:';
                    display: inline-block;
                    font-weight: bold;
                    margin-right: 1em;
                }

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Types {
            }

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

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Amenities {
            }

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

                .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Amenities.display-group-list-column-empty {
                    display: none;
                }

            .body-display-list-Study-Spaces table.table.table-striped.list-filter tr td.display-group-list-data.display-group-list-column-Availability {
            }

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