/* /Layout/Components/Dialog/BaseUpdateDialog.razor.rz.scp.css */
/* /Layout/Components/Dialog/ErrorBoundaryAlert.razor.rz.scp.css */
.body-error-boundary-alert[b-oafd0b1wfa] {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
}

.content-error-alert[b-oafd0b1wfa] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    max-height: 500px;
    width: 80%;
    max-width: 500px;
    background-color: white;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    border-radius: 16px;
    padding: 16px;
}

#icon[b-oafd0b1wfa] {
    height: 60px;
    object-fit: contain;
    overflow: hidden;
}

svg[b-oafd0b1wfa] {
    width: 100%;
    height: 100%;
}

#text-title[b-oafd0b1wfa] {
    color: #e74c3c;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}

#line[b-oafd0b1wfa] {
    height: 1px;
    width: 100%;
    background-color: lightgray;
}

#text-detail[b-oafd0b1wfa] {
    flex: 1;
    padding: 12px 4px;
    display: flex;
    flex-direction: column;
    text-align: center;
    overflow: auto;
    word-wrap: break-word;
}

#btn-try-again[b-oafd0b1wfa] {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

    #btn-try-again :hover[b-oafd0b1wfa] {
        background: #c0392b;
    }
/* /Layout/Components/Dialog/Facilities/UpdateDriverDialog.razor.rz.scp.css */
.driver-info[b-hqyrestbnb] {
    display: flex;
    gap: 20px;
}

.driver-info__avatar[b-hqyrestbnb] {
    width: 120px;
    height: 150px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #ccc;
    overflow:hidden;
}

.driver-info__detail[b-hqyrestbnb]{
    display:flex;
    flex-direction:column;
    gap: 8px;
}
/* /Layout/Components/Dialog/FormPrintPreviewDialog.razor.rz.scp.css */
.form-preview[b-b13eiasqyv] {
    height: 100%;
    width: 100%;
    overflow: hidden;
    object-fit: contain;
}
/* /Layout/Components/Dialog/ImageFullSizeDialog.razor.rz.scp.css */

.camera-preview[b-sw2tww4ami] {
    position: relative;
    margin: 0 -16px;
    object-fit: cover;
    /*    width: 100%;*/
    border-radius: 8px;
    overflow: hidden;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /*    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);*/
    overflow: hidden;
}

.camera-live-status[b-sw2tww4ami] {
    position: absolute;
    left: 4px;
    top: 4px;
    padding: 0 8px;
    background-color: var(--mud-palette-background);
    border-radius: 12px;
    display: flex;
    gap: 4px;
    justify-items: center;
    align-items: center;
    color: var(--mud-palette-error);
    font-size: 12px;
}

    .camera-live-status .camera-live-status__point[b-sw2tww4ami] {
        margin-bottom: 2px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: var(--mud-palette-error);
    }

.camera-title[b-sw2tww4ami] {
    position: absolute;
    left: 4px;
    bottom: 4px;
    padding: 0 8px;
    background-color: var(--mud-palette-background);
    border-radius: 4px;
    font-size: 12px;
}
/* /Layout/Components/Dialog/NotificationPopup.razor.rz.scp.css */
#icon[b-d76g2myfvf]
{
    height: 60px;
    object-fit:contain;
}
#text-title[b-d76g2myfvf]{
    text-align:center;
    font-weight: 700;
    font-size: 16px;
}

#line[b-d76g2myfvf]{
    height:1px;
    width: 100%;
    background-color:lightgray;
}

#text-detail[b-d76g2myfvf] {
    text-align: justify;
    text-justify: inter-word;
}
/* /Layout/Components/Dialog/QrCodeShowDialog.razor.rz.scp.css */
.qrcode-title[b-zv3ohttzg8] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.qrcode-text[b-zv3ohttzg8] {
    margin-bottom: 16px;
    max-width: 220px;
    font-size: 12px;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
}
/* /Layout/Components/Dialog/User/ListPermissionView.razor.rz.scp.css */
.per-body[b-uzz6ghy05d]
{
   overflow: auto;
   margin: 0 8px;
}

.per-group[b-uzz6ghy05d] {
    margin-top: 16px;
}
.per-header[b-uzz6ghy05d] {
}

.per-content[b-uzz6ghy05d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 8px;
}

.per-item[b-uzz6ghy05d] {
    margin-left: 12px;
/*    width: 100%;*/
    display: flex;
    gap: 16px;
    justify-content: space-between;
}
    .per-item.per-item__first[b-uzz6ghy05d] {
        border-top: solid 1px var(--mud-palette-lines-inputs);
        padding-top: 8px;
        margin-left: -8px;
    }

.per-item__desc[b-uzz6ghy05d] {
    width: 280px;
    font-weight: 200;
}
/* /Layout/Components/Private/FacilityConfigBaseView.razor.rz.scp.css */
.report-base-body[b-ilx94lfcge] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%; /*Cần trừ đi NavBar*/
    width: 100%;
    overflow: hidden;
    /*position: fixed;*/
    animation: slideRightToLeft ease 0.2s;
}

.line-break[b-ilx94lfcge] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

.content-body[b-ilx94lfcge] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;   
}

.report-base-filter__content[b-ilx94lfcge] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}

.report-base-filter[b-ilx94lfcge] {
    position:absolute;
    right: 0;
    height: 50px;
    width: 70px;
/*    margin-right: -18px;*/
    padding: 8px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    color: white;
    /*    background-color: var(--mud-palette-drawer-background);*/
    background-color: var(--mud-palette-primary);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .report-base-filter .report-base-filter__text[b-ilx94lfcge] {
    }
/* /Layout/Components/Private/FormPrintSettingView.razor.rz.scp.css */
/* /Layout/Components/Private/ReportBaseAllView.razor.rz.scp.css */
.report-base-body[b-6kh5fks93t] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%; /*Cần trừ đi NavBar*/
    width: 100%;
    overflow: hidden;
    /*position: fixed;*/
    animation: slideRightToLeft ease 0.2s;
}

.line-break[b-6kh5fks93t] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

.content-body[b-6kh5fks93t] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;   
}

.report-base-filter__content[b-6kh5fks93t] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}

.report-base-filter[b-6kh5fks93t] {
    height: 50px;
    width: 60px;
    margin-right: -8px;
    padding: 8px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    color: white;
    /*    background-color: var(--mud-palette-drawer-background);*/
    background-color: var(--mud-palette-primary);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .report-base-filter .report-base-filter__text[b-6kh5fks93t] {
    }
/* /Layout/Components/Private/ReportBaseView.razor.rz.scp.css */
.report-base-body[b-n504n42798] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%; /*Cần trừ đi NavBar*/
    width: 100%;
    overflow: hidden;
    /*position: fixed;*/
    animation: slideRightToLeft ease 0.2s;
}

.line-break[b-n504n42798] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

.content-body[b-n504n42798] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;   
}

.report-base-filter__content[b-n504n42798] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}

.report-base-filter[b-n504n42798] {
    position:absolute;
    right: -4px;
    height: 50px;
    width: 70px;
/*    margin-right: -18px;*/
    padding: 8px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    color: white;
    /*    background-color: var(--mud-palette-drawer-background);*/
    background-color: var(--mud-palette-primary);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .report-base-filter .report-base-filter__text[b-n504n42798] {
    }
/* /Layout/Components/Private/VehicleItemView.razor.rz.scp.css */
#box[b-3dcsoaas96] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding:8px 16px;
}

#line-date[b-3dcsoaas96] {
    position: absolute;
    width: calc(100% - 24px);
    height: 1px;
    background-color: lightgrey;
    z-index: 1;
    margin-bottom: 2px;
}

#box-his[b-3dcsoaas96] {
    position: relative;
    /*overflow: hidden;*/
    background-color: var(--mud-palette-surface);
    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    padding: 8px;
    height: 84px;
    display: flex;
    gap: 8px;
    cursor: pointer;
    z-index: 2;
}
/* #box-his:active {
        transform: translateY(-1px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }*/

#box-img[b-3dcsoaas96] {
    border-radius: 4px;
    min-width: 64px;
    max-width: 64px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

#img[b-3dcsoaas96] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#box-text[b-3dcsoaas96] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

#text-title[b-3dcsoaas96] {
    font-weight: 700;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

#text-detail[b-3dcsoaas96] {
/*    font-size: 10px;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: italic;
    line-height: 1.0;
}

#box-detail[b-3dcsoaas96] {
    margin-top: -16px;
    padding: 24px 0px 0px 0px;
    width: 100%;
    max-height: 400px;
    background-color: #fcfafa;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 8px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    /*gap: 8px;*/
    transition-duration: 1.5s;
    transition-property: display;
    overflow: auto;
}

#box-detail-item[b-3dcsoaas96] {
    cursor: pointer;
    border-radius: 8px;
    padding: 8px;
    /*height: 40px;*/
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}

    #box-detail-item:active[b-3dcsoaas96] {
        transform: translateY(-1px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }


.order-stt[b-3dcsoaas96] {
    border-radius: 4px;
    color: white;
    padding: 4px;
    font-size: 12px;
    min-width: 80px;
    text-align: center;
}

.order-name[b-3dcsoaas96] {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: italic;
    line-height: 1.2;
}

.order-time[b-3dcsoaas96] {
    opacity: 0.8;
    font-size: 12px;
}

.order-no_number[b-3dcsoaas96] {
    font-weight: 700;
}
/* /Layout/Components/Private/WeighingFormDetailView.razor.rz.scp.css */
#box[b-e7wovcp16w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    padding: 8px;
    background-color: var(--mud-palette-surface);
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

#box-img[b-e7wovcp16w] {
    border-radius: 4px;
    min-width: 64px;
    max-width: 64px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

#img[b-e7wovcp16w] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#box-text[b-e7wovcp16w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

#text-title[b-e7wovcp16w] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
    border-radius: 4px;
}

#text-detail[b-e7wovcp16w] {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.0;
    /*    font-style: italic;*/
}

#text-vehicle[b-e7wovcp16w]{

}


.weigh-stt[b-e7wovcp16w] {
    border-radius: 4px;
    color: white;
    padding: 4px;
    font-size: 12px;
    min-width: 80px;
    text-align: center;
}

.form-name[b-e7wovcp16w] {
    /*    font-size: 18px;*/
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.weigh-name[b-e7wovcp16w] {
    /*    font-size: 18px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.text-weigh-total[b-e7wovcp16w] {
    font-size: 24px;
    font-weight: 700;
}

.text-weigh-unit[b-e7wovcp16w] {
}

#text-description[b-e7wovcp16w] {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: italic;
    line-height: 1.0;
}
/* /Layout/Components/Private/WeighingFormOverview.razor.rz.scp.css */
#box[b-a4y9xlsxdb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    padding: 8px;
    background-color: var(--mud-palette-surface);
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

#box-img[b-a4y9xlsxdb] {
    border-radius: 4px;
    min-width: 64px;
    max-width: 64px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

#img[b-a4y9xlsxdb] {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#box-text[b-a4y9xlsxdb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

#text-title[b-a4y9xlsxdb] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
    border-radius: 4px;
}

#text-detail[b-a4y9xlsxdb] {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.0;
    /*    font-style: italic;*/
}

#text-vehicle[b-a4y9xlsxdb]{

}


.weigh-stt[b-a4y9xlsxdb] {
    border-radius: 4px;
    color: white;
    padding: 4px;
    font-size: 12px;
    min-width: 80px;
    text-align: center;
}

.form-name[b-a4y9xlsxdb] {
    /*    font-size: 18px;*/
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.weigh-name[b-a4y9xlsxdb] {
    /*    font-size: 18px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.text-weigh-total[b-a4y9xlsxdb] {
    font-size: 24px;
    font-weight: 700;
}

.text-weigh-unit[b-a4y9xlsxdb] {
}

#text-description[b-a4y9xlsxdb] {
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-style: italic;
    line-height: 1.0;
}
/* /Layout/Components/Private/WeighingStationView.razor.rz.scp.css */
.block-content[b-hc48ev4wfk] {
    display: flex;
    flex-direction: column;
    /*    width: 100%;*/
    height: 100%;
    margin: 8px;
    padding: 8px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--mud-palette-background);
    border: 1px solid var(--mud-palette-appbar-background);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    overflow: hidden;
}

.content-title[b-hc48ev4wfk] {
    font-weight: 700;
}

.weighing-value[b-hc48ev4wfk] {
    height: 60px;
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.camera-preview[b-hc48ev4wfk] {
    margin: 4px;
    object-fit: cover;
    /*    width: 100%;*/
    border-radius: 8px;
    background-color: var(--mud-palette-background);
    overflow: hidden;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    /*    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);*/
}

.camera-1[b-hc48ev4wfk] {
    /*    height: 100px;*/
    flex: 1;
}

.camera-2[b-hc48ev4wfk] {
    /*    height: 150px;*/
    flex: 1;
}

.camera-3[b-hc48ev4wfk] {
    flex: 1;
    min-height: 50px;
    overflow: hidden;
}

.weigh-info[b-hc48ev4wfk] {
    height: 100%;
    overflow: hidden;
}
/* /Layout/Components/Public/Alert/AlertPopup.razor.rz.scp.css */
/* /Layout/Components/Public/ButtonIconView.razor.rz.scp.css */
#ic-view[b-9a0ux0tsh5] {
    position: relative;
    min-width: 36px;
    min-height: 36px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    /*border-radius: 50%;*/
    cursor: pointer;
    background-color:transparent;
}

    #ic-view:active[b-9a0ux0tsh5] {
        /*transform: translateY(-3px);*/
        transform: scale(1.1);
    }

.type-disable[b-9a0ux0tsh5] {
    pointer-events: none;
    background-color: #CFCFCF;
    opacity: 0.6;
    cursor: not-allowed;
}

#ic[b-9a0ux0tsh5] {
    height: inherit;
    width: inherit;
    object-fit: contain;
    /*padding: 4px;*/
}
/* /Layout/Components/Public/ButtonView.razor.rz.scp.css */
.btn-body[b-4gllydithu] {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 40px;
    min-height: 40px;
    max-height: 40px;
    width: 100%;
}

.btn-frame[b-4gllydithu] {
    width: 100%;
    height: 100%;
    min-height: 40px;
    text-transform: none;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

.btn-text[b-4gllydithu] {
    font-size: 16px;
    flex: 1;
    text-align: center;
    /*background-color: gold;*/
}

.btn-icon[b-4gllydithu] {
    position: relative;
    height: 24px;
    display: flex;
    justify-content:center;
    align-items:center;
    padding: 0;
    gap: 0;
}

    .btn-icon .btn-icon__bg[b-4gllydithu] {
        height: 24px;
        object-fit: cover;
    }

    .btn-icon .btn-icon__text[b-4gllydithu] {
        position: absolute;
        color: white;
        line-height: 0;
        
    }

.type-primary[b-4gllydithu] {
    border-radius: 8px;
    background-color: var(--mud-palette-primary);
    color: white;
    cursor: pointer;
}
    /*.type-primary:hover {
        transition: 0.5s ease-in-out;
        background: #4C80E5;
    }*/

    .type-primary:active[b-4gllydithu] {
        background: #4C80E5;
        opacity: 0.8;
    }

.type-secondary[b-4gllydithu] {
    border-radius: 8px;
    background-color: white;
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
    overflow: hidden;
    cursor: pointer;
}
    /*.type-secondary:hover {
        transition: 0.5s ease-in-out;
        background: #4C80E5;
        color: white;
    }*/
    .type-secondary:active[b-4gllydithu] {
        background: #4C80E5;
        color: white;
        opacity: 0.8;
    }

.type-disable[b-4gllydithu] {
    position: relative;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-color: #CFCFCF;
    position: absolute;
    color: white;
    cursor: not-allowed;
    pointer-events: all !important;
}
/* /Layout/Components/Public/CheckboxView.razor.rz.scp.css */
#container[b-fpi0xtp5il] {
    display: inline-flex;
    column-gap: 8px;
    cursor: pointer;
    align-items: center;
}

#box-check[b-fpi0xtp5il] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 6px;
    
}

#box-checked[b-fpi0xtp5il] {
    height: 12px;
    width: 12px;
    border-radius: 3px;
}
/* /Layout/Components/Public/FieldBase.razor.rz.scp.css */
#container[b-nywlgyjyvd] {
    display: flex;
}

#title[b-nywlgyjyvd] {
    height: 100%;
    margin-bottom: 8px;
    margin-right: 8px;
    letter-spacing: 0.25px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    display:flex;
    align-items:center;
}

.body-content[b-nywlgyjyvd] {
    flex: 1;
    position: relative;
}

.body-input[b-nywlgyjyvd] {
    height: 40px;
    width: 100%;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px 8px;
    border: solid 1px var(--mud-palette-primary);
/*    background-color: gold;*/
}

.type-disable[b-nywlgyjyvd] {
    top: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-color: var(--mud-palette-action-disabled);
    opacity: 0.35;
    position: absolute;
    color: white;
    cursor: not-allowed;
    pointer-events: all !important;
}


.validate[b-nywlgyjyvd] {
}

    .validate .item-validate-text[b-nywlgyjyvd] {
        color: red;
    }
/* /Layout/Components/Public/FileUploadView.razor.rz.scp.css */
/* /Layout/Components/Public/ImageUploadView.razor.rz.scp.css */
.custom-file-upload[b-l7bdaxhu0c] {
    width: 100px;
    height: 40px;
    padding: 10px 20px;
    background-color: var(--mud-palette-primary);
    color: white;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}

    .custom-file-upload:hover[b-l7bdaxhu0c] {
        background-color: #4C80E5;
    }
/* /Layout/Components/Public/ImageView.razor.rz.scp.css */
/* /Layout/Components/Public/InputBoxView.razor.rz.scp.css */
.body-input[b-p4fmdpzny6] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -4px -8px;
}

.input[b-p4fmdpzny6] {
    flex: 1;
    height: 100%;
    padding: 4px 40px 4px 8px;
    font-style: normal;
    font-weight: 400;
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-background);
    outline: none;
/*    border: solid 1px var(--mud-palette-primary);*/
/*    border-radius: 4px;*/
/*    overflow: hidden;*/
}


#entry__ic-show-pwd[b-p4fmdpzny6] {
    position: absolute;
    right: 8px;
    height: 24px;
    cursor: pointer;
}
/* /Layout/Components/Public/Keypad/KeypadFullView.razor.rz.scp.css */
*[b-klxy0369fj] {
    --sizeBox: min(0.72vw, 10px); /*1 đơn vị nhỏ nhất của bàn phím sẽ tương ứng với sizeBox*/
}


#container[b-klxy0369fj] {
    width: calc(var(--sizeBox)*132);
}

#write[b-klxy0369fj] {
    margin: 0 0 5px;
    padding: var(--sizeBox);
    width: calc(var(--sizeBox)*134);
    height: calc(var(--sizeBox)*40);
    font: 1em/1.5 Verdana, Sans-Serif;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: var(--sizeBox);
    -webkit-border-radius: var(--sizeBox);
}

#keyboard[b-klxy0369fj] {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: calc(var(--sizeBox)*3);
}

    #keyboard li[b-klxy0369fj] {
        float: left;
        margin: calc(var(--sizeBox)/2);
        width: calc(var(--sizeBox)*8);
        height: calc(var(--sizeBox)*8);
        line-height: calc(var(--sizeBox)*8);
        text-align: center;
        background: #fff;
        border: 1px solid #f9f9f9;
        -moz-border-radius: var(--sizeBox);
        -webkit-border-radius: var(--sizeBox);
        background: linear-gradient(to top, #cccccc, #fff);
    }

        #keyboard li:active[b-klxy0369fj] {
            background: linear-gradient(to top, #a8a7a7, #cccccc);
        }

.capslock[b-klxy0369fj], .tab[b-klxy0369fj], .left-shift[b-klxy0369fj] {
    clear: left;
}

#keyboard .tab[b-klxy0369fj], #keyboard .delete[b-klxy0369fj] {
    width: calc(var(--sizeBox)*14);
}

#keyboard .capslock[b-klxy0369fj] {
    width: calc(var(--sizeBox)*17);
}

#keyboard .return[b-klxy0369fj] {
    width: calc(var(--sizeBox)*14);
}

#keyboard .left-shift[b-klxy0369fj] {
    width: calc(var(--sizeBox)*20);
}

#keyboard .right-shift[b-klxy0369fj] {
    width: calc(var(--sizeBox)*20);
}

.lastitem[b-klxy0369fj] {
    margin-right: 0;
}

.uppercase[b-klxy0369fj] {
    text-transform: uppercase;
}

#keyboard .space[b-klxy0369fj] {
    clear: left;
    width: calc(var(--sizeBox)*131);
}

.on[b-klxy0369fj] {
    display: none;
}

#keyboard li:hover[b-klxy0369fj] {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
}

.symbol[b-klxy0369fj] {
    position: relative;
}

.text-shift[b-klxy0369fj] {
    position: absolute;
    top: 4px;
    right: 4px;
    font-size: calc(var(--sizeBox)*2);
}

.clicked[b-klxy0369fj] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Layout/Components/Public/Keypad/KeypadNumericOnlyView.razor.rz.scp.css */
*[b-x9v3buncmy] {
    --sizeBox: min(0.4vh, 10px); /*1 đơn vị nhỏ nhất của bàn phím sẽ tương ứng với sizeBox*/
}


container[b-x9v3buncmy] {
    max-width: calc(var(--sizeBox)*88.4);
    max-height: calc(var(--sizeBox)*110);
    width: calc(var(--sizeBox)*88.4);
    box-sizing: border-box;
    border: calc(var(--sizeBox)*0.2) solid #1c1b1b inset;
    display: inline-block;
    border-radius: calc(var(--sizeBox)*1.6);
}

block[b-x9v3buncmy] {
    display: flex;
    width: calc(var(--sizeBox)*20);
    height: calc(var(--sizeBox)*20);
    margin: calc(var(--sizeBox)*1);
    background: linear-gradient(to top, #cccccc, #fff);
    box-sizing: border-box;
    border: calc(var(--sizeBox)*0.2) solid #1c1b1b inset;
    float: right;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--sizeBox)*1.6);
}

    block:hover[b-x9v3buncmy] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }

    block:active[b-x9v3buncmy] {
        background: linear-gradient(to top, #a8a7a7, #cccccc);
    }

    block[v2][b-x9v3buncmy] {
        height: calc(var(--sizeBox)*42);
    }

    block[h2][b-x9v3buncmy] {
        width: calc(var(--sizeBox)*42);
    }

    block[v3][b-x9v3buncmy] {
        height: calc(var(--sizeBox)*64);
    }

    block[h3][b-x9v3buncmy] {
        width: calc(var(--sizeBox)*64);
    }

p[b-x9v3buncmy] {
    font-size: calc(var(--sizeBox)*8);
    font-weight: 700;
}
/* /Layout/Components/Public/Keypad/KeypadNumericView.razor.rz.scp.css */
*[b-to2lsn7lmz] {
    --sizeBox: min(0.4vh, 10px); /*1 đơn vị nhỏ nhất của bàn phím sẽ tương ứng với sizeBox*/
}


container[b-to2lsn7lmz] {
    max-width: calc(var(--sizeBox)*88.4);
    max-height: calc(var(--sizeBox)*110);
    width: calc(var(--sizeBox)*88.4);
    box-sizing: border-box;
    border: calc(var(--sizeBox)*0.2) solid #1c1b1b inset;
    display: inline-block;
    border-radius: calc(var(--sizeBox)*1.6);
}

block[b-to2lsn7lmz] {
    display: flex;
    width: calc(var(--sizeBox)*20);
    height: calc(var(--sizeBox)*20);
    margin: calc(var(--sizeBox)*1);
    background: linear-gradient(to top, #cccccc, #fff);
    box-sizing: border-box;
    border: calc(var(--sizeBox)*0.2) solid #1c1b1b inset;
    float: right;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--sizeBox)*1.6);
}

    block:hover[b-to2lsn7lmz] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }

    block:active[b-to2lsn7lmz] {
        background: linear-gradient(to top, #a8a7a7, #cccccc);
    }

    block[v2][b-to2lsn7lmz] {
        height: calc(var(--sizeBox)*42);
    }

    block[h2][b-to2lsn7lmz] {
        width: calc(var(--sizeBox)*42);
    }

    block[v3][b-to2lsn7lmz] {
        height: calc(var(--sizeBox)*64);
    }

    block[h3][b-to2lsn7lmz] {
        width: calc(var(--sizeBox)*64);
    }

p[b-to2lsn7lmz] {
    font-size: calc(var(--sizeBox)*8);
    font-weight: 700;
}
/* /Layout/Components/Public/Keypad/KeypadTextOnlyView.razor.rz.scp.css */
*[b-hawm50mzcx] {
    --sizeBox: min(0.72vw, 10px); /*1 đơn vị nhỏ nhất của bàn phím sẽ tương ứng với sizeBox*/
}


#container[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*132);
}

#write[b-hawm50mzcx] {
    margin: 0 0 5px;
    padding: var(--sizeBox);
    width: calc(var(--sizeBox)*134);
    height: calc(var(--sizeBox)*40);
    font: 1em/1.5 Verdana, Sans-Serif;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: var(--sizeBox);
    -webkit-border-radius: var(--sizeBox);
}

#keyboard[b-hawm50mzcx] {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: calc(var(--sizeBox)*2.8);
}

    #keyboard li[b-hawm50mzcx] {
        float: left;
        margin: calc(var(--sizeBox)/2);
        width: calc(var(--sizeBox)*10);
        height: calc(var(--sizeBox)*10);
        line-height: calc(var(--sizeBox)*8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 1px solid #f9f9f9;
        -moz-border-radius: var(--sizeBox);
        -webkit-border-radius: var(--sizeBox);
        background: linear-gradient(to top, #cccccc, #fff);
    }

        #keyboard li:active[b-hawm50mzcx] {
            background: linear-gradient(to top, #a8a7a7, #cccccc);
        }

.capslock[b-hawm50mzcx], .tab[b-hawm50mzcx], .left-shift[b-hawm50mzcx] {
    clear: left;
}

#keyboard .tab[b-hawm50mzcx], #keyboard .delete[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*10);
}

#keyboard .capslock[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*17);
}

#keyboard .return[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*14);
}

#keyboard .left-shift[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*27);
}

#keyboard .right-shift[b-hawm50mzcx] {
    width: calc(var(--sizeBox)*26);
}

.lastitem[b-hawm50mzcx] {
    margin-right: 0;
}

.uppercase[b-hawm50mzcx] {
    text-transform: uppercase;
}

#keyboard .space[b-hawm50mzcx] {
    clear: left;
    width: calc(var(--sizeBox)*131);
}

.on[b-hawm50mzcx] {
    display: none;
}

#keyboard li:hover[b-hawm50mzcx] {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
}


.clicked[b-hawm50mzcx] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Layout/Components/Public/LabelButtonView.razor.rz.scp.css */
body[b-2gbz0i04rx] {
}
/* /Layout/Components/Public/Layout/HeoStack.razor.rz.scp.css */
.heo-stack__body[b-bbnmzhfauw] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}

.heo-stack__content-empty[b-bbnmzhfauw] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
/* /Layout/Components/Public/LoadingView.razor.rz.scp.css */
#container[b-vl24z4nv7j] {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

#mask[b-vl24z4nv7j] {
    background-color: #333;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}

#frame[b-vl24z4nv7j] {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 60px;
    padding:6px;
    background-color: white;
    border-radius: 16px;
    z-index: 1;
}
/* /Layout/Components/Public/LottieView.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace WeighAll.Client.Layout.Components.Public[b-56zh1zhngg]
{
    class LottieView
    {
    }
}
/* /Layout/Components/Public/MediaAuthView.razor.rz.scp.css */
#text-view-title[b-lczzd15z8r] {
    width: var(--min-size-btn);
    min-width: var(--min-size-btn);
    word-wrap: break-word;
}

#text-view-content[b-lczzd15z8r] {
    font-weight: 700;
}
/* /Layout/Components/Public/Picker/DateDialog.razor.rz.scp.css */

#date_picker_calendar[b-wuqyfit4cc] {
    min-height: fit-content;
    /*box-shadow: 10px 10px 40px rgba(0,0,0,0.2);*/
    overflow: hidden;
    /*padding: 12px;*/
}

#date[b-wuqyfit4cc],
#date_picker_calendar[b-wuqyfit4cc] {
    /*border-radius: 15px;*/
    background-color: var(--mud-palette-background);
    /*border: 2px solid var(--dark-border);*/
    width: 100%;
}


/*Header*/
.cal_header[b-wuqyfit4cc] {
    display: flex;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px var(--mud-palette-divider);
    justify-content:center;
}

    .cal_header div[b-wuqyfit4cc] {
        font-size: 16px;
        font-weight: 600;
        min-width: 80px;
        text-align: center;
        border: solid 1px var(--mud-palette-text-secondary);
        padding: 8px 16px;
        border-radius: 8px;
        cursor: pointer;
    }

    .cal_header .cal_header--day[b-wuqyfit4cc] {
    }

    .cal_header .cal_header--month[b-wuqyfit4cc] {
    }

    .cal_header .cal_header--year[b-wuqyfit4cc] {
    }
/*
                                    * calendar body
                                    */

#cal_days[b-wuqyfit4cc],
#calendar_main[b-wuqyfit4cc] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    row-gap: 5px;
    column-gap: 5px;
    color: var(--dark-inactive-fg);
}

#cal_days[b-wuqyfit4cc] {
    margin-bottom: 10px;
}

    #cal_days .cal_days-header[b-wuqyfit4cc] {
        display: flex;
        justify-content: center;
        align-items: center;
    }




#calendar_main[b-wuqyfit4cc] {
    grid-template-rows: repeat(5, min(30px));
}

    #calendar_main .cal_days-item[b-wuqyfit4cc] {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        height: 30px;
        width: 36px;
        color: #bbbfc9;
    }

        #calendar_main .cal_days-item.this-month[b-wuqyfit4cc] {
            background-color: var(--mud-palette-divider);
            color: var(--mud-palette-text-primary);
            cursor: pointer;
        }

            /* #calendar_main .cal_days-item.this-month:hover {
                background-color: var(--dark-hover);
                color: var(--dark-date-foreground);
                border: solid 1px var(--dark-selected);
            }*/

            #calendar_main .cal_days-item.this-month:active[b-wuqyfit4cc] {
                background-color: var(--mud-palette-background);
                color: var(--mud-palette-text-secondary);
                border: solid 1px var(--mud-palette-text-secondary);
            }

#calendar_main--month[b-wuqyfit4cc] {
    display: flex;
    justify-content:space-between;
    gap: 8px;
    flex-wrap: wrap;
}
    #calendar_main--month .cal_month-item[b-wuqyfit4cc] {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: solid 1px var(--mud-palette-divider);
        height: 50px;
        width: 90px;
        cursor: pointer;
    }

#calendar_main--year[b-wuqyfit4cc] {
    display: grid; /* 1 */
    grid-template-columns: repeat(auto-fill, 90px); /* 2 */
    grid-gap: 8px; /* 3 */
    justify-content: space-between;
}

    #calendar_main--year .cal_year-item[b-wuqyfit4cc] {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: solid 1px var(--mud-palette-divider);
        height: 50px;
        width: 90px;
        cursor: pointer;
    }

#cal_wrapper[b-wuqyfit4cc] {
    margin-top: 8px;
    height: 240px;
    overflow: auto;
}

.current[b-wuqyfit4cc] {
    background: var(--dark-current-year);
    color: var(--dark-current-year-fg);
}

    .current:not(.active):hover[b-wuqyfit4cc] {
        background: var(--dark-hover);
        color: var(--dark-date-foreground);
        border: 2px solid var(--dark-selected);
    }

    .cal-btn:hover[b-wuqyfit4cc],
    .current:hover[b-wuqyfit4cc] {
        cursor: pointer;
    }

.active[b-wuqyfit4cc] {
    /*    background: var(--mud-palette-primary) !important;
    color: var(--dark-date-foreground) !important;*/
    background: var(--mud-palette-primary) !important;
    color: var(--mud-palette-tertiary-text) !important;
}

.inactive_indicator[b-wuqyfit4cc]:after {
    /*   text-decoration: underline; */
    content: '';
    width: 3px;
    height: 3px;
    background: red;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    left: 50%;
}

.hidden[b-wuqyfit4cc] {
    visibility: hidden;
}
/* /Layout/Components/Public/Picker/DatePickerView.razor.rz.scp.css */
#date_picker[b-effpk60ph2] {
    height: 100%;
    width:100%;
}

#date_picker_input[b-effpk60ph2] {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#date[b-effpk60ph2] {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-background);
}

    #date:hover[b-effpk60ph2] {
        cursor: pointer;
    }

    #date.onFocus:focus[b-effpk60ph2] {
        outline: none;
    }

#date_picker_input[b-effpk60ph2]:after {
    bottom: 2px;
    right: 0;
    content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAACdegAAnXoB7tiVIAAAAAd0SU1FB+cLDwsRHdSsAPUAAACoSURBVCjPzcwxTgIBFEXR84dpLAmhwM7GDhJiIy0roLeTsAOXQQ8UbEB3wAosNCZsYAoSG0OcxHLijIUFBGasvcnLK979P0DLA+ac9Dfhwq2BIV5xc9Rvtp5TM10fgrNUxvotU0sbl96tvOgd9cLOJDza2wvnVDo6qS9PMkmNULpylypkMk0UCbXXvyR/jQfnHwihbFxLkcqNGj6VRj7DtXttVY0QcusfOtIpHt9bDWsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjMtMTEtMTVUMTE6MTc6MjQrMDA6MDCvP7ndAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIzLTExLTE1VDExOjE3OjI0KzAwOjAw3mIBYQAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMy0xMS0xNVQxMToxNzoyOSswMDowMOigQX4AAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC");
    position: absolute;
    color: var(--mud-palette-text-primary);
}

#date_picker_input.showCal[b-effpk60ph2]:after {
    /*transform: rotate(180deg);*/
}

/* /Layout/Components/Public/ProcessingView.razor.rz.scp.css */
.processing-bg[b-fi5mou2mgx] {
    position:relative; 
    display: flex;
    /*border-radius: 14px;*/
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
}

.processing-completed[b-fi5mou2mgx] {
    height: calc(100% - 2px);
    transition: width 0.2s;
    z-index: 100;
    border-radius: 4px;
    overflow: hidden;
}

.processing-not-completed[b-fi5mou2mgx] {
    position: absolute;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.bg-processing[b-fi5mou2mgx]{

}
/* /Layout/Components/Public/PullToDownloadView.razor.rz.scp.css */
#download-view-body[b-t8cfpbnkde] {
    overscroll-behavior-y: auto;
    display: flex;
    flex-direction:column;
    gap:0;
}

.pull-to-download[b-t8cfpbnkde] {
    /*position: fixed;*/
    z-index: 1000;
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*transition: height 0.3s ease-out;*/
    overflow: hidden;
}

    .pull-to-download.visible[b-t8cfpbnkde] {
        height: 60px;
    }

.download-view-content[b-t8cfpbnkde] {
    flex: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0;
}

/*Loading*/
.lds-ellipsis[b-t8cfpbnkde] {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
}

    .lds-ellipsis div[b-t8cfpbnkde] {
        position: absolute;
        top: 0px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #45B3E6;
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1)[b-t8cfpbnkde] {
            left: 6px;
            animation: lds-ellipsis1-b-t8cfpbnkde 0.5s infinite;
        }

        .lds-ellipsis div:nth-child(2)[b-t8cfpbnkde] {
            left: 6px;
            animation: lds-ellipsis2-b-t8cfpbnkde 0.5s infinite;
        }

        .lds-ellipsis div:nth-child(3)[b-t8cfpbnkde] {
            left: 24px;
            animation: lds-ellipsis2-b-t8cfpbnkde 0.5s infinite;
        }

        .lds-ellipsis div:nth-child(4)[b-t8cfpbnkde] {
            left: 48px;
            animation: lds-ellipsis3-b-t8cfpbnkde 0.5s infinite;
        }

@keyframes lds-ellipsis1-b-t8cfpbnkde {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3-b-t8cfpbnkde {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2-b-t8cfpbnkde {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
/* /Layout/Components/Public/PullToRefreshView.razor.rz.scp.css */
#refresh-view-body[b-hpvpstp0hm] {
    overscroll-behavior-y: auto;
    display: flex;
    flex-direction:column;
    gap:0;
}

.pull-to-refresh[b-hpvpstp0hm] {
    position: absolute;
    z-index: 1000;
    margin-left: -12px;
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: height 0.1s ease-in-out;
    overflow: hidden;
}

    .pull-to-refresh.visible[b-hpvpstp0hm] {
        height: 100px;
    }

.refresh-view-content[b-hpvpstp0hm] {
    flex: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 0;
}

.loader-backgroud[b-hpvpstp0hm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader[b-hpvpstp0hm] {
    width: 24px;
    height: 24px;
    border-width: 3px;
    border-style: dashed solid solid dotted;
    border-color: #45B3E6 #45B3E6 transparent #45B3E6;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-hpvpstp0hm 1s linear infinite;
}

    .loader[b-hpvpstp0hm]::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 4px;
        top: 15px;
        border: 6px solid transparent;
        border-right-color: #45B3E6;
        transform: rotate(-40deg);
    }

@keyframes rotation-b-hpvpstp0hm {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Layout/Components/Public/RadioButton/RadioGroupView.razor.rz.scp.css */
.radio-group-style[b-9airo9bnud] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
/* /Layout/Components/Public/RadioButton/RadioView.razor.rz.scp.css */
.radio-label[b-idus413nt1] {
    cursor: pointer;
    text-align: center;
}

.radio-style[b-idus413nt1] {
}


.radio-body[b-idus413nt1] {
    display: flex;
    justify-content:center;
    align-items:center;
}

    .radio-body input[type="radio"][b-idus413nt1] {
        position: absolute;
        opacity: 0;
    }

        .radio-body input[type="radio"] + .radio-label[b-idus413nt1]:before {
            content: '';
            background: #f4f4f4;
            border-radius: 4px;
            border: 1px solid var(--mud-palette-primary);
            display: inline-block;
            width: 18px;
            height: 18px;
            position: relative;
            margin-right: 1em;
            vertical-align: top;
            cursor: pointer;
            text-align: center;
            transition: all 250ms ease;
        }

        .radio-body input[type="radio"]:checked + .radio-label[b-idus413nt1]:before {
            background-color: var(--mud-palette-primary);
            border: solid 1px var(--mud-palette-primary);
            box-shadow: inset 0 0 0 2px white;
            border-radius: 4px;
        }

        .radio-body input[type="radio"]:focus + .radio-label[b-idus413nt1]:before {
            outline: none;
            border-color: #3197ee;
        }

        .radio-body input[type="radio"]:disabled + .radio-label[b-idus413nt1]:before {
            box-shadow: inset 0 0 0 4px #f4f4f4;
            border-color: #b4b4b4;
            background: #b4b4b4;
        }

        .radio-body input[type="radio"] + .radio-label:empty[b-idus413nt1]:before {
            margin-right: 0;
        }
/* /Layout/Components/Public/SlideTabView.razor.rz.scp.css */
body[b-ld48dxskya] {
}
/* /Layout/Components/Public/SwipeView.razor.rz.scp.css */
.body-test[b-ul7zetx5nb] {
    display: flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

#swipe-content-action[b-ul7zetx5nb] {
    width: 0;
    height: 100%;
    background-color: red;
    transition: width 0.1s ease-in-out;
}


#swipe-content[b-ul7zetx5nb] {
    background-color: gray;
    flex: 1;
    touch-action: pan-y; /*chỉ cho phép sự kiện touch cuộn theo chiều dọc*/
    overflow: hidden;
}
/* /Layout/Components/Public/TextView.razor.rz.scp.css */
#text-view-title[b-4thkhufw7n] {
    width: 150px;
    min-width: 150px;
    word-wrap: break-word;
}

#text-view-content[b-4thkhufw7n] {
    font-weight: 700;
    overflow: hidden;
    word-wrap: break-word;
}
/* /Layout/Components/Public/ToastView.razor.rz.scp.css */
#container[b-22k24m93u6] {
    position: absolute;
    z-index: 10000;
    background-color: transparent;
    width: 100%;
    margin: auto;
    margin-top: 40px;
}



#frame[b-22k24m93u6] {
    padding: 6px 12px 0 12px;
    animation: slideFromTop-b-22k24m93u6 ease 0.4s;
}

.animationFast[b-22k24m93u6] {
    /*animation: slideFromTop ease 0.3s, fadeOut linear 0.3s 2.5s forwards;*/
}

.animationLong[b-22k24m93u6] {
    /*animation: slideFromTop ease 0.3s, fadeOut linear 0.3s 4.5s forwards;*/
}

@keyframes slideFromTop-b-22k24m93u6 {
    from {
        transform: translateY(calc(-100% - 20px));
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fadeOut-b-22k24m93u6 {
    to {
        transform: translateY(calc(-100% - 20px));
        opacity: 0;
    }
}

#frame--content[b-22k24m93u6] {
    background-color: white !important;
    width: fit-content;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 8px 16px;
    gap: 16px;
    background: var(--ColorWhite);
    min-height: 40px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 24px;
}

#icon[b-22k24m93u6] {
    height: 32px;
    width: 32px;
}

#content[b-22k24m93u6] {
    flex: 1;
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;
}

#content__title[b-22k24m93u6] {
    font-weight: 700;
    color: var(--mud-palette-primary);
}

#content__text[b-22k24m93u6] {
    font-weight: 400;
    color: var(--mud-palette-info);
    text-align: justify;
}
/* /Layout/Components/Public/TopNavBarView.razor.rz.scp.css */
.top-title[b-nyngnfyxvl] {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--mud-palette-primary);
}
/* /Layout/Components/Utility/UtilityItemEmtry.razor.rz.scp.css */
.mud-wasm[b-c0hvc32xc5] {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10000;
    height: calc(100% + 16px);
    width: calc(100% + 12px);
    display: flex;
    margin: -16px -12px;
    overflow: hidden;
}

.mud-wasm-cont[b-c0hvc32xc5] {
    background: rgba(255, 255, 255, 1);
    margin: auto;
    text-align: center;
    height: 80px;
    width: 80px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* /Layout/Components/Utility/WasmLoading.razor.rz.scp.css */
.mud-wasm[b-cdk76plx1m] {
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    z-index: 10000;
    height: calc(100% + 16px);
    width: calc(100% + 12px);
    display: flex;
    margin: -16px -12px;
    overflow: hidden;
}

.mud-wasm-cont[b-cdk76plx1m] {
    background: rgba(255, 255, 255, 1);
    margin: auto;
    text-align: center;
    height: 80px;
    width: 80px;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* /Layout/Layouts/LoginLayout.razor.rz.scp.css */
.login-layout-body[b-w7bmgmfajj] {
    margin: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    justify-content: center;
    align-items: center;
    overflow:hidden;
/*    background-color: var(--mud-palette-background);*/
}

.login-layout-content[b-w7bmgmfajj] {
    width: 100%;
    /*height: 600px;*/
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* /Layout/Layouts/NavMenu.razor.rz.scp.css */
.navv-body[b-yg3gg6pysm] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ver-app[b-yg3gg6pysm] {
    bottom: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ver-app__name[b-yg3gg6pysm] {
    margin-top: 8px;
    font-size: 10px;
    font-weight: 700;
    color: var(--TextColorDescription);
}
.ver-app__version[b-yg3gg6pysm] {
    font-size: 10px;
    color: var(--TextColorDescription);
}
/* /Layout/Navigation/LoginNavLayoutView.razor.rz.scp.css */
.login-layout-body[b-cc5920803s] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--mud-palette-surface);
    margin: 0;
    padding-left: 32px;
}

    .login-layout-body[b-cc5920803s]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #081364, #097AE7); /* xanh đậm sang xanh tươi */
        transform: skewX(-20deg);
        transform-origin: left;
        box-shadow: -30px 0 0 0 #097AE761; /* đường viền xanh nhạt */
        z-index: 1;
    }

/* Responsive: khi nhỏ hơn 960px thì chuyển sang chia ngang */
@media (max-width: 960px) {
    .login-layout-body[b-cc5920803s]::after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        transform: skewY(0deg);
        transform-origin: top;
        box-shadow: 0 -30px 0 0 #097AE761;
        z-index: 1;
    }
}


.login-layout-header[b-cc5920803s] {
    width: 100%;
    height: 100%;
/*    margin: 16px 0;*/
    padding: 0 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 100;
}

    .login-layout-header .app-header[b-cc5920803s] {
        flex: 1;
        /*        height: 100%;*/
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
        align-items: center;
        max-width: 600px;
        overflow: hidden;
        z-index: 100;
    }

        .login-layout-header .app-header .app-logo[b-cc5920803s] {
            width: 100%;
            max-width: 300px;
            object-fit: contain;
        }

        .login-layout-header .app-header .app-name[b-cc5920803s] {
            font-size: 28px;
            font-weight: 700;
            text-transform: uppercase;
            color: var(--mud-palette-primary);
            text-align: center;
            width: 100%;
        }

        .login-layout-header .app-header .app-slogan[b-cc5920803s] {
            font-size: 16px;
            color: var(--mud-palette-primary);
            text-align: center;
            width: 100%;
        }


.login-layout-content[b-cc5920803s] {
    width: 100%;
    height: 100%;
/*    margin: 0 8px;*/
    margin-bottom: 32px;
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .login-layout-content .login-content[b-cc5920803s] {
        flex: 1;
        margin: 16px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        overflow: auto;
        /* justify-content: center;*/
        align-items: center;
        max-width: 450px;
        border-radius: 16px;
        background: var(--mud-palette-background);
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.25);
        z-index: 100;
    }

        .login-layout-content .login-content .login-content__title[b-cc5920803s] {
            font-size: 24px;
            font-weight: 500;
        }

        .login-layout-content .login-content .login-content__body[b-cc5920803s] {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;
            justify-content: center;
            align-items: center;
        }
/* /Layout/Navigation/NavLayoutView.razor.rz.scp.css */
.global-body[b-6gqcjd95t0] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%; /*Cần trừ đi NavBar*/
    width: 100%;
    overflow: hidden;
    /*position: fixed;*/
    animation: slideRightToLeft ease 0.2s;
}
.line-break[b-6gqcjd95t0] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}
.content-body[b-6gqcjd95t0] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;
}
/* /Pages/Admin/Authentication/AccessNotAllowedPage.razor.rz.scp.css */
.noti-body[b-y5s45zgtq1]
{
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

.noti-ic[b-y5s45zgtq1]{
    height: 100px;
    object-fit: cover;
}

.noti-text[b-y5s45zgtq1]{
    font-weight: 500;
    font-size: 24px;
}
/* /Pages/Admin/Authentication/ChangePwd.razor.rz.scp.css */
/* /Pages/Admin/Authentication/LoginPage.razor.rz.scp.css */
#login-with[b-lacm7it3a5] {
    margin: 8px;
    margin-top: 8px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#line-login-with[b-lacm7it3a5] {
    height: 0.5px;
    width: 100%;
    background-color: #d1cbcb;
}

#text-login-with[b-lacm7it3a5] {
    position: absolute;
    background-color: white;
    color: var(--mud-palette-primary);
    padding: 0 8px;
}

.login-with-button[b-lacm7it3a5]{
    width: 100%;
    display: flex;
    justify-content:center;
    flex-wrap:wrap;
    overflow: hidden;
    gap: 12px;
}

.login-with-button__item[b-lacm7it3a5]{
    width: calc(50% - 6px);
}

.btn-referral-code[b-lacm7it3a5]{
   display: flex;
   flex-direction: row;
   gap: 12px;
   justify-content:center;
   align-items:center;
   overflow: hidden;
}
/* /Pages/Admin/Dashboard/Charts/FormTypeByCustomer.razor.rz.scp.css */
/* /Pages/Admin/Dashboard/Charts/FormTypeByFormType.razor.rz.scp.css */
/* /Pages/Admin/Dashboard/DashboardAdminView.razor.rz.scp.css */
.body-dashboard-admin[b-s8oa4iqh26] {
    height:100%;
    width:100%;
    display: flex;
    padding: 16px;
    overflow:auto;
}


.db-overview[b-s8oa4iqh26] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

    .db-overview .db-overview__item[b-s8oa4iqh26] {
        flex: 1;
        height: 120px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    }

        .db-overview .db-overview__item .db-overview__item__title[b-s8oa4iqh26] {
        }

        .db-overview .db-overview__item .db-overview__item__value[b-s8oa4iqh26] {
            font-size: 32px;
            font-weight: 700;
            line-height: 1.0;
        }

.db-chart[b-s8oa4iqh26]{
    margin-top: 16px;
}


    .db-chart .chart-body[b-s8oa4iqh26] {
        width: 100%;
/*        height: 450px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
    }
/* /Pages/Admin/Dashboard/DashboardDriverView.razor.rz.scp.css */
namespace WeighAll.Client.Pages.Admin.Dashboard[b-qthlv820oz]
{
    public class DashboardAdminView
    {
    }
}
/* /Pages/Admin/Dashboard/Info/PlaceImplementationView.razor.rz.scp.css */
.place-implementation-body[b-t3kca1s7od] {
    flex: 1;
    min-height: 80px;
    border-left: 1px solid var(--mud-palette-gray-default);
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: auto;
}

.place-implementation-item[b-t3kca1s7od] {
    min-height: 40px;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
}

    .place-implementation-item .logo[b-t3kca1s7od] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        background-color: var(--mud-palette-gray-default);
    }

        .place-implementation-item .logo img[b-t3kca1s7od] {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .place-implementation-item .name[b-t3kca1s7od] {
        font-weight: 700;
        color: var(--mud-palette-text-primary);
    }

    .place-implementation-item .form-text[b-t3kca1s7od] {
        font-size: 12px;
        color: var(--mud-palette-text-secondary);
    }
/* /Pages/Admin/Dashboard/Info/RegularCustomersView.razor.rz.scp.css */
.regular-customers-body[b-ondxhyrxgy] {
    flex: 1;
    min-height: 80px;
    border-left: 1px solid var(--mud-palette-gray-default);
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: auto;
}

.regular-customers-item[b-ondxhyrxgy] {
    min-height:40px;
    display: flex;
    gap: 8px;
    align-items: center;
    overflow: hidden;
}

    .regular-customers-item .logo[b-ondxhyrxgy] {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        flex-shrink: 0;
        background-color: var(--mud-palette-gray-default);
    }

        .regular-customers-item .logo img[b-ondxhyrxgy] {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .regular-customers-item .name[b-ondxhyrxgy] {
        font-weight: 700;
        color: var(--mud-palette-text-primary);
    }

    .regular-customers-item .form-count[b-ondxhyrxgy] {
        color: var(--mud-palette-error);
    }

    .regular-customers-item .form-text[b-ondxhyrxgy] {
        font-weight: 500;
        color: var(--mud-palette-text-secondary);
    }
/* /Pages/Admin/DeveloperOptions/SysParamtersPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/DriversPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/GoodsPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/PartnersPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/ShiftsPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/VehiclePage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/WarehousePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Additional/ReportLoadCompliancePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Additional/ReportWeighStationUsagePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Operate/ReportCustomTimePeriodPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Operate/ReportShiftPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Operate/ReportVehiclePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Overview/ReportExportPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Overview/ReportImportPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Overview/ReportServicePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/PrintReport/PrintReportSummaryFormView.razor.rz.scp.css */
/* /Pages/Admin/Reports/PrintReport/PrintReportSummaryUnitView.razor.rz.scp.css */
/* /Pages/Admin/Reports/Services/ReportRevenuePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Services/ReportServiceTypePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Services/ReportWeighingServicePage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Storage/ReportExportPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Storage/ReportImportPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Storage/ReportImportUnitPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Storage/ReportProductTypePage.razor.rz.scp.css */
namespace WeighAll.Client.Pages.Admin.Reports[b-ep9skj4oys]
{
    public class ReportImportPage
    {
    }
}
/* /Pages/Admin/Reports/Summary/ReportSummaryFormPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Summary/ReportSummaryUnitPage.razor.rz.scp.css */
/* /Pages/Admin/WeighingStation/WeighingFormsPage.razor.rz.scp.css */
.report-base-body[b-usqtszsiv0] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%; /*Cần trừ đi NavBar*/
    width: 100%;
    overflow: hidden;
    /*position: fixed;*/
    animation: slideRightToLeft ease 0.2s;
}

.line-break[b-usqtszsiv0] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

.content-body[b-usqtszsiv0] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;
}


.report-base-filter__content[b-usqtszsiv0] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}

.report-base-filter[b-usqtszsiv0] {
    height: 50px;
    width: 60px;
    margin-right: -8px;
    padding: 8px;
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    color: white;
    /*    background-color: var(--mud-palette-drawer-background);*/
    background-color: var(--mud-palette-primary);
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .report-base-filter .report-base-filter__text[b-usqtszsiv0] {
    }
/* /Pages/Admin/WeighingStation/WeighingStationPage.razor.rz.scp.css */
/* /Pages/Systems/NotificationPage.razor.rz.scp.css */
.noti-body[b-aj5adi4ner] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
/* /Pages/User/Application/WeighingForm/ListWeighingFormPage.razor.rz.scp.css */
.weighing-form__header[b-7wu3vbfo7k] {
    margin: -16px -100px;
    padding: 34px 116px 120px 116px;
    background: radial-gradient(108.65% 168.62% at 27.85% -38.19%, #097AE7 0.54%, #081364 100%);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

    .weighing-form__header .weigh-type[b-7wu3vbfo7k] {
        background-color: var(--mud-palette-surface);
        justify-content: space-between;
        border-radius: 8px;
        padding: 16px;
        display: flex;
    }

        .weighing-form__header .weigh-type .weigh-type__item[b-7wu3vbfo7k] {
            display:flex;
            flex-direction:column;
            gap: 8px;
            justify-content:center;
            align-items:center;
        }

            .weighing-form__header .weigh-type .weigh-type__item .weigh-type__item-count[b-7wu3vbfo7k] {
                font-size: 24px;
                font-weight: 700;
            }

            .weighing-form__header .weigh-type .weigh-type__item .weigh-type__item-text[b-7wu3vbfo7k] {
            }


.weighing-form__body[b-7wu3vbfo7k] {
    margin-top: -100px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    height: 100%;
}

    .weighing-form__body .weigh-body__add[b-7wu3vbfo7k] {
        margin: 0 16px;
        display: flex;
        justify-content: space-between;
    }

        .weighing-form__body .weigh-body__add .weigh-body__add-text[b-7wu3vbfo7k] {
            font-size: 20px;
            font-weight: 700;
            color: white;
        }

        .weighing-form__body .weigh-body__add .weigh-body__add-btn[b-7wu3vbfo7k] {
            background-color: var(--mud-palette-primary);
            border-radius: 4px;
            padding: 8px 16px;
            color: white;
        }

    .weighing-form__body .weigh-body__list[b-7wu3vbfo7k] {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 16px;
        overflow: auto;
        padding: 0 16px;
    }
/* /Pages/User/Application/WeighingForm/WeighingFormDetailPage.razor.rz.scp.css */
/* /Pages/User/MyProfilePage.razor.rz.scp.css */
#user-avatar[b-6cdulh2ne0] {
    position: relative;
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 120px;
}

#avatar[b-6cdulh2ne0] {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    outline: 0.5px solid var(--mud-palette-dark-lighten);
    object-fit: cover;
}

.custom-file-upload[b-6cdulh2ne0]{
    cursor: pointer;
}


.btn-func-item[b-6cdulh2ne0] {
    /*padding: 0 8px;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--mud-palette-background);
    height: 48px;
    min-height: 48px;
    /*box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);*/
    cursor: pointer;
    padding: 0 8px;
}

    .btn-func-item:active[b-6cdulh2ne0] {
        transform: translateY(-1px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

.btn-func-item-text[b-6cdulh2ne0] {
    padding-left: 8px;
    color: var(--mud-palette-primary);
}

.btn-func-item-icon[b-6cdulh2ne0] {
    height: 100%;
    padding: 16px 0;
    object-fit: cover;
    transform: rotate(180deg);
}

.btn-referral-code[b-6cdulh2ne0] {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}