@import '_content/Abic.Nexus/Abic.Nexus.bundle.scp.css';

/* /Components/CartoAdminPanel.razor.rz.scp.css */
#admin-panel[b-yb4wjebnk7]{
    position: absolute;
    width: 30vw;
    top: 35vh;
    z-index: 10;
    left: 0;
    max-height: 50vh;
    background-color: #000000c2;
    color: whitesmoke;
    overflow-y: scroll;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1rem;
}

.carto-admin-panel-inner[b-yb4wjebnk7] {
    padding: 1rem;
    border: 1px solid #ffffff38;
    border-top: none;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    margin-bottom: 1rem;
}
/* /Components/CartoHoldSlidingButton.razor.rz.scp.css */
.sliding-wrapper[b-r4ey257hd4] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 3rem;
    width: 3rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    overflow: hidden;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    margin-right: 1rem;
    transition-delay: 250ms;

    background-color: #313131;
    border-radius: 10px;
    color: whitesmoke;
}

.icon[b-r4ey257hd4] {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    padding-top: 1rem;
    padding-left: .75rem;
    padding-right: 1rem;
}

.label[b-r4ey257hd4] {
    overflow:hidden;
    text-align: left;
    font-size: 1rem;
    padding-top: 6px;
    padding-left: 3px;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.sliding-wrapper-hover[b-r4ey257hd4] {
    overflow: hidden;
    width: 30rem;
    color: #ffd200;
}

.sliding-wrapper:hover[b-r4ey257hd4] {
    color: #ffd200;
}

.sliding-wrapper-hold[b-r4ey257hd4] {
    overflow: hidden;
    width: 30rem;
    color: #ffd200;
}


.sliding-wrapper:hover .label[b-r4ey257hd4] {
    overflow: hidden;
}

.highlight[b-r4ey257hd4] {
    color: #ffd200;
}
/* /Components/CartoLegendChildTables.razor.rz.scp.css */
.grouped-table-container[b-ghtt39tc6l] {
    padding: 20px;
}

.legend-child-notstarted[b-ghtt39tc6l],
.legend-child-not-closed[b-ghtt39tc6l],
.legend-child-sold[b-ghtt39tc6l] {
    background-color: rgba(250, 0, 0, 0.5);
}
.legend-child-closed[b-ghtt39tc6l],
.legend-child-completedforpurchaser[b-ghtt39tc6l],
.legend-child-available[b-ghtt39tc6l] {
    background-color: rgba(178, 223, 138, 0.5);
}
.legend-child-pdwcompleted[b-ghtt39tc6l],
.legend-child-frozen[b-ghtt39tc6l] {
    background-color: rgba(166, 206, 227, 0.5);
}
.legend-child-unreleased[b-ghtt39tc6l] {
    background-color: rgba(217, 217, 217, 0.5);
}
.legend-child-liftcompleted[b-ghtt39tc6l],
.legend-child-conditional[b-ghtt39tc6l] {
    background-color: rgba(197, 108, 253, 0.5);
}
.legend-child-roofplycompleted[b-ghtt39tc6l] {
    background-color: #87adec;
}
.legend-child-foundationcompleted[b-ghtt39tc6l],
.legend-child-in-process[b-ghtt39tc6l],
.legend-child-inprocess[b-ghtt39tc6l] {
    background-color: #FFF252CC;
}
.legend-child-foundationinprogress[b-ghtt39tc6l] {
    background-color: #ff9a52;
}

.link-marker[b-ghtt39tc6l],
.pin-marker[b-ghtt39tc6l] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
}

.pin-marker:hover[b-ghtt39tc6l] {
    color: #ffd200;
    cursor: pointer;
}


@media only screen and (max-width: 600px) {
    .grouped-table-container[b-ghtt39tc6l] {
        width: 100vw !important;    
    }
}




/* /Components/CartoPdfController.razor.rz.scp.css */
section.carto-pdf-container[b-cpvaobw0d1] {
    height: calc(100vh - 3.5rem);
    width: 100vw;
    z-index: 2;
    position: relative;
}
/* /Components/CartoSlidingButton.razor.rz.scp.css */
.sliding-wrapper[b-keydr3jtcp] {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 3rem;
    width: 3rem;
    padding-left: 0.75rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    right: 5rem;
    top: 1rem;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    margin-right: 1rem;
    transition-delay: 250ms;

    background-color: #313131;
    border-radius: 10px;
    color: whitesmoke;
}

.icon[b-keydr3jtcp] {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    padding-top: 1rem;
}

.label[b-keydr3jtcp] {
    overflow:hidden;
    text-align: left;
    font-size: 1rem;
    padding-top: 6px;
    padding-left: 3px;
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
    
}

.sliding-wrapper:hover[b-keydr3jtcp] {
    overflow: hidden;
    width: 17rem;
    color: #ffd200;
}

.sliding-wrapper:hover .label[b-keydr3jtcp] {
    overflow: hidden;
}

.highlight[b-keydr3jtcp] {
    color: #ffd200;
}
/* /Components/CartoToolsButton.razor.rz.scp.css */

.icon[b-rp5rnggnlo] {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    padding-top: 1rem;
    padding-left: 2rem;

}

.label[b-rp5rnggnlo] {
    width: 100%;
    text-align: left;
    font-size: 1rem;
    padding-top: 9px;
    padding-left: 2rem;
}

.sliding-wrapper:hover .label[b-rp5rnggnlo] {
    overflow: hidden;
}

.highlight[b-rp5rnggnlo] {
    color: #ffd200;
}

button.tool:hover[b-rp5rnggnlo] {
    color: #ffd200;
}

#export-buttons #cancel-export .icon[b-rp5rnggnlo],
#export-buttons #download-export .icon[b-rp5rnggnlo] {
    padding-left: 0;
}

#export-buttons #cancel-export .label[b-rp5rnggnlo],
#export-buttons #download-export .label[b-rp5rnggnlo] {
    padding-left: 0.75rem;
}
/* /Components/DataControlPanel/DivisionGroup.razor.rz.scp.css */
.division-line-top[b-dwc5ws6h76] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.collapse-panel[b-dwc5ws6h76] {
    display: none;
}

.division-line-top.thin.opened-line[b-dwc5ws6h76] {
    padding-bottom: 1rem;
}

.opened-line > .line-inner.divider-code[b-dwc5ws6h76] {
    margin-bottom: 1rem;
}

.line-inner.divider-code[b-dwc5ws6h76] {
    font-size: 1rem;
    padding: 0 0 0 1rem;
}

.line-inner[b-dwc5ws6h76] {
    display: flex;
    font-size: 15px;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
}

.line-inner > .hover-handle[b-dwc5ws6h76] {
    margin-right: 0;
}
.line-inner.divider-code.handle-pointer:hover .community-name[b-dwc5ws6h76] {
    color: #ffd200;
}
.divider-code[b-dwc5ws6h76] {
    font-weight: 600;
    margin-right: 0.5rem;
}
.handle-pointer:hover[b-dwc5ws6h76] {
    cursor: pointer;
}

.hover-handle[b-dwc5ws6h76] {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    transition: 300ms linear all;
}

.hover-handle[b-dwc5ws6h76] {
    margin-right: 1.5rem;
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.active-handle[b-dwc5ws6h76],
div:hover > .hover-handle[b-dwc5ws6h76] {
    color: #ffd200;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}

.active-handle.primary[b-dwc5ws6h76],
div:hover > .hover-handle.primary[b-dwc5ws6h76] {
    color: #ffd200;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}

div:hover > .hover-handle[b-dwc5ws6h76]::before {
    content: '\F229';
}

.community-name[b-dwc5ws6h76] {
    font-weight: 400;
    display: inline-block;
    text-align: end;
    width: calc(100% - 7rem);
}

span.div-code[b-dwc5ws6h76] {
    text-align: left;
}
span.flex-name[b-dwc5ws6h76] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.div-count[b-dwc5ws6h76] {
    font-weight: 400;
    color: #ffffffd1;
    vertical-align: middle;
    width: 3.5rem;
    text-align: center;
}

span.active-div[b-dwc5ws6h76] {
    color: #ffd200;
}

.opened-line > .line-inner.divider-code[b-dwc5ws6h76] {
    margin-bottom: 1rem;
}

span.count-divider[b-dwc5ws6h76] {
    opacity: 0.5;
}
/* /Components/DataControlPanel/DivisionPanel.razor.rz.scp.css */
.panel-content[b-ok7czs5roc] {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    padding-bottom: 0.2rem;
    font-size: 1rem;
}

section.vertical-content[b-ok7czs5roc] {
    height: 100%;
    display: flex;
    flex-direction: column;
}


.division-panel[b-ok7czs5roc] {
    background: #000000c4;
    color: white;
    height: 100%;
    width: 25rem;
    padding-bottom: 1rem;
}

.panel-pane[b-ok7czs5roc] {
    display: flex;
    justify-content: center;
    height: 3rem;
    align-items: center;
    cursor: pointer;
}

.panel-title[b-ok7czs5roc] {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    pointer-events: none;
    color: #ffd200;
}

.collapse-panel[b-ok7czs5roc] {
    display: none;
}

.thin[b-ok7czs5roc] {
    padding: 0;
}

div.min-height[b-ok7czs5roc] {
    max-height: 20rem;
    height: 13rem;
    width: 3rem;
    display: flex;
    flex-direction: column;
    writing-mode: vertical-rl;
    align-items: center;
}

.input-container[b-ok7czs5roc] {
    display: flex;
    flex-direction: row;
}

input[type="text"].division-filter[b-ok7czs5roc] {
    background-color: #0000002e;
    border: 1px solid #ffffff5c;
    border-radius: 5px;
    margin: 0.25rem 0.5rem 0.5rem 0.5rem;
    color: white;
    width: 100%;
    padding-left: 0.5rem;
}

input[type="text"].division-filter:hover[b-ok7czs5roc] {
    border: 1px solid #ffd200;
}

input[type="text"][b-ok7czs5roc]::placeholder {
    color: #ffffff5c;
}


.division-panel.min-height[b-ok7czs5roc] {
    top: 28vh;
}

button.section-toggle[b-ok7czs5roc] {
    background-color: transparent;
    color: white;
    border: 0;
    font-size: 1.25rem;
    padding: 0 1rem;
}


button.section-toggle:hover[b-ok7czs5roc] {
    color: #ffd200;
}

.division-handle[b-ok7czs5roc] {
    margin: 0.75rem 0.5rem 0.5rem;
}

button.refresh[b-ok7czs5roc] {
    margin-left: 0.5rem;
    font-size: 1.5rem;
    padding-right: 0.25rem;
    vertical-align: top;
}

section.loading[b-ok7czs5roc] {
    height: 10rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


button.load-all[b-ok7czs5roc] {
    background-color: #ffd20000;
    color: white;
    border: 1px solid white;
    height: 1.5rem;
    border-radius: 2px;
    padding: 0.25rem 0.5rem;
}

div.load-all[b-ok7czs5roc] {
}

.disabled-line[b-ok7czs5roc] {
    opacity: 0.5;
}

button.load-all:hover[b-ok7czs5roc] {
    background-color: #ffd200;
    color: black;
    border: 1px solid #747474;
}


button.load-all.disabled-line:hover[b-ok7czs5roc] {
    background-color: black;
}



.private-spacer[b-ok7czs5roc] {
    border-top: 2px solid #f5f5f517;
    margin: 1rem;
}

.region-divider[b-ok7czs5roc] {
    flex-grow: 1;
}

.region-container[b-ok7czs5roc] {
    display: flex;
    justify-content: space-between;
}

.region-title[b-ok7czs5roc] {
    margin: 0;
    line-height: 2;
    color: #ffd200;
    text-transform: uppercase;
}
/* /Components/DataControlPanel/DivisionPhase.razor.rz.scp.css */
.division-line[b-hci6xbin0m] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 0.5rem;

}

.division-line.collapse-panel[b-hci6xbin0m] {
    padding: 0 0.8rem;
    background-color: black;
}

.collapse-panel[b-hci6xbin0m] {
    display: none;
}

.pin-marker[b-hci6xbin0m] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
}

.pin-marker:hover[b-hci6xbin0m] {
    color: #ffd200;
    cursor: pointer;
}


input[type="checkbox"][b-hci6xbin0m] {
    accent-color: #ffd200;
    cursor: pointer;
}



.line-inner.divider-code[b-hci6xbin0m] {
    font-size: 1rem;
    padding: 0 0 0 1rem;
}

.line-inner[b-hci6xbin0m] {
    display: flex;
    font-size: 15px;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
}

.line-inner > .hover-handle[b-hci6xbin0m] {
    margin-right: 0;
}
.line-inner.divider-code.handle-pointer:hover .community-name[b-hci6xbin0m] {
    color: #ffd200;
}
/* /Components/DataControlPanel/DivisionRevision.razor.rz.scp.css */
.division-line[b-e0vvzjd0bs] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 0.5rem;

}

.division-line.collapse-panel[b-e0vvzjd0bs] {
    padding: 0 0.8rem;
    background-color: black;
}

.collapse-panel[b-e0vvzjd0bs] {
    display: none;
}

.pin-marker[b-e0vvzjd0bs] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
}

.pin-marker:hover[b-e0vvzjd0bs] {
    color: #ffd200;
    cursor: pointer;
}


input[type="checkbox"][b-e0vvzjd0bs] {
    accent-color: #ffd200;
    cursor: pointer;
}



.line-inner.divider-code[b-e0vvzjd0bs] {
    font-size: 1rem;
    padding: 0 0 0 1rem;
}

.line-inner[b-e0vvzjd0bs] {
    display: flex;
    font-size: 15px;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
}

.line-inner > .hover-handle[b-e0vvzjd0bs] {
    margin-right: 0;
}
.line-inner.divider-code.handle-pointer:hover .community-name[b-e0vvzjd0bs] {
    color: #ffd200;
}
/* /Components/DataControlPanel/LayerNavigator.razor.rz.scp.css */
section.panel-content[b-7cdanuwx60] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

.layer-line[b-7cdanuwx60] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 .8rem;
}

.line-inner[b-7cdanuwx60] {
    display: flex;
    padding: 0 1rem;
    justify-content: space-between;
    align-items: center;
}

i.bi.bi-box:hover[b-7cdanuwx60],
i.bi.bi-boxes:hover[b-7cdanuwx60] {
    color: #ffd200;
    cursor: pointer;
}

.active-layer[b-7cdanuwx60] {
    color: #ffd200;
}

.divider-code[b-7cdanuwx60] {
    font-weight: 600;
}

.layer-panel[b-7cdanuwx60] {
    font-family: 'Inter var';
    background: #000000c4;
    color: white;
    height: 100%;
    width: 25rem;
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
    border-bottom-right-radius: 1rem;
}

.line-inner > .hover-handle[b-7cdanuwx60] {
    margin-right: 0;
}

.hover-handle[b-7cdanuwx60] {
    margin-right: 1.5rem;
    font-size: 1.25rem;
    margin-left: 0.5rem;
}

.panel-pane[b-7cdanuwx60] {
    display: flex;
    justify-content: center;
    height: 3rem;
    align-items: center;
    cursor: pointer;
    
}

.panel-title[b-7cdanuwx60] {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    pointer-events: none;
    color: #ffd200;
}

.collapse-panel[b-7cdanuwx60] {
    display: none;
}

.thin[b-7cdanuwx60] {
    padding: 0;
    width: 100%;
    font-size: 1rem;
}

div.min-height[b-7cdanuwx60] {
    max-height: 20rem;
    height: 12rem;
    width: 3rem;
    display: flex;
    flex-direction: column;
    writing-mode: vertical-rl;
    align-items: center;
}

.community-name[b-7cdanuwx60] {
    font-weight: 500;
    font-size: 1rem;
    float: left;
}

.layer-panel.min-height[b-7cdanuwx60] {
    bottom: 20vh;
}


.hover-handle[b-7cdanuwx60] {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    transition: 300ms linear all;
}



.active-handle.primary[b-7cdanuwx60],
div:hover > .hover-handle.primary[b-7cdanuwx60] {
    color: #ffd200;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}

.active-handle[b-7cdanuwx60],
div:hover > .hover-handle[b-7cdanuwx60] {
    color: #ffd200;
    transform: rotate(0deg);
    transform-origin: 50% 50%;
}

.handle-pointer:hover[b-7cdanuwx60] {
    cursor: pointer;
}

div:hover > .hover-handle[b-7cdanuwx60]::before {
    content: '\F229';
}


button.section-toggle[b-7cdanuwx60] {
    background-color: transparent;
    color: white;
    border: 0;
    font-size: 1.25rem;
    margin-left: 0.1rem;
}


button.section-toggle:hover[b-7cdanuwx60] {
    color: #ffd200;
}

.layer-handle[b-7cdanuwx60] {
    margin: 0.75rem 0.5rem 0.5rem;
}
/* /Components/DataControlPanel/SiteTrailer.razor.rz.scp.css */
.division-line[b-dglv5hpyew] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0 0.5rem;

}

.division-line.collapse-panel[b-dglv5hpyew] {
    padding: 0 0.8rem;
    background-color: black;
}

.opened-line > .line-inner.divider-code[b-dglv5hpyew] {
    margin-bottom: 1rem;
}

.line-inner.divider-code[b-dglv5hpyew] {
    font-size: 1rem;
    padding: 0 0 0 1rem;
}

.line-inner[b-dglv5hpyew] {
    display: flex;
    font-size: 15px;
    padding: 0 2rem;
    justify-content: space-between;
    align-items: center;
}

.pin-marker[b-dglv5hpyew] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
}

.pin-marker:hover[b-dglv5hpyew] {
    color: #ffd200;
    cursor: pointer;
}

.collapse-panel[b-dglv5hpyew] {
    display: none;
}

.map-link[b-dglv5hpyew] {
    width: 14px;
}
.map-link:hover[b-dglv5hpyew] {
    color: #ffd200;
}


input[type="checkbox"][b-dglv5hpyew] {
    accent-color: #ffd200;
    cursor: pointer;
}
/* /Components/Dialogs/NavigationSelector.razor.rz.scp.css */
button.nav-calc-route[b-lkohx7o31j] {
    border: 1px solid #ffd200;
    padding: 0.5rem;
    border-radius: 5px;
    color: #ffd200;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: 0 0 9px 3px transparent;
}

button.nav-calc-route:hover[b-lkohx7o31j] {
    color: black;
    background-color: #ffd200;
    font-weight: 700;
    box-shadow: 0 0 9px 3px #ffd20059;
}

.nav-drops[b-lkohx7o31j] {
    display: flex;
    flex-direction: row;
    padding: 1rem;
    justify-content: space-around;
}

.nav-buttons[b-lkohx7o31j] {
    display: flex;
    flex-direction: column;
}
/* /Components/Dialogs/SaleHeatmaps.razor.rz.scp.css */
#resale-heatmap div.controls[b-eb6kip6g63] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#resale-heatmap h6[b-eb6kip6g63] {
    font-size: 2rem;
    text-transform: uppercase;
    color: #ffd200;
    text-align: center;
}

.control-wrapper[b-eb6kip6g63] {
    width: 30%;
    margin: 1rem;
}

#heatmap-controls[b-eb6kip6g63] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0.5rem;
}
/* /Components/Dialogs/Tutorials/ControlsCheatSheet.razor.rz.scp.css */
.key[b-dcza5p046x] {
    border: 1px solid white;
    border-radius: 4px;
    padding: 4px;
}
.tip-line[b-dcza5p046x] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.control[b-dcza5p046x] {
    width: 50%;
    text-align: left;
}

.effect[b-dcza5p046x] {
    width: 50%;
    text-align: right;
}
.tip-container[b-dcza5p046x] {
    padding: 1rem 0; 
    width: 28vw; 
    font-size: 1rem;
}
/* /Components/Dialogs/Tutorials/IntroOverview.razor.rz.scp.css */
div.text-container[b-1362f9nm3k] {
    padding: 1rem;
    font-size: 1rem;
}

div.image-container[b-1362f9nm3k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.secondary-logo[b-1362f9nm3k] {
    position: relative;
    width: 23rem;
    filter: brightness(0) invert(1);
    display: inline;
    margin-left: calc(50% - 11.5rem);
}
/* /Components/HeatmapLegend.razor.rz.scp.css */


span.legend-cell[b-bq4b0yeolw] {
    width: 4rem;
    justify-content: left;
    display: inline-flex;
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 500;
}

span.legend-cell-end[b-bq4b0yeolw] {
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 500;
}

span.legend-count[b-bq4b0yeolw] {
    justify-content: left;
    display: inline-flex;
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 300;
}

/*.legend-splash,*/
/*.legend-loader {*/
/*    height: calc(100vh - 8rem);*/
/*    display: flex;*/
/*    padding-top: 30vh;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*    justify-content: flex-start;*/
/*    background-color: #3f3f3f;*/
/*    color: #ffd200;*/
/*    pointer-events: none;*/
/*    user-select: none;*/
/*}*/

/*.legend-splash > i.bi.bi-map {*/
/*    font-size: 3rem;*/
/*}*/

/*.legend-splash h5 {*/
/*    width: 40%;*/
/*    max-width: 25vw;*/
/*    min-width: 15vw;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    padding-top: 1rem;*/
/*    color: white;*/
/*    z-index: 0;*/
/*}*/

/*.loader-label {*/
/*    padding-top: 1rem;*/
/*    color: #ffd200;*/
/*}*/

.currency-format[b-bq4b0yeolw] {
    width: 100%;
    display: inline-block;
    text-align: right;
    padding-right: 1rem;
}

.status-icon[b-bq4b0yeolw] {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border-radius: 1rem;
    vertical-align: sub;
    margin: 0 1rem;
    border: 1px solid rgba(54, 54, 54, 0.49);


}
.grouped-table-container[b-bq4b0yeolw] {
    padding: 20px;
}

.chart-wrapper[b-bq4b0yeolw] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color: #000000d9;
    color: whitesmoke;
    height: 250px;
}

.link-marker[b-bq4b0yeolw],
.pin-marker[b-bq4b0yeolw] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
}
/* /Components/MapLegend.razor.rz.scp.css */


span.legend-cell[b-3nexwovk5w] {
    width: 4rem;
    justify-content: left;
    display: inline-flex;
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 500;
}

span.legend-cell-end[b-3nexwovk5w] {
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 500;
}

span.legend-count[b-3nexwovk5w] {
    justify-content: left;
    display: inline-flex;
    font-size: 1rem;
    font-family: 'Inter var';
    font-weight: 300;
}

.legend-splash[b-3nexwovk5w],
.legend-loader[b-3nexwovk5w] {
    height: calc(100vh - 8rem);
    display: flex;
    padding-top: 30vh;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #3f3f3f;
    color: #ffd200;
    pointer-events: none;
    user-select: none;
    z-index: 1;
    position: fixed;
    max-width: 100%;
    min-width: -webkit-fill-available;
}

.legend-splash > i.bi.bi-map[b-3nexwovk5w] {
    font-size: 3rem;
}

.legend-splash h5[b-3nexwovk5w] {
    width: 40%;
    max-width: 25vw;
    min-width: 15vw;
    text-align: center;
    text-transform: uppercase;
    padding-top: 1rem;
    color: white;
    z-index: 0;
}

.loader-label[b-3nexwovk5w] {
    padding-top: 1rem;
    color: #ffd200;
}

.status-icon[b-3nexwovk5w] {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    border-radius: 1rem;
    vertical-align: sub;
    margin: 0 1rem;
    border: 1px solid rgba(54, 54, 54, 0.49);


}



/*.legend {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    background-color: white;*/
/*    top: 0.75rem;*/
/*    !*right: 0.6rem;*!*/
/*    border-radius: 4px;*/
/*    border: 1px solid #d7d7d7d4;*/
/*    min-width: 15rem;*/
/*    padding: 1rem;*/
/*    box-shadow: 0 0 9px 1px #afafafde;*/
/*}*/

/*.status-icon {*/
/*    width: 1.5rem;*/
/*    height: 1.5rem;*/
/*    display: inline-block;*/
/*    border-radius: 1rem;*/
/*    vertical-align: bottom;*/
/*    margin-right: 0.75rem;*/
/*}*/

/*.legend-layer-not-started {*/
/*    border: 1px solid rgba(54, 54, 54, 0.49);*/
/*    background-color: rgb(33 33 33 / 36%);*/
/*}*/

/*.legend-layer-completed {*/
/*    border: 1px solid rgba(54, 54, 54, 0.49);*/
/*    background-color: rgba(204, 142, 255, 0.5);*/
/*}*/

/*.legend-layer-on-schedule {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(83, 255, 0, 0.5);*/
/*}*/
/*.legend-layer-range-1 {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(255, 239, 88, 0.5);*/
/*}*/
/*.legend-layer-range-2 {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(255, 167, 121, 0.5);*/
/*}*/
/*.legend-layer-range-3 {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(255, 122, 37, 0.51);*/
/*}*/
/*.legend-layer-range-4 {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(245, 99, 141, 0.51);*/
/*}*/
/*.legend-layer-range-5 {*/
/*    border: 1px solid #363636;*/
/*    background-color: rgba(255, 0, 0, 0.5);*/
/*}*/



/*.legend-layer-not-closed,*/
/*.legend-layer-sale-sold {*/
/*    background-color: rgba(250, 0, 0, 0.5);*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-closed,*/
/*.legend-layer-sale-available {*/
/*    background-color: rgba(178, 223, 138, 0.5);*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-sale-frozen {*/
/*    background-color: rgba(166, 206, 227, 0.5);*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-sale-unreleased {*/
/*    background-color: rgba(217, 217, 217, 0.5);*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-sale-conditional {*/
/*    background-color: rgba(197, 108, 253, 0.5);*/
/*    border: 1px solid #363636;*/
/*}*/

/*.legend-layer-sale-in-process {*/
/*    background-color: #FFF252CC;*/
/*    border: 1px solid #363636;*/
/*}*/


/*.legend-layer-month-1-style {*/
/*    background-color: #75f184;*/
/*    !*background-color: #A6CEE3;*!*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-2-style {*/
/*    background-color: #00bfff;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-3-style {*/
/*    background-color: #5683F4;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-4-style {*/
/*    background-color: #7fffd4;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-5-style {*/
/*    background-color: #e96dff;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-6-style {*/
/*    background-color: #dda0dd;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-7-style {*/
/*    background-color: #fff280;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-8-style {*/
/*    background-color: #f1d917;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-9-style {*/
/*    background-color: #deb887;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-10-style {*/
/*    background-color: #FFAB73;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-11-style {*/
/*    background-color: #ff8533;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-month-12-style {*/
/*    background-color: #fe9999;*/
/*    border: 1px solid #363636;*/
/*}*/
/*.legend-layer-overmonths-style {*/
/*    background-color: #ff3737;*/
/*    border: 1px solid #363636;*/
/*}*/

/*.legend-layer-started-style {*/
/*    background-color: #0FCF25;*/
/*    border: 1px solid #363636;*/
/*}*/



/*.status-text {*/
/*    display: inline-block;*/
/*    width: 3rem;*/
/*    text-align: end;*/
/*}*/

/*.status-label {*/
/*    flex: 1 0;*/
/*    padding-left: 0.5rem;*/
/*    padding-right: 0.5rem;*/
/*}*/

/*.legend-subtitle {*/
/*    text-align: center;*/
/*    color: rgb(0 0 0 / 80%);*/
/*}*/


/*.exit-layer {*/
/*    position: absolute;*/
/*    z-index: 100;*/
/*    top: 5px;*/
/*    !*right: 0.25rem;*!*/
/*    border-radius: 2rem;*/
/*    padding: 3px 6px;*/
/*    box-shadow: -2px 2px 5px 2px #ff7d7d82;*/
/*}*/


/*.sub-header.collapse {*/
/*    display: none;*/
/*}*/


/*.label-dropdown {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    margin-bottom: 0.5rem;*/
/*    width: 260px;*/
/*}*/

/*.sub-header {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin: 0.5rem 0;*/
/*}*/

/*.inner-line {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    border-top: 1px solid #0000001c;*/
/*}*/

/*.division-code {*/
/*    flex: 1 0;*/
/*    text-align: center;*/
/*}*/

/*.inner-line:last-of-type {*/
/*    border-bottom: 1px solid #0000001c;*/
/*}*/

/*.hover-handle {*/
/*    transform: rotate(-90deg);*/
/*    transform-origin: 50% 50%;*/
/*    transition: 300ms linear all;*/
/*}*/

/*.active-handle,*/
/*div:hover > .hover-handle {*/
/*    color: #ffd200;*/
/*    transform: rotate(0deg);*/
/*    transform-origin: 50% 50%;*/
/*}*/

/*.handle-pointer:hover {*/
/*    cursor: pointer;*/
/*}*/

/*.legend-value {*/
/*    text-align: end;*/
/*    width: 3rem;*/
/*}*/

@media only screen and (max-width: 600px) {
    .legend-splash > i.bi.bi-map[b-3nexwovk5w] {
        font-size: 2rem;
    }
    
    .legend-splash h5[b-3nexwovk5w] {
        width: 80%;
        max-width: 60vw;
        font-size: 1rem;
    }
    
    .mud-table-row[b-3nexwovk5w] {
        display: flex !important;
        flex-direction: row !important;
    }
}
/* /Components/PanelSplash.razor.rz.scp.css */
h5.title[b-1d6gqoffo8] {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Inter var';
    margin-bottom: 4rem;
    padding: 0 2rem;
    pointer-events: none;
    user-select: none;
}

div.main-splash[b-1d6gqoffo8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    max-height: 19.5rem;
    justify-content: center;
    color: #6a6a6aad;
    text-align: center;
    font-size: 3rem;
}
/* /Components/SavedMaps.razor.rz.scp.css */
.saved-maps-panel[b-u7aqzom9dv] {
    display: flex;
    position: absolute;
    top: 13rem;
    z-index: 1;
    width: 20rem;
    background-color: #000000c2;
    flex-direction: column;
    color: whitesmoke;
    border-bottom-right-radius: 1rem;
    padding-bottom: 1rem;
}

#saved-maps-panel-inner[b-u7aqzom9dv] {
    position: absolute;
    left: 20rem;
    top: 0;
    z-index: 10;
    padding: 1rem;
    font-size: 2rem;
    background-color: #000000c2;
    color: white;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.collapse-panel[b-u7aqzom9dv] {
    display: none;
}

.panel-title[b-u7aqzom9dv] {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    pointer-events: none;
    color: #ffd200;
    padding: 1rem 1rem 0;
}

#save-current-map[b-u7aqzom9dv] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 0 1rem 1rem;
    height: 6.5rem;
}

.map-link[b-u7aqzom9dv] {
    display: flex;
    flex-direction: row;
    color: whitesmoke;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    font-size: 1rem;
    cursor: pointer;
}
.map-link:hover[b-u7aqzom9dv] {
    color: #ffd200;
}
#saved-maps-tray[b-u7aqzom9dv] {
    max-height: 50vh;
    overflow-y: auto;
}
/* /Components/TourProgress.razor.rz.scp.css */
#tour-progress[b-xw4ajk02t4] {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 5rem;
    z-index: 10;
    background-color: #313131;
    color: whitesmoke;
    padding: 1rem;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.counter[b-xw4ajk02t4] {
    padding: 0 1rem;
}

.label[b-xw4ajk02t4] {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #ffd200;
    font-weight: 600;
}

.top-level[b-xw4ajk02t4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0.5rem;
}

.controls[b-xw4ajk02t4] {
    display: flex;
    flex-direction: row;
    margin-top: 0.5rem;
    justify-content: space-between;
}

.tour-btn[b-xw4ajk02t4] {
    background-color: #ffd200;
    border-radius: 5px;
    color: black;
    padding: 0.5rem;
}

.desc[b-xw4ajk02t4] {
    max-width: 30vw;
}

.finished[b-xw4ajk02t4] {
    border-radius: 3rem;
    border: 2px solid #ffd200;
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}
/* /Pages/Index.razor.rz.scp.css */
div.map-full[b-5weue66v1o] {
    height: 100%;
    width: 100%;
}

button.tutorial-button[b-5weue66v1o] {
    position: absolute;
    right: 19rem;
    top: 0;
    color: #ffd200;
    z-index: 10;
    height: 3.5rem;
    width: 4.5rem;
    display: flex;
    justify-content: space-between;
}

button.tutorial-button:hover > i[b-5weue66v1o]::before {
    content: "\f432";
}

.loading-page[b-5weue66v1o] {
    position: absolute;
    display: flex;
    z-index: 2;
    width: 100vw;
    height: calc(100vh - 4rem);
    background-color: white;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.loading-page-transparent[b-5weue66v1o] {
    position: absolute;
    display: flex;
    z-index: 12;
    width: 100vw;
    height: calc(100vh - 3.5rem);
    background-color: rgba(0, 0, 0, 0.21);
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.caivan-loading[b-5weue66v1o] {
    width: 30%;
    margin-bottom: 2em;
}

.loading-status[b-5weue66v1o] {
    font-size: 1.5rem;
    font-family: system-ui;
    font-weight: 400;
}

.loading-info[b-5weue66v1o] {
    position: absolute;
    bottom: 3rem;
    left: 0.5rem;
    z-index: 100;
    color: white;
    height: 2.5rem;
    display: flex;
    background-color: #000000b5;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 3px;
    padding: 0 1rem;
}

.notification-container[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
}

.notification-content-container[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
}

.notification-action-container[b-5weue66v1o] {
    justify-content: center;
    display: flex;
}

.toast-footer[b-5weue66v1o] {
    font-size: 12px;
    opacity: 0.7;
}

.toast-title[b-5weue66v1o] {
    font-weight: 500;
    font-size: 16px;
}

a.footer-link[b-5weue66v1o] {
    cursor: pointer;
    color: #0b5ed7;
    text-decoration: none;
}

a.footer-link:hover[b-5weue66v1o] {
    text-decoration: underline;
}

.unit-info-pane-title[b-5weue66v1o] {
    height: calc(100vh - 4.1rem);
    color: white;
    display: flex;
    width: 45px;
    min-width: 45px;
    font-weight: 600;
    font-size: 1.25rem;
    font-family: 'Inter var';
    writing-mode: vertical-lr;
    overflow: hidden;
    background-color: black;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 1;
    text-transform: uppercase;
}

.table-pane-content[b-5weue66v1o] {
    display: flex;
}

.legend-layer[b-5weue66v1o] {
    border: 1px solid #363636;
 }

.legend-labels[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    background-color: black;
    font-size: 1rem;
    font-weight: 500;
    color: #ffd200;
    padding: 5px 0 5px 0;
    user-select: none;
}

.panel-buttons-tray[b-5weue66v1o] {
    height: 100%;
    width: 20rem;
    background: #000000c4;
    color: white;
    border-bottom-right-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 1rem;
}

.export[b-5weue66v1o] {
    border: 1px solid white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 1rem;
    height: 3.5rem;
}

.export:hover[b-5weue66v1o] {
    color: black;
    background-color: #ffd200;
    border: 1px solid black;
}

@media only screen and (max-width: 1200px) {
    .menu-panel[b-5weue66v1o] {
        transform: scale(.8);
        left: -7rem;
    }
}


@media only screen and (max-width: 460px) {
    button.tutorial-button[b-5weue66v1o] {
        right: 1rem;
    }
    
    button.nav-burger > i.bi-house[b-5weue66v1o] {
        padding-top: 2rem;
    }
}

.mobile[b-5weue66v1o] {
    display: none;
}

@media only screen and (max-width: 600px) {
    .desktop[b-5weue66v1o] {
        display: none;
    }
    .mobile[b-5weue66v1o] {
        display: flex;
        width: 100%;
        height: 100%;
        align-items: center;
        flex-direction: column;
    }
    
    .menu-panel[b-5weue66v1o] {
        height: 100% !important;
    }

    #menu[b-5weue66v1o] {
        flex-direction: column;
        overflow-y: scroll;
        width: 25.5rem;
        height: 100%;
    }
    section.vertical-content[b-5weue66v1o] {
        height: 100% !important;
    }
    
    .panel-buttons-tray[b-5weue66v1o] {
        width: 25rem;
        border-bottom-right-radius: 0;
    }
    #data-panel-inner[b-5weue66v1o] {
        left: 25rem;
    }
    .legend-labels[b-5weue66v1o] {
        font-size: .75rem;
        padding: 8px 0 5px 0;
    }

    .table-pane-content[b-5weue66v1o] {
        flex-direction: column;
        overflow-x: hidden;
    }
    
    .unit-info-pane-title[b-5weue66v1o] {
        height: 2rem;
        color: white;
        display: flex;
        width: 100vw;
        font-weight: 600;
        font-size: .75rem;
        font-family: 'Inter var';
        overflow: hidden;
        writing-mode: lr;
        background-color: black;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 1;
        text-transform: uppercase;
    }

    div.unit-info-pane-title > i.bi-info-circle[b-5weue66v1o] {
        font-size: .75rem !important;
        padding-top: 0 !important;
    }

    #data-panel[b-5weue66v1o] {
        top: 5rem
    }
    
    .loading-info[b-5weue66v1o] {
        top: 1rem;
        font-size: .75rem;
    }
}

.menu-panel[b-5weue66v1o] {
    width: 50rem;
    height: 65vh;
    position: absolute;
    z-index: 1;
    top: 1rem;
    display: flex;
    flex-direction: column;
}

button.toggle-pdf-viewer[b-5weue66v1o] {
    position: absolute;
    top: 3.5rem;
    right: 16rem;
    z-index: 100;
    font-size: 1rem;
}

button.toggle-pdf-viewer:hover[b-5weue66v1o] {
    color: #ffd200;
}

button.calc-info[b-5weue66v1o] {
    position: absolute;
    right: 0.5rem;
    top: 5rem;
    border: 1px solid #858585;
    border-radius: 1rem;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 22px;
}

button.calc-info:hover[b-5weue66v1o] {
    background-color: #5b5b5b;
    color: #ffd200;
    border: 1px solid #ffd200;
}

.secondary-label-container button.mud-fab[b-5weue66v1o] {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 2rem;
    height: 0;
}

.panel-title[b-5weue66v1o] {
    text-align: center;
    margin: 0;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
    pointer-events: none;
    color: #ffd200;
    padding: 1rem 1rem 0;
}

#data-dropdowns[b-5weue66v1o],
#dropdowns[b-5weue66v1o] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.panel-content[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    font-size: 1rem;
    align-items: center;
    height: 100%;
    padding-bottom: 2rem;
}

#spotlight-toggle[b-5weue66v1o] {
    position: absolute;
    top: 4.5rem;
    left: 16rem;
    z-index: 1;
}

#live-feed-toggle[b-5weue66v1o] {
    position: absolute;
    top: 4.5rem;
    left: 27rem;
    z-index: 1;
}

#live-feed[b-5weue66v1o] {
    position: absolute;
    width: 25vw;
    height: 15rem;
    bottom: 0;
    left: 0;
    color: whitesmoke;
    background-color: #000000c4;
    z-index: 3;
    border-top-right-radius: 1rem;
    padding: 0.5rem 1rem 1rem;
}
#carto-spotlight[b-5weue66v1o] {
    position: absolute;
    width: 30vw;
    top: 20vh;
    left: calc(35vw - 2rem);
    color: whitesmoke;
    background-color: #000000c4;
    z-index: 1;
    border-radius: 1rem;
    padding: 0.5rem 1rem 1rem;
}

#live-feed .divider[b-5weue66v1o],
#carto-spotlight .divider[b-5weue66v1o] {
    color: #ffd200;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    text-align: center;
}

#live-feed #results[b-5weue66v1o] {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}
#carto-spotlight #results[b-5weue66v1o] {
    max-height: 55vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

#live-feed .list[b-5weue66v1o],
#carto-spotlight .list[b-5weue66v1o] {
    overflow: auto;
    min-height: 7rem;
}

#live-feed .item .text[b-5weue66v1o],
#carto-spotlight .item .text[b-5weue66v1o] {
    width: 16.5rem;
}

#live-feed .item .div-code[b-5weue66v1o],
#carto-spotlight .item .div-code[b-5weue66v1o] {
    width: 7rem;
}

#live-feed .item .div-text[b-5weue66v1o],
#carto-spotlight .item .div-text[b-5weue66v1o] {
    width: 13rem;
}

#live-feed .item .div-code:hover[b-5weue66v1o],
#live-feed .item .div-text:hover[b-5weue66v1o],
#live-feed .item .text:hover[b-5weue66v1o],
#carto-spotlight .item .div-code:hover[b-5weue66v1o],
#carto-spotlight .item .div-text:hover[b-5weue66v1o],
#carto-spotlight .item .text:hover[b-5weue66v1o] {
    color: #ffd200;
}
#live-feed .item[b-5weue66v1o],
#carto-spotlight .item[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

#live-feed .marker[b-5weue66v1o],
#carto-spotlight .marker[b-5weue66v1o] {
    font-size: 1.25rem;
    padding: 0 0.5rem;
    border-radius: 5px;
    margin: 0 0.5rem;
    color: whitesmoke;
}
#live-feed .marker:hover[b-5weue66v1o],
#carto-palette .marker:hover[b-5weue66v1o],
#carto-spotlight .marker:hover[b-5weue66v1o] {
    color: #ffd200;
    cursor: pointer;
}

#palette-toggle[b-5weue66v1o] {
    position: absolute;
    top: 4.5rem;
    left: 23rem;
    z-index: 1;
}

#carto-palette[b-5weue66v1o] {
    position: absolute;
    top: 21.5rem;
    width: 19vw;
    max-height: 50vh;
    overflow-y: scroll;
    z-index: 1;
    color: whitesmoke;
    background-color: #000000c4;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#carto-palette .item .text:hover[b-5weue66v1o] {
    color: #ffd200;
}

#carto-palette .item[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.group-color[b-5weue66v1o] {
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#carto-palette .collapse-panel[b-5weue66v1o] {
    display: none;
}

.hover-handle[b-5weue66v1o] {
    display: inline-block;
    font-size: 1.25rem;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
    transition: 300ms linear all;
}

.active-handle[b-5weue66v1o],
span:hover > .hover-handle[b-5weue66v1o] {
    color: #ffd200;
    transform: rotate(359deg);
    transform-origin: 50% 50%;
}

.handle-pointer:hover[b-5weue66v1o] {
    cursor: pointer;
}

span:hover > .hover-handle[b-5weue66v1o]::before {
    content: '\F229';
}

#carto-palette .unit-row[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    font-size: 1rem;
}

#carto-palette .details[b-5weue66v1o] {
    width: 100%;
}

#carto-palette .title[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 0.5rem;
}

#carto-palette .handle[b-5weue66v1o] {
    font-size: 1.25rem;
}

#carto-palette .text[b-5weue66v1o] {
    font-size: 1.5rem;
    padding-left: 0.25rem;
    padding-top: 0.25rem;
    width: 2.5rem;
    margin-right: 1rem;
}

#carto-palette .unit-row > span[b-5weue66v1o] {
    width: 12rem;
}

#carto-palette .marker[b-5weue66v1o] {
    padding-right: 2rem;
    color: whitesmoke;
}

#carto-palette #palette-update[b-5weue66v1o] {
    width: 80%;
    height: 2rem;
    margin-bottom: 0.5rem;
    color: whitesmoke;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 1rem;
    border: 1px solid whitesmoke;
    margin-top: 0.5rem;
}

#carto-palette #palette-update:hover[b-5weue66v1o] {
    border: 1px solid black;
    color: black;
    background-color: #ffd200;
}

#carto-palette .palette-loader[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 5rem;
    justify-content: space-around;
    margin-top: 1rem;
}

#carto-palette .loader-label > h5[b-5weue66v1o] {
    text-transform: uppercase;
}

#multi-palette[b-5weue66v1o] {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 40vw;
    left: calc(50vw - 21.5vw);
    height: 4rem;
    background-color: #000000c4;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

#icon-tray[b-5weue66v1o] {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 74px;
    z-index: 1;
    margin-left: 17rem;
    width: 50vw;
}

#focus-background[b-5weue66v1o] {
    position: absolute;
    z-index: 10;
    pointer-events: none;
    width: 100vw;
    height: 100vh;
}

#tour-root[b-5weue66v1o] {
    position: absolute;
    z-index: 10;
    top: 25vh;
    background-color: #313131;
    color: whitesmoke;
    border-radius: 10px;
    padding: 1rem;
    width: 30vw;
    left: calc(50vw - 15vw);
    display: flex;
    flex-direction: row;
}

.launch-tutorial[b-5weue66v1o] {
    padding: 0.25rem;
    border-radius: 5px;
    background-color: #ffd200;
    color: black;
    width: 16rem;
    display: block;
    margin-left: calc(50% - 8rem);
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

button.launch-tutorial:hover[b-5weue66v1o] {
    box-shadow: 0 0 8px 2px #ffd200ab;
}

#welcome-pane[b-5weue66v1o] {
    position: absolute;
    z-index: 11;
    background-color: #1a1a1a;
    color: whitesmoke;
    height: 42vh;
    width: 55vw;
    left: calc(48vw - 25vw);
    top: 20vh;
    border-radius: 10px;
    padding: 2rem 5rem;
    font-size: 1rem;
    box-shadow: 0 0 100vw 100vw #000000ad;
}

.welcome-dismiss[b-5weue66v1o] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px;
}

button.welcome-dismiss:hover[b-5weue66v1o] {
    border: unset !important;
    color: black;
    background-color: #ffd200;
}

.live-feed-splash[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    max-height: 19.5rem;
    justify-content: space-evenly;
    color: #737373cf;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 1rem;
}

#instructions[b-5weue66v1o] {
    position: absolute;
    color: whitesmoke;
    width: 30%;
    top: 9rem;
    background-color: #313131;
    padding: 20px;
    overflow-y: scroll;
    font-family: sans-serif;
    z-index: 11;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/*button.generate-resale-heatmap:hover {*/
/*    color: #ffd200;*/
/*}*/


/* Data and Tools panel styling   */


#data-panel[b-5weue66v1o] {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    width: 12rem;
    display: flex;
    justify-content: space-between;
    top: 1rem;
    z-index: 1;
    background-color: #313131;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'Inter var';
}

#saved-maps-panel:hover[b-5weue66v1o],
#data-panel-inner:hover[b-5weue66v1o],
#options-panel:hover[b-5weue66v1o],
#data-panel:hover[b-5weue66v1o] {
    color: #ffd200;
}

#data-panel.collapse-panel[b-5weue66v1o] {
    display: none;
}

#saved-maps-panel.collapse-panel[b-5weue66v1o] {
    display: none;
}

#data-panel-inner[b-5weue66v1o] {
    position: absolute;
    left: 50rem;
    top: 0;
    z-index: 10;
    padding: 1rem;
    font-size: 2rem;
    background-color: #000000c2;
    color: white;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#data-panel i[b-5weue66v1o] {
    padding-left: 1rem;
    font-size: 1.5rem;
    color: #ffd200;
}

#saved-maps-panel i[b-5weue66v1o] {
    padding-left: 1rem;
    font-size: 1.5rem;
    color: #ffd200;
}

#menu[b-5weue66v1o] {
    width: 50rem;
    height: 65vh;
    z-index: 1;
    display: flex;
    flex-direction: row;
}

#tools-menu.collapse-panel[b-5weue66v1o],
#options-panel.collapse-panel[b-5weue66v1o],
#menu.collapse-panel[b-5weue66v1o] {
    display: none;
}

section.tools-menu-panel.collapse-panel[b-5weue66v1o],
section.menu-panel.collapse-panel[b-5weue66v1o],
section.options-menu-panel.collapse-panel[b-5weue66v1o],
.tools-menu-panel section.collapse-panel[b-5weue66v1o],
.options-menu-panel section.collapse-panel[b-5weue66v1o],
.menu-panel section.collapse-panel[b-5weue66v1o] {
    display: none;
}

#tools-panel[b-5weue66v1o] {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 5rem;
    width: 12rem;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    background-color: #313131;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'Inter var';
}

#options-panel-inner:hover[b-5weue66v1o],
#tools-panel-inner:hover[b-5weue66v1o],
#tools-panel:hover[b-5weue66v1o] {
    color: #ffd200;
}

#tools-panel.collapse-panel[b-5weue66v1o] {
    display: none;
}

#options-panel i[b-5weue66v1o],
#tools-panel i[b-5weue66v1o] {
    padding-left: 1rem;
    font-size: 1.5rem;
    color: #ffd200;
}

#tools-icon-tray[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    padding-bottom: 2rem;
}

.tools-menu-panel[b-5weue66v1o] {
    display: flex;
    position: absolute;
    top: 5rem;
    z-index: 1;
    width: 20rem;
    background-color: #000000c2;
    flex-direction: column;
    color: whitesmoke;
    border-bottom-right-radius: 1rem;
}

#tools-panel-inner[b-5weue66v1o] {
    position: absolute;
    left: 20rem;
    top: 0;
    z-index: 10;
    padding: 1rem;
    font-size: 2rem;
    background-color: #000000c2;
    color: white;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#saved-maps-panel[b-5weue66v1o] {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 13rem;
    width: 12rem;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    background-color: #313131;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'Inter var';
}


#options-panel[b-5weue66v1o] {
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 9rem;
    width: 12rem;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    background-color: #313131;
    color: white;
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-family: 'Inter var';
}

#options-panel-inner[b-5weue66v1o] {
    position: absolute;
    left: 20rem;
    top: 0;
    z-index: 10;
    padding: 1rem;
    font-size: 2rem;
    background-color: #000000c2;
    color: white;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.options-menu-panel[b-5weue66v1o] {
    display: flex;
    position: absolute;
    top: 9rem;
    z-index: 1;
    width: 20rem;
    background-color: #000000c2;
    flex-direction: column;
    color: whitesmoke;
    border-bottom-right-radius: 1rem;
}

#resale-heatmap[b-5weue66v1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem;
    /*border-bottom: 1px solid #ffffff24;*/
    padding-bottom: 1rem;
}

.secondary-label-container > h6[b-5weue66v1o],
#resale-heatmap > h6[b-5weue66v1o] {
    text-align: center;
    text-transform: uppercase;
    color: #ffd200;
    font-weight: 400;
}

button.generate-resale-heatmap[b-5weue66v1o] {
    font-size: .9rem;
    margin-top: 1rem;
    color: whitesmoke;
    width: 7rem;
    text-transform: uppercase;
    border-color: whitesmoke;
}

button.generate-resale-heatmap:hover[b-5weue66v1o] {
    color: black;
    border-color: #ffc107;
}

#heatmap-controls[b-5weue66v1o] {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

button.clear-resale-heatmap[b-5weue66v1o] {
    border-color: whitesmoke;
    font-size: .9rem;
    margin-top: 1rem;
    width: 7rem;
    color: whitesmoke;
    text-transform: uppercase;
}
button.clear-resale-heatmap:hover[b-5weue66v1o] {
    border-color: #dc3545;
}

#resale-controls[b-5weue66v1o] {
    left: 10vw;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 4rem;
    z-index: 1;
    width: 50vw;
    color: whitesmoke;
    background-color: rgb(0 0 0 / 80%);
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
}

.control-wrapper[b-5weue66v1o] {
    width: 30%;
    padding: 0 .5rem;
}

i.spin-load[b-5weue66v1o]:before {
    animation-name: spin-b-5weue66v1o;
    animation-duration: 5000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes spin-b-5weue66v1o {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

i.export-loader[b-5weue66v1o] {
    font-size: .5rem;
    height: 20px;
    width: 20px;
}

#legend-labels .bi.bi-download[b-5weue66v1o] {
    color: whitesmoke;
}

#legend-labels .bi.bi-download:hover[b-5weue66v1o] {
    color: #ffd200;
}

#export-parent[b-5weue66v1o] {
    position: absolute; 
    top: 0; 
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    justify-content: center; 
    align-items: center;
    pointer-events: none;
}


#export-buttons[b-5weue66v1o] {
    position: absolute;
    top: 3rem;
    background-color: #000000b5;
    color: white;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 1rem 0 1rem 0.5rem;
    pointer-events: all;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 1.25rem;
}

/* /Pages/PublicIndex.razor.rz.scp.css */
div.map-full[b-jl4ko1k5qc] {
    height: 100%;
    width: 100%;
}

#instructions[b-jl4ko1k5qc] {
    position: absolute;
    color: whitesmoke;
    width: 30%;
    top: 9rem;
    background-color: #313131;
    padding: 20px;
    overflow-y: scroll;
    font-family: sans-serif;
    z-index: 11;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-sxl9mtr9o7] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: hidden;
}

.main[b-sxl9mtr9o7] {
    flex: 1;
    z-index: 2;
}

.sidebar[b-sxl9mtr9o7] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-sxl9mtr9o7] {
    z-index: 2;
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d57a;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-sxl9mtr9o7]  a, .top-row .btn-link[b-sxl9mtr9o7] {
    white-space: nowrap;
}

.top-row a:first-child[b-sxl9mtr9o7] {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-sxl9mtr9o7] {
        display: none;
    }

    .top-row.auth[b-sxl9mtr9o7] {
        justify-content: space-between;
    }

    .top-row a[b-sxl9mtr9o7], .top-row .btn-link[b-sxl9mtr9o7] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-sxl9mtr9o7] {
        flex-direction: row;
    }

    .sidebar[b-sxl9mtr9o7] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-sxl9mtr9o7] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
}




.page[b-sxl9mtr9o7] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.main[b-sxl9mtr9o7] {
    flex: 1;
}

.main-content[b-sxl9mtr9o7] {
    flex-flow: column nowrap;
    padding: 0;
    height: calc(100vh - 4rem);
    display: flex;
}






.top-row[b-sxl9mtr9o7] {
    background-color: black;
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.nav-bar[b-sxl9mtr9o7] {
    display: flex;
    flex-direction: row;
    color: white;
}

.abic-nav-bar[b-sxl9mtr9o7] {
    display: flex;
    flex-direction: column;
}

.nav-root:hover + .nav-menu[b-sxl9mtr9o7], .nav-menu:hover[b-sxl9mtr9o7] {
    width: 100vw;
    background-color: black;
    color: white;
    display: flex;
    position: absolute;
    top: 56px;
    left: 0;
    padding: 2em;
    border-top: 1px solid rgba(255,255,255,0.6);
    z-index: 10;
}

.nav-root[b-sxl9mtr9o7] {
    justify-content: center;
    height: 3.5rem;
    width: 200px;
    display: flex;
    align-items: center;
    font-family: 'system-ui';
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

.nav-root:hover[b-sxl9mtr9o7] {
    text-decoration: none;
}

.nav-directory-container[b-sxl9mtr9o7] {
    border-bottom: 1px solid white;
    color: white;
}
.nav-directory-container:hover[b-sxl9mtr9o7] {
    text-decoration: none;
}

.nav-menu[b-sxl9mtr9o7] {
    display: none;
}

.nav-header:last-of-type[b-sxl9mtr9o7] {
    border-right: none;
}

.nav-header[b-sxl9mtr9o7] {
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px 15px 10px 10px;
    font-family: 'system-ui';
}



[class^="nav-indicator"][b-sxl9mtr9o7]::before,
[class*="nav-indicator"][b-sxl9mtr9o7]::before {
    display: inline-block;
    font-family: bootstrap-icons, serif !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.nav-indicator[b-sxl9mtr9o7]::before {
    margin-left: 5px;
    content: "\f282";
}

.nav-root:hover .nav-indicator[b-sxl9mtr9o7]::before {
    margin-left: 5px;
    content: "\f286";
}

.nav-menu:hover .nav-indicator[b-sxl9mtr9o7]::before {
    margin-left: 5px;
    content: "\f286";
}

.nav-item[b-sxl9mtr9o7] {
    color: rgba(255, 255, 255, 0.8);
    text-align: left;
    font-weight: normal;
    text-underline-offset: 5px;
    display: block;

}
.nav-item:hover[b-sxl9mtr9o7] {
    color: #FDFF8B;
}

.nav-sidebar[b-sxl9mtr9o7] {
    width: 40%;
    background-color: white;
}

.nav-content[b-sxl9mtr9o7] {
    width: 60%;
}

.nav-header-title[b-sxl9mtr9o7] {
    font-size: 14px;
}

.main-nav-button:active[b-sxl9mtr9o7],
.main-nav-button.main-nav-button-active[b-sxl9mtr9o7]
{
    color: rgba(0,0,0,0.8);
    background-color: #FFD200;
    box-shadow: inset 0 0 5px 1px #d2ac00;
    border: 1px solid black;
    border-bottom: none !important;
}
.main-nav-button:hover[b-sxl9mtr9o7] {
    border: 1px solid rgb(255 255 255 / 30%);
    color: rgb(0 0 0 / 80%);
    box-shadow: inset 0 0 5px 1px #d2ac00;
    background-color: #FFD200;
}

.main-nav[b-sxl9mtr9o7] {
    height: 2.25rem;
    padding-top: 0.25rem;
    padding-left: 0.5rem;
    background-color: rgb(0 0 0 / 75%);
}

.main-nav-button[b-sxl9mtr9o7]  {
    display: inline-flex;
    background-color: rgba(0,0,0,0.7);
    border: 1px solid rgb(255 255 255 / 30%);
    border-bottom: none;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem 0.5rem;
    text-decoration: none;
    height: 2rem;
    line-height: normal;
}