@import url('mtag-properties.css');
@import url('flexboxgrid.css');

body {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: 'Inter'
}

.body-container {
    max-width: 1650px;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 150px;
}

.mtag-logo {
    height: 100px;
    position: absolute;
    margin-left: 25px;
    left: 0;
}

.top-buffer-1 {
    margin-top: 1px;
}

.top-buffer-3 {
    margin-top: 3px;
}

.top-buffer-5 {
    margin-top: 5px;
}

.top-buffer-10 {
    margin-top: 10px;
}

.top-buffer-15 {
    margin-top: 15px;
}

.top-buffer-25 {
    margin-top: 25px;
}

.top-buffer-35 {
    margin-top: 35px;
}

.bottom-buffer-1 {
    margin-bottom: 1px;
}

.bottom-buffer-3 {
    margin-bottom: 3px;
}

.bottom-buffer-5 {
    margin-bottom: 5px;
}

.bottom-buffer-10 {
    margin-bottom: 10px;
}

.bottom-buffer-15 {
    margin-bottom: 15px;
}

.bottom-buffer-25 {
    margin-bottom: 25px;
}

.bottom-buffer-35 {
    margin-bottom: 35px;
}

.left-buffer-1 {
    margin-left: 1px;
}

.left-buffer-3 {
    margin-left: 3px;
}

.left-buffer-5 {
    margin-left: 5px;
}

.left-buffer-10 {
    margin-left: 10px;
}

.left-buffer-15 {
    margin-left: 15px;
}

.left-buffer-25 {
    margin-left: 25px;
}

.left-buffer-35 {
    margin-left: 35px;
}

.right-buffer-1 {
    margin-right: 1px;
}

.right-buffer-3 {
    margin-right: 3px;
}

.right-buffer-5 {
    margin-right: 5px;
}

.right-buffer-10 {
    margin-right: 10px;
}

.right-buffer-15 {
    margin-right: 15px;
}

.right-buffer-25 {
    margin-right: 25px;
}

.right-buffer-35 {
    margin-right: 35px;
}

.main-menu-bar {
    background-image: url("../content/nyc_skyline.jpg");
    background-size: cover;
    background-position: center;
    background-clip: content-box;
    background-repeat: no-repeat;
    height: 30vh;
    color: #fff;
    font-size: x-large;
    margin: 0;
    padding: 0;
    height: 30vh;
}

.page {
    min-height: 100%;
    position: relative;
}

.footer-bar {
    background-color: var(--kendo-primary-100);
    color: var(--kendo-neutral-10);
    margin-top: auto;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0px;
    font-size: small;
    text-align: center;
}

    .footer-bar a {
        color: var(--kendo-neutral-10);
    }

.k-menu-link.mtag-link {
    padding: 5px;
    text-decoration: none;
}

.tabs-center > .k-tabstrip-items-wrapper .k-tabstrip-items {
    justify-content: center;
}

.photo-card {
    display: inline-block;
}

    .photo-card .k-card {
        width: 200px;
        height: 180px;
        display: inline-block;
        margin: 10px;
        overflow: hidden;
    }

    .photo-card .k-card-header {
        margin: 0;
        padding: 5px;
    }

        .photo-card .k-card-header.default-photo-header {
            color: #fff;
        }

    .photo-card .k-card-header {
        border-color: inherit;
        color: #003f59;
        background-color: #daecf4
    }

    .photo-card .k-card-body {
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
    }

    .photo-card .photo-image {
        object-fit: cover;
        width: 100%;
        height: 180px;
    }

.photo-container {
    max-height: 70vh;
    overflow-y: auto;
}

    .photo-container .k-listview-item {
        display: inline;
    }

.window-content-overflow {
    max-height: 80vh;
    overflow-y: auto;
    padding: 30px;
}

.property-detail-label {
    font-weight: bold;
}

.no-headers-grid .k-grid-header {
    display: none;
}

.text-wrap-grid .k-grid-header .k-table-th, .text-wrap-grid .k-grid-content .k-table-td {
    text-wrap: wrap;
}

.properties-grid .k-toolbar-item {
    width: 80%;
}

.k-scrollview {
    margin: 0 auto;
}

.center-menu.k-menu {
    -webkit-justify-content: center;
    justify-content: center;
}

.k-menu .k-menu-item:has(.menu-selected-item) {
    border-width: 0 0 0.25rem 0;
    border-color: var(--kendo-primary-100);
    color: var(--kendo-primary-100);
    font-weight: bold;
    border-style: solid;
    margin-bottom: -.25rem;
}

.k-window.no-padding-window .k-window-titlebar, .k-window.no-padding-window .k-window-content, .k-window.no-padding-window .window-content-overflow {
    padding: 0;
}

.k-window.photo-window .k-window-content {
    min-width: 50vw;
}

.k-window.photo-window .k-listview-content {
    max-height: 80vh;
}

.nav-menu-placeholder {
    height: 60px;
    display: block;
}

.legal-notice-link-container {
    margin-top: 35px;
}

.environment-banner{
    display:none;
}

    .environment-banner.show {
        height: 12px;
        display: block;
        width: 100%;
        word-spacing: 50px;
    }

    .environment-banner.development {
        background-color: #f58791;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='120px'><text x='0' y='10' fill='black' font-size='10'>DEVELOPMENT</text></svg>");
    }

    .environment-banner.test {
        background-color: #ffc80a;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='10px' width='120px'><text x='0' y='10' fill='black' font-size='10'>TEST</text></svg>");
    }

.property-information-border {
    border-left: 1px solid var(--kendo-neutral-50);
}

.property-information-border-container {
    border-top: solid 1px var(--kendo-neutral-50);
    margin: 0;
    padding: 5px;
}

    .property-information-border-container span {
        margin: 0;
        padding: 5px 15px;
    }

    .property-details-container {
        font-size: small;
    }

.property-details-header-border {
    border-bottom: solid 1px var(--kendo-neutral-50);
}

.back-to-listings-button{
    text-align: left;
}

.footer-bar-print{
    display:none;
}

.nav-menu {
    margin-bottom: 35px;
}

.listing-image {
    max-height: 200px;
}

.k-scrollview-light.telerik-blazor.k-scrollview {
    background-color: var(--kendo-primary-100);
    color: #fff;
}

.k-scrollview-light.telerik-blazor.k-scrollview a {
    color: #fff;
}