@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

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

.timer-form[b-r6co6j00le] {
    position: relative;
    display: flex;
    flex-direction: row;
    background: #ffffff;
    justify-content: center;
    border-radius: 1em;
    border: .1em solid var(--color-main);
    z-index: 9002;
    transition: background 0.3s ease;
}

svg[b-r6co6j00le] {
    height: 1.5vh;
    box-sizing: border-box;
}

button[b-r6co6j00le] {
    background: none;
    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;
}

button svg[b-r6co6j00le] {
    margin-left: .5vw;
}

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

.pause-button[b-r6co6j00le] {
    display: none;
}
/* /Components/DatePicker.razor.rz.scp.css */
#datepicker-wrapper[b-wt79iz94et] {
    padding-top: 1vh;
    width: 90%;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 100;
    bottom: 1vh;
    right: .5vw;
    border-radius: 0.5em;
    background-color: var(--color-bg-less);
}

#datepicker-wrapper > p[b-wt79iz94et] {
    margin: 0;
    padding-left: 1vw;
}

#datepicker-wrapper > div[b-wt79iz94et] {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

input[b-wt79iz94et] {
    width: 90%;
    border-radius: .25em;
    border: none;
}

#datepicker-wrapper > div div[b-wt79iz94et] {
    text-align: center;
    width: 100%;
}

#datepicker-wrapper > div div div[b-wt79iz94et] {
    padding: .5vh .25vw .5vh .25vw;
}

.machine-button[b-wt79iz94et] {
    margin: .5vh .5vw .5vh .5vw;
    width: 5vw;
    border-radius: .5em;
    background-color: var(--color-main);
    border: 0;
    cursor: pointer;
    overflow: hidden;
    color: white;
    transition: color .35s;
    transition: background-color .35s;
    font-size: 1vw;
}

.machine-button:hover[b-wt79iz94et] {
    color: var(--color-main-dark);
    background-color: grey;
}
/* /Components/Forms/CreateUserForm.razor.rz.scp.css */
body[b-jzfdox8wmx] {
}
/* /Components/Forms/CustomStyleForm.razor.rz.scp.css */
body[b-1iy6x8el8b] {
}
/* /Components/Forms/DeleteUserForm.razor.rz.scp.css */
body[b-yvf34qba8c] {
}
/* /Components/Forms/UserSettingsForm.razor.rz.scp.css */
body[b-5u4qvhyft2] {
}
/* /Components/Items/MachineItem.razor.rz.scp.css */
#machine-item[b-k83dr2ypga] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 85%;
    padding-top: 1vh;
}

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

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

[b-k83dr2ypga] #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-k83dr2ypga] #title::after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background: var(--color-fg);
    transition: 300ms;
}

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

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

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

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

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

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

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

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

.n-early[b-k83dr2ypga], .early[b-k83dr2ypga] {
    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-k83dr2ypga] {
    top: -240%;
}

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

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

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

hr[b-k83dr2ypga] {
    padding: 0;
    margin: 0;
}
/* /Components/Items/NewsItem.razor.rz.scp.css */
#news-item[b-yk4t8j8l7q] {
    display:flex;
    flex-direction: row;
    width: 100%;
}

#date[b-yk4t8j8l7q] {
    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-yk4t8j8l7q] {
    font-size: larger;
}

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

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

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

#time[b-yk4t8j8l7q] {
    color: var(--color-grey1);
    font-size: 1.75vh;
}
/* /Components/MachinesComponents/DiagnosisComponent.razor.rz.scp.css */
#diagnosis-wrapper[b-eobz5y4xk9] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#diagnosis-graph-wrapper[b-eobz5y4xk9], #diagnosis-battery-wrapper[b-eobz5y4xk9], #diagnosis-bms-wrapper[b-eobz5y4xk9] {
    box-sizing: border-box;
    height: 33%;
    width: 100%;
    padding: .5vh 0 .5vh 0;
    font-size: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

#motor-graph[b-eobz5y4xk9], #diagnosis-battery-graph[b-eobz5y4xk9], #bms-graph[b-eobz5y4xk9] {
    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-eobz5y4xk9], #diagnosis-battery-graph > span[b-eobz5y4xk9], #bms-graph > span[b-eobz5y4xk9] {
    color: var(--color-grey1);
}

.timer-button-div[b-eobz5y4xk9] {
    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-eobz5y4xk9] {
    top: .6vh;
}

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

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

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

#lvbv[b-eobz5y4xk9],#hvbt[b-eobz5y4xk9]{
    position:relative;
    border-radius: 1em;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

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

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

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

.block[b-eobz5y4xk9] {
    background-color: var(--color-bg-less);
    border-radius: .25em;
    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);
}

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

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

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

.bars[b-v7risow01s] {
    border-radius: 1em;
    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-v7risow01s] {
    border-radius: .5rem;
    position: absolute;
    height: 100%;
}

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

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

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

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

#table-div[b-v7risow01s] {
    background-color: var(--color-bg-less);
    margin-top: 2vh;
    box-sizing: border-box;
    width: 100%;
    height: 60%;
    overflow-y: scroll;
    border-radius: 1em;
    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-v7risow01s] #table-div > div {
    background-color: var(--color-bg-less);
    color: var(--color-fg);
    border-radius: 1em;
    height: 100%;
    width: 100%;
}

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

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

[b-v7risow01s] tr th, [b-v7risow01s] tr td {
    padding: 1% 0 1% 2%;
    border-bottom: 1px inset;
    border-color: rgba(255,255, 255, 0.1);
    min-width: 2vw;
    max-width: 80%;
}


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

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

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

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

a[b-v7risow01s] {
    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: 1em;
    color: var(--color-fg); 
    transition:  .35s;
}

a:hover[b-v7risow01s] {
    color: var(--color-main);
    background-color: grey;
}
/* /Components/MachinesComponents/MapComponent.razor.rz.scp.css */
#map[b-4wdu49rx61] {
    width: 100%;
    height: 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);
    background-color: var(--color-bg-less);
    border-radius: 1em;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#map[b-4wdu49rx61]  .leaflet-pane {
    z-index: 1;
}

.form-group[b-4wdu49rx61] {
    margin: 1vh 0 1vh 0;
}

#storing-div[b-4wdu49rx61] {
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    color: var(--color-main-darker);
}
/* /Components/MachinesComponents/OperationsComponent.razor.rz.scp.css */
#operations-wrapper[b-q9q6djro0k] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

/* rows */
#operations-wrapper > div[b-q9q6djro0k] {
    display: flex;
    flex-direction: row;
    height: 25%;
    width: 100%;
    padding: .5vh 0 .5vh 0;
}

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

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

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

/* blocks */
#operations-wrapper > div > div > div[b-q9q6djro0k] {
    height: 100%;
    width: 100%;
    background-color: var(--color-bg-less);
    border-radius: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    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);
}

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

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

/* values */
#operations-wrapper div div div span[b-q9q6djro0k]
{
    font-size: 4.5vh;
}

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

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

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

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

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

[b-0nip7ng5f2] form {
    width: 100%;
}

.form-group[b-0nip7ng5f2] {
    padding-bottom: 2vh;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.form-group label[b-0nip7ng5f2] {
    padding-right: 1vw;
    font-size: 2vh;
    width: 10vw;
}

[b-0nip7ng5f2] .form-control {
    width: 10vw;
    font-size: 2vh;
}

.form-row[b-0nip7ng5f2] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
/* /Components/MachinesComponents/SettingsComponent.razor.rz.scp.css */
#settings-wrapper[b-gkms46zgwk] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#settings-wrapper > div[b-gkms46zgwk] {
    flex: 0;
    flex-grow: 1;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    border-radius: 1em;
    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);
}

#settings-form[b-gkms46zgwk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#settings-form:not(div:first-child) > div[b-gkms46zgwk] {
    margin-top: 5vh;
}

#settings-form .form-row[b-gkms46zgwk] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

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

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


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

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


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

[b-gkms46zgwk] input[readonly] {
    color: var(--color-bg) !important;
}

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

.form-group:last-of-type div[b-gkms46zgwk] {
    width: 50%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-na7mzyqi6m] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-na7mzyqi6m] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

#page[b-na7mzyqi6m] {
    display:flex;
    background-color: var(--color-bg);
    flex-direction:row;
    height: 100%;
}
/* /Layout/NavMenu.razor.rz.scp.css */
#nav-menu-width-holder[b-k3yd6tfvcg] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    box-sizing: border-box;
    min-width: 11vw;
}

#nav-menu-width-holder:has(.closed)[b-k3yd6tfvcg]
{
    min-width: 6vw;
}

#menu-title[b-k3yd6tfvcg] {
    display: flex;
    margin: 3vh 1.2vw 0 1.2vw;
    border-bottom: .2vh solid white;
    justify-content: center;
}

#menu-title img[b-k3yd6tfvcg] {
    width: 80%;
    padding-bottom: 1.5vh;
}

.nav-menu[b-k3yd6tfvcg] {
    color: white;
    position: fixed;
    background-color: var(--color-main-dark);
    display: flex;
    flex-direction: column;
    height: 100vh;
    box-sizing: border-box;
    width: 11vw;
    top: 0;
    left: 0;
    user-select: none;
}

.nav-link-container[b-k3yd6tfvcg] {
    padding: 2.5vh 0 0 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
}

[b-k3yd6tfvcg] .nav-link {
    box-sizing: border-box;
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: right;
    margin-top: 1vh;
}

    [b-k3yd6tfvcg] .nav-link .open {
        box-sizing: border-box;
        height: 6vh;
        width: 90%;
        align-items: center;
        display: flex;
        text-decoration: none;
        list-style: none;
        color: white;
        line-height: 6vh;
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        transition: padding-left .35s, background-color .35s;
    }

[b-k3yd6tfvcg] .link {
    padding-left: .8vw;
}

[b-k3yd6tfvcg] .nav-link .link:hover, [b-k3yd6tfvcg] #current-page {
    color: white;
    background-color: var(--color-bg-hover);
    box-shadow: inset 0 0 25px var(--color-main-darker);
    padding-left: 1.6vw;
    font-weight: bold;
}

.last > div:hover[b-k3yd6tfvcg] {
    background-color: var(--color-main-light);
}

.open svg[b-k3yd6tfvcg] {
    max-width: 2.5vw;
    user-select: none;
    padding-right: 1.2vw;
    overflow: hidden;
}

[b-k3yd6tfvcg] .last {
    width: 100%;
    margin-top: auto;
    display: flex;
    cursor: pointer;
}

    [b-k3yd6tfvcg] .last svg {
        width: 1vw;
    }

.last .open[b-k3yd6tfvcg] {
    height: 5vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: var(--color-main);
    border-radius: 0;
}

#svg-arrow[b-k3yd6tfvcg] {
    max-height: 8vh;
    padding: 0;
}

.nav-menu:has(.closed) #menu-title #logo[b-k3yd6tfvcg] {
    width: 50%;
    max-width: 7vw;
    margin-bottom: 0.5rem;
    padding: 0;
}

.nav-menu:has(.closed) #menu-title[b-k3yd6tfvcg] {
    width: 100%;
    box-sizing: border-box;
    margin: 2vh 0 1.5vw;
    padding: 0;
    display: flex;
    justify-content: center;
}

.nav-menu:has(.closed) .nav-link-container[b-k3yd6tfvcg] {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-menu:has(.closed) .nav-link[b-k3yd6tfvcg] {
    padding: 0;
    margin: .75vh 0 0 0;
    height: 8vh;
    justify-content: right;
    align-items: center;
    width: 100%;
}

    .nav-menu:has(.closed) .nav-link[b-k3yd6tfvcg] .link {
        width: 70%;
        height: 100%;
        display: flex;
        margin: 0;
        padding: 0 0 0 .25vw;
        justify-content: left;
        align-items: center;
        transition: .35s;
    }

        .nav-menu:has(.closed) .nav-link[b-k3yd6tfvcg]  .link svg {
            width: 2vw;
            max-width: 5vw;
            padding: 0;
            margin: 0;
            transition: padding-left .35s, background-color .35s;
        }

#nav-menu-width-holder:has(.closed)[b-k3yd6tfvcg] {
    width: 6vw;
}

.nav-menu:has(.closed)[b-k3yd6tfvcg] {
    width: 6vw;
}

    .nav-menu:has(.closed)[b-k3yd6tfvcg]  #current-page,
    .nav-menu:has(.closed)[b-k3yd6tfvcg]  .link:hover {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem;
        padding: 0 0 0 1.5vw;
        height: 100%;
    }

    .nav-menu:has(.closed) .nav-link:last-child[b-k3yd6tfvcg] {
        margin-top: auto;
        height: 3rem;
    }

.no-transition[b-k3yd6tfvcg] {
    transition: none !important;
}
/* /Layout/TaskBar.razor.rz.scp.css */
[b-gpw10v9v8x] a {
	list-style: none;
	text-decoration: none;
	color: white;
}

#taskbar[b-gpw10v9v8x] {
	box-sizing: border-box;
	padding-top: 3vh;
	padding-bottom: 3vh;
	height: 5vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	user-select: none;
	z-index: 90000;
}

#taskbar[b-gpw10v9v8x]  li {
	list-style: none;
	text-decoration: none;
}

#whitespace-div[b-gpw10v9v8x] {
	flex: 0;
	width: 100%;
	flex-grow: 6;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#whitespace-div span[b-gpw10v9v8x] {
	font-size: 3vh;
	color: var(--color-grey1);
}

#whitespace-div > span:last-of-type[b-gpw10v9v8x] {
	color: var(--color-fg);
}

#whitespace-div svg[b-gpw10v9v8x] {
	height: 3vh;
}

#taskbar-main[b-gpw10v9v8x] {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: right;
	flex: 0;
	flex-grow: 4;
	font-size: 2vh;
	color: white;
	overflow-wrap: anywhere;
}

#taskbar-main > *[b-gpw10v9v8x] {
	margin: 2vh 1vw 2vh 1vw;
}

#taskbar-main > div[b-gpw10v9v8x] {
	border-radius: 1vh .5vw 1vh .5vw;
}

#taskbar-main img[b-gpw10v9v8x], #taskbar-main svg[b-gpw10v9v8x] {
	height: 3.5vh;
	cursor: pointer;
}

#alerts[b-gpw10v9v8x] {
	width: 13vw;
	position: fixed;
	display: none;
	top: 3vh;
	right: 5vw;
	border-radius: 1em;
	background-color: var(--color-main-dark);
	z-index: 1001;
}

#alerts svg[b-gpw10v9v8x] {
	height: 2vh;
	padding: 0 .25vw 0 .25vw;
}

.alert-title-arrow[b-gpw10v9v8x] {
	height: 2vh;
}

#alert-maintenance-info[b-gpw10v9v8x] {
	color: grey;
	text-align: center;
	margin-top: 1vh;
}

#alerts ul[b-gpw10v9v8x] {
	padding: 0 .5vw 0 .5vw;
}

#alerts-accordion[b-gpw10v9v8x] {
	margin-top: 2vh;
}

.accordion[b-gpw10v9v8x] {
	width: 100%;
}

.accordion-child[b-gpw10v9v8x] {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.title[b-gpw10v9v8x] {
	cursor: pointer;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-main);
	border-radius: 1em;
	height: 3vh;
}

.info[b-gpw10v9v8x] {
	border-radius: 1em;
	background-color: var(--color-main);
	margin-bottom: 1vh;
}

#other[b-gpw10v9v8x] {
	color: var(--color-fg);
}

.time[b-gpw10v9v8x] {
	width: 100%;
	display: flex;
	flex-direction: column;
}

#profile-image[b-gpw10v9v8x] {
	box-sizing: border-box;
	border-radius: 50% !important;
	border-color: var(--color-grey2);
	border-style: none;
	overflow: hidden;
	transition: .1s ease;
}

#settings[b-gpw10v9v8x] {
	width: 14vw;
	position: fixed;
	display: none;
	top: 3vh;
	right: 2vw;
	border-radius: 1em;
	background-color: var(--color-main-dark);
	z-index: 10001;
}

#settings-image-wrapper[b-gpw10v9v8x] {
	transition: .15s ease-in-out;
}

.flex-container[b-gpw10v9v8x] {
	display: flex;
	flex-direction: column;
}

.flex-container img[b-gpw10v9v8x], .flex-container svg[b-gpw10v9v8x] {
	height: 2.5vh;
	margin-right: .25vw;
}

.user-div[b-gpw10v9v8x] {
	display: flex;
	flex-direction: column;
	margin: 1vh .5vw 0 .5vw;
	padding-left: .5vw;
}

.multi-container[b-gpw10v9v8x] {
	background-color: var(--color-main);
	border-radius: 1em;
	margin: 1vh .5vw 0 .5vw;
	padding-left: .5vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
}

#logout-div[b-gpw10v9v8x] {
	margin-bottom: 1vh;
}

.horizontal-container[b-gpw10v9v8x] {
	display: flex;
	flex-direction: row;
	margin: 1vh .5vw 1vh .5vw;
}

.horizontal-container > div[b-gpw10v9v8x] {
	cursor: pointer;
	display: flex;
	align-items: center;
	background-color: var(--color-main);
}

.inner-container-1[b-gpw10v9v8x] {
	flex: 0;
	background-color: var(--color-main);
	flex-grow: 3;
	padding-left: .5vw;
	box-sizing: border-box;

	/*
	margin-right: .5vw;
	border-top-left-radius: 1vh;
	border-bottom-left-radius: 1vh;
	*/

	border-radius: 1em;
}

.inner-container-2[b-gpw10v9v8x] {
	box-sizing: border-box;
	background-color: var(--color-main);
	flex: 0;
	flex-grow: 2;
	cursor: pointer;
	padding-left: .75vw;
	padding-right: .5vw;
	border-top-right-radius: 1vh;
	border-bottom-right-radius: 1vh;
	display: none !important;
}

#profile[b-gpw10v9v8x] {
	width: 14vw;
	position: fixed;
	display: none;
	top: 3vh;
	right: -.25vw;
	border-radius: 1em;
	background-color: var(--color-main-dark);
	z-index: 10001;
}

#event-title[b-gpw10v9v8x] {
	margin-bottom: 1vh;
}

#notifications-image-wrapper[b-gpw10v9v8x] {
	display: none !important;
}

[b-gpw10v9v8x] a {
	width: 100%;
}
/* /Pages/Account.razor.rz.scp.css */
#account-wrapper[b-ojzf75w6no] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2[b-ojzf75w6no] {
    text-align: center;
    width: 50%;
    color: var(--color-main-light);
}

#settings-styles-form[b-ojzf75w6no] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.form:not(div:first-child) > div[b-ojzf75w6no] {
    margin-top: 2vh;
}

.form .form-row[b-ojzf75w6no] {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.form-group[b-ojzf75w6no] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1vw 0 1vw;
    box-sizing: border-box;
}

.form-group.hidden[b-ojzf75w6no] {
    visibility: hidden;
}

[b-ojzf75w6no] .inputs {
    height: 4vh !important;
    width: 20vw !important;
}

.form .form-group label[b-ojzf75w6no] {
    display: inline-block;
    box-sizing: border-box;
}

.user-form .form-group label[b-ojzf75w6no] {
    min-width: 16vw;
}

.user-form .form-group[b-ojzf75w6no]  select {
    min-width: 5vw;
}

.style-form .form-group label[b-ojzf75w6no] {
    width: 10vw;
}

label img[b-ojzf75w6no] {
    padding-left: .25vw;
    max-height: 1.25vh;
}

.button-div[b-ojzf75w6no] {
    display: flex;
    width: 100%;
    align-items: flex-end;
    margin-bottom: 2vh;
}

.button-div span[b-ojzf75w6no] {
    padding-left: .5vw;
    font-size: 1vh;
    color: var(--color-grey1);
}

button[b-ojzf75w6no] {
    width: 5vw;
    height: 4vh;
    border-radius: .5em;
}

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

.image-label[b-ojzf75w6no] {
    visibility: hidden;
}

.upload-row[b-ojzf75w6no] {
    margin-top: .5vh !important;
}

.images-row .form-group div[b-ojzf75w6no] {
    border-style: dashed;
    border-color: var(--color-grey1);
    border-width: .2vh .1vw .2vh .1vw;
    width: 20vw;
    height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.images-row img[b-ojzf75w6no] {
    max-height: 20vh;
    max-width: 20vw;
}

space[b-ojzf75w6no] {
    width: 10vw;
    display: inline-block;
}

option[b-ojzf75w6no] {
    color: black;
}

.user-form option[b-ojzf75w6no] {
    text-align: center;
}

.svg-icon[b-ojzf75w6no] {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    overflow: hidden;
}
/* /Pages/Dashboard.razor.rz.scp.css */
#dashboard[b-uvrudtct71] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    padding: 0 1vw 0 0;
}

#dashboard-main[b-uvrudtct71] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 75%;
}

#news[b-uvrudtct71] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 25%;
    align-items: center;
    height: 91vh;
    margin-right: 0 !important;
}

.news-item-wrapper[b-uvrudtct71] {
    width: 80%;
    padding: 1vh 01vh 0;
    border-bottom: .15vh solid var(--color-grey2);
}

#info[b-uvrudtct71] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

#fleet[b-uvrudtct71] {
    align-items: center;
    height: 61vh;
    width: calc(20% - .8vw); /*Spacing around operator!!!!!*/
    display: flex;
    flex-direction: column;
    margin-left: 0 !important;
}

#fleet-center[b-uvrudtct71] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}

.fleet-child[b-uvrudtct71] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2vh 0 2vh 0
}

.fleet-child > span:first-child[b-uvrudtct71] {
    padding: 0;
    font-size: 6vh;
    margin:0;
    line-height: 5vh;
}

.fleet-child > span:nth-child(2)[b-uvrudtct71] {
    font-size: 3vh;
    line-height: 4vh;
}

.fleet-child > span:nth-child(3)[b-uvrudtct71] {
    font-weight: bold;
    font-size: 1.5vh;
}

#machines[b-uvrudtct71] {
    align-items: center;
    height: 91vh;
    width: 80%;
    display: flex;
    flex-direction: column;
}

#items[b-uvrudtct71] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

[b-uvrudtct71] .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    text-decoration: none;
}

[b-uvrudtct71] .nav-link span {
    color: var(--color-fg);
    font-size: x-large;
}

[b-uvrudtct71] .nav-link img {
    width: 50%;
}

.block[b-uvrudtct71] {
    background-color: var(--color-bg-less);
    border-radius: 1em;
    margin: 1vh .5vw 1vh .5vw;
    overflow: auto;
    width: 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);
}

.block[b-uvrudtct71]::-webkit-scrollbar {
    display: none;
}

.machine-item-wrapper[b-uvrudtct71] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1vh 0 1vh 0;
}

#machine-items .machine-item-wrapper:last-of-type[b-uvrudtct71] {
    padding-bottom: 1vh;
}

#machine-items[b-uvrudtct71], #news-items[b-uvrudtct71] {
    width: 100%;
    height: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.title-wrapper[b-uvrudtct71] {
    background-color: var(--color-bg-less);
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.title-wrapper > span[b-uvrudtct71] {
    width: 80%;
    display: flex;
    justify-content: center;
    border-bottom: .3vh solid var(--color-main-light);
    box-sizing: border-box;
}

.title[b-uvrudtct71] {
    line-height: 8vh;
    height: 8vh;
    font-size: 4vh;
    font-weight: bold;
}
/* /Pages/Documents.razor.rz.scp.css */
#documents-wrapper[b-7tng56gsy5] {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 94vh; 
    flex-direction: row;
    padding-right: 1vw;
}

#table-wrapper[b-7tng56gsy5],#preview-wrapper[b-7tng56gsy5] {
    box-sizing: border-box;
    height: 100%;
    padding: 0 .5vw 2vh .5vw;
}

#table-wrapper[b-7tng56gsy5] {
    width: 50%;
}

#preview-wrapper[b-7tng56gsy5] {
    width: 50%;
}

#table-div[b-7tng56gsy5],#preview-div[b-7tng56gsy5] {
    box-sizing: border-box;
    height: 100%;
    background-color: var(--color-bg-less);
    border-radius: 1em;
}

#table-div[b-7tng56gsy5] {
    overflow-y:scroll;
}

#table-div[b-7tng56gsy5]::-webkit-scrollbar,#preview-div[b-7tng56gsy5]::-webkit-scrollbar {
    display: none;
}

[b-7tng56gsy5] td,[b-7tng56gsy5] th{
    box-sizing: border-box;
    padding: 1vh 1vw 1vh 1vw;
}

[b-7tng56gsy5] tbody tr {
    border-top: .2vh inset white;
}

#preview-div[b-7tng56gsy5] {
    height: 100%;
    overflow-y:scroll;
    overflow-x: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-7tng56gsy5] #PdfViewer {
    max-width: 100% !important;
    max-height: 100% !important;
}

#preview-div[b-7tng56gsy5]  i, #preview-div[b-7tng56gsy5] >  div > div > div {
    color: var(--color-main-dark);
}

[b-7tng56gsy5] a {
    cursor: pointer;
    color: var(--color-pinkish) !important;
}

button[b-7tng56gsy5] {
    border: 0;
    border-radius: .5em;
    background-color: var(--color-main);
    transition: .25s;
}

button:hover[b-7tng56gsy5] {
    background-color: grey;
}

button svg[b-7tng56gsy5] {
    height: 2vh;
}

[b-7tng56gsy5] .title-column-class {
    width: 50% !important;
    max-width: 50% !important;
}

[b-7tng56gsy5] .download-column-class {
    width: 2% !important;
    max-width: 2% !important;
}

[b-7tng56gsy5] .mb-3 {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}   
/* /Pages/Helpdesk.razor.rz.scp.css */
#helpdesk-wrapper[b-7lgh0exsam] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#helpdesk-wrapper[b-7lgh0exsam] >  form {
    display: flex;
    flex-direction: column;
    width: 60%;
    height: 100%;
    box-sizing: border-box;
}

.form-group[b-7lgh0exsam] {
    display:flex;
    flex-direction: column;
}

.label-div[b-7lgh0exsam] {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
}

.label-div > div[b-7lgh0exsam] {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
}

.number-label[b-7lgh0exsam] {
    border-radius: 50%;
    background-color: var(--color-main-dark);
    width: 30px;
    display: flex;
    justify-content: center;
    margin-right: 1vw;
    height: 100%;
    color: white;
}

#button-div[b-7lgh0exsam] {
    display: flex;
    width: 100%;
    justify-content: center;
}

[b-7lgh0exsam] #group {
    padding: 5vh 0 5vh 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

[b-7lgh0exsam] .radio {
    display:none !important;
}

[b-7lgh0exsam] #group .radio-label {
    display: flex;
    justify-content: center;
    padding-top: 2vh;
    width: 23%;
    background-color: var(--color-main-dark);
    height: 10vh;
    color: white;
    border-radius: 1em;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
}

[b-7lgh0exsam] #group .selected {
    padding-top: calc(2vh - .2vh);
    border-width: .2vh .1vw !important;
}

#group div:hover[b-7lgh0exsam] {
    border: 2px solid var(--color-fg);
}

[b-7lgh0exsam] #validation {
    text-align: right;
}

.label-div > *:last-child[b-7lgh0exsam] {
    text-align: right;
}

#model-div[b-7lgh0exsam] {
    padding: 2vh 0 2vh 0;
    width: 100%;
}

#description-div[b-7lgh0exsam] {
    padding: 2vh 0 2vh 0;
    display: flex;
    flex-direction: column;
}

[b-7lgh0exsam] input, [b-7lgh0exsam] textarea {
    border: none;
    height: 4vh;
    background-color: var(--color-bg-less);
    color: var(--color-fg);
    border-radius: .5em;
    border-style: solid;
    border-color: var(--color-fg);
    border-width: .1vh .05vw .1vh .05vw;
    width: 100%;
}

[b-7lgh0exsam] textarea {
    margin-top: 2vh;
    height: 8vh
}

[b-7lgh0exsam] .modified.valid, [b-7lgh0exsam] .invalid {
    border: 0;
}

[b-7lgh0exsam] .validation-message {
    padding-left: 1vw;
}
/* /Pages/Machine.razor.rz.scp.css */
#machine-wrapper[b-cr6cwcd4ry] {
    padding: 0 1vw 0 0;
    box-sizing: border-box;
    width: 100%;
    height: 93vh;
    display:flex;
    flex-direction: row;
}

#info-div[b-cr6cwcd4ry] {
    box-sizing: border-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 0;
    flex-grow: 1.5;
    padding-right: 1%;
}

.machine-button[b-cr6cwcd4ry] {
    width: 100%;
    height: 100%;
    border-radius: .5em;
    background-color: var(--color-main);
    border: 0;
    cursor: pointer;
    overflow: hidden;
    color: white;
    transition: color .35s;
    transition: background-color .35s;
    font-size: 1vw;
}

.machine-button:hover[b-cr6cwcd4ry] {
    color: var(--color-main-dark);
    background-color: grey;
}


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

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

#image-status-div[b-cr6cwcd4ry] {
    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-cr6cwcd4ry] {
    margin-left: .5vw;
    font-size: 1vw;
    font-weight: bold;
    color: white;
}

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

.image-image-div#tt22e[b-cr6cwcd4ry] {
    background-image: url("images/tt22e.avif");
}

.image-image-div#tt40e[b-cr6cwcd4ry] {
    background-image: url("images/tt40e.avif");
}

.image-image-div#tt30e[b-cr6cwcd4ry] {
    background-image: url("images/tt30e.avif");
}

.image-image-div[b-cr6cwcd4ry] {
    background-repeat: no-repeat;
    height: 100%;
    border-radius: 1em;
    background-size: cover;
    background-position: center;
    user-select: none;
}

#image-data-div[b-cr6cwcd4ry] {
    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-cr6cwcd4ry] {
    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: .5em;
}

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

#name-div[b-cr6cwcd4ry],#type-div[b-cr6cwcd4ry],#serial-number-div[b-cr6cwcd4ry] {
    position: relative;
    box-sizing: border-box;
    flex: 0;
    flex-grow: 1;
    z-index: 1;
}

.naming-div[b-cr6cwcd4ry] {
    position: absolute;
    z-index: 10;
    top: 0;
    left: .5vw;
    color: var(--color-grey1);
    font-size: 1.5vw;
    z-index: 5;
}

.value-div[b-cr6cwcd4ry] {
    width: 100%;
    position: absolute;
    height: 100%;
    font-size: 3.5vh;
    font-weight: bold;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.value-div span[b-cr6cwcd4ry] {
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#data-div[b-cr6cwcd4ry] {
    box-sizing: border-box;
    display:flex;
    flex-direction: column;
    flex: 0;
    flex-grow: 3;
    height: 100%;
    width: 100%;
    background-color: var(--color-grey3);
    border-radius: 1em;
}

#data-menu-div[b-cr6cwcd4ry] {
    height: 5%;
    background-color: var(--color-bg-less);
    border-radius: 1em;
    box-sizing: border-box;
}

#data-menu-div ul[b-cr6cwcd4ry] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
    height: 100%;
}

#data-menu-div ul li:first-child[b-cr6cwcd4ry] {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

#data-menu-div ul li:last-child[b-cr6cwcd4ry] {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#data-menu-div ul li[b-cr6cwcd4ry] {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 .75vw 0 .75vw;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: background-color .35s;
}

#data-menu-div ul li:hover[b-cr6cwcd4ry], #current-page[b-cr6cwcd4ry] {
    background-color: var(--color-grey2);
}

#data-menu-div ul li span[b-cr6cwcd4ry] {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 80%;
}

#data-component-div-wrapper[b-cr6cwcd4ry] {
    box-sizing:border-box;
    height: 95%;
    padding: 2% 1% 2% 1%;
}

#data-component-div[b-cr6cwcd4ry] {
    display: flex;
    height: 100%;
    border-radius: 1em;
    justify-content: center;
    align-items:center;
}

.background[b-cr6cwcd4ry] {
    background-color: var(--color-bg-less);
    border-radius: 1em;
}

#back-div[b-cr6cwcd4ry] {
    position: absolute;
    right: 0.5vw;
    bottom: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    margin-bottom: 1vh;
    border-radius: .5em;
}

#form-div[b-cr6cwcd4ry] {
    bottom: 1vh;
    right: .5vw;
    width: 24vw;
    height: 12vh;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: var(--color-bg-less);
    flex-direction: column;
    position: absolute;
    border-radius: 1em;
}

.form-group[b-cr6cwcd4ry] {
    width: 100%;
    display: flex;
    justify-content: center;
}

#image-div[b-cr6cwcd4ry]  form button {
    margin: .5vh .25vw .5vh .25vw;
    width: 6vw !important;
}

.form-group label[b-cr6cwcd4ry] {
    font-size: 2vh;
}

.hover-class[b-cr6cwcd4ry] {
    transition: .35s;
}


[b-cr6cwcd4ry] .picker {
    width: 22vw;
}

[b-cr6cwcd4ry] .daterangepicker-visibility-visible * {
    background-color: var(--color-bg-less) !important;
    color: var(--color-fg);
    border: 0 !important;
}

[b-cr6cwcd4ry] .daterangepicker-visibility-visible td {
    color: var(--color-fg) !important;
}

[b-cr6cwcd4ry] .daterangepicker-visibility-visible .in-range {
    background-color: var(--color-main) !important;
    color: white !important;
}

[b-cr6cwcd4ry] .daterangepicker-visibility-visible .active {
    background-color: var(--color-grey1) !important;
    color: var(--color-fg) !important;
}

[b-cr6cwcd4ry] .cancelBtn:hover {
    color: var(--color-fg) !important;
}

[b-cr6cwcd4ry] .applyBtn {
    color: var(--color-bg);
    background-color: var(--color-fg) !important;
}

[b-cr6cwcd4ry] .applyBtn:active {
    color: var(--color-bg);
}
/* /Pages/Machines.razor.rz.scp.css */
#machines-wrapper[b-qtk3dxcc8y] {
    width: 100%;
    display:flex;
    justify-content:center;
    flex-direction: row;
    padding-right: 1vw;
}

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

#machines-wrapper > div:last-of-type[b-qtk3dxcc8y] {
    width: 60%;
    height: 93vh;
    /*background-color: red;*/
}

#map[b-qtk3dxcc8y] {
    width: 100%;
    height: 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);
    background-color: var(--color-bg-less);
    border-radius: 1em;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#map[b-qtk3dxcc8y]  .leaflet-pane {
    z-index: 1;
}

#machines[b-qtk3dxcc8y] {
    height: 93vh;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: .5vw;
    background-color: var(--color-bg-less);
    border-radius: 1em;
}

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

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

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

.no-items-div[b-qtk3dxcc8y] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Pages/Settings.razor.rz.scp.css */
#settings-wrapper[b-7muijsrng0] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    #settings-wrapper > div[b-7muijsrng0] {
        width: 80%;
    }

h2[b-7muijsrng0] {
    text-align: center;
    width: 100%;
    color: var(--color-main-light);
}