@import '_content/MECSRCL/MECSRCL.h4rf4wrghf.bundle.scp.css';

/* /Components/Asset.razor.rz.scp.css */
.empty-description[b-ultb9yj8cw] {
    color: var(--color-grey1);
}

#asset-item[b-ultb9yj8cw] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: .25vw;
    margin: 2vh 0;
    width: 100%;
    height: 100%;
}

    #asset-item > div:first-of-type[b-ultb9yj8cw] {
        width: 20%;
        height: 100%;
        position: relative;
    }

        #asset-item > div:first-of-type > span[b-ultb9yj8cw] {
            width: 100%;
            height: 100%;
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            #asset-item > div:first-of-type > span:first-of-type[b-ultb9yj8cw] {
                z-index: 1;
                cursor: pointer;
                background-color: var(--color-bg-less);
            }

                #asset-item > div:first-of-type > span:first-of-type:hover[b-ultb9yj8cw] {
                    background-color: transparent;
                    opacity: 0.2;
                }

            #asset-item > div:first-of-type > span:last-of-type[b-ultb9yj8cw] {
                z-index: 0;
                opacity: 1;
            }

    #asset-item > div:nth-of-type(2)[b-ultb9yj8cw] {
        display: flex;
        flex-direction: column;
        width: 70%;
    }

        #asset-item > div:nth-of-type(2)[b-ultb9yj8cw] >  a {
            width: 100%;
            max-width: 100%;
            display: inline-block;
            font-weight: bold;
            transition: text-decoration .15s ease-in;
            width: fit-content;
            text-decoration: none;
            color: var(--color-fg);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            #asset-item > div:nth-of-type(2)[b-ultb9yj8cw] >  a > svg {
                padding-left: .25vw;
                height: 1.5vh;
            }

            #asset-item > div:nth-of-type(2)[b-ultb9yj8cw] >  a::after {
                content: '';
                width: 0px;
                height: 1px;
                display: block;
                background-color: var(--color-fg);
                transition: .15s;
            }

            #asset-item > div:nth-of-type(2)[b-ultb9yj8cw] >  a:hover::after {
                width: 100%;
            }

        #asset-item > div:nth-of-type(2) > span[b-ultb9yj8cw] {
            font-weight: lighter;
        }

    #asset-item > div:nth-of-type(3)[b-ultb9yj8cw] {
        height: 100%;
        width: 10%;
        padding-right: .5vw;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        #asset-item > div:nth-of-type(3) > div[b-ultb9yj8cw] {
            height: 50%;
            font-weight: bold;
            aspect-ratio: 1/1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: var(--value-border-radius);
            border: .15vw solid var(--color-fg);
            font-weight: bold;
        }

.n-early[b-ultb9yj8cw], .early[b-ultb9yj8cw] {
    right: .25vw;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 16vw;
    overflow: hidden;
    padding: 1vh .5vw 1vh .5vw;
    border-radius: var(--value-s-border-radius);
    z-index: 1000;
}

.n-early[b-ultb9yj8cw] {
    top: -240%;
}

.early[b-ultb9yj8cw] {
    top: 100%;
}

hr[b-ultb9yj8cw] {
    padding: 0;
    margin: 0;
}
/* /Components/AssetSearchBar.razor.rz.scp.css */
.asset-search-bar[b-gxbc41mtwo] {
    height: 100%;
    width: 100%;
}

.asset-search-bar[b-gxbc41mtwo]  input {
    background-color: var(--color-bg-less);
}

.filter-form[b-gxbc41mtwo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: .5vh .25vw;
}

.filter > div:last-of-type:has(.last)[b-gxbc41mtwo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 0 .25vw;
}

.filter[b-gxbc41mtwo] {
    display: flex;
    flex-direction: column;
    gap: 1vh;
    padding: .5vh .25vw;
    background-color: var(--color-bg-less);
    z-index: 2;
}

hr[b-gxbc41mtwo] {
    border-bottom: .2vh solid var(--color-bg);
}
/* /Components/AutoRunButton.razor.rz.scp.css */
#auto-run-wrapper[b-cy7acvebi8] {
    width: 8vw !important;
    border-radius: var(--value-border-radius);
    border: .1em solid var(--color-main);
    z-index: 9000;
    overflow: hidden;
}

.timer-form[b-cy7acvebi8] {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: var(--color-bg-less);
    justify-content: center;
    border-radius: var(--value-border-radius);
    z-index: 9002;
    transition: background 0.3s ease;
}

[b-cy7acvebi8] svg {
    height: 1.5vh;
    margin-left: .5vw;
    box-sizing: border-box;
    fill: var(--color-fg);
}

button[b-cy7acvebi8] {
    background-color: inherit;
    border: none;
    padding: 0;
    margin: 0;
    border-right: .1em solid var(--color-bg);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2vw;
}

[b-cy7acvebi8] select {
    background-color: inherit;
    outline: none;
    border: none;
    margin-left: .5vw;
    margin-right: .5vw;
    font-size: 1.5vh;
}

[b-cy7acvebi8] select:focus {
    outline: none !important;
}

.pause-button[b-cy7acvebi8] {
    display: none;
}
/* /Components/Dialogs/DeleteAssetTaskDialog.razor.rz.scp.css */
/* /Components/Forms/CreateUserForm.razor.rz.scp.css */
body[b-sld3gj4pzm] {
}
/* /Components/Forms/CustomStyleForm.razor.rz.scp.css */
body[b-iq2yiz002s] {
}
/* /Components/Forms/DeleteUserForm.razor.rz.scp.css */
body[b-p8al4v9iom] {
}
/* /Components/Forms/HeightMachineTechnicalClassificationForm.razor.rz.scp.css */
#hm-form[b-vuc8akzd8p] {
    padding: 1vh .5vw;
    display: flex;
    flex-direction: column;
    gap: 1vh;
}
/* /Components/Forms/TechnicalClassificationForm.razor.rz.scp.css */
#tc-form[b-v78cp7l8fz] {
    padding: 1vh .5vw;
}

#tc-form[b-v78cp7l8fz],
#tc-form[b-v78cp7l8fz] >  form {
    display: flex;
    flex-direction: column;
    gap: 1vh;
}
/* /Components/Forms/UserSettingsForm.razor.rz.scp.css */
body[b-5hs5jk1vkx] {
}
/* /Components/HeightMeasurement/MapAndMeasurementTableComponent.razor.rz.scp.css */
#mnm[b-pf2v9yqyk5] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 1vh;
}

#mnm[b-pf2v9yqyk5] >  div {
    height: 100%;
    width: 100%;
}

.flex15[b-pf2v9yqyk5] {
    flex: 1.5;
}

.flex75[b-pf2v9yqyk5] {
    flex: .75;
}
/* /Components/HeightMeasurement/MeasurementAssetMap.razor.rz.scp.css */
#measurement-asset-map[b-urv33k6ps8] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 1vw;
}

    #measurement-asset-map > div:first-of-type[b-urv33k6ps8] {
        height: 100%;
        width: 25%;
        display: flex;
        flex-direction: column;
        gap: 1vh;
    }

        #measurement-asset-map > div:first-of-type > div:first-of-type[b-urv33k6ps8] {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #measurement-asset-map > div:first-of-type img[b-urv33k6ps8] {
            max-height: 100%;
            max-width: 100%;
            object-fit: contain;
        }

        #measurement-asset-map > div:first-of-type[b-urv33k6ps8] >  div {
            flex: 1;
        }
       
        #measurement-asset-map > div:first-of-type > div:first-of-type[b-urv33k6ps8] {
            flex: 4;
        }

    #measurement-asset-map[b-urv33k6ps8] >  div:last-of-type {
        height: 100%;
        width: 75%;
    }
/* /Components/HeightMeasurement/MeasurementAssetOperations.razor.rz.scp.css */
/* /Components/HeightMeasurement/MeasurementAssetSettings.razor.rz.scp.css */
#manage-tracks[b-fphqglrx0o] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #manage-tracks > div[b-fphqglrx0o] {
        display: flex;
        flex-direction: column;
        gap: 1vh;
        min-width: 20%;
        max-width: 80%;
    }

        #manage-tracks > div > div[b-fphqglrx0o] {
            display: flex;
            flex-direction: column;
            gap: .5vh;
            padding: 1vh .5vw;
            background-color: var(--color-bg-less);
            border-radius: var(--value-border-radius);
        }

        #manage-tracks > div > div:last-of-type[b-fphqglrx0o] {
            max-height: 25vh;
            overflow-y: auto;
        }

            #manage-tracks > div > div:last-of-type > div[b-fphqglrx0o] {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
            }

                #manage-tracks > div > div:first-of-type > button[b-fphqglrx0o] {
                    height: 4vh;
                }

                #manage-tracks > div > div:last-of-type > div > button[b-fphqglrx0o] {
                    height: 3vh;
                    aspect-ratio: 1/1;
                    margin-left: 1vw;
                    background-color: red;
                }

button[b-fphqglrx0o] {
    border-radius: var(--value-border-radius);
}
/* /Components/HubLink.razor.rz.scp.css */
.hub-link[b-tqp417wgmh] {
    width: 10vw;
    outline: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: inherit;
    box-sizing: border-box;
    gap: 1vh;
}

.hub-link div[b-tqp417wgmh] {
    height: 12vh;
    width: 12vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to bottom, var(--color-bg), var(--color-bg2));
    border-radius: calc(var(--value-border-radius)*2);
    border: .25vh solid var(--color-bg3);
    padding: .1vh;
    box-sizing: border-box;
    transition: linear .1s;
}

.hub-link span[b-tqp417wgmh] {
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: end;
    transition: linear .1s;
}

.hub-link[b-tqp417wgmh]  svg {
    height: 70%;
    fill: var(--color-fg);
    transition: linear .1s;
}

.hub-link:hover div[b-tqp417wgmh] {
    border: .35vh solid var(--color-fg);
    padding: 0;
}

.hub-link:hover span[b-tqp417wgmh] {
    font-weight: bold;
    text-decoration: underline;
}

.hub-link:active div[b-tqp417wgmh] {
    background-image: linear-gradient(to bottom, var(--color-fg2), var(--color-fg));
}

.hub-link:active[b-tqp417wgmh]  svg {
    fill: var(--color-bg);
}
/* /Components/MachineItem.razor.rz.scp.css */
#machine-item[b-spl177gc1m] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 85%;
    padding-top: 1vh;
}

#machine-item #image[b-spl177gc1m] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.22%;
}

#text[b-spl177gc1m] {
    display: flex;
    flex-direction: column;
    width: 44.44%;
}

[b-spl177gc1m] #title {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 2.5vh;
    transition: text-decoration .35s ease-in;
    width: fit-content;
    text-decoration: none;
    color: var(--color-fg);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-spl177gc1m] #title::after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background-color: var(--color-fg);
    transition: 300ms;
}

[b-spl177gc1m] #title:hover::after {
    width: 100%;
}

[b-spl177gc1m] #title:hover {
    background-color: inherit;
}

#text #short-id[b-spl177gc1m], #text #long-id[b-spl177gc1m] {
    font-weight: 300;
    font-size: 1.5vh;
}

#hours[b-spl177gc1m] {
    width: 22.22%;
    display: flex;
    justify-content: center;
    font-size: 3vh;
    font-weight: bold;
    align-items: center;
}

#lights[b-spl177gc1m] {
    width: 11.11%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#lights #warning[b-spl177gc1m], #lights #error[b-spl177gc1m] {
    position: relative; 
    justify-content: center;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    overflow: visible;
}

#lights #error > span[b-spl177gc1m], #lights #warning > span[b-spl177gc1m] {
    text-align: right;
    width: 1vw;
}

#lights[b-spl177gc1m]  svg {
    padding-right: .5vw;
    height: 3vh;
}

#warning[b-spl177gc1m]  svg {
    fill: #D1AD48;
}

#lights #error[b-spl177gc1m] {
    margin-top: 1vh;
}

#error[b-spl177gc1m]  svg {
    fill: #D14848;
}

.n-early[b-spl177gc1m], .early[b-spl177gc1m] {
    right: .25vw;
    position: absolute;
    display: flex;
    flex-direction: column;
    width: 16vw;
    overflow: hidden;
    padding: 1vh .5vw 1vh .5vw;
    border-radius: .5em;
    z-index: 1000;
}

.n-early[b-spl177gc1m] {
    top: -240%;
}

.early[b-spl177gc1m] {
    top: 100%;
}

#warning-floater[b-spl177gc1m] {
    background-color: #D1AD48;
}

#error-floater[b-spl177gc1m] {
    background-color: #D14848;
}

hr[b-spl177gc1m] {
    padding: 0;
    margin: 0;
}

[b-spl177gc1m] a:has(svg) {
    display: flex;
    align-items: center;
}
/* /Components/MachinesComponents/DiagnosisComponent.razor.rz.scp.css */
#diagnosis-wrapper[b-928moacv4g] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1vh;
}

#diagnosis-graph-wrapper[b-928moacv4g], #diagnosis-battery-wrapper[b-928moacv4g], #diagnosis-bms-wrapper[b-928moacv4g] {
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    font-size: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

#diagnosis-graph-wrapper > div:first-child[b-928moacv4g], #diagnosis-battery-wrapper > div:first-child[b-928moacv4g], #diagnosis-bms-wrapper > div:first-child[b-928moacv4g]{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#motor-graph[b-928moacv4g], #diagnosis-battery-graph[b-928moacv4g], #bms-graph[b-928moacv4g] {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2vh;
    overflow: hidden;
}

#motor-graph > span[b-928moacv4g], #diagnosis-battery-graph > span[b-928moacv4g], #bms-graph > span[b-928moacv4g] {
    color: var(--color-grey1);
}

.timer-button-div[b-928moacv4g] {
    width: fit-content !important;
    height: fit-content !important;
    position: absolute;
    right: 140px;
    font-size: 1.5vh;
    font-weight: bold;
    color: var(--color-grey1);
    z-index: 10000;
}

#motor-button-div[b-928moacv4g] {
    top: .6vh;
}

#battery-button-div[b-928moacv4g] {
    top: 1.2vh;
}

#diverse-wrapper[b-928moacv4g] {
    height: 33%;
    width: 100%;
    display:flex;
    padding-top: .5vh;
    flex-direction: row;
    box-sizing: border-box;
    font-size: 1vw;
}

#diverse-wrapper > div[b-928moacv4g] {
    width: 100%;
    height: 100%;
    padding-right: 1vh;
}

#lvbv[b-928moacv4g],#hvbt[b-928moacv4g]{
    position:relative;
    border-radius: var(--value-border-radius);
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.title[b-928moacv4g] {
    position: absolute;
    top: .5vh;
    left: .5vw;
    font-size: 1.5vh;
    font-weight: bold;
    color: var(--color-grey1);
    z-index: 10000;
}

.value[b-928moacv4g] {
    font-size: 3vh;
}

.value span[b-928moacv4g] {
    font-size: 5vh;
}

.svg-icon[b-928moacv4g] {
    width: 1.5vh;
    height: 1.5vh;
    vertical-align: middle;
    overflow: hidden;
}
/* /Components/MachinesComponents/MaintenanceComponent.razor.rz.scp.css */
#maintenance-wrapper[b-5unkc74c29] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#maintenance-hours[b-5unkc74c29],#maintenance-kilometers[b-5unkc74c29] {
    width: 100%;
    height: 15%;
    position: relative;
    box-sizing: border-box;
}

.numbers[b-5unkc74c29] {
    font-weight: bold;
    font-size: 2vh;
    height: 25%;
    width: 100%;
    position: relative;
}

.bars[b-5unkc74c29] {
    border-radius: var(--value-border-radius);
    height: 50%;
    position: relative;
    box-shadow: 1.6px 1.7px 2.1px rgba(0, 0, 0, 0.053), 4px 4.3px 5.2px rgba(0, 0, 0, 0.075), 8.2px 8.9px 10.6px rgba(0, 0, 0, 0.095), 16.8px 18.3px 21.9px rgba(0, 0, 0, 0.117), 46px 50px 60px rgba(0, 0, 0, 0.17);
}

.bars div[b-5unkc74c29] {
    border-radius: .5rem;
    position: absolute;
    height: 100%;
}

.bars div:nth-child(2)[b-5unkc74c29] {
    background-color: var(--color-main-dark);
    
}

.main-bar[b-5unkc74c29] {
    width: 100%;
    height: 100%;
    background-color: var(--color-bg-less);
}

.main-numbers[b-5unkc74c29] {
    position: absolute;
    top: 40%;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: end;
    line-height: 40%;
}

.text[b-5unkc74c29] {
    height: 25%;
    font-size: 1.5vh;
    display: flex;
    justify-content: center;
}

#table-div[b-5unkc74c29] {
    background-color: var(--color-bg-less);
    margin-top: 2vh;
    box-sizing: border-box;
    width: 100%;
    height: 60%;
    overflow-y: scroll;
    border-radius: var(--value-border-radius);
    box-shadow: 1.6px 1.7px 2.1px rgba(0, 0, 0, 0.053), 4px 4.3px 5.2px rgba(0, 0, 0, 0.075), 8.2px 8.9px 10.6px rgba(0, 0, 0, 0.095), 16.8px 18.3px 21.9px rgba(0, 0, 0, 0.117), 46px 50px 60px rgba(0, 0, 0, 0.17);
}

[b-5unkc74c29] #table-div > div {
    background-color: var(--color-bg-less);
    color: var(--color-fg);
    border-radius: var(--value-border-radius);
    height: 100%;
    width: 100%;
}

#table-div[b-5unkc74c29]::-webkit-scrollbar {
    display: none;
}

[b-5unkc74c29] #table-div > div > * {
    width: 100%;
}

[b-5unkc74c29] td tr * {
    padding: .5vh 0 0 .5vw;
    box-sizing: border-box;
}

td:first-of-type[b-5unkc74c29], th:first-of-type[b-5unkc74c29],
td:last-of-type[b-5unkc74c29], th:last-of-type[b-5unkc74c29] {
    flex: .5;
}

.padder-class[b-5unkc74c29],.padder-class-table[b-5unkc74c29] {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#hours-number-now[b-5unkc74c29], #kilometers-number-now[b-5unkc74c29] {
    position: absolute;
    top: 40%;
    line-height: 40%;
    text-align: right;
    width: 14%;
    z-index: 1000;
}

#shop-div[b-5unkc74c29] {
    height: 10%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a[b-5unkc74c29] {
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 6vw;
    height: 5vh;
    font-weight: bolder;
    font-size: 2vh;
    background-color: var(--color-main);
    color: white;
    border: 0;
    border-radius: var(--value-border-radius);
    color: var(--color-fg); 
    transition:  .35s;
}

a:hover[b-5unkc74c29] {
    color: var(--color-main);
    background-color: grey;
}
/* /Components/MachinesComponents/MapComponent.razor.rz.scp.css */
.map[b-hltgmqt4wh] {
    width: 100%;
    height: 100%;
}

.map[b-hltgmqt4wh] >  #machine-map {
    width: 100%;
    height: 100%;
}
/* /Components/MachinesComponents/OperationsComponent.razor.rz.scp.css */
#operations-wrapper[b-ty6aapr8zt] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1vh;
}

/* rows */
#operations-wrapper > div[b-ty6aapr8zt] {
    display: flex;
    flex-direction: row;
    height: 25%;
    width: 100%;
    gap: .5vw;
}

#operations-wrapper > div:first-child[b-ty6aapr8zt] {
    height: 50%;
    position: relative;
}

/* divs for padding */
#operations-wrapper > div > div[b-ty6aapr8zt] {
    position: relative;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

/* value boxes fixed width */
#operations-wrapper > div:nth-child(2) > div[b-ty6aapr8zt],
#operations-wrapper > div:nth-child(3) > div[b-ty6aapr8zt] {
    width: 25%;
    height: 100%;
    box-sizing: border-box;
}

/* blocks */
#operations-wrapper > div > div > div[b-ty6aapr8zt] {
    height: 100%;
    width: 100%;
    background-color: var(--color-bg-less);
    border-radius: var(--value-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
}

/* title */
#operations-wrapper div div:first-child > span[b-ty6aapr8zt] {
    position: absolute;
    top: .5vh;
    left: .5vw;
    font-size: 1.5vh;
    font-weight: bold;
    color: var(--color-grey1);
    z-index: 10000;
}

.timer-button-div[b-ty6aapr8zt] {
    width: fit-content !important;
    height: fit-content !important;
    position: absolute !important;
    top: 2vh;
    right: 140px;
    font-size: 1.5vh;
    font-weight: bold;
    color: var(--color-grey1);
    z-index: 10000;
}

/* Battery error text */
#operations-wrapper > div:first-child div div:last-child > span[b-ty6aapr8zt] {
    font-size: 2vh;
    color: var(--color-grey1);
}

#operations-wrapper > div:not(:first-child) > div[b-ty6aapr8zt] {
    padding: 0 .25vw 0 .25vw;
}

#operations-wrapper > div:not(:first-child) > div:first-child[b-ty6aapr8zt] {
    padding: 0 .25vw 0 0;
}

#operations-wrapper > div:not(:first-child) > div:last-child[b-ty6aapr8zt] {
    padding: 0 0 0 .25vw;
}

.svg-icon[b-ty6aapr8zt] {
    width: 1.5vh;
    height: 1.5vh;
    vertical-align: middle;
    overflow: hidden;
}
/* /Components/MachinesComponents/OwnerComponent.razor.rz.scp.css */
#owner-wrapper[b-dstiryxos9] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#owner-wrapper > button[b-dstiryxos9] {
    position: absolute;
    top: 1vh;
    left: .25vw;
}

[b-dstiryxos9] form {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2vh;
}

[b-dstiryxos9] .mecs-input {
    flex-direction: row;
    align-items: center;
}

[b-dstiryxos9] form > div:last-of-type {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

[b-dstiryxos9] .mecs-input:has(input[type="checkbox"]) > div:first-of-type {
    width: 50%;
}

[b-dstiryxos9] .mecs-input > input[type="checkbox"] {
    vertical-align: middle;
    height: 66%;
    align-self: auto;
}
/* /Components/MachinesComponents/SettingsComponent.razor.rz.scp.css */
#settings-wrapper[b-xviqgalosw] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#settings-wrapper > div[b-xviqgalosw] {
    flex: 0;
    flex-grow: 1;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    border-radius: var(--value-border-radius);
    background-color: var(--color-bg-less);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 100%;
    box-shadow: 1.6px 1.7px 2.1px rgba(0, 0, 0, 0.053), 4px 4.3px 5.2px rgba(0, 0, 0, 0.075), 8.2px 8.9px 10.6px rgba(0, 0, 0, 0.095), 16.8px 18.3px 21.9px rgba(0, 0, 0, 0.117), 46px 50px 60px rgba(0, 0, 0, 0.17);
}

[b-xviqgalosw] #settings-form {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 2vh;
}

.form-group[b-xviqgalosw] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

[b-xviqgalosw] #settings-form .form-group label {
    display: inline-block;
    width: 10vw;
}

[b-xviqgalosw] #settings-wrapper div:last-child {
    height: 100%;
    flex: 0;
    flex-grow: 1;
}

[b-xviqgalosw] input {
    font-size: 2vh;
    width: 50%;
}

#errors[b-xviqgalosw] {
    display:flex;
    justify-content: center;
    align-items: center;
}

label[b-xviqgalosw], [b-xviqgalosw] input {
    box-shadow:none;
}

.form-group:last-of-type div[b-xviqgalosw] {
    width: 50%;
}

[b-xviqgalosw] .mecs-input {
    height: 4vh;
}
/* /Components/Maintenance/AssetFleetTasks.razor.rz.scp.css */
.machine-fleet-tasks[b-lxezor50iq] {
    height: 100%;
}

    .machine-fleet-tasks > div:first-of-type[b-lxezor50iq] {
        height: 100%;
        display: grid;
        grid-template-rows: repeat(15, 1fr);
        grid-template-columns: repeat(2, 1fr);
        grid-auto-flow: row;
        gap: 1vh;
    }

        .machine-fleet-tasks > div:first-of-type[b-lxezor50iq] >  div:first-of-type {
            grid-row: span 14;
            grid-column: span 2;
        }

[b-lxezor50iq] tbody tr {
    cursor: pointer;
}
/* /Components/Maintenance/AssetInfoComponent.razor.rz.scp.css */
 .asset-info[b-34ssapxyij] {
    display: flex;
    flex-direction: column;
    gap: 1vh;
    padding: 1vh .5vw;
}

    .asset-info > div:first-of-type > div[b-34ssapxyij] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 1vw;
    }

        .asset-info > div:first-of-type > div[b-34ssapxyij] >  * {
            flex: 1;
            font-weight: bold;
        }

        .asset-info > div:first-of-type > div > span[b-34ssapxyij] {
            flex: 6;
        }

        .asset-info > div:first-of-type > div > div[b-34ssapxyij] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .asset-info > div:first-of-type > div > div[b-34ssapxyij] >  a,
        .asset-info > div:first-of-type > div > div > button[b-34ssapxyij] {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            align-items: center;
        }

        .asset-info > div:first-of-type > div > div > button:hover[b-34ssapxyij] {
            background-color: initial;
        }

            .asset-info > div:first-of-type > div > div > button[b-34ssapxyij] >  svg {
                max-width: 1.5vw;
                width: 100%;
            }

            .asset-info > div:first-of-type > div > div[b-34ssapxyij] >  a > svg {
                max-width: 1.5vw;
                width: 100%;
                fill: var(--color-fg);
            }

        .asset-info > div:nth-of-type(2)[b-34ssapxyij] {
            max-height: 30%;
            flex: 3;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .asset-info > div:nth-of-type(2) > *[b-34ssapxyij] {
                max-height: 100%;
                max-width: 90%;
                border-radius: var(--value-border-radius);
            }

            .asset-info > div:nth-of-type(2) > div[b-34ssapxyij] {
                height: 100%;
                width: 90%;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .asset-info > div:nth-of-type(2) > div.reverse-color[b-34ssapxyij] {
                background-color: var(--color-fg);
            }

                .asset-info> div:nth-of-type(2) > div.reverse-color > span[b-34ssapxyij] {
                    color: var(--color-bg-less);
                }

        .asset-info > div:nth-of-type(3)[b-34ssapxyij] {
            flex: 4;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(9, 1fr);
            grid-auto-flow: column;
            gap: .25vh;
        }
            
            .asset-info > div:nth-of-type(3)[b-34ssapxyij] >  span,
            .asset-info > div:nth-of-type(4)[b-34ssapxyij] >  span {
                display: flex;
                align-items: center;
            }

            .asset-info > div:nth-of-type(3) > span:nth-of-type(-n+9)[b-34ssapxyij],
            .asset-info > div:last-of-type > span:nth-of-type(odd)[b-34ssapxyij] {
                font-weight: bold;
            }

        .asset-info > div:last-of-type[b-34ssapxyij] {
            flex: 3;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: auto;
            overflow-y: auto;
            grid-auto-flow: row;
        }
            
            .asset-info > div:last-of-type[b-34ssapxyij] >  span {
                min-height: 4vh;
                background-color: var(--color-bg);
                padding: 0 0 0 .25vw;
                margin: .25vh .125vw;
                border-radius: .2em;
            }

[b-34ssapxyij] .status {
    grid-column: span 2;
}
/* /Components/Maintenance/AssetReports.razor.rz.scp.css */
.machine-reports[b-qxengdrg7p] {
    height: 100%;
}

[b-qxengdrg7p] tbody tr {
    cursor: pointer;
}
/* /Components/Maintenance/Fleet/FleetFleetTasks.razor.rz.scp.css */
.fleet-fleet-tasks[b-bsa4u6wdp3] {
    height: 100%;
}

    .fleet-fleet-tasks[b-bsa4u6wdp3]  td:first-of-type,
    .fleet-fleet-tasks[b-bsa4u6wdp3]  th:first-of-type {
        flex: 0.5;
    }

    .fleet-fleet-tasks[b-bsa4u6wdp3]  td:last-of-type,
    .fleet-fleet-tasks[b-bsa4u6wdp3]  th:last-of-type {
        flex: 1.5;
    }
/* /Components/Maintenance/Fleet/FleetReports.razor.rz.scp.css */
.fleet-reports[b-us29rm6kgd] {
    height: 100%;
}

    .fleet-reports[b-us29rm6kgd]  td:first-of-type,
    .fleet-reports[b-us29rm6kgd]  th:first-of-type {
        flex: 0.5;
    }

    .fleet-reports[b-us29rm6kgd]  td:nth-of-type(6),
    .fleet-reports[b-us29rm6kgd]  th:nth-of-type(6) {
        flex: 1.5;
    }

    .fleet-reports[b-us29rm6kgd]  td:last-of-type,
    .fleet-reports[b-us29rm6kgd]  th:last-of-type {
        flex: 0.5;
    }
/* /Components/Maintenance/FleetTasks.razor.rz.scp.css */
.fleet-tasks[b-r5qj41iryc] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: .75vw;
}

    .fleet-tasks > div:first-of-type[b-r5qj41iryc] {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: column;
    }
        
        .fleet-tasks > div:first-of-type > div[b-r5qj41iryc] >  #legend-item-wrapper {
            padding-left: .2vw;
        }

            .fleet-tasks > div:first-of-type > div[b-r5qj41iryc] >  #legend-item-wrapper > span {
                padding-left: .1vw;
                font-size: .6vw;
            }

        @media (min-aspect-ratio: 2.25/1) {
            .fleet-tasks > div:first-of-type > div[b-r5qj41iryc] >  #legend-item-wrapper > span {
                font-size: .5vw;
            }
        }


    .fleet-tasks > div:nth-of-type(2)[b-r5qj41iryc] {
        grid-column: 1;
        grid-row: 2;
        display: flex;
        flex-direction: column;
    }

    .fleet-tasks[b-r5qj41iryc] >  div:last-of-type {
        grid-column: 2 / span 2;
        grid-row: 1 / span 2;
    }

    .fleet-tasks > div:first-of-type > div[b-r5qj41iryc],
    .fleet-tasks > div:nth-of-type(2) > div[b-r5qj41iryc] {
        width: 100%;
        height: 12.5%;
        display: flex;
        flex-direction: row;
    }
/* /Components/Maintenance/MeasurementAsset.razor.rz.scp.css */
#asset-item[b-ytwxgq518z] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    height: 10vh;
    gap: .5vw;
}

    #asset-item > div:first-of-type[b-ytwxgq518z] {
        width: 20%;
        height: 100%;
        position: relative;
    }

        #asset-item > div:first-of-type > span[b-ytwxgq518z] {
            width: 100%;
            height: 100%;
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center;
        }
            
            #asset-item > div:first-of-type > span[b-ytwxgq518z] >  svg {
                width: 35%;
            }

            #asset-item > div:first-of-type > span:first-of-type[b-ytwxgq518z] {
                z-index: 1;
                cursor: pointer;
                background-color: var(--color-bg-less);
            }

                #asset-item > div:first-of-type > span:first-of-type:hover[b-ytwxgq518z] {
                    background-color: transparent;
                    opacity: 0.2;
                }

            #asset-item > div:first-of-type > span:last-of-type[b-ytwxgq518z] {
                z-index: 0;
                opacity: 1;
            }

    #asset-item > div:nth-of-type(2)[b-ytwxgq518z] {
        display: flex;
        flex-direction: column;
        width: 80%;
    }

        #asset-item > div:nth-of-type(2)[b-ytwxgq518z] >  a {
            width: 100%;
            max-width: 100%;
            display: inline-block;
            font-weight: bold;
            transition: text-decoration .15s ease-in;
            width: fit-content;
            text-decoration: none;
            color: var(--color-fg);
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

            #asset-item > div:nth-of-type(2)[b-ytwxgq518z] >  a::after {
                content: '';
                width: 0px;
                height: 1px;
                display: block;
                background-color: var(--color-fg);
                transition: .15s;
            }

            #asset-item > div:nth-of-type(2)[b-ytwxgq518z] >  a:hover::after {
                width: 100%;
            }

        #asset-item > div:nth-of-type(2) > span[b-ytwxgq518z] {
            font-weight: lighter;
        }

hr[b-ytwxgq518z] {
    padding: 0;
    margin: 0;
}
/* /Components/Maintenance/Reports.razor.rz.scp.css */
.fleet-tasks[b-kio8lmu02s] {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .75vw;
}

    .fleet-tasks[b-kio8lmu02s] >  div:first-of-type {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

        .fleet-tasks[b-kio8lmu02s] >  div:first-of-type > div:first-of-type {
            height: 100%;
        }

        .fleet-tasks > div:first-of-type > div:last-of-type[b-kio8lmu02s] {
            height: 6%;
            display: flex;
            flex-direction: row;
        }

    .fleet-tasks[b-kio8lmu02s] >  div:last-of-type {
        flex: 2;
    }
/* /Components/Maintenance/ReportsTable.razor.rz.scp.css */
/* DOES NOT WORK */
[b-wrd1dzvxrb] tbody tr {
    cursor: pointer;
}
/* /Components/Maintenance/TaskTable.razor.rz.scp.css */
/* DOES NOT WORK */
[b-kftvpobeda] .table-holder tbody tr {
    cursor: pointer;
}
/* /Components/NewsItem.razor.rz.scp.css */
#news-item[b-jvjhvm1qjc] {
    display:flex;
    flex-direction: row;
    width: 100%;
}

#date[b-jvjhvm1qjc] {
    flex: 0;
    flex-grow: 1;
    height: 80%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-right: .5vw;
    font-weight: bold;
}

#month[b-jvjhvm1qjc] {
    font-size: larger;
}

#day[b-jvjhvm1qjc] {
    font-size: xx-large;
}

#info[b-jvjhvm1qjc] {
    flex: 0;
    flex-grow: 4;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

#text[b-jvjhvm1qjc] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 1.75vh;
    padding-bottom: .5vh;
}

#time[b-jvjhvm1qjc] {
    color: var(--color-grey1);
    font-size: 1.75vh;
}
/* /Components/PaddedTaskBar.razor.rz.scp.css */
.padded-taskbar[b-dbr3m2ds1s] {
    width: 100%;
    display: flex;
    padding: 1vh .5vw 0 .5vw;
    height: calc(var(--value-taskbar-height)/2);
    box-sizing: border-box;
}

.padded-taskbar.big[b-dbr3m2ds1s] {
    padding: 2vh 1vw 1vh 1vw;
    height: var(--value-taskbar-height);
}

    .padded-taskbar > div[b-dbr3m2ds1s] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        border-radius: calc(var(--value-border-radius)*2);
    }

    .padded-taskbar > div:first-of-type[b-dbr3m2ds1s] {
        height: 100%;
        background-image: linear-gradient(to right, var(--color-fg), var(--color-fg2));
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .padded-taskbar > div:first-of-type > div:first-of-type > .links[b-dbr3m2ds1s] {
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: .5vh .25vw;
            gap: 1vw;
        }

            .padded-taskbar > div:first-of-type > div:first-of-type[b-dbr3m2ds1s] {
                height: 100%;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
            }

                .padded-taskbar > div:first-of-type > div:first-of-type > .links[b-dbr3m2ds1s] >  a {
                    color: var(--color-bg);
                }

                .padded-taskbar > div:first-of-type > div:first-of-type[b-dbr3m2ds1s] >  a:first-of-type {
                    height: 70%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0 .5vw;
                }

                .padded-taskbar.big > div:first-of-type > div:first-of-type[b-dbr3m2ds1s] >  a:first-of-type {
                    margin-left: 1vw;
                }

                    .padded-taskbar > div:first-of-type > div:first-of-type[b-dbr3m2ds1s] >  a:first-of-type > img {
                        height: 70%;
                    }

        .padded-taskbar > div:first-of-type > .buttons[b-dbr3m2ds1s] {
            height: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            padding: .5vh .25vw;
            gap: 1vw;
        }

        .padded-taskbar.big > div:first-of-type > .buttons[b-dbr3m2ds1s] {
                padding: 1vh 1vw;
                gap: 2vw;
        }

            .padded-taskbar > div:first-of-type > .buttons > span[b-dbr3m2ds1s] {
                color: var(--color-bg);
            }

            .padded-taskbar > div:first-of-type > .buttons[b-dbr3m2ds1s] >  svg {
                height: 40%;
            }

            .padded-taskbar > div:first-of-type > .buttons > button[b-dbr3m2ds1s] {
                height: 80%;
            }

            .padded-taskbar.big > div:first-of-type > .buttons > button[b-dbr3m2ds1s] {
                height: 60%;
            }

            .padded-taskbar > div:first-of-type > .buttons > button[b-dbr3m2ds1s] >  svg:last-of-type {
                height: 100%;
            }

        .padded-taskbar > div:first-of-type > div:last-of-type[b-dbr3m2ds1s] {
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0.3vh;
            z-index: -1;
            background-image: linear-gradient(to right, var(--color-accent), var(--color-fg2));
            border-radius: calc(var(--value-border-radius)*2);
        }

        .padded-taskbar.big > div:first-of-type > div:last-of-type[b-dbr3m2ds1s] {
            top: .5vh;
        }

button[b-dbr3m2ds1s] {
    position: relative;
}

button:hover[b-dbr3m2ds1s] {
    background: initial;
}

button[b-dbr3m2ds1s] >  div > div#profile-menu,
button[b-dbr3m2ds1s] >  div > div#profile-menu > button,
button[b-dbr3m2ds1s] >  div > div#profile-menu > button:hover,
button[b-dbr3m2ds1s] >  div > div#profile-menu > div > a:hover {
    background: var(--color-bg);
}
/* /Layout/MainLayout.razor.rz.scp.css */
.background[b-fbhfrzdjvr] {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -100;
    overflow: hidden;
}

.background[b-fbhfrzdjvr]  svg {
    min-height: 100%;
    min-width: 100%;
}

.authentication[b-fbhfrzdjvr] {
    width: 100dvw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/* /Pages/Admin.razor.rz.scp.css */
#admin[b-vt6anmeml8] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2vh;
}

#admin[b-vt6anmeml8] >  div { 
    width: 30%;
}

[b-vt6anmeml8] .loadable-button {
    height: 3vh;
}
/* /Pages/HeightMeasurement/MeasurementAssetPage.razor.rz.scp.css */
/* /Pages/HeightMeasurement/MeasurementAssets.razor.rz.scp.css */
.measurement-assets[b-oaci09c8h9] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .25vw;
}

    .measurement-assets > div:first-of-type[b-oaci09c8h9] {
        width: 40%;
        display: flex;
        flex-direction: column;
        height: 100%;
        gap: 1vh;
    }

        .measurement-assets > div:first-of-type > div[b-oaci09c8h9] {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .measurement-assets > div:first-of-type > div:first-of-type > div[b-oaci09c8h9] {
                width: 100%;
            }

            .measurement-assets > div:first-of-type > div:first-of-type[b-oaci09c8h9] {
                height: fit-content;
            }

                .measurement-assets > div:first-of-type > div:first-of-type[b-oaci09c8h9] >  .search-bar > .search-bar-input {
                    background-color: var(--color-bg-less);
                }


            .measurement-assets > div:first-of-type > div:last-of-type[b-oaci09c8h9] {
                height: 95%;
                overflow-y: auto;
            }


    .measurement-assets[b-oaci09c8h9] >  div:last-of-type {
        width: 60%;
        height: 100%;
        margin-left: .25vw;
    }

.loading-skeleton[b-oaci09c8h9] {
    width: 100%;
    height: 10%;
    display: grid;
    grid-template-columns: 20% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 1vh .5vw;
    padding: 2vh 0 0 .5vw;
}

    .loading-skeleton[b-oaci09c8h9] >  span:first-of-type {
        grid-row: span 2;
        margin: 0 15% 0 20%;
        text-align: center;
    }
/* /Pages/HeightMeasurement/TrackPage.razor.rz.scp.css */
/* /Pages/HeightMeasurement/Tracks.razor.rz.scp.css */
#tracks[b-79nzrgr7nr] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .5vw;
}

    #tracks > div:first-of-type[b-79nzrgr7nr] {
        height: 100%;
        width: 100%;
        display: flex; 
        flex-direction: column;
        padding: 1vh .5vw;
    }

    #tracks > div:first-of-type:has(div)[b-79nzrgr7nr] {
        justify-content: space-between;
    }
    
        #tracks > div:first-of-type > div:first-of-type[b-79nzrgr7nr] {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--color-greyed-out);
            font-weight: bold;
            position: relative;
        }

            #tracks > div:first-of-type > div:first-of-type > label[b-79nzrgr7nr] {
                width: 100%;
                height: 100%;
                flex-direction: column;
                display: flex;
                justify-content: center;
                align-items: center;
                border: .15vw dashed var(--color-grey3);
                border-radius: .2em;
                background-color: var(--color-bg);
                position: absolute;
                gap: 1vh;
                z-index: 1;
            }

            #tracks > div:first-of-type > div:first-of-type > label[b-79nzrgr7nr] >  svg {
                height: 10%;
                fill: var(--color-greyed-out);
            }

[b-79nzrgr7nr] .file-input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    z-index: 2;
}

        #tracks > div:first-of-type > div:nth-of-type(2)[b-79nzrgr7nr] {
            display: grid;
            grid-auto-flow: column;
            grid-template-rows: repeat(2, 1fr);
            padding: 5vh 5vw;
            gap: 1vh 1vw;
        }

        #tracks > div:first-of-type > div:nth-of-type(2) > *[b-79nzrgr7nr] {
            display: flex;
            align-items: center;
            height: 5vh;
        }
            
        #tracks > div:first-of-type[b-79nzrgr7nr] >  div:last-of-type {
            min-height: 5vh;
            max-height: 5vh;
        }

            #tracks > div:first-of-type[b-79nzrgr7nr] >  div:last-of-type > button {
                border-radius: var(--value-border-radius);
            }

    #tracks[b-79nzrgr7nr] >  div:last-of-type {
        width: 100%;
    }
    
[b-79nzrgr7nr] input {
    padding: .5vh 0 .5vh .5vw;
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-7abyhr3rrs] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

    .home > div:first-of-type[b-7abyhr3rrs] {
        width: fit-content;
        max-width: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 1vw;
        overflow-y: auto;
        padding-top: 10vh;
        box-sizing: border-box;
    }

        .home > div:first-of-type > *[b-7abyhr3rrs] {
            flex: 0 0 auto;
            min-width: max(6vw, calc(100% / 5));
        }

.home > div:last-of-type[b-7abyhr3rrs] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh 0;
    box-sizing: border-box;
}

.home > div:last-of-type > span[b-7abyhr3rrs] {
    color: var(--color-grey);
    user-select: none;
}
/* /Pages/Maintenance/Dashboard.razor.rz.scp.css */
.dashboard[b-nmjfbijl7c] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: repeat(10, 1fr);
    grid-template-columns: repeat(6, 1fr);
    gap: .75vw;
    grid-auto-flow: column;
}

    .dashboard[b-nmjfbijl7c] >  div {
        grid-row: span 2;
    }

    .dashboard[b-nmjfbijl7c] >  div:last-of-type {
        grid-column: 2 / span 6;
        grid-row: 1 / span 10;
    }
/* /Pages/Maintenance/Fleet/FleetMain.razor.rz.scp.css */
.fleet[b-j5wkzbjckt] {
    height: 100%;
}
/* /Pages/Maintenance/Machine/AssetMain.razor.rz.scp.css */
.maintenance-machines[b-7cpx2264ut] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .5vw;
}
    .maintenance-machines > div:first-of-type[b-7cpx2264ut] {
        height: 100%;
        min-width: 40%;
        max-width: 40%;
        display: flex;
        flex-direction: column;
        gap: 1vh;
    }

        .maintenance-machines > div:first-of-type > div[b-7cpx2264ut] {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .maintenance-machines > div:first-of-type > div:first-of-type[b-7cpx2264ut] {
                height: fit-content;
            }

                .maintenance-machines > div:first-of-type > div:first-of-type[b-7cpx2264ut] >  div {
                    height: 100%;
                }

            .maintenance-machines > div:first-of-type > div:nth-of-type(2)[b-7cpx2264ut] {
                flex-grow: 1;
                overflow-y: auto;
            }

                .maintenance-machines > div:first-of-type > div:nth-of-type(2)[b-7cpx2264ut] >  #asset-item {
                    height: 6vh;
                    min-height: 6vh;
                    width: 100%;
                }

            .maintenance-machines > div:first-of-type[b-7cpx2264ut] >  div:last-of-type {
                min-height: 5%;
                max-height: 5%;
                background-color: var(--color-main);
                border-radius: .25em;
            }

    .maintenance-machines[b-7cpx2264ut] >  div:last-of-type {
        width: 60%;
        height: 100%;
    }

.loading-skeleton[b-7cpx2264ut] {
    width: 100%;
    height: 10%;
    display: grid;
    grid-template-columns: 20% 1fr;
    grid-template-rows: repeat(2, 1fr);
    grid-auto-flow: column;
    gap: 1vh .5vw;
    padding: 2vh 0 0 .5vw;
}

.loading-skeleton[b-7cpx2264ut] >  span:first-of-type {
    grid-row: span 2;
    margin: 0 15% 0 20%;
    text-align: center;
}
/* /Pages/Maintenance/Machine/AssetManage.razor.rz.scp.css */
.machine-add[b-xlzmomsr06] {
    height: 100%;
    padding: 2vh 1vw;
    box-sizing: border-box;
}

    .machine-add[b-xlzmomsr06] >  form {
        width: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 2.65fr 2.65fr 4.7fr;
        grid-template-rows: repeat(9, 1fr);
        grid-auto-flow: column;
        box-sizing: border-box;
        grid-gap: 1vh;
    }

        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(-n+7) {
            grid-column: 1;
        }
    
        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(1),
        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(2) { 
            grid-column: 1 / span 2;
        }

        .machine-add[b-xlzmomsr06] >  form > div:last-of-type {
            grid-column: 1 / span 2;
            grid-row: 9;
        }

            .machine-add[b-xlzmomsr06] >  form > div:last-of-type {
                display: flex;
                flex-direction: column;
            }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > span {
                    height: 33.33%;
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div {
                    height: 66.66%;
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > button,
                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > div {
                    display: block;
                    height: 100%;
                    transition: background-color .15s;
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > div > button {
                    width: 100%;
                    background-color: var(--color-main);
                    color: var(--color-bg-less);
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > div > button:hover {
                    background-color: var(--color-main-light);
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > button {
                    margin-left: .25vw;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    background-color: var(--color-bg-less);
                    border: .35vh solid var(--color-fg);
                    aspect-ratio: 1/1;
                }

                .machine-add[b-xlzmomsr06] >  form > div:last-of-type > div > button:hover {
                    background-color: var(--color-bg);

                }

        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(9),
        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(10),
        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(11),
        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(12) {
            grid-column: 2;
        }

        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(12) {
            grid-row: span 2;
        } 

            .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(12) > div {
                height: 100%;
            }
        
                .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(12) > div > div {
                    width: 100%;
                }

        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(13) {
            grid-column: 3;
            grid-row: 1;
        }

        .machine-add[b-xlzmomsr06] >  form > div:nth-of-type(14) {
            grid-column: 3;
            grid-row: 2 / span 8;
        }

[b-xlzmomsr06] .tech-skeleton { 
    grid-column: 3;
}
/* /Pages/Maintenance/Machine/AssetPage.razor.rz.scp.css */
.machine[b-uw0d4r2cem] {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .5vw;
}

    .machine[b-uw0d4r2cem] >  div:first-of-type {
        width: 30%;
        display: flex;
        flex-direction: column;
    }
       
    .machine[b-uw0d4r2cem] >  div#dynamic-page-wrapper:last-of-type {
        width: 70%;
    }


/* /Pages/Maintenance/Machine/Tasks/AssetTask.razor.rz.scp.css */
.asset-task[b-83pmkil2c7] {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .5vw;
}

    .asset-task[b-83pmkil2c7] >  div:first-of-type {
        width: 30%;
        display: flex;
        flex-direction: column;
    }

    .asset-task > div:last-of-type[b-83pmkil2c7] {
        width: 70%;
        display: flex;
        flex-direction: column;
        gap: 2vh;
        padding: 1vh 0.5vw;
        box-sizing: border-box;
        overflow: scroll;
    }

        .asset-task > div:last-of-type > div:first-of-type[b-83pmkil2c7] {
            height: auto;
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }
            
            .asset-task > div:last-of-type > div:first-of-type > div:first-of-type[b-83pmkil2c7] {
                display: flex;
                flex-direction: column;
                flex: 8;
            }

            .asset-task > div:last-of-type > div:first-of-type > div:last-of-type[b-83pmkil2c7] {
                display: flex;
                flex-direction: row;
                align-items: start;
                justify-content: end;
                gap: 1vw;
                flex: 1;
                height: 50%;
            }

                .asset-task > div:last-of-type > div:first-of-type > div:last-of-type[b-83pmkil2c7]  svg {
                    height: 100%;
                }

                .asset-task > div:last-of-type > div:first-of-type > div:last-of-type[b-83pmkil2c7]  a,
                .asset-task > div:last-of-type > div:first-of-type > div:last-of-type button[b-83pmkil2c7] {
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: start;
                }

        .asset-task > div:last-of-type > div:nth-of-type(2)[b-83pmkil2c7] {
            display: grid;
            grid-template-rows: repeat(4, 1fr);
            grid-template-columns: 1fr 5fr;
            grid-auto-flow: column;
            grid-column-gap: 1vw;
            grid-row-gap: 1vh;
        }

            .assset-task > div:last-of-type > div:nth-of-type(2) > div[b-83pmkil2c7] {
                height: 100%;
                width: fit-content;
            }

            .asset-task > div:last-of-type > div:nth-of-type(2) > *[b-83pmkil2c7] {
                max-height: 4vh;
            }

            .asset-task > div:last-of-type > div:nth-of-type(2) > span:nth-of-type(-n+4)[b-83pmkil2c7] {
                font-weight: bold;
            }

            .asset-task >div:last-of-type > div:nth-of-type(2)[b-83pmkil2c7] >  .link-button {
                max-width: 20%;
            }

        .asset-task > div:last-of-type[b-83pmkil2c7] >  .file-input-list {
            display: flex;
            flex-direction: column;
            gap: 1vh;
            height: fit-content;
        } 

            .asset-task > div:last-of-type > .comments > div[b-83pmkil2c7] {
                padding-bottom: 2vh;
                box-sizing: border-box;
            }

                .asset-task > div:last-of-type > .comments > div:nth-of-type(odd)[b-83pmkil2c7] >  div,
                .asset-task > div:last-of-type > .comments > div:nth-of-type(odd)[b-83pmkil2c7] >  span {
                    margin-right: 10%;
                }

                .asset-task > div:last-of-type > .comments > div:nth-of-type(even)[b-83pmkil2c7] >  div,
                .asset-task > div:last-of-type > .comments > div:nth-of-type(even)[b-83pmkil2c7] >  span {
                    margin-left: 10%;
                }

        .asset-task > div:last-of-type > .complete[b-83pmkil2c7] {
            width: 100%;
            display: flex;
            flex-direction: row;
            justify-content: end;
        }

            .asset-task > div:last-of-type > .complete > button[b-83pmkil2c7] {
                height: 4vh;
            }


.skeleton-files[b-83pmkil2c7] {
    display: flex;
    flex-direction: row;
    gap: .5vw;
}

.skeleton-files[b-83pmkil2c7] >  span {
    height: 15vh !important;
    aspect-ratio: 1/1;
}
/* /Pages/Maintenance/Machine/Tasks/CreateAssetTask.razor.rz.scp.css */
.create-asset-task[b-pjxcxjlmyb] {
    height: 100%;
    padding: 2vh 1vw;
    box-sizing: border-box;
}

.create-asset-task[b-pjxcxjlmyb] >  form {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-auto-flow: column;
    gap: 1vh;
}

    .create-asset-task[b-pjxcxjlmyb] >  form > div:has(.block-text-input) > div {
        width: 100%;
        height: 100%;
    }

    .create-asset-task[b-pjxcxjlmyb] >  form > div:has(.loadable-button) {
        grid-row: 10;
        display: flex;
        flex-direction: column;
        gap: .5vh;
    }

        .create-asset-task[b-pjxcxjlmyb] >  form > div:has(.loadable-button) > div {
            height: 66.66%;
            width: 100%;
            display: flex;
            flex-direction: row;
        }

        .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > button,
        .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > div > button {
            display: block;
            height: 100%;
            transition: background-color .15s;
        }

            .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > div > button {
                width: 100%;
                background-color: var(--color-main);
                color: var(--color-bg-less);
            }

                .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > div > button:hover {
                    background-color: var(--color-main-light);
                }

            .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > button {
                margin-left: .25vw;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: var(--color-bg-less);
                border: .35vh solid var(--color-fg);
                aspect-ratio: 1/1;
            }

                .create-asset-task[b-pjxcxjlmyb] >  form > div > div:has(.loadable-button) > button:hover {
                    background-color: var(--color-bg);
                }

    .create-asset-task[b-pjxcxjlmyb] >  form > div:nth-of-type(n+9),
    .create-asset-task[b-pjxcxjlmyb] >  form > .file-input-list {
        grid-column: 2 / span 3;
    }

    .create-asset-task[b-pjxcxjlmyb] >  form > .file-input-list {
        grid-row: span 2;
    }
    
    .create-asset-task[b-pjxcxjlmyb] >  form > div:last-of-type {
        grid-row: span 7;
    }

.create-asset-task .skeleton-files[b-pjxcxjlmyb] {
    grid-row: span 2;
}

[b-pjxcxjlmyb] #dateonly-picker {
    background-color: var(--color-bg);
    border: .1vw solid var(--color-grey3);
}

[b-pjxcxjlmyb] #dateonly-picker button:hover {
    background-color: inherit;
}
/* /Pages/Maintenance/Machine/Tasks/ManageAssetTasks.razor.rz.scp.css */
.manage-machine-tasks[b-9gkbd0cgw2] {
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: .5vw;
}

    .manage-machine-tasks[b-9gkbd0cgw2] >  div:first-of-type {
        width: 30%;
        display: flex;
        flex-direction: column;
        padding: 1vh .5vw;
        gap: 1vh;
    }

    .manage-machine-tasks[b-9gkbd0cgw2] >  div#dynamic-page-wrapper:last-of-type {
        width: 70%;
        display: flex;
        flex-direction: column;
        gap: 1vh;
    }

    .manage-machine-tasks > div:last-of-type[b-9gkbd0cgw2] >  div:first-of-type {
        flex: 18;
    }

    .manage-machine-tasks > div:last-of-type[b-9gkbd0cgw2] >  div:last-of-type {
        flex: 1;
    }

td:last-of-type[b-9gkbd0cgw2], th:last-of-type[b-9gkbd0cgw2] {
    flex: .5;
}

td:last-of-type[b-9gkbd0cgw2] >  * {
    cursor: pointer;
}
/* /Pages/Telematics/Machine.razor.rz.scp.css */
#machine-wrapper[b-9vjm2imp9c] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display:flex;
    flex-direction: row;
    gap: .5vw;
}

#info-div[b-9vjm2imp9c] {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 0;
    flex-grow: 1;
    gap: 1vh;
}

.info-div-value-wrapper[b-9vjm2imp9c] {
    box-sizing: border-box;
    height: 13.3333%;
    display: flex;
    padding-top: 2%;
}

#image-div[b-9vjm2imp9c] {
    position:relative;
    flex:0;
    flex-grow: 3;
    height: 60%;
}

#image-status-div[b-9vjm2imp9c] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 1vh 0 0 .5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
}

#image-status-div span[b-9vjm2imp9c] {
    margin-left: .5vw;
    font-size: 1vw;
    font-weight: bold;
    color: white;
}

#image-status-div[b-9vjm2imp9c]  svg {
   height: 4vh;
}

.image-image-div#tt22e[b-9vjm2imp9c] {
    background-image: url("https://shire.centralhub.io/images/tt22e.avif");
}

.image-image-div#tt40e[b-9vjm2imp9c] {
    background-image: url("https://shire.centralhub.io/images/tt40e.avif");
}

.image-image-div#tt30e[b-9vjm2imp9c] {
    background-image: url("https://shire.centralhub.io/images/tt30e.avif");
}

.image-image-div[b-9vjm2imp9c] {
    background-repeat: no-repeat;
    height: 100%;
    border-radius: var(--value-border-radius);
    background-size: cover;
    background-position: center;
    user-select: none;
}

#image-data-div[b-9vjm2imp9c] {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    display: flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    min-width: 10vw;
}

#image-data-div div[b-9vjm2imp9c] {
    min-width: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin-left: .5vw;
    margin-bottom: 1vh; 
    background-color: var(--color-bg-less);
    padding: 1vh 0 1vh 0;
    font-size: 1.5vw;
    border-radius: var(--value-s-border-radius);
}

#image-data-div div:first-of-type[b-9vjm2imp9c] {
    padding: 1vh .5vw 1vh .5vw;
}

[b-9vjm2imp9c] .value-holder {
    box-sizing: border-box;
    flex: 0;
    flex-grow: 1;
    z-index: 1;
}

#machine-wrapper[b-9vjm2imp9c] >  div:last-of-type {
    flex: 0;
    flex-grow: 3;
}
/* /Pages/Telematics/Machines.razor.rz.scp.css */
#machines-wrapper[b-pkd2xe8r9t] {
    height: 100%;
    width: 100%;
    display:flex;
    justify-content:center;
    flex-direction: row;
}

#machines-wrapper > div:first-of-type[b-pkd2xe8r9t] {
    width: 40%;
}

#machines-wrapper[b-pkd2xe8r9t] >  div:last-of-type {
    width: 60%;
    height: 100%;
}

#machines[b-pkd2xe8r9t] {
    height: 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .5vw;
    background-color: var(--color-bg-less);
    border-radius: var(--value-border-radius);
}

#machines[b-pkd2xe8r9t]::-webkit-scrollbar {
    display: none;
}

.machine-item-wrapper[b-pkd2xe8r9t] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#machine-items[b-pkd2xe8r9t] {
    padding-bottom: 1vh;
    width: 100%;
}

.no-items-div[b-pkd2xe8r9t] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}