/* /Components/PageComponents/UserPage/AddUser.razor.rz.scp.css */
.validation-space[b-qmgckurpk8] { min-height: 1.25rem; }

.field[b-qmgckurpk8] { display:flex; flex-direction:column; gap:.375rem; }
.field + .field[b-qmgckurpk8] { margin-top: .75rem; }

.dialog-footer[b-qmgckurpk8] { margin-top: 1rem; display:flex; justify-content:flex-end; gap:.5rem; }

.expiry-block[b-qmgckurpk8] { min-height: var(--expiry-block-min, 6.25rem); }

@media (max-width: 200px) {
    .expiry-block[b-qmgckurpk8] { --expiry-block-min: 7.25rem; }
}

/* /Components/Pages/Map.razor.rz.scp.css */
.map-config[b-8coy6nrk35] {
    width: 100%; /* Use 100vw for large screens */
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
/* When layers comparison is active we call this class on the components to stop interaction  */
.disabled-panel[b-8coy6nrk35] {
    pointer-events: none; /* Disables any interaction */
    opacity: 0.5; /* Makes the panel look visually disabled */
}

.layers-panel[b-8coy6nrk35] {
    width: 348px;
    position: fixed;
    top: 1%;
    left: 330px;
    height: 80px;
    z-index: 1;
}

.bim-layer-dropdown[b-8coy6nrk35] {
    position: absolute;
    right: 2%;
    bottom: 8%;
    width: 180px;
    height: 40px;
}

.files-panel[b-8coy6nrk35] {
    width: 460px;
    position: fixed;
    top: 1%;
    left: 692px;
    height: 80px;
    z-index: 1;
}

.pictures-panel[b-8coy6nrk35] {
    width: 210px;
    position: fixed;
    top: 1%;
    left: 1165px;
    height: 80px;
    z-index: 1;
}

.layers-comparison-panel[b-8coy6nrk35] {
    width: 166px;
    position: fixed;
    top: 1%;
    left: 1390px;
    height: 80px;
    z-index: 1;
}

@media screen and (min-width: 1400px) {

    /*.layers-comparison-panel {
        top: 100px;
        left: 10px;
    }*/
}

@media screen and (min-width: 1032px) and (max-width: 1400px) {

    /*.pictures-panel {
        left: 10px;
        top: 100px;
    }*/

    /*.layers-comparison-panel {
        top: 100px;
        left: 235px;
    }*/
}

/*@media screen and (min-width: 911px) and (max-width: 1032px) {

    .files-panel {
        top: 100px;
        left: 10px;
    }

    .pictures-panel {
        top: 1%;
        left: 690px;
    }

    .layers-comparison-panel {
        top: 100px;
        left: 485px;
    }
}


@media screen and (min-width: 711px) and (max-width: 911px) {

    .files-panel {
        top: 100px;
        left: 10px;
    }

    .pictures-panel {
        top: 100px;
        left: 485px;
    }

    .layers-comparison-panel {
        top: 200px;
    }
}

@media screen and (min-width: 0px) and (max-width: 711px) {

    .layers-panel {
        top: 200px;
        left: 10px;
    }

    .files-panel {
        top: 100px;
        left: 10px;
    }

    .pictures-panel {
        top: 1%;
        left: 330px;
    }

    .layers-comparison-panel {
        top: 200px;
        left: 372px;
    }
}


*/


/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-save-fab[b-rgnr3qk1ov] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    display: inline-block;
}

[b-rgnr3qk1ov] .settings-save-fab .rz-button {
    width: auto;
    min-width: 0;
    display: inline-flex;
}

[b-rgnr3qk1ov] .slider-fluid {
    width: min(100%, clamp(260px, 50vw, 560px));
    max-width: 90%;
}

[b-rgnr3qk1ov] .slider-value{
    padding-left: 10px;
}

[b-rgnr3qk1ov] .check-box{
    padding-top: 1rem;
}

[b-rgnr3qk1ov] .check-box-value{
    font-weight: 500;
}

.rz-text-bold[b-rgnr3qk1ov]{
    font-weight:bold;
}

[b-rgnr3qk1ov] .check-row {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1rem;
}

.form-group[b-rgnr3qk1ov] { margin-bottom: 0.75rem; }

.north-row[b-rgnr3qk1ov] {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

[b-rgnr3qk1ov] .north-dd {
    width: min(100%, clamp(240px, 40vw, 420px));
}

.north-dd-wrap[b-rgnr3qk1ov] {
    display: inline-flex;
    align-items: center;
}

.page-title[b-rgnr3qk1ov] {
    margin: 0 0 .5rem 0;
}

.section-title[b-rgnr3qk1ov] {
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: .25rem;
}

.section-subtitle[b-rgnr3qk1ov] {
    color: var(--rz-text-secondary);
    font-size: .9rem;
    margin-bottom: .75rem;
}

.group-title[b-rgnr3qk1ov] {
    font-weight: 500;
    margin: .75rem 0 .25rem 0;
}

.slider-row[b-rgnr3qk1ov] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}