/* This is a part of the Cadcorp SIS source code. */
/* Copyright (c) Cadcorp Limited 1991-2025 */
/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
html, body, .appContainer, .mapContainer, .materialApp {
    height: 100%;
    width: 100%;
}
html {
    overflow: hidden;
}
.vuetifyMapContainer {
    width: 100%;
}
html, body, .appContainer {
        margin: 0px;
    }
.mapContainer {
    /*position: absolute;*/
    z-index: 100;
}
.v-application--wrap {
    min-height: 100% !important;
}
    
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.clearfix:after {
    clear: both;
}

.show {
    display: block;
}

.hidden {
    display: none;
}
.pointer {
    cursor: pointer
}
/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
    transition: all .3s ease;
}

.slide-fade-leave-active {
    transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active below version 2.1.8 */ {
    transform: translateX(10px);
    opacity: 0;
}

/*on small screens - phones - make the panels smaller*/
@media (max-width: 600px) {
    .appPanelWidth {
        width: calc(100vw - 40px) !important;
    }
    .appSidePanel .appPanelWidthMax {
        width: 270px !important;
    }
}
.appSidePanelBottom .appPanelWidth {
    width: 100%;
}
.appSidePanel .appPanelWidth, .menuContainer .appPanelWidth {
    width: 400px;
}

.appPanelWidthMax {
    width: 370px;
}
.zoomContainer, .menuContainer {
    position: absolute;
    right: 10px;
}
.appSidePanel {
    position: absolute;
    left: 10px;
    height: 95%;
    min-height: 150px;
    z-index: 100;
}
.appSidePanelBottom {
    position: absolute;
    bottom: 10px;
    height: 50%;
    min-height: 150px;
    width:98%;
    z-index: 100;
    left: calc(100% - 99%);
}
.background-colour {
    background-color: white;
}
.scroll-y {
    overflow-y: auto;
}
.appSidePanelBottom .appSidePanel_content {
    height: 100%;
}
.appSidePanel .appSidePanel_content {
    height: 95%;
}
.appSidePanel_content {

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow-y: auto;
}
.panelContent {
    overflow-y: auto;
}
.overviewContainer {
    position: absolute;
    left: 10px;
    top: 65%;
}
.attributeContainer {
    position: absolute;
    right: 10px;
    bottom: 10px;
    max-width: 85%;
}
.attributeContainer .widget-pane-right-toggle-button-container {
    top: unset;
    bottom: 8px;
}
.attributeContentContainer {
    margin-right: 100px;
}
.overviewMap {
    width: 300px;
    height: 200px;
}

.fullHeight {
    height: 100%;
}
.fullWidth {
    width: 100%;
}

.appPanelPadding {
    padding: 3px;
}

.zoomContainer {
    bottom: 100px;
    width: 72px;
}

.menuContainer, .simpleLayerContainer, .appSidePanel {
    top: 10px
}

.widget-pane-toggle-button {
    width: 23px;
    height: 48px;
    cursor: pointer;
    background: rgba(255,255,255,0.9) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAUCAQAAAAXDMSnAAAAi0lEQVR4AX3JQcqBURQG4O/+9WNG30D3vOfSDTuQsgcZyBakZANSzMVMBme3zsBI5/VMn4ZKLP5ki1E4tYejWpilxVUtzOEUD68odYmXR5BJNp/4zllXD2phllYvamHmirsayUkfJ5ruHzueTldC08kcT5YOY9xYujqQM03XKXuaLmEtNF1e1Nz89gbL+0do6OEwRwAAAABJRU5ErkJggg==) 7px center/7px 10px no-repeat;
}

.widget-pane-toggle-button, .ol-mouse-position {
    border-left: 1px solid #D4D4D4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

.widget-pane-right-toggle-button-container {
    right: 100%;
}

.widget-pane-left-toggle-button-container {
    left: 100%
}

.widget-pane-toggle-button-container {
    position: absolute;
    z-index: 0;
    top: 8px;
}

.widget-pane-toggle-button-container-small-screens {
    position: absolute;
    z-index: 0;
    top: 60px;
}

.widgetPaneCollapsed {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.appNavDrawer {
    z-index: 101;
}
/*********************************************
Open Layers overrides
*********************************************/
.ol-overviewmap .ol-overviewmap-map {
    /*width: 292px;
height: 192px;*/
    width: 98%;
    height: 98%;
}

.ol-overviewmap button {
    display: none;
}

.ol-overviewmap {
    width: 100%;
    height: 100%;
    left: 0px;
    bottom: 0px;
}

.ol-mouse-position {
    bottom: 20px;
    left: 10px;
    top: auto;
    right: auto;
    border-radius: 4px;
    min-width: 150px;
    text-align: center;
    background-color: rgba(255,255,255,0.9)
}
.ol-scale-line-override {
    background-color: #1976d2;
    border-radius: 4px;
    bottom: 8px;
    padding: 2px;
    position: absolute;
    left: calc(50% - 32px);
}
.ol-scale-line-override-inner {
    border: 1px solid #eee;
    border-top: none;
    color: #eeeeee;
    font-size: 10px;
    text-align: center;
    margin: 1px;
    will-change: contents,width;
    transition: all .25s;
    border-color: #eeeeee !important;
}
/*********************************************
End Open Layers overrides
*********************************************/
.preview-canvas-wrapper {
    width: 250px;
    height: 100px;
}

.preview-canvas {
    height: 100%;
    width: 100%;
}

.colourPicker {
    width: 300px;
}

.printTemplateContainer {
    height: 300px;
    overflow-y: auto;
}
.promptContainer {
    height: 450px;
}
.promptListContainer {
    height: calc(100% - 50px);
    overflow-y: auto;
}

.printPreviewImage {
    height: 100%;
    width: 100%;
}
.y_scroll {
    overflow-y: auto;
}
.x_scroll {
    overflow-x: auto;
}
.no_overflow {
    overflow: hidden;
}
.no-text-transform {
    text-transform:none;
}
.addThemeContent {
    height: 280px;
}
.listHeight {
    height: 250px;
}
.progressContainer {
    height: 3px;
    width:100%
}
.searchResults {
    height: calc(100% - 50px);
    overflow-y: auto;
}
.mapAttribution ul {
    list-style: none;
}
.editTab .v-window__container {
    height: 100%;
}
.replicateListContainer {
    height: calc(100% - 150px);
}
.replicateList {
    height: calc(100% - 20px);
}
.mergeListContainer {
    height: calc(100% - 170px);
}
.loginWidth {
    width: 350px;
}
.errorWidth {
    width: 350px;
}
.tableView {
    height: 50%;
}
.mapMarker {
    line-height:normal;
    font-size: 1px;
}
.imageActive{
    background-color:white;
}
.queryWizard .v-stepper__wrapper {
    height: 100%;
}
.breakWord {
    word-break: break-word
}
.height0 {
    height: 0;
}
.ol-popup {
    position: absolute;
    background-color: white;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}

.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.fi-container {
    width: 400px;
    height: 150px;
}
.fi-content-container {
    width: 100%;
    height: 100%;
    overflow: auto
}

.fi-content-width {
    width: calc(100% - 6px);
}

.fi-padding {
    padding: 3px;
}

.fi-result-container {
}

.fi-result {
    overflow: auto;
}

.fi-result-head {
    border-radius: 5px;
    display: flex;
}

.fi-result-head-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fi-result-head-closer {
    margin-right: 5px;
    white-space: nowrap;
}

.fi-result-head-closeAll {
    margin-right: 5px;
    white-space: nowrap;
}

.fi-result-head-closeAll a, .fi-result-head-closeAll a:visited, .fi-result-head-closeAll a:hover, .fi-result-head-closeAll a:active,
.fi-result-head-closer a, .fi-result-head-closer a:visited, .fi-result-head-closer a:hover, .fi-result-head-closer a:active {
    color: inherit;
}

.fi-popup-closer {
    text-decoration: none;
}

.fi-result table {
    width: 100%
}

/*********************************************
Breaking words when overflowing container
*********************************************/
.wrap-long-words {
    word-break: break-all;     /* Breaks per letter */
}
.wrap-multiple-words {
    white-space: normal;       /* Normal line breaks between words */
    overflow-wrap: break-word; /* Breaks at word boundaries */
}