@import '_content/RazorComponentsLibrary/RazorComponentsLibrary.0jd1cmf3v4.bundle.scp.css';

/* /Components/AuthenticationComponents/LoginComponent.razor.rz.scp.css */
.login-container[b-4mhuq7g9ha] {
    display: flex;
    height: 95dvh;
    align-content: center;

    & > .card-no-margin {
        margin: auto;
        align-items: center;
        padding: 2rem;
        max-width: 400px;
        
        & > span {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
    }
}
/* /Components/AuthenticationComponents/RegisterUser.razor.rz.scp.css */
.register-container[b-9bly4ttmx8] {
    display: flex;
    height: 100%;
    
    /*Card*/
    & > div {
        margin: auto;
        gap: 1rem;
        padding: 2rem;
        
        & > form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }
    }
}

@media (max-width: 768px) {
    .register-container[b-9bly4ttmx8] {
        display: grid;
        
        /*card*/
        & > div {
            margin: 1rem;
            padding: 6rem 1rem 1rem;
            height: calc(100dvh - 5rem);
            overflow-y: auto;
            
            & > form {
                display: flex;
                flex-direction: column;
                padding: 0;
                
                & > div {
                    display: flex;
                    flex-direction: column;
                    gap: .5rem;
                    padding: 0;
                }
            }
        }
    }
}
/* /Components/CustomerComponents/AddEditNote.razor.rz.scp.css */
.customer-note-edit-dialog-container[b-ujtmtoa9tn] {
    display: grid;
    gap: 1rem;
    padding: 3rem;
    min-width: 30rem;
    
    && > span {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Components/CustomerComponents/CustomerDetails.razor.rz.scp.css */
.customer-details-wrapper[b-pw3bt2l7ok] {
    display: grid;
    grid-template-columns: minmax(290px, 400px) minmax(130px, 200px);
    gap: 1rem;
}

.customer-salutation-wrapper[b-pw3bt2l7ok] {
    display: grid;
    grid-template-columns: 4rem 5rem 1fr;
    gap: 1rem;
}

.customer-details-card-list[b-pw3bt2l7ok] {
    min-width: 100px;
    min-height: 100px;
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* /Components/CustomerComponents/CustomerDialogView.razor.rz.scp.css */
.customer-body-wrapper[b-xed2pmyo8w] {
    height: calc(100vh - 120px);

    & > div {
        display: flex;
        gap: 1rem;
        padding: 1rem;
        height: inherit;
        overflow-y: auto;
    }

}

.dialog-customer-body-wrapper[b-xed2pmyo8w] {
    display: grid;
    grid-template-rows: auto 1fr;
    overflow-y: hidden;
    background-color: var(--mud-palette-background);

    /*body*/

    & > div {
        display: flex;
        gap: 1rem;
        padding: 1rem;
        overflow-y: auto;

        /*Lists*/
        & > div:last-child {
            height: inherit;
        }
    }
}

.customer-top-bar[b-xed2pmyo8w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    padding: 1rem;

    & :last-child {
        justify-self: end;
    }
    
    & > span[b-xed2pmyo8w] {
        display: flex;
        gap: 1rem;
        align-items: baseline;
    }
}

.customer-items-container[b-xed2pmyo8w] {
    display: grid;
    gap: 1rem;
    width: 100%;

    & > #top, #middle, #bottom {
        
        & > div > ul {
            max-height: 10rem;
            overflow-y: auto;
        }
    }
    
    & > #top[b-xed2pmyo8w] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    & > #middle[b-xed2pmyo8w] {
        display: flex;
        gap: 1rem;

        & > div {
            flex: 1 1 0;
        }
    }

    & > #bottom[b-xed2pmyo8w] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

.customer-items-list[b-xed2pmyo8w] {
    height: inherit;
    overflow-y: auto;
}

/* /Components/CustomerComponents/CustomerInvoiceListCard.razor.rz.scp.css */
.customer-invoice-header[b-12v01xz7qa] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: .5rem;
}

.customer-invoice-list[b-12v01xz7qa] {
    max-height: 12rem;
    width: 100%;
    overflow-y: auto;
    padding-block: .5rem;
    
    && > li {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 2rem;
        gap: .5rem;
        align-items: center;
        margin-top: .5rem;
        
        && > div:nth-child(4) {
            justify-content: end;
        }
    }
}
/* /Components/CustomerComponents/CustomerNoteList.razor.rz.scp.css */
.customer-note-list[b-gy7v2jqll5] {

    && > li {
        display: grid;
        grid-template-columns: 2rem 5rem auto 1fr 2rem;
        gap: .5rem;
        align-items: center;
        margin-top: .5rem;
    }
}
/* /Components/DiaryComponents/DiaryDailyNotesComponent.razor.rz.scp.css */
.daily-notes-container[b-efgar6bdhq] {
    display: grid;
    gap: 1rem;
    margin: 1rem;
    
    & > h5 {
        text-align: center;
    }
    
    & > span[b-efgar6bdhq] {
        display: grid;
        grid-template-columns: 1fr 5rem 5rem 1fr;
        gap: 1rem;
        margin-bottom: 1rem;
    }
}
/* /Components/DiaryComponents/DiaryMonthView.razor.rz.scp.css */
/* /Components/DiaryComponents/JobTCard.razor.rz.scp.css */
.job-card[b-g0jqcfx98j] {
    display: grid;
    grid-template-columns: 1fr auto;
    margin: 0.5rem;
}

.job-info[b-g0jqcfx98j] {
    padding: .5rem;
    color: var(--mud-palette-primary-text);
    
    & > span:first-child {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
}

.job-info p[b-g0jqcfx98j] {
    color: var(--mud-palette-primary-text);
}

.job-info-header p[b-g0jqcfx98j] {
    color: var(--mud-palette-dark);
}

.job-info-inline[b-g0jqcfx98j] {
    display: flex;
    gap: .5rem;
    color: var(--mud-palette-primary-text);
}

.info-button[b-g0jqcfx98j] {
    padding-inline: .5rem;
    color: var(--mud-palette-primary-text);
    transition: background-color 0.2s ease-in-out;
}

.info-button:hover[b-g0jqcfx98j] {
    background-color: rgba(0, 0, 0, 0.1);
}

.job-card-buttons[b-g0jqcfx98j] {
    display: grid;
}

.not-started[b-g0jqcfx98j] {
    background-color: var(--mud-palette-error);
}

.in-progress[b-g0jqcfx98j] {
    background-color: var(--mud-palette-warning);
}

.closed[b-g0jqcfx98j] {
    background-color: var(--mud-palette-success);
}
/* /Components/InvoiceComponents/InvoiceOptionsDialog.razor.rz.scp.css */
.invoice-options-container[b-9i7ty4aizy] {
    display: grid;
    grid-template-rows: 2rem 1fr 6rem;
    height: 100dvh;
    padding: 2rem;
}

.header[b-9i7ty4aizy] {
    display: grid;
    grid-template-columns: 2rem 1fr 2rem;
    width: 100%;

    & > h5 {
        margin: 0;
        padding: 0;
        text-align: center;
    }
}

.body[b-9i7ty4aizy] {
    display: grid;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    overflow-y: auto;
    overflow-x: hidden;

}

.footer[b-9i7ty4aizy] {
    display: grid;
    gap: .5rem;
    border-top: var(--mud-palette-divider) 1px solid;
    padding-top: 1rem;
    padding-inline: 3rem;
}
/* /Components/InvoiceComponents/InvoiceOptionsDialogAction.razor.rz.scp.css */
.invoice-option-dialog-action-container[b-tnuw4wnj1h] {
    display: grid;

    span:first-child {
        justify-self: center;
        height: 3rem;
    }

    span:last-child[b-tnuw4wnj1h] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        width: 100%;
        height: 2.5rem;
    }
}

.options-wrapper[b-tnuw4wnj1h] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 100%;
    height: 100%;
    
    & > h6 {
        justify-self: center;
        align-self: center;
    }
}

.button-wrapper[b-tnuw4wnj1h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    height: 100%;
}

.email-wrapper[b-tnuw4wnj1h] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    width: 100%;
    height: 100%;
}
/* /Components/JobComponents/JobInfoDialog.razor.rz.scp.css */
.job-info-container[b-2un8agloxe] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 1rem;
    gap: 1rem;
    height: auto;

    & > h5 {
        text-align: center;
    }
    
    & > div[b-2un8agloxe] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: .5rem;
        & > div:first-child {

            & > span {
                display: grid;
                grid-template-columns: 5rem 1fr;
                gap: .5rem;
                align-items: baseline;
                padding-bottom: .5rem;
            }
        }

        & > div:last-child[b-2un8agloxe] {
            display: grid;
            gap: .5rem;
            
            & > span {
                display: grid;
                grid-template-columns: 5rem 1fr;
                gap: .5rem;
                align-items: baseline;
            }
        }
    }
    
    & > span[b-2un8agloxe] {
        display: flex;
        gap: .5rem;
        justify-content: center;
        
        & > button {
            width: 8rem;
        }
    }
}
/* /Components/ResComponents/ResConfirmDialog.razor.rz.scp.css */
.confirm-dialog-container[b-u6w64gd8np] {
    display: grid;
    gap: 1rem;
    padding: 2rem;
    min-width: 20rem;
    
    && > h6 {
        text-align: center;
    }
    
    && > span[b-u6w64gd8np] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Components/ResComponents/ResDivider.razor.rz.scp.css */
.res-horizontal-divider[b-zsvrh2jmqa], .res-vertical-divider[b-zsvrh2jmqa] {
    background-color: var(--mud-palette-divider);
}

.res-horizontal-divider[b-zsvrh2jmqa] {
    height: 1px;
    width: 100%;
}

.res-vertical-divider[b-zsvrh2jmqa] {
    width: 1px;
    height: 100%;
}

.res-primary-divider[b-zsvrh2jmqa] {
    background-color: var(--mud-palette-primary-text);
}
/* /Components/ResComponents/ResHeader.razor.rz.scp.css */
.res-header-container[b-xh8o6qt9kz] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    padding: .5rem;
}
/* /Components/ResComponents/ResInfoPopOver.razor.rz.scp.css */
.res-info-popover-container[b-w9nlhq4fvp] {
    max-width: 400px;
    padding-bottom: 1rem;
}
/* /Components/ResComponents/ResPaymentOptions.razor.rz.scp.css */
.res-payment-option[b-ihxovjogt0] {
    display: grid;
    grid-template-rows: auto 1fr auto auto auto;
    gap: 1rem;

    & > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;

        & :first-child {
            justify-self: end;
        }

        & :last-child[b-ihxovjogt0] {
            justify-self: start;
        }
    }

    /*Headers*/

    & > span:first-child[b-ihxovjogt0] {
        align-self: end;
        border-bottom: var(--mud-palette-divider) 1px solid;

        & div:last-child {
            justify-self: start;
        }
    }

    /*Payment Options*/

    & > ul[b-ihxovjogt0] {
        display: grid;
        gap: 1rem;
        overflow-y: auto;
        align-content: start;

        & > li:last-child > :first-child {
            justify-self: end;
        }

        & > li[b-ihxovjogt0] {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 3rem;
            height: 3rem;
            align-items: start;

            & > p {
                text-align: end;
                align-self: center;
            }

            & > span[b-ihxovjogt0] {
                display: grid;
                grid-template-columns: 1fr auto;
                gap: 1rem;
                max-width: 12rem;
            }
        }
    }

    /*Order ref*/

    & > span:nth-child(3)[b-ihxovjogt0] {
        align-items: center;

        & :last-child {
            justify-self: start;
        }

    }

    /*Totals*/

    & > span:last-child[b-ihxovjogt0] {
        border-top: var(--mud-palette-divider) 1px solid;
        padding-top: 1rem;

        & :first-child {
            justify-self: end;
            text-align: end;
        }

        & :last-child[b-ihxovjogt0] {
            justify-self: start;
        }

    }
}
/* /Components/ResComponents/ResProgress.razor.rz.scp.css */
.res-loading-progress-wrapper[b-ei44udqhl1] {
    display: grid;
    gap: 1rem;
    justify-content: center;
    height: 100%;
    margin: 2rem;

    & :first-child {
        justify-self: center;
        align-self: end;
    }
}
/* /Components/ResComponents/ResVerticalMenu.razor.rz.scp.css */
/* /Components/SharedComponents/CreateInvoiceComponent.razor.rz.scp.css */
.create-invoice-container[b-kqhqx1mglx] {
    display: grid;
}

.create-invoice-header-wrapper[b-kqhqx1mglx] {
    
}

.create-invoice-body-wrapper[b-kqhqx1mglx] {
    
}

.create-invoice-footer-wrapper[b-kqhqx1mglx] {
    display: grid;
    grid-template-columns: 1fr 5rem 5rem 1fr;
}
/* /Components/VehicleComponents/AddVehicleMake.razor.rz.scp.css */
.add-vehicle-make-container[b-mgqi3bmz00] {
    display: grid;
    gap: 1rem;
    padding: 1rem;

    & > h5 {
        text-align: center;
    }

    & div[b-mgqi3bmz00] {
        display: grid;
        gap: 1rem;
        
        & > span {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }
    }
}
/* /Components/VehicleComponents/AddVehicleModel.razor.rz.scp.css */
.add-vehicle-model-container[b-biui6kw2ko] {
    display: grid;
    gap: 1rem;
    padding: 1rem;

    & > h5 {
        text-align: center;
    }

    & div[b-biui6kw2ko] {
        display: grid;
        gap: 1rem;

        & > span {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }
    }
}
/* /Components/VehicleComponents/VehicleDetails.razor.rz.scp.css */
.search-button-group[b-a2sj8sp3gq] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;

    && > .mud-select, .mud-input {
        
        && .mud-input-outlined-border {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            /*background-color: red;*/
        }
    }

    span[b-a2sj8sp3gq] {
        border: var(--mud-palette-primary) 2px solid;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    
        & > button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }
    }
}

/* /Components/VehicleComponents/VehicleHistory.razor.rz.scp.css */
.vehicle-history-container[b-kdn8uap1uu] {
    display: grid;
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    border-bottom: var(--mud-palette-tertiary) 1px solid;
    
    && > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: .2rem;
    }
}
/* /Components/VehicleComponents/VehiclesDialogView.razor.rz.scp.css */
.vehicle-history-container[b-cpeqzioy34] {
    height: calc(100dvh - 155px);
}

.vehicle-history-list[b-cpeqzioy34] {
    max-height: calc(100dvh - 250px);
    overflow-y: auto;
}
/* /Features/Dashboard/Components/AddEditToDoDialog.razor.rz.scp.css */
.dash-to-do-add-edit[b-k9c8i3jkvq] {
    border-radius: 10px;
    padding: 2rem;
    display: grid;
    gap: 1rem;
}

.dash-to-do-add-edit > h5[b-k9c8i3jkvq] {
    text-align: center;
}

.dash-to-do-add-edit > div[b-k9c8i3jkvq] {
    display: grid;
    gap: 1rem;
}

.dash-to-do-add-edit > div > span[b-k9c8i3jkvq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
/* /Features/Dashboard/Components/Dashboard.razor.rz.scp.css */
.dashboard[b-s70ag76ykg] {
    --gap: .5rem;
    --grid-gap: 1rem;
    --margin: 1rem;
    --small-pad: .5rem;
    --pad: 1rem;
    --h4-font-size: 2.5em;
    --h6-font-size: 1.2em;
    --h6-line-height: 1.5;
    --p-font-size: 100%;
}

h6[b-s70ag76ykg] {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
}

p[b-s70ag76ykg] {
    font-size: var(--p-font-size);
}

.loading-container[b-s70ag76ykg] {
    display: grid;
    place-items: center;
    height: auto;
    width: 100%;

    & > div {
        width: 30%;
        height: 30%;
    }
}

.dashboard-container[b-s70ag76ykg] {
    display: grid;
    grid-template-rows: auto calc(100dvh - 180px) auto;
    min-height: calc(100dvh - 300px);
}

.dashboard-body-wrapper[b-s70ag76ykg] {
    display: grid;
    gap: var(--grid-gap);
    /*grid-template-columns: auto 1fr auto;*/
    grid-template-columns: minmax(260px, auto) minmax(0, 1fr) minmax(260px, 400px);
    grid-template-areas: "tasks jobs charts";
    padding: var(--pad);
}

.dash-tasks[b-s70ag76ykg] {
    grid-area: tasks;
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    display: grid;
    grid-template-rows: 1fr 1fr;

    & > h6 {
        text-align: center;
    }
}

.dash-jobs[b-s70ag76ykg] {
    grid-area: jobs;
    display: grid;
    grid-template-rows: auto 5rem 1fr;
    height: inherit;
    overflow-y: auto;

    & > h6 {
        text-align: center;
    }
}

.dash-charts[b-s70ag76ykg] {
    grid-area: charts;
    display: grid;
    height: inherit;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;

    & > h6 {
        text-align: center;
    }
}

.chart-wrap[b-s70ag76ykg] {
    max-width: 5rem; /* ← your cap */
    width: 100%;
}

/* keep the SVG obeying the wrapper */
.chart-wrap .apexcharts-canvas[b-s70ag76ykg],
.chart-wrap svg[b-s70ag76ykg] {
    max-width: 100%;
}

@media (max-width: 1740px) {
    .dashboard-body-wrapper[b-s70ag76ykg] {
        /*grid-template-columns: 1fr auto;*/
        grid-template-columns: minmax(0, 1fr) minmax(320px, 500px);
        grid-template-rows: 1fr 1fr;
        grid-template-areas: 
                "jobs tasks"
                "jobs charts";
    }
}

@media (max-width: 1440px) {
    .dashboard-body-wrapper[b-s70ag76ykg] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr .6fr;
        grid-template-areas: 
                "jobs jobs"
                "tasks charts";
    }
}

@media (max-width: 870px) {
    .dashboard-body-wrapper[b-s70ag76ykg] {
        overflow-y: auto;
        grid-template-columns: 1fr;
        grid-template-rows: minmax(calc(100dvh - 200px), 1000px) minmax(300px, 1000px) 0;
        grid-template-areas: 
                "jobs"
                "tasks"
                "charts";
    }

    .dash-charts[b-s70ag76ykg] {
        display: none;
    }

    .dash-jobs[b-s70ag76ykg] {
        grid-area: jobs;
        display: grid;
        grid-template-rows: auto 1fr;
        height: inherit;
        overflow-y: auto;
    }

    .dashboard-body-wrapper[b-s70ag76ykg]  .dash-button-card-container {
        display: none;
    }

    .dashboard-container[b-s70ag76ykg]  .footer-card {
        & > span {
            display: none;
        }
    }

    .dashboard-container[b-s70ag76ykg]  .list-grid {
        display: grid;
        grid-template-columns: 4rem 3rem 3rem 4rem 1fr 5rem 2rem;
        gap: .5rem;
    }
    
    .dashboard-container[b-s70ag76ykg]  .dashboard-footer-container {
        height: 100dvh;
    }
}
/* /Features/Dashboard/Components/DashboardButtonCards.razor.rz.scp.css */
.dash-button-card-container[b-i03spz4s42] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    gap: var(--gap);
    
    & > .card-no-margin {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;

        background-color: var(--mud-palette-primary);
        cursor: pointer;

        & > h6, h4 {
            color: var(--mud-palette-primary-text);
        }
        
        & > h6[b-i03spz4s42] {
            font-size: var(--h6-font-size);
        }

        & > h4[b-i03spz4s42] {
            font-size: var(--h4-font-size);
            text-align: center;
        }

        & > span[b-i03spz4s42] {
            background-color: var(--mud-palette-primary-text);
            height: 100%;
            width: 1px;
        }
    }
}
/* /Features/Dashboard/Components/DashboardFooter.razor.rz.scp.css */
.dashboard-footer-container[b-ch7ef1vrbj] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    
}
/* /Features/Dashboard/Components/DashboardHeader.razor.rz.scp.css */
/* /Features/Dashboard/Components/DashMonthlyWeeklyCards.razor.rz.scp.css */
.monthly-weekly-cards-container[b-uluyzcb40o] {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: .5rem;
    padding-right: .5rem;

    & > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: .5rem;
        align-items: center;
    }

    & > span > .card-no-margin[b-uluyzcb40o] {
        background-color: var(--mud-palette-primary);
        color: var(--mud-palette-primary-text);
        gap: 0;
        height: 100%;

        & > span {
            display: grid;
            grid-template-columns: 3rem auto 1fr auto;
            align-items: center;
            gap: .5rem;
            
            & > h6 {
                font-size: var(--h6-font-size);
            }

            & > h4[b-uluyzcb40o] {
                font-size: var(--h4-font-size);
            }
        }
        
        & > p[b-uluyzcb40o] {
            text-align: end;
            font-size: 1.2em;
        }
    }
}
/* /Features/Dashboard/Components/DashOpenJobs.razor.rz.scp.css */
.dash-job-status-container[b-5wwulrj0tf] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    height: inherit;

    & > h6 {
        text-align: center;
        border-bottom: var(--mud-palette-divider) solid 1px;
        font-size: var(--h6-font-size);
        margin-bottom: .5rem;
    }

    & > ul[b-5wwulrj0tf] {
        overflow-y: auto;
    }

    & > span[b-5wwulrj0tf] {
        border-bottom: var(--mud-palette-divider) solid 1px;
        margin-bottom: .5rem;
        
        & > p {
            font-size: var(--p-font-size);
            font-weight: bold;
        }
    }
}

.list-grid[b-5wwulrj0tf] {
    display: grid;
    grid-template-columns: repeat(3, 5rem)  8rem repeat(2, 1fr) 2rem;
    gap: 1rem;
    justify-items: left;
    padding-bottom: .5rem;
    align-items: center;

    & > p {
        font-size: var(--p-font-size);
    }
}
/* /Features/Dashboard/Components/JobStatusCountDonutChart.razor.rz.scp.css */
.donut-chart-container[b-1vshnwdhu2] {
    margin: 1rem;
}
/* /Features/Dashboard/Components/MonthlyInvoiceLineChart.razor.rz.scp.css */
.yearly-booking-line-chart-container[b-sniwbnpfyd] {
    display: grid;
    gap: 1rem;
}
/* /Features/Dashboard/Components/PageRelayButtons.razor.rz.scp.css */
.dash-relay-buttons-container[b-ma9fy76nlj] {
    display: grid;
    grid-template-rows: 1fr 2fr;
    gap: 1rem;
}

.dash-relay-buttons-grid[b-ma9fy76nlj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    height: 100%;
}

.dash-relay-buttons-grid > button[b-ma9fy76nlj] {
    padding: .5rem;
}
/* /Features/Dashboard/Components/ToDoList.razor.rz.scp.css */
.dash-to-do-list-container[b-82kr2ammvu] {
    display: grid;
    grid-template-rows: auto auto 1fr;

    & > section, li {
        display: grid;
        grid-template-columns: 100px 1fr 2fr;
        gap: .5rem;
        width: 100%;
    }

    & > ul[b-82kr2ammvu] {
        overflow-y: auto;
    }

    & > ul > li:hover[b-82kr2ammvu] {
        background-color: rgba(0, 0, 0, .1);
        cursor: pointer;
    }

    & > section[b-82kr2ammvu] {
        border-bottom: var(--mud-palette-divider) solid 1px;
        margin-bottom: .5rem;
    }
}

.title[b-82kr2ammvu] {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
}

.table-header[b-82kr2ammvu] {
    font-size: var(--p-font-size);
}

.dash-to-do-header[b-82kr2ammvu] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;

    & > span {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: .5rem;
        align-items: center;
    }
}

.done-todo[b-82kr2ammvu] {
    color: var(--mud-palette-action-disabled);
    position: relative;
}

.done-todo[b-82kr2ammvu]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--mud-palette-action-disabled);
    transform: translateY(-50%);
}

.important-todo[b-82kr2ammvu] {
    color: var(--mud-palette-error);
}
/* /Features/HelpPanel/Components/AccessSettings.razor.rz.scp.css */
.access-settings-container[b-w1eny99qef] {
    display: grid;
    gap: 1rem;
    height: 100%;
    align-content: start;

    & > ul {
        padding-left: 1.2rem;
    }
}
/* /Features/HelpPanel/Components/AssignTech.razor.rz.scp.css */
.assign-Tech-help-container[b-w170bgczn5] {
    
}
/* /Features/HelpPanel/Components/BookingAWorkshopJob.razor.rz.scp.css */
.booking-a-workshop-job-container[b-yyydgkcbix] {
    display: grid;
    gap: 1rem;
}

.booking-a-workshop-job-content-wrapper[b-yyydgkcbix] {
    display: grid;
    gap: 1rem;
    height: 500px;
    align-content: start;
    overflow: auto;
}

.booking-a-workshop-job-ul[b-yyydgkcbix] {
    padding-left: 1.2rem;
}
/* /Features/HelpPanel/Components/HelpDialog.razor.rz.scp.css */
.help-dialog-container[b-42phydss69] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    padding: 1rem;
    height: 700px;
    overflow-y: hidden;
}

.help-dialog-header[b-42phydss69] {
    display: flex;
    justify-content: space-between;
    align-content: end;
}

.help-dialog-body[b-42phydss69] {
    display: grid;
    grid-template-columns: 235px 1fr;
    gap: 1rem;

    & > ul > li {
        list-style: none;
        color: var(--mud-palette-primary);
    }
}

.help-dialog-footer[b-42phydss69] {
    display: grid;
    gap: .5rem;
    
    & > span {
        display: flex;
        gap: 1rem;
    }
}
/* /Features/HelpPanel/Components/JobStatusScreen.razor.rz.scp.css */
/* /Features/HelpPanel/Components/ScreenResolution.razor.rz.scp.css */
.screen-resolution-help-container[b-b0ayo7a1ra] {
    display: grid;
    gap: 1rem;
}

.screen-resolution-help-body[b-b0ayo7a1ra] {
    display: grid;
    gap: 1rem;
    height: 500px;
    align-content: start;
    overflow: auto;
    
    & ul > li {
        margin-left: 1.5rem;
    }
}

/* /Features/HelpPanel/Components/SetupSections.razor.rz.scp.css */
.setup-sections-container[b-37jkazvbv6] {
    display: grid;
    gap: 1rem;
}

.setup-section-ul[b-37jkazvbv6] {
    padding-left: 1.2rem;
}

.setup-section-content-wrapper[b-37jkazvbv6] {
    display: grid;
    gap: 1rem;
    height: 500px;
    align-content: start;
    overflow: auto;
}
/* /Features/Invoice/Components/InvoiceViewFooter.razor.rz.scp.css */
/* /Features/Invoice/Components/InvoiceViewHeader.razor.rz.scp.css */
.invoice-page-header[b-qd30fie7uz] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
    justify-items: start;
    
    & > span {
        display: flex;
        gap: 1rem;
        align-items: center;
    }
}
/* /Features/Reports/Components/JobReport/JobReportComponent.razor.rz.scp.css */
.job-report-criteria-wrapper[b-evc5behq79] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}


/* /Features/Reports/Components/JobReport/JobReportTable.razor.rz.scp.css */
.job-report-table-container[b-l65iaibdv7] {

}
/* /Features/Reports/Components/MotServiceReport/MotServiceReportComponent.razor.rz.scp.css */
.mot-service-report-criteria-wrapper[b-4a0usihwvl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
/* /Features/Reports/Components/MotServiceReport/MotServiceTable.razor.rz.scp.css */
.mot-service-report-table-container[b-z5gkp36ajo] {

}
/* /Features/Reports/Components/PaymentReport/PaymentReport.razor.rz.scp.css */
.payment-report-criteria-wrapper[b-k69hu9tszf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    
    & > div {
        display: grid;
        align-items: center;
        
        
    }
}
/* /Features/Reports/Components/PaymentReport/PaymentReportTable.razor.rz.scp.css */
/* /Features/Reports/Components/SalesReport/SalesReportComponent.razor.rz.scp.css */
.sales-report-criteria-wrapper[b-nr2abi2d3g] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
/* /Features/Reports/Components/SalesReport/SalesReportTable.razor.rz.scp.css */
/* /Features/Reports/Components/Shared/ReportsActionButtons.razor.rz.scp.css */
.report-action-buttons-container[b-6jhagb64ty] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: .3rem;
}
/* /Features/Reports/Components/Shared/ReportsBody.razor.rz.scp.css */
.reports-body-container[b-sla2muxmal] {
    margin: 1rem;
    display: grid;
    grid-template-columns: minmax(200px, auto) 1fr;
    gap: 1rem;

    
    & > div:first-child {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Features/Reports/Components/Shared/ReportsList.razor.rz.scp.css */
.reports-li-wrapper[b-0dchqy1beb] {
    display: grid;
    padding: 1rem;
}
/* /Features/Reports/Components/Shared/ReportsTopBar.razor.rz.scp.css */
.reports-top-bar[b-o4a8evig2e] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 0;
    
    
}
/* /Features/Reports/Pages/ReportsPage.razor.rz.scp.css */
.reports-page-container[b-cohzt9fd51] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100dvh - 45px);
}

.report-body-wrapper[b-cohzt9fd51] {
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    gap: 1rem;
}

.report-table-wrapper[b-cohzt9fd51] {
    display: grid;
    height: 100%;
    overflow: auto;
}
/* /Features/SettingsChecklist/Components/SettingsChecklist.razor.rz.scp.css */
.settings-checklist-container[b-qhru5pnzh4] {
    display: grid;
    gap: 1rem;
    overflow: hidden;
}

.settings-checklist-header[b-qhru5pnzh4] {
    display: flex;
    padding: .5rem;
    padding-inline: 1rem;
    color: var(--mud-palette-appbar-text);
    background-color: var(--mud-palette-appbar-background);
}

.settings-checklist-description[b-qhru5pnzh4] {
    padding-inline: 1rem;
}

.settings-checklist-items-list-wrapper[b-qhru5pnzh4] {
    max-height: 600px;
    padding: 1rem;
    overflow-y: auto;
}

.settings-checklist-item-wrapper[b-qhru5pnzh4] {
    & > p {
        margin-left: 3rem;
        margin-top: -.8rem;
    }
}

.settings-checklist-buttons-wrapper[b-qhru5pnzh4] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    padding: 1rem;
}

/* /Pages/CustomerPage.razor.rz.scp.css */
.customer-container[b-guxdmiae2r] {
    display: grid;
    grid-template-rows: auto calc(100dvh - 7rem);
    
    & > span {
        padding-block: .5rem;
    }
    
    & > .card[b-guxdmiae2r] {
        margin: 1rem;
    }
    
    /*Table row*/
    & > div > div > div:nth-child(2) > table > tbody[b-guxdmiae2r] {
        cursor: pointer;
        
        /*Table row hover effect*/
        & > tr:hover {
            background-color: rgba(0, 0, 0, 0.04);
        }
    }
}

.customer-header[b-guxdmiae2r] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    background-color: var(--mud-palette-surface);
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;

    && > span:last-child {
        justify-content: end;
    }
}

.customer-header > div[b-guxdmiae2r] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.customer-header-actions[b-guxdmiae2r] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.customer-search-section[b-guxdmiae2r] {
    min-width: 300px;
    max-width: 500px;
}

.table-wrapper[b-guxdmiae2r] {
    
}

.table-row[b-guxdmiae2r] {
    cursor: pointer;
}
/* /Pages/FollowUpAndReminders/EmailLogComponent.razor.rz.scp.css */
.email-log-container[b-8xfaivn9u9] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 95dvh;

    & > .card-header {
        align-content: center;
    }

    & > .card[b-8xfaivn9u9] {
        margin: 1rem;
    }
}
/* /Pages/FollowUpAndReminders/FollowUpAndRemindersPage.razor.rz.scp.css */
.reminder-followup-container[b-nbsjlg1py0] {
    display: grid;
    grid-template-columns: 13rem 1fr;
    height: 100dvh;
}
/* /Pages/FollowUpAndReminders/FollowUpComponent.razor.rz.scp.css */
.follow-up-container[b-fzqzgsh8bg] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 95dvh;
    
    & > .card-header {
        align-content: center;
    }

    & > .card[b-fzqzgsh8bg] {
        margin: 1rem;
    }
}
/* /Pages/FollowUpAndReminders/FollowUpReminderMenu.razor.rz.scp.css */
.follow-up-reminder-menu-container[b-eab0o16qgn] {
    background-color: var(--mud-palette-surface);
    display: flex;
    flex-direction: column;
    
    & > p {
        margin: 0;
        padding: 1.5rem 1rem 1.2rem;
        font-weight: bold;
    }
}
/* /Pages/FollowUpAndReminders/FollowUpReminderSettings/ReminderSetupComponent.razor.rz.scp.css */
.mot-service-reminder-setup-container[b-xnqmhnuvm3] {
    & > span {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    & > div > span[b-xnqmhnuvm3] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
}
/* /Pages/FollowUpAndReminders/FollowUpReminderSettings/ReminderSetupContainerComponent.razor.rz.scp.css */
.reminder-setup-container[b-kty3i9le0a] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 95dvh;

    & > .card-header {
        align-content: center;
    }

    & > div:last-child[b-kty3i9le0a] {
        display: grid;
        gap: 1rem;
        overflow-y: auto;
        padding: 1rem;


        & > div {
            display: grid;
            gap: 1rem;


            & > span {
                display: flex;
                flex-grow: 1;
                gap: 1rem;
                
                @media (max-width: 1024px) {
                    display: flex;
                    flex-direction: column;
                    
                    font-size: 1.5em;[b-kty3i9le0a]
                }
            }
        }
    }
}
/* /Pages/FollowUpAndReminders/ReminderComponent.razor.rz.scp.css */
.reminder-container[b-rjv39utaq4] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 95dvh;

    & > .card-header {
        align-content: center;
    }

    & > .card[b-rjv39utaq4] {
        margin: 1rem;
    }
}
/* /Pages/FollowUpAndReminders/SmsLogComponent.razor.rz.scp.css */
.sms-log-container[b-n8k2a8mpld] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: 95dvh;

    & > .card-header {
        align-content: center;
    }

    & > .card[b-n8k2a8mpld] {
        margin: 1rem;
    }
}
/* /Pages/FollowUpAndReminders/TemplateComponents/EmailTemplateComponent.razor.rz.scp.css */
/* /Pages/FollowUpAndReminders/TemplateComponents/SmsAndEmailTemplatesContainerComponent.razor.rz.scp.css */
.sms-email-template-container-container[b-4pgi9e06nl] {
    display: grid;
    grid-template-rows: 62px 88dvh;

    & > .card-header {
        align-content: center;
    }

    & > span[b-4pgi9e06nl] {
        display: grid;
        grid-template-columns: 300px 1fr;
        padding: 1rem;
        gap: 1rem;
        overflow: auto;

        & > div:first-child > div {
            display: grid;
            gap: 1rem;
            border: var(--mud-palette-primary) 1px solid;
            border-radius: .5rem;
            padding: .5rem;
            
            & > a {
                color: var(--mud-palette-text-primary);
                text-decoration: none;
            }
            
            & > a:hover[b-4pgi9e06nl] {
                color: var(--mud-palette-primary);
                border-bottom: none;
            }
        }

        & > div:last-child[b-4pgi9e06nl] {
            display: grid;
            grid-template-rows: auto auto;
            gap: 1rem;
        }
    }
}
/* /Pages/FollowUpAndReminders/TemplateComponents/SmsTemplateComponent.razor.rz.scp.css */
/* /Pages/Job/Job.razor.rz.scp.css */
.job-container[b-wn5nnkympn] {
    display: grid;
    grid-template-rows: 65px 1fr;
    /*height: calc(100dvh - 80px);*/
    overflow-y: hidden;

    & > .res-loading-progress-wrapper {
        height: calc(100vh - 7rem);
    }
}

.job-header-container[b-wn5nnkympn] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}

.job-header-container > span[b-wn5nnkympn] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}

.job-header-container > span > div[b-wn5nnkympn] {
    width: 15rem;
}

/*Body*/
.job-body-container[b-wn5nnkympn] {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 1rem;
    padding: 1rem;
    height: inherit;
}

.job-bottom-bar[b-wn5nnkympn] {
    display: grid;
    grid-template-columns: 1fr minmax(5rem, 8rem) minmax(5rem, 8rem) minmax(5rem, 8rem) 1fr;
    gap: 3rem;
    width: 100%;
    align-items: center;
    justify-items: center;
}

.job-bottom-bar :nth-child(5)[b-wn5nnkympn] {
    justify-self: end;
}

@media print {

}
/* /Pages/Job/JobComponents/JobBookingComponent.razor.rz.scp.css */
/* /Pages/Job/JobComponents/JobItemNotes.razor.rz.scp.css */
.job-item-note-container[b-54fsw4wc3l] {
    display: grid;
    margin: 2rem;
    gap: 1rem;
    max-height: 100dvh;
    overflow-y: auto;
    
    & > h5 {
        text-align: center;
    }
    
    & > span:last-child[b-54fsw4wc3l] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Pages/JobStatus/JobStatusComponents/JobStatusTable.razor.rz.scp.css */
.job-status-table-container[b-cqm1uxt18k] {
    display: grid;
    grid-template-rows: 1fr auto;
    height: 97%;
}

.job-status-table-container > span[b-cqm1uxt18k] {
    display: flex;
    gap: .5rem;
    justify-content: right;
    align-items: center;
}
/* /Pages/JobStatus/JobStatusComponents/JobStatusTopBar.razor.rz.scp.css */
.job-status-top-bar-container[b-ydzvnlvs6v] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    padding-inline: 2rem;
    background-color: var(--mud-palette-surface);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    height: 80px;
}

.job-status-print-menu[b-ydzvnlvs6v] {
    display: flex;
    justify-content: end;
}

.job-status-top-bar-search[b-ydzvnlvs6v] {
    display: flex;
    gap: .5rem;
    width: 250px;
}

.job-status-top-bar-date-search[b-ydzvnlvs6v] {
    display: grid;
    grid-template-columns: 1fr auto auto 2rem;
    align-items: center;
    gap: .5rem;

    & > :first-child {
        width: 320px;
    }

}

.job-status-top-bar-display-search[b-ydzvnlvs6v] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.job-status-top-bar-filter[b-ydzvnlvs6v] {
    display: flex;
    gap: 1rem;
}

@media (max-width: 1179px) {

    .job-status-top-bar-container[b-ydzvnlvs6v] {
        grid-template-columns: 1fr auto auto auto auto 1fr;
    }
}
/* /Pages/JobStatus/JobStatusPage.razor.rz.scp.css */
.job-status-page-container[b-y0xm5ns0zs] {
    display: grid;
    grid-template-rows: auto calc(100dvh - 250px) auto;
    height: calc(100svh - 46px);
}
/* /Pages/Registraton/Components/DepartmentRegComponent.razor.rz.scp.css */
.department-reg-container[b-5paay4n21r] {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 600px;
    height: calc(100dvh - 255px);
    
    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-5paay4n21r]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-5paay4n21r]
    }

    && > div:last-child {
        display: flex;
        flex-direction: column;
    }

    && > div:last-child  > ul[b-5paay4n21r] {
        height: 100%;
    }
    
    && > div:first-child[b-5paay4n21r] {
        margin: 1rem 0;
    }
}
/* /Pages/Registraton/Components/GdprRegComponent.razor.rz.scp.css */
.gdpr-reg-container[b-hhmusvhtpl] {
    justify-self: center;
    max-width: 700px;
    height: calc(100dvh - 255px);

    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-hhmusvhtpl]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-hhmusvhtpl]
    }
    
    > div:first-child {
        justify-self: center;
        margin: 1rem 0;
    }

}
/* /Pages/Registraton/Components/InvoiceRegComponent.razor.rz.scp.css */
.inv-reg-container[b-wkqzns1j1t] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
    max-width: 600px;
    height: calc(100dvh - 255px);

    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-wkqzns1j1t]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-wkqzns1j1t]
    }
    
    & > div:first-child {
        margin: 1rem 0;
    }
}
/* /Pages/Registraton/Components/JobRegComponent.razor.rz.scp.css */
.job-reg-container[b-q5arccipr3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
    margin: 0 auto;
    height: calc(100dvh - 255px);
    padding-top: 1rem;

    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-q5arccipr3]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-q5arccipr3]
    }
}





/* /Pages/Registraton/Components/LabourRegComponent.razor.rz.scp.css */
.labour-reg-container[b-9996xlsux0] {
    gap: 1rem;
    display: grid;
    grid-template-rows: auto auto 1fr;
    height: calc(100dvh - 255px);
    max-width: 600px;
    margin: 0 auto;

    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-9996xlsux0]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-9996xlsux0]
    }

    & > div:first-child {
        margin: 1rem 0;
    }

    & > div:last-child[b-9996xlsux0] {
        height: calc(100dvh - 365px);
        justify-items: flex-start;

        @media (max-width: 518px) {
            height: calc(100dvh - 460px);[b-9996xlsux0]
        }

        @media (min-width: 519px) and (max-width: 958px) {
            height: calc(100dvh - 420px);[b-9996xlsux0]
        }

        & > div:last-child {

            & > div:last-child {
                height: 100%;
            }
        }

    }
}
/* /Pages/Registraton/Components/LogoRegComponent.razor.rz.scp.css */
.logo-reg-container[b-cv3jizpvra] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100dvh - 255px);
    max-width: 600px;
    justify-self: center;
    
    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-cv3jizpvra]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 310px);[b-cv3jizpvra]
    }

    && > div:first-child {
        margin: 1rem 0;
        justify-self: center;
    }

    > div:last-child[b-cv3jizpvra] {
        justify-self: center;

        > .org-logo-wrapper {

            > div:first-child {
                width: 100%;
            }

        }
    }
}

/* /Pages/Registraton/Components/OrgRegComponent.razor.rz.scp.css */
.org-reg-container[b-cfk1oz5iir] {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 1rem;
    height: calc(100dvh - 255px);
    max-width: 1000px;
    margin: 0 auto;
    
    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-cfk1oz5iir]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 320px);[b-cfk1oz5iir]
    }

    .org-reg-info-wrapper {
        margin: 1rem 0;
        display: flex;
    }

    .org-reg-body-wrapper[b-cfk1oz5iir] {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        gap: 1rem;
        height: 100%;
        overflow: auto;

        @media (max-width: 518px) {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            width: 100%;
            overflow-y: auto;[b-cfk1oz5iir]

            /*background-color: indianred;*/
        }

        @media (min-width: 519px) and (max-width: 958px) {
            width: 100%;
            display: flex;
            flex-direction: column;[b-cfk1oz5iir]
        }

        & > div {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            height: 100%;
        }
    }
}
/* /Pages/Registraton/Components/PartsRegComponent.razor.rz.scp.css */
.parts-reg-container[b-j2x2mv360o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 1000px;
    margin: 0 auto;
    height: calc(100dvh - 255px);
    padding-top: 1rem;


    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-j2x2mv360o]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-j2x2mv360o]
    }

    & > div:last-child {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        height: 100%;
        
        & > .card {
            /*remove card rules*/
            background-color: transparent;
            border: none;
            border-radius: 0;
            box-shadow: none;
            margin: 0;
            padding: 0;
        }
    }
}
/* /Pages/Registraton/Components/RegistrationTabComponent.razor.rz.scp.css */
/* /Pages/Registraton/Components/StandardJobRegComponent.razor.rz.scp.css */
.std-job-reg-container[b-52hgqjejow] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
    margin: 0 auto;
    height: calc(100dvh - 255px);
    padding-top: 1rem;


    @media (max-width: 518px) {
        height: calc(100dvh - 330px);[b-52hgqjejow]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);[b-52hgqjejow]
    }
    
    & > div:last-child {
        height: 100%;
    }
}
/* /Pages/Registraton/Components/TechnicianRegComponent.razor.rz.scp.css */
.tech-reg-container[b-53oyzkhnvc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 600px;
    margin: 0 auto;
    height: calc(100dvh - 255px);
    padding-top: 1rem;

    @media (max-width: 518px) {
        height: calc(100dvh - 330px);
        padding-bottom: 2rem;[b-53oyzkhnvc]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 315px);
        padding-bottom: 2rem;[b-53oyzkhnvc]
    }

    & > div:last-child {
        height: 100%;
        justify-items: flex-start;
    }
}
/* /Pages/Registraton/Components/UserRegComponent.razor.rz.scp.css */
.user-reg-container[b-73tndrobel] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

    .user-reg-info-wrapper {
        margin: 1rem 0;
    }

    .user-reg-body-wrapper[b-73tndrobel] {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        flex-grow: 0;
        min-width: 500px;
        
        @media (max-width: 768px) {
            min-width: 100%;[b-73tndrobel]
        }
    }
}
/* /Pages/Registraton/RegistrationPage.razor.rz.scp.css */
.registration-page-container[b-rbrbjl428i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;

    /*Header Card*/
    & > span {
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: space-between;

        & > span {
            display: flex;
            flex-direction: row;
            gap: 1rem;
            align-items: baseline;
            
            @media (max-width: 958px) {
                flex-direction: column;[b-rbrbjl428i]
            }
        }
    }

    /*Tabs*/
    & > div[b-rbrbjl428i] {
        display: flex;
        height: calc(100vh -  10.5rem);
        
        @media (max-width: 518px) {
            height: calc(100dvh -  15rem);[b-rbrbjl428i]
            
            /*background-color: indianred;*/
        }
        
        @media (min-width: 519px) and (max-width: 958px) {
            height: calc(100dvh -  14rem);[b-rbrbjl428i]
            
            /*background-color: burlywood;*/
        }

        @media (min-width: 959px) and (max-width: 1278px) {
            /*background-color: darkolivegreen;*/
        }

        @media (min-width: 1279px) {
            /*background-color: green;*/
        }

        @media (min-width: 1920px) {
            /*background-color: yellowgreen;*/
        }
    }
}
/* /Pages/Settings/SettingsComponents/AccountsComponents/AccountExportPreferance.razor.rz.scp.css */
.account-export-settings-dialog-container[b-93q0zgm6ff] {
    display: grid;
    gap: 1rem;
    
    margin: 1rem;
} 
/* /Pages/Settings/SettingsComponents/AccountsComponents/AccountSettings.razor.rz.scp.css */
.account-settings-container[b-rngjjar9qo] {
    display: grid;
    gap: 1rem;
    margin: 1rem;
}
/* /Pages/Settings/SettingsComponents/AccountsComponents/AccountsExportInfoPanel.razor.rz.scp.css */
.Accounts-info-panel-container[b-n6bana1772] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    
    & > span {
        display: flex;
        justify-content: space-between;
        
        & > span {
            display: flex;
            align-items: center;
            gap: .5rem;
        }
    }
    
    & > span:last-child[b-n6bana1772] {
        display: flex;
        justify-content: start;
        gap: 1rem;
    }
}
/* /Pages/Settings/SettingsComponents/AccountsComponents/AccountsExportView.razor.rz.scp.css */
.accounts-body-wrapper[b-4wh4kf8jem] {
    margin: 1rem;
}
/* /Pages/Settings/SettingsComponents/AccountsComponents/SageExportTable.razor.rz.scp.css */
/* /Pages/Settings/SettingsComponents/DepartmentComponents/DepartmentSettingsView.razor.rz.scp.css */
.department-container[b-ngxm00dyv6] {
    display: grid;
    gap: 1rem;
}
/* /Pages/Settings/SettingsComponents/JobCloseOptionComponent.razor.rz.scp.css */
.options-job-close-status-container[b-g4wj7x68fj] {
    display: grid;
    gap: 1rem;
    
    & > span {
        display: grid;
        grid-template-columns: 1fr auto minmax(100px, 300px);
        gap: 1rem;
        /*align-items: center;*/

        @media (max-width: 518px) {
            display: grid;[b-g4wj7x68fj]
        }

        @media (min-width: 519px) and (max-width: 958px) {
            display: grid;[b-g4wj7x68fj]
        }
    }

    /*& > span:last-child {*/
    /*    display: grid;*/
    /*    grid-template-columns: repeat(2, 1fr);*/
    /*    gap: 1rem;*/
    
    /*    @media (max-width: 518px) {*/
    /*        grid-template-columns: 1fr;*/
    /*    }*/
    
    /*    @media (min-width: 519px) and (max-width: 958px) {*/
    
    /*    }*/
    /*}*/
}
/* /Pages/Settings/SettingsComponents/LabourComponents/LabourDetails.razor.rz.scp.css */
.labour-settings-container[b-m5df10jwnq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.labour-dialog-container[b-m5df10jwnq] {
    padding: 1rem;
    
    & > div {
        display: flex;
        flex-direction: column;
    }
    
    & > span[b-m5df10jwnq] {
        display: flex;
        gap: 1rem;
        align-items: center;
        justify-content: right;
    }
}
/* /Pages/Settings/SettingsComponents/LabourComponents/LabourSettingsView.razor.rz.scp.css */
.labour-settings-list-wrapper[b-gckz9m9e3y] {
    display: grid;
    gap: 2rem;
    margin: 1rem;
    place-items: center;
    
    /*card*/
    & > div {
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
        margin: 0;
    }
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/AccountIntegraton.razor.rz.scp.css */
.account-integration-container[b-ed2a60wvvg] {
    display: grid;
    gap: 1rem;

    & > span {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 1rem;
        align-items: center;
    }
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/ImportCustomers.razor.rz.scp.css */
.import-customers-container[b-cndmh5uu6c] {
    display: grid;
    gap: 1rem;
}

.action-buttons-wrapper[b-cndmh5uu6c] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.failer-table-wrapper[b-cndmh5uu6c] {
    display: grid;
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/ImportProducts.razor.rz.scp.css */
.import-products-container[b-bzy5m6wd6w] {
    display: grid;
    gap: 1rem;
}

.action-buttons-wrapper[b-bzy5m6wd6w] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.failer-table-wrapper[b-bzy5m6wd6w] {
    display: grid;
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/LogoutTimerSetting.razor.rz.scp.css */
.logout-timer-setting-container[b-n9yeabsh60] {
    
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/OrgOptionsView.razor.rz.scp.css */
.settings-options-view[b-5d6fo88n2g] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100dvh - 2.8rem);
}

.options-body[b-5d6fo88n2g] {
    display: grid;
    place-items: center;
    height: calc(100dvh - 8.5rem);
    margin-block: 1rem;

    & > div {
        min-width: 500px;
        max-width: 900px;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        padding: .5rem;
    }
}
/* /Pages/Settings/SettingsComponents/OptionsComponents/ResetSettingsChecklist.razor.rz.scp.css */
.reset-settings-checklist-container[b-4e3454pvrj] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/CompanyDepartmentDetails.razor.rz.scp.css */
.company-department-details[b-lb78lbhpvr] {

    && > form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 2rem;
    }

    && > form > span[b-lb78lbhpvr] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/CompanyDepartmentInfo.razor.rz.scp.css */
.department-container[b-41iqxhcy3a] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: calc(100dvh - 310px);

    @media (max-width: 518px) {
        height: calc(100dvh - 385px);[b-41iqxhcy3a]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        height: calc(100dvh - 370px);[b-41iqxhcy3a]
    }
    
    && > .simple-list {
        height: 100%;
        overflow: auto;
        
        && > span {
            display: grid;
            grid-template-columns: 1fr auto auto;
            gap: .5rem;
            align-items: center;
            padding: .5rem;
        }

        && span:hover[b-41iqxhcy3a] {
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.1);
        }
    }
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/CompanyGdprInfo.razor.rz.scp.css */
.gdpr-wrapper[b-29e0u7a2qt] {
    display: grid;
    gap: .5rem;

    & > span {
        display: grid;
        grid-template-columns: 1fr auto 8rem;
        gap: 1rem;
        /*align-items: center;*/

        & > div {
            display: grid;
            gap: .5rem;
        }
    }
    
    /*& > span:last-child {*/
    /*        background-color: yellowgreen;*/
    /*    display: grid;*/
    /*    grid-template-columns: 1fr auto auto;*/
    /*    gap: 1rem;*/
    /*    align-items: center;*/
    /*}*/
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/CompanyLogo.razor.rz.scp.css */
.org-logo-wrapper[b-z4s9etpozb] {
    display: grid;
    gap: 1rem;
    justify-items: center;
    
    && > .org-logo-image-wrapper {
        width: 100%;
        justify-items: center;
        border: var(--mud-palette-primary) solid 3px;
        border-radius: 10px;
        padding: .5rem;
    }

    && > div[b-z4s9etpozb] {
        display: grid;
        gap: .5rem;

        && span {
            display: grid;
            grid-template-columns: repeat(2, auto);
            gap: .5rem;

            /*Fix for the Remove button to align with Add*/
            &&  button:first-child {
                align-self:  end;
            }
        }
    }

    .org-logo-add-wrapper[b-z4s9etpozb] {
        width: auto;
        height: 100px;
        border-radius: 10px;
        border: var(--mud-palette-tertiary) solid  3px;

        && > p {
            display: grid;
            justify-content: center;
            align-items: center;
            height: 100%;
            font-size: 1.5rem;
            color: var(--mud-palette-tertiary);
        }
    }
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/CompanySettingsView.razor.rz.scp.css */
.organization-wrapper[b-27zfzw3tce] {
    display: grid;
    grid-template-rows: auto 1fr;
    height: calc(100vh - 46px);

    && > div {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 1rem;
        padding: 1rem;
        overflow-y: hidden;
    }

    && .card-no-margin[b-27zfzw3tce] {
        height: inherit;
        overflow-y: auto;
    }

    && .card-no-margin:first-child[b-27zfzw3tce] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    && .card-no-margin:last-child[b-27zfzw3tce] {
        display: grid;
        gap: 1rem;
        
        && > div {
            border-bottom: var(--mud-palette-tertiary) 1px solid;
            padding-bottom: 1rem;
        }
        
        &&  div:last-child[b-27zfzw3tce] {
            border-bottom: none;
            padding-bottom: 0;
        }
    }
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/InvoiceFooterComponent.razor.rz.scp.css */
.options-inv-footer-wrapper[b-kjeplhvqhd] {
    display: grid;
    gap: .5rem;

    .footer-formating-buttons {
        display: grid;
        grid-template-columns: 1fr repeat(5, auto) 1fr;
        gap: .5rem;
    }
    
    & > span:last-child[b-kjeplhvqhd] {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
    }
}

.footer-bold[b-kjeplhvqhd] {
    textarea {
        font-weight: bold;
    }
}

.footer-italic[b-kjeplhvqhd] {
    textarea {
        font-style: italic;
    }
}

.footer-center[b-kjeplhvqhd] {
    textarea {
        text-align: center;
    }
}

.footer-left[b-kjeplhvqhd] {
    textarea {
        text-align: left;
    }
}

.footer-right[b-kjeplhvqhd] {
    textarea {
        text-align: right;
    }
}
/* /Pages/Settings/SettingsComponents/OrganisationComponents/InvoiceTerms.razor.rz.scp.css */
.options-terms-wrapper[b-q8d0tu7p8o] {
    display: grid;
    gap: .5rem;
    
    & > span {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 1rem;
    }
}
/* /Pages/Settings/SettingsComponents/ProductCatComponents/PorductCategoryDetails.razor.rz.scp.css */
.category-details-container[b-ilcdpehrbv] {
    padding: 1rem;
    
    & > form > span {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Pages/Settings/SettingsComponents/ProductComponents/AddProductStockDialog.razor.rz.scp.css */
[b-o0yl2s831q] .add-stock-container {
height: 400px;
}
/* /Pages/Settings/SettingsComponents/ProductComponents/ProductDetails.razor.rz.scp.css */
.parts-details-container[b-6hzmk1p2k5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline: 2rem;
    padding-bottom: 2rem;
    overflow: auto;
    
    & > section:first-child {
        display: grid;
        gap: 1rem;
        align-items: start;
        height: 100%;
        overflow: auto;
        
        @media (max-width: 518px) {
            display: grid;
            grid-template-columns: 1fr;[b-6hzmk1p2k5]
        }

        @media (min-width: 519px) and (max-width: 958px) {
            display: grid;
            grid-template-columns: 1fr;[b-6hzmk1p2k5]
        }
    }
    & > section:last-child[b-6hzmk1p2k5] {
        display: flex;
        gap: 1rem;
        width: 100%;
        justify-content: end;

        @media (max-width: 518px) {
            display: grid;
            grid-template-columns: 1fr;[b-6hzmk1p2k5]
        }

        @media (min-width: 519px) and (max-width: 958px) {
            display: grid;
            grid-template-columns: repeat(2, 1fr);[b-6hzmk1p2k5]
        }
    }
}

.org-details-wrapper[b-6hzmk1p2k5] {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 1rem;

    @media (max-width: 518px) {
        grid-template-columns: 1fr;[b-6hzmk1p2k5]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        grid-template-columns: 1fr;[b-6hzmk1p2k5]
    }
}

.sub-details-container[b-6hzmk1p2k5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    align-items: center;

    @media (max-width: 518px) {
        grid-template-columns: 1fr;[b-6hzmk1p2k5]
    }

    @media (min-width: 519px) and (max-width: 958px) {
        grid-template-columns: 1fr;[b-6hzmk1p2k5]
    }
}
/* /Pages/Settings/SettingsComponents/ProductComponents/ProductList.razor.rz.scp.css */
/* /Pages/Settings/SettingsComponents/ProductComponents/ProductSettingsView.razor.rz.scp.css */
.product-settings-list-wrapper[b-0u54mmjpo7] {
    display: grid;
    min-width: 500px;
    max-width: 800px;
    width: 100%;
    height: 100%;
    
    @media (max-width: 958px) {
        display: grid;
        width: 100%;
        height: 100%;
        overflow-y: auto;[b-0u54mmjpo7]
    }
}

.product-list-container[b-0u54mmjpo7] {
    display: grid;
    height: 100%;
    place-items: center;
    padding: 1rem;
    
    @media (max-width: 958px) {
        height: calc(100% - 125px);[b-0u54mmjpo7]
    }
}
/* /Pages/Settings/SettingsComponents/SettingsSidebar.razor.rz.scp.css */

/* /Pages/Settings/SettingsComponents/SupplierComponents/SupplierDetails.razor.rz.scp.css */
.supplier-container[b-tqm7e77ixc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}
/* /Pages/Settings/SettingsComponents/SupplierComponents/SuppliersList.razor.rz.scp.css */
.supplier-list-li[b-zf63h15gsb] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    padding: .5rem;
    align-items: center;
}
/* /Pages/Settings/SettingsComponents/TaskComponents/StdTaskContainer.razor.rz.scp.css */
.task-container[b-5gf5ytzvqg] {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    overflow-y: auto;
    padding-inline: 2rem;
    padding-bottom: 2rem;
    height: calc(100dvh - 150px);
}

.task-action-buttons-wrapper[b-5gf5ytzvqg]{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
/* /Pages/Settings/SettingsComponents/TaskComponents/StdTaskDetails.razor.rz.scp.css */
.task-details[b-xflf2um4hf] {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto auto;
    gap: 1rem;

    @media (max-width: 518px) {
        display: grid;
        grid-template-columns: 1fr;

        & > div:last-child[b-xflf2um4hf] {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }
    }
}
/* /Pages/Settings/SettingsComponents/TaskComponents/StdTaskList.razor.rz.scp.css */
/* /Pages/Settings/SettingsComponents/TaskComponents/TaskItemDetails.razor.rz.scp.css */
.item-container[b-foreo2sreh] {
    display: grid;
    gap: .5rem;
    align-content: start;
    padding-inline: 2rem;
    padding-bottom: 2rem;

    /*Title*/
    && > span {
        display: flex;
        gap: 1rem;
        align-items: center;
    }

    && > div[b-foreo2sreh] {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        gap: .5rem;

        && > div:last-child {
            display: grid;
            gap: .5rem;
            align-content: start;
        }

        && > div:last-child > span:first-child[b-foreo2sreh] {
            display: grid;
            gap: .5rem;
        }

        && > div:last-child > span:nth-child(2)[b-foreo2sreh] {
            display: grid;
            grid-template-columns: 1fr 2fr;
            gap: .5rem;
        }


    }
        /*Buttons*/
        && > span:last-child[b-foreo2sreh] {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: .5rem;
        }
}

.search-result-grid[b-foreo2sreh] {
    display: grid;
    grid-template-columns: auto 1fr 2fr 5rem;
    gap: .5rem;
}
/* /Pages/Settings/SettingsComponents/TaskComponents/TaskItemList.razor.rz.scp.css */
.task-item-list-container[b-3w6lgylu6o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.task-item-li[b-3w6lgylu6o] {
    display: grid;
    grid-template-columns: 2rem 1fr 4rem 4rem 2rem;
    align-items: center;
    gap: .5rem;
    padding: .5rem;
    
    && > p:nth-child(4) {
        text-align: right;
    }
}
/* /Pages/Settings/SettingsComponents/TaskComponents/TaskSettingsView.razor.rz.scp.css */
.task-settings-list-wrapper[b-1wo15v4ofz] {
    display: grid;
    height: 100%;
    place-items: center;
    padding: 1rem;
    
    & > div {
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
    }
}
/* /Pages/Settings/SettingsComponents/TechnicianComponents/HolidayList.razor.rz.scp.css */
.holiday-list[b-js0dsb0i53] {
    border: 2px solid var(--mud-palette-tertiary);
    border-radius: .5rem;
    height: 100%;
    
    && ul {
        height: 18rem;
        overflow-y: auto;
    }    
}

    .holiday-list li[b-js0dsb0i53] {
        display: grid;
        grid-template-columns: 1fr 2rem;
        padding-inline: 1rem;
        padding-block: .5rem;
        gap: 1rem;
        align-items: center;
        border-bottom: 1px solid var(--mud-palette-tertiary);
    }

        .holiday-list li:nth-last-child(1)[b-js0dsb0i53] {
            border-bottom: none;
        }

        .holiday-list li:hover[b-js0dsb0i53] {
            background-color: rgba(0,0,0,.2);
            cursor: pointer;
        }

.holiday-details[b-js0dsb0i53] {
    display: grid;
    grid-template-columns: 1fr 4rem 4rem;
    gap: 1rem;
    
    && p:last-child {
        text-align: right;
    }
}

    .holiday-details span[b-js0dsb0i53] {
        display: flex;
        gap: .5rem;
        align-items: center;
    }

.holiday-dates[b-js0dsb0i53] {
    display: flex;
    justify-content: space-evenly;
}

.past-holiday[b-js0dsb0i53] {
    background-color: rgba(0, 0, 0, .3);
    color: rgba(100, 100, 100, .8);
}
/* /Pages/Settings/SettingsComponents/TechnicianComponents/TechAbsenceDetails.razor.rz.scp.css */
.absence-details-container[b-h0sqltdo7o] {
    display: grid;
    gap: 1rem;
    align-items: end;
    padding: 1rem;

    && > div:first-child {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 1rem;
        align-items: center;
    }
    
    & > span[b-h0sqltdo7o] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
}
/* /Pages/Settings/SettingsComponents/TechnicianComponents/TechDetails.razor.rz.scp.css */
.tech-details-container[b-8clp33ujw3] {
    display: grid;
    grid-template-rows: 1fr auto;
    gap: 1rem;
    padding-inline: 2rem;
    padding-bottom: 2rem;
    overflow: hidden;

    & > div {
        display: grid;
        gap: 1rem;
        height: inherit;
        overflow-y: auto;
    }
}

/*Details*/
.org-details-wrapper > div[b-8clp33ujw3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;

    @media (max-width: 958px) {
        display: flex;
        flex-direction: column;
        gap: 0;[b-8clp33ujw3]
    }

    & > span {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 1rem;
        align-items: center;

        @media (max-width: 958px) {
            display: flex;
            flex-direction: column;
            gap: 0;
            align-items: stretch;[b-8clp33ujw3]
        }
    }
}

/*Work Hours*/
.work-hours-wrapper[b-8clp33ujw3] {
    display: grid;
    gap: 1rem;

    & > span {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 1rem;
        align-items: center;

        @media (max-width: 518px) {
            display: flex;
            flex-direction: column;
            gap: 1rem;[b-8clp33ujw3]
        }

        @media (min-width: 519px) and (max-width: 958px) {
            display: grid;
            grid-template-columns: repeat(2, 1fr);[b-8clp33ujw3]
        }

        & > div {
            text-align: center;
            display: grid;
            gap: 1rem;
            border: 1px solid var(--mud-palette-tertiary);
            border-radius: 5px;
            padding: .5rem;
        }

        && div > span[b-8clp33ujw3] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            align-items: center;
        }
    }
}

/*Absence*/
.absence-wrapper[b-8clp33ujw3] {
    display: grid;
    gap: 1rem;

    && > span:first-child {
        display: grid;
        grid-template-columns: 1fr 2fr;
        gap: 1rem;
        align-items: center;

        /*Buttons*/

        && > span {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            align-items: center;
        }
    }

    && > span[b-8clp33ujw3] {
        display: grid;
        grid-template-columns: 1fr 1.2fr;
        gap: 1rem;
        align-items: center;
    }
}

.action-button-wrapper[b-8clp33ujw3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-top: 2rem;

    @media (max-width: 958px) {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;[b-8clp33ujw3]
    }
}
/* /Pages/Settings/SettingsComponents/TechnicianComponents/TechnicianList.razor.rz.scp.css */
.list-container[b-scj3chkqod] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 1rem;
    padding: 1rem;
    align-items: center;
}
/* /Pages/Settings/SettingsComponents/TechnicianComponents/TechSettingsView.razor.rz.scp.css */
.tech-settings-container[b-yzvnape897] {
    height: calc(100dvh - 45px);
}

.tech-settings-list-wrapper[b-yzvnape897] {
    display: grid;
    height: calc(100% - 3.5rem);
    width: 100%;
    place-items: center;
    padding: 1rem;
    
    & > .card {
        align-items: center;
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: calc(100% - 1rem);
        
        & > .settings-list-container {
            height: inherit;
        }
    }
}

.archive-toggle-header[b-yzvnape897] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    width: 100%;
    background-color: var(--mud-palette-primary);
    padding-inline: .5rem;
    border-radius: 10px;
    color: var(--mud-palette-primary-text);

    & h6 {
        text-align: start;
    }

}
/* /Pages/Settings/SettingsComponents/UserComponents/AddNewUser.razor.rz.scp.css */
.new-user-container[b-o2wheos18c] {
    display: grid;
    margin-inline: 1.5rem;
    margin-bottom: 1.5rem;
    min-width: 25rem;
    
    & > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}

.select-item-wrapper[b-o2wheos18c] {
    display: grid;
    grid-template-columns: 1fr auto;
}

/* /Pages/Settings/SettingsComponents/UserComponents/UserDetails.razor.rz.scp.css */
.user-details-container[b-h1l41otfwg] {
    display: grid;
    padding-inline: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: auto;
}

.user-action-buttons[b-h1l41otfwg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}

.select-item[b-h1l41otfwg] {
    display: grid;
    grid-template-columns: 1fr auto;
}
/* /Pages/Settings/SettingsComponents/UserComponents/UserList.razor.rz.scp.css */
.list-container[b-j0annskwtx] {
    display: grid;
    grid-template-rows: auto auto auto 1fr;
    gap: 1rem;
    align-items: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}


.list-item[b-j0annskwtx] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    padding-inline: .3rem;
    padding-block: .5rem;
    gap: .2rem;
    align-items: center;

}

.user-info[b-j0annskwtx] {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: .5rem;
}

.badge[b-j0annskwtx] {
    /*background-color: red;*/
    text-align: center;
    border-radius: 50rem;
    padding-block: .2em;
    padding-inline: .7em;
    margin: .2rem;
}
/* /Pages/Settings/SettingsComponents/UserComponents/UserSettingsView.razor.rz.scp.css */
.user-settings-container[b-nsbew1gxy8] {
    display: grid;
    grid-template-rows: auto calc(100dvh - 107px);
}

.user-settings-body-wrapper[b-nsbew1gxy8] {
    display: grid;
    place-items: center;
    padding: 1rem;
    height: 100%;

    & > .card {
        min-width: 500px;
        max-width: 800px;
        width: 100%;
        height: 100%;
    }
}
/* /Pages/Settings/SystemSettings.razor.rz.scp.css */

/* /Pages/SuperAdmin/Components/CreateOrgComponent.razor.rz.scp.css */
.create-org-container[b-a6ahawmymb] {
    padding-inline: 1.5rem;
    padding-bottom: 1.5rem;
    
    & > form {
        display: grid;
        gap: 1rem;
        
        .city-postcode-wrapper {
            display: grid;
            grid-template-columns:  2fr 1fr;
            gap: 1rem;
        }
    }
}

.button-wrapper[b-a6ahawmymb] {
    display: flex;
    gap: 1rem;
    justify-content: right;
    
}
/* /Pages/SuperAdmin/Components/OrganisationList.razor.rz.scp.css */
.org-list-container[b-ai5dti90pl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
    min-width: 500px;   
    max-width: 800px;
    height: calc(100vh - 215px);
}

.org-list[b-ai5dti90pl] {
    
}

.org-list-li[b-ai5dti90pl] {
    display: grid;
    grid-template-columns: 1fr auto;
    padding: .5rem;
    align-items: center;
    
    & div > span {
        display: flex;
        gap: .3rem;
    }
}
/* /Pages/SuperAdmin/Components/OrgDetailsComponent.razor.rz.scp.css */
.organisation-details-container[b-98ewros6bh] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 0;
    margin: 0;

    & > div {
        
        & > div > span {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: .5rem;
        }
    }
}

.address-wrapper[b-98ewros6bh] {
    display: flex;
    flex-direction: column;
    
    & > span {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: .5rem;
    }
}

.expiry-date-wrapper[b-98ewros6bh] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

.actions-wrapper[b-98ewros6bh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    align-items: center;
}
/* /Pages/SuperAdmin/Components/OrgDialogComponent.razor.rz.scp.css */
.organisation-dialog-container[b-vjybich6ji] {
    display: grid;
    grid-template-columns:  1fr 1fr;
    gap: 1rem;
    margin-inline: 1.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    justify-content: center;

}

.processing-wrapper[b-vjybich6ji] {
    padding: 1rem;
}

.org-details-wrapper[b-vjybich6ji] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.user-list-wrapper[b-vjybich6ji] {
    
}

.user-list-item[b-vjybich6ji] {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: .5rem;
    align-items: center;
    padding: .5rem;
}
/* /Pages/SuperAdmin/Components/UserInfoDialog.razor.rz.scp.css */
.user-info-dialog-container[b-vgp24emmod] {
    display: grid;
    gap: .5rem;
    padding-inline: 1.5rem;
    padding-bottom: 1.5rem;
    
    & > span {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
/* /Pages/SuperAdmin/SuperAdminDashboard.razor.rz.scp.css */
.superadmin-dashboard-container[b-8wvz3euygl] {
    display: grid;
    grid-template-rows: auto 1fr;
    /*grid-template-rows: auto calc(100dvh - 170px);*/
    gap: 1rem;
    margin: 1rem;
    height: calc(100vh - 80px);
}

.dashboard-header-wrapper[b-8wvz3euygl] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
}

.dashboard-body-wrapper[b-8wvz3euygl] {
    
}
/* /Shared/MainLayout.razor.rz.scp.css */

/* /Shared/UserButton.razor.rz.scp.css */
.dropdown-button[b-zjgz7891ua] {
    /*position: relative;*/
    /*display: inline-block; !* Ensures the dropdown-menu positions relative to this container *!*/
}

.button-container[b-zjgz7891ua] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.dropdown-menu[b-zjgz7891ua] {
    display: none; /* Hidden by default */
    position: fixed; /* Positioned relative to the viewport */
    top: 48px; /* Offset from the top of the browser (can adjust this value) */
    right: 0; /* Aligns the menu to the right edge of the browser */
    max-width: 500px; /* Ensures the menu grows leftwards up to 200px in width */
    background-color: var(--mud-palette-appbar-background);
    padding: 1rem; /* Add padding for visual spacing */
    border-bottom-left-radius: 0.5rem;
    z-index: 100; /* Ensures dropdown shows above other content */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow for style */
}

.show-menu[b-zjgz7891ua] {
    display: grid;
    gap: .5rem;
    text-align: right;
    
    && > button {
        display: flex;
        gap: .5rem;
        justify-self: right;
    }
}