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

.content-error-alert[b-dyqjwrmevk] {
    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-dyqjwrmevk] {
    height: 60px;
    object-fit: contain;
    overflow: hidden;
}

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

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

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

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

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

    #btn-try-again :hover[b-dyqjwrmevk] {
        background: #c0392b;
    }
/* /Layout/Components/Dialog/ImageFullSizeDialog.razor.rz.scp.css */

.camera-preview[b-d8fba6vj4i] {
    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-d8fba6vj4i] {
    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-d8fba6vj4i] {
        margin-bottom: 2px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background-color: var(--mud-palette-error);
    }

.camera-title[b-d8fba6vj4i] {
    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-s2i34qzon0]
{
    height: 60px;
    object-fit:contain;
}
#text-title[b-s2i34qzon0]{
    text-align:center;
    font-weight: 700;
    font-size: 16px;
}

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

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

.qrcode-text[b-ym6u0iynyn] {
    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-m3pcqdnwho]
{
   overflow: auto;
   margin: 0 8px;
}

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

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

.per-item[b-m3pcqdnwho]{
    width: 100%;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.per-item__desc[b-m3pcqdnwho]{
    width: 280px;
    font-weight: 200;
}
/* /Layout/Components/Private/ReportBaseView.razor.rz.scp.css */
.report-base-body[b-b77db11rn0] {
    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-b77db11rn0] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

.content-body[b-b77db11rn0] {
    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-b77db11rn0] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}

.report-base-filter[b-b77db11rn0] {
    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-b77db11rn0] {
    }
/* /Layout/Components/Public/Alert/AlertPopup.razor.rz.scp.css */
/* /Layout/Components/Public/ButtonIconView.razor.rz.scp.css */
#ic-view[b-c6ir3s27ut] {
    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-c6ir3s27ut] {
        /*transform: translateY(-3px);*/
        transform: scale(1.1);
    }

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

#ic[b-c6ir3s27ut] {
    height: inherit;
    width: inherit;
    object-fit: contain;
    /*padding: 4px;*/
}
/* /Layout/Components/Public/ButtonView.razor.rz.scp.css */
.btn-body[b-bj46zn1ipz] {
    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-bj46zn1ipz] {
    width: 100%;
    height: 100%;
    min-height: 40px;
    text-transform: none;
    display: flex;
    align-items: center;
    padding: 0 16px;
}

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

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

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

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

.type-primary[b-bj46zn1ipz] {
    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-bj46zn1ipz] {
        background: #4C80E5;
        opacity: 0.8;
    }

.type-secondary[b-bj46zn1ipz] {
    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-bj46zn1ipz] {
        background: #4C80E5;
        color: white;
        opacity: 0.8;
    }

.type-disable[b-bj46zn1ipz] {
    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-4rf9moqz42] {
    display: inline-flex;
    column-gap: 8px;
    cursor: pointer;
    align-items: center;
}

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

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

#title[b-cks71duedk] {
    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-cks71duedk] {
    flex: 1;
    position: relative;
}

.body-input[b-cks71duedk] {
    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-cks71duedk] {
    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-cks71duedk] {
}

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

    .custom-file-upload:hover[b-1nfq9navtp] {
        background-color: #4C80E5;
    }
/* /Layout/Components/Public/ImageUploadView.razor.rz.scp.css */
.custom-file-upload[b-c5lp47cn86] {
    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-c5lp47cn86] {
        background-color: #4C80E5;
    }
/* /Layout/Components/Public/ImageView.razor.rz.scp.css */
/* /Layout/Components/Public/InputBoxView.razor.rz.scp.css */
.body-input[b-ixn8vj8eap] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -4px -8px;
}

.input[b-ixn8vj8eap] {
    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-ixn8vj8eap] {
    position: absolute;
    right: 8px;
    height: 24px;
    cursor: pointer;
}
/* /Layout/Components/Public/Keypad/KeypadFullView.razor.rz.scp.css */
*[b-rcufnwcc4q] {
    --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-rcufnwcc4q] {
    width: calc(var(--sizeBox)*132);
}

#write[b-rcufnwcc4q] {
    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-rcufnwcc4q] {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: calc(var(--sizeBox)*3);
}

    #keyboard li[b-rcufnwcc4q] {
        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-rcufnwcc4q] {
            background: linear-gradient(to top, #a8a7a7, #cccccc);
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

.clicked[b-rcufnwcc4q] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Layout/Components/Public/Keypad/KeypadNumericOnlyView.razor.rz.scp.css */
*[b-uptsl2997r] {
    --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-uptsl2997r] {
    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-uptsl2997r] {
    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-uptsl2997r] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }

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

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

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

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

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

p[b-uptsl2997r] {
    font-size: calc(var(--sizeBox)*8);
    font-weight: 700;
}
/* /Layout/Components/Public/Keypad/KeypadNumericView.razor.rz.scp.css */
*[b-er9qmksitm] {
    --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-er9qmksitm] {
    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-er9qmksitm] {
    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-er9qmksitm] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }

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

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

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

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

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

p[b-er9qmksitm] {
    font-size: calc(var(--sizeBox)*8);
    font-weight: 700;
}
/* /Layout/Components/Public/Keypad/KeypadTextOnlyView.razor.rz.scp.css */
*[b-e020fj7114] {
    --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-e020fj7114] {
    width: calc(var(--sizeBox)*132);
}

#write[b-e020fj7114] {
    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-e020fj7114] {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: calc(var(--sizeBox)*2.8);
}

    #keyboard li[b-e020fj7114] {
        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-e020fj7114] {
            background: linear-gradient(to top, #a8a7a7, #cccccc);
        }

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

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

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

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

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

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

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

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

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

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

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


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

.heo-stack__content-empty[b-gquecvsxo0] {
    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-mf6sf9nlpx] {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

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

#frame[b-mf6sf9nlpx] {
    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 CountingSystem.Client.Layout.Components.Public[b-3vyt97l68o]
{
    class LottieView
    {
    }
}
/* /Layout/Components/Public/MediaAuthView.razor.rz.scp.css */
#text-view-title[b-qp0rw953c4] {
    width: var(--min-size-btn);
    min-width: var(--min-size-btn);
    word-wrap: break-word;
}

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

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

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


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

    .cal_header div[b-bnppzabii7] {
        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-bnppzabii7] {
    }

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

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

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

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

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




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

    #calendar_main .cal_days-item[b-bnppzabii7] {
        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-bnppzabii7] {
            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-bnppzabii7] {
                background-color: var(--mud-palette-background);
                color: var(--mud-palette-text-secondary);
                border: solid 1px var(--mud-palette-text-secondary);
            }

#calendar_main--month[b-bnppzabii7] {
    display: flex;
    justify-content:space-between;
    gap: 8px;
    flex-wrap: wrap;
}
    #calendar_main--month .cal_month-item[b-bnppzabii7] {
        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-bnppzabii7] {
    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-bnppzabii7] {
        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-bnppzabii7] {
    margin-top: 8px;
    height: 240px;
    overflow: auto;
}

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

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

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

.active[b-bnppzabii7] {
    /*    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-bnppzabii7]:after {
    /*   text-decoration: underline; */
    content: '';
    width: 3px;
    height: 3px;
    background: red;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    left: 50%;
}

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

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

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

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

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

#date_picker_input[b-yrbgs5df23]: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-yrbgs5df23]:after {
    /*transform: rotate(180deg);*/
}

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

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

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

.bg-processing[b-2pkceaopqk]{

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

.pull-to-download[b-h42opxdewf] {
    /*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-h42opxdewf] {
        height: 60px;
    }

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

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

    .lds-ellipsis div[b-h42opxdewf] {
        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-h42opxdewf] {
            left: 6px;
            animation: lds-ellipsis1-b-h42opxdewf 0.5s infinite;
        }

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

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

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

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

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

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

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

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

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

.pull-to-refresh[b-ej7shx957b] {
    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-ej7shx957b] {
        height: 100px;
    }

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

.loader-backgroud[b-ej7shx957b] {
    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-ej7shx957b] {
    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-ej7shx957b 1s linear infinite;
}

    .loader[b-ej7shx957b]::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-ej7shx957b {
    0% {
        transform: rotate(0deg);
    }

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

.radio-style[b-1jvqqq4ksn] {
}


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

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

        .radio-body input[type="radio"] + .radio-label[b-1jvqqq4ksn]: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-1jvqqq4ksn]: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-1jvqqq4ksn]:before {
            outline: none;
            border-color: #3197ee;
        }

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

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

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


#swipe-content[b-dy6s51miq6] {
    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-rgm7siey00] {
    width: 150px;
    min-width: 150px;
    word-wrap: break-word;
}

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



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

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

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

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

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

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

#frame--content[b-f8mqtc8vua] {
    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-f8mqtc8vua] {
    height: 32px;
    width: 32px;
}

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

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

#content__text[b-f8mqtc8vua] {
    font-weight: 400;
    color: var(--mud-palette-info);
    text-align: justify;
}
/* /Layout/Components/Public/TopNavBarView.razor.rz.scp.css */
.top-title[b-6w99yd0viw] {
    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-mq2axvcp1p] {
    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-mq2axvcp1p] {
    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-p0ias5sj4f] {
    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-p0ias5sj4f] {
    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-dc028t23gq] {
    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-dc028t23gq] {
    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-7na92hpw7s] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

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

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

    .login-layout-body[b-bm0vjgudtn]::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, var(--mud-palette-overlay-light), var(--mud-palette-primary)); /* xanh đậm sang xanh tươi */
        transform: skewX(-20deg);
        transform-origin: left;
        box-shadow: -30px 0 0 0 var(--mud-palette-info-lighten); /* đườ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-bm0vjgudtn]::after {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        transform: skewY(0deg);
        transform-origin: top;
        box-shadow: 0 -30px 0 0 var(--mud-palette-info-lighten);
        z-index: 1;
    }
}


.login-layout-header[b-bm0vjgudtn] {
    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-bm0vjgudtn] {
        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-bm0vjgudtn] {
            width: 100%;
            max-width: 300px;
            object-fit: contain;
        }

        .login-layout-header .app-header .app-name[b-bm0vjgudtn] {
            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-bm0vjgudtn] {
            font-size: 16px;
            color: var(--mud-palette-primary);
            text-align: center;
            width: 100%;
        }


.login-layout-content[b-bm0vjgudtn] {
    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-bm0vjgudtn] {
        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-bm0vjgudtn] {
            font-size: 24px;
            font-weight: 500;
        }

        .login-layout-content .login-content .login-content__body[b-bm0vjgudtn] {
            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-01gj5fhbw8] {
    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-01gj5fhbw8] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}
.content-body[b-01gj5fhbw8] {
    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-niilfgk3vv]
{
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

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

.noti-text[b-niilfgk3vv]{
    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-gd24l29k4s] {
    margin: 8px;
    margin-top: 8px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

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

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

.btn-referral-code[b-gd24l29k4s]{
   display: flex;
   flex-direction: row;
   gap: 12px;
   justify-content:center;
   align-items:center;
   overflow: hidden;
}
/* /Pages/Admin/BranchConfigs/Devices/DeviceConfigPage.razor.rz.scp.css */
.online-status[b-floul0t2wa] {
    border: 1px solid var(--mud-palette-success);
    background-color: var(--mud-palette-success);
    width: 12px;
    height: 12px;
    border-radius: 50%;
}
/* /Pages/Admin/Dashboard/DashboardAdminView.razor.rz.scp.css */
.body-dashboard-admin[b-a7t5t4lbeu] {
    height:100%;
    width:100%;
    display: flex;
    padding: 16px;
    overflow:auto;
}


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

    .db-overview .db-overview__item[b-a7t5t4lbeu] {
        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-a7t5t4lbeu] {
        }

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

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


    .db-chart .chart-body[b-a7t5t4lbeu] {
        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 CountingSystem.Client.Pages.Admin.Dashboard[b-yrrfhp0bq1]
{
    public class DashboardAdminView
    {
    }
}
/* /Pages/Admin/DeveloperOptions/SysParamtersPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/PartnersPage.razor.rz.scp.css */
/* /Pages/Admin/Facilities/ShiftsPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/ReportPage.razor.rz.scp.css */
/* /Pages/Systems/NotificationPage.razor.rz.scp.css */
.noti-body[b-w4ozj1epsq] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
/* /Pages/User/MyProfilePage.razor.rz.scp.css */
#user-avatar[b-7fwjy29j7g] {
    position: relative;
    margin-top: 12px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    width: 120px;
}

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

.custom-file-upload[b-7fwjy29j7g]{
    cursor: pointer;
}


.btn-func-item[b-7fwjy29j7g] {
    /*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-7fwjy29j7g] {
        transform: translateY(-1px);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

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

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

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