/* /Pages/Admin/Applications/SMIC/SmicDevicePage.razor.rz.scp.css */
/* /Pages/Admin/Applications/SRCU/HomeView/HomeCoordinationView.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.SRCU.Shared.Pages.Home.HomeView[b-bk0eld96kn]
{
    class HomeCoordinationView
    {
    }
}
/* /Pages/Admin/Applications/SRCU/SrcuDevicePage.razor.rz.scp.css */

.srcu-body[b-0x9rat2wfq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 8px;
}

.body-select-counter[b-0x9rat2wfq] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.body-select-counter__item[b-0x9rat2wfq] {
    width: 60%;
    max-width: 500px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}

#d-body__mini[b-0x9rat2wfq] {
    width: 100%;
    border-radius: 0px !important;
    border-style: solid !important;
    border-width: 0.5px !important;
    border-color: var(--mud-palette-text-primary) !important;
    overflow: hidden; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
}

.srcu-main[b-0x9rat2wfq] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 8px;
    gap: 8px;
    overflow: auto;
}

.srcu-container[b-0x9rat2wfq] {
    flex: 1.8;
    display: flex;
    flex-direction: row;
    gap: 8px;
}

    .srcu-container #container-info-reception[b-0x9rat2wfq] {
        flex: 1.5;
        overflow: hidden;
    }

    .srcu-container #container-center[b-0x9rat2wfq] {
        flex: 1.5;
        display: flex;
        flex-direction: column;
    }

#box-calling[b-0x9rat2wfq] {
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-table-lines);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    flex: 0.8;
    background: var(--mud-palette-overlay-dark) !important;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
}

#box-btn[b-0x9rat2wfq] {
    position: relative;
    flex: 1.0;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#table-waiting[b-0x9rat2wfq] {
    flex: 1;
    height: 100%;
    max-height: 100%;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-table-lines);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    background-color: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
}

.counter-name[b-0x9rat2wfq] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 16px;
    height: 40px;
    min-height: 40px;
}

.table-waiting__header[b-0x9rat2wfq] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    height: 40px;
    min-height: 40px;
    color: var(--mud-palette-white) !important;
    background: linear-gradient(226.45deg, #45B3E6 0%, #3273F1 93.82%);
}

.table-waiting__header-number[b-0x9rat2wfq] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    background-color: var(--mud-palette-appbar-text);
    height: 50px;
    cursor: pointer;
    padding-top: 8px;
    font-size: var(--Size2);
}

.selected-line[b-0x9rat2wfq] {
    border-bottom: 2px solid var(--mud-palette-text-primary);
    width: calc(25% - 8px);
    /*    width: calc(25% - 8px);*/
    margin-top: auto;
    margin-left: 4px;
    margin-right: 4px;
    transition: 0.5s ease-in-out;
}

.table-waiting__header-number-count[b-0x9rat2wfq] {
    font-weight: 500;
    font-size: var(--Size3);
}

.waiting-list[b-0x9rat2wfq] {
    overflow: auto;
    height: calc(100%);
    gap: 1px;
}

.settings[b-0x9rat2wfq] {
    background-color: red;
}

.btn-mini[b-0x9rat2wfq] {
    height: 50px !important;
    font-size: 14px !important;
    background: var(--mud-palette-overlay-light);
    text-transform: uppercase;
    color: var(--mud-palette-white) !important;
    border-radius: 8px !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: var(--mud-palette-table-lines) !important;
    text-align: center;
}

    .btn-mini:active[b-0x9rat2wfq] {
        background: var(--mud-palette-overlay-dark) !important;
        color: var(--mud-palette-text-primary) !important;
    }

    .btn-mini:disabled[b-0x9rat2wfq],
    .btn-mini[disabled][b-0x9rat2wfq] {
        border: 1px solid #999999;
        background-color: #cccccc;
        color: #666666;
    }
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/DisplayServing/DisplayByCounterMode.razor.rz.scp.css */
#p-body-vertical[b-u9oum2aend] {
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    /*gap: 2.5vh;*/
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow:hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/DisplayServing/DisplayByServiceMode.razor.rz.scp.css */
#p-body-horizontal[b-xle7189g5p] {
    padding: 2vh 0;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 32px;
}


#p-body-vertical[b-xle7189g5p] {
    padding: 2vh 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#header-vertical[b-xle7189g5p] {
    display: flex;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#content-vertical[b-xle7189g5p] {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.p-text[b-xle7189g5p] {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 5vh;
    padding: 0 8px;
    height: 100%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/HomePageBVHM_1.razor.rz.scp.css */
.d-body[b-5cn34psm13] {
    position: relative;
    display: flex;
    flex-direction: row;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    overflow: hidden;
}

.bvhm_serving[b-5cn34psm13] {
    height: 100%;
    flex: 1.5;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .bvhm_serving .bvhm_serving--title[b-5cn34psm13] {
        flex: 1;
        font-size: 100px;
        font-weight: 700;
        text-transform: uppercase;
        color: red;
        display: flex;
        justify-content: flex-end;
        align-items: end;
        padding-bottom: 8px;
    }

    .bvhm_serving .bvhm_serving--content[b-5cn34psm13] {
        flex: 4;
        overflow: hidden;
        margin: 4vh 0 2vh 4vw;
        display:flex;
        justify-content:center;
        align-items:center;
    }

.bvhm_logo[b-5cn34psm13] {
    height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 16px;
}

.bvhm_waiting[b-5cn34psm13] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/ServingView/CounterServingView.razor.rz.scp.css */
.bvhm-counter-body[b-3lihcxehp3] {
    padding: 0 1vw 2vh 1vw;
    position: relative;
    /*width: 100%;*/
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    overflow: hidden;
}

.counter-name[b-3lihcxehp3] {
    position: absolute;
    height: 80%;
    aspect-ratio: 1.5 / 1;
    max-width: 25%;
    border-top-left-radius: 35% 50%;
    border-bottom-right-radius: 35% 50%;
}

.ticket-serving[b-3lihcxehp3] {
    margin-top: 2vh;
    margin-left: 2vh;
    flex: 1;
    border-top-left-radius: 10% 65%;
    border-bottom-right-radius: 10% 65%;
    padding: 8px 24px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/ServingView/ServiceServingView.razor.rz.scp.css */
#p-body[b-vakhjyieiw] {
    border: 1px solid #ffffff;
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(25.65deg, #0774BB 4.92%, #27AAE1 73.89%);
}

.avatar[b-vakhjyieiw] {
    height: 70%;
    width: 100%;
    object-fit: cover;
}

#p-content[b-vakhjyieiw]{
    display:flex;
    flex-direction: column;
    height:100%;
    width: 100%;
}

.p-text[b-vakhjyieiw] {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5%;
    color: white;
    text-align: center;
    font-size: 3vh;
    border-top: 1px solid #ffffff;
    padding: 0 8px;
}

#p-code[b-vakhjyieiw] {
}

#p-name[b-vakhjyieiw] {
    height: 12%;
    font-size: 3vh;
}

#p-ticket[b-vakhjyieiw] {
    font-weight: 700;
    font-size: 4vh;
    height: 10%;
}

.p-service[b-vakhjyieiw] {
    height: 8%;
    max-width: 100%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_1/ServingView/TicketsWaitingGlobalView.razor.rz.scp.css */
.bvhm-ticket_waiting__body[b-b1x3lnfmny] {
    margin: 6vh 4vw 4vh 4vw;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.bvhm-ticket_waiting__title[b-b1x3lnfmny]{
    padding: 8px;
    height: 7.5vh;
}

.bvhm-ticket_waiting__table[b-b1x3lnfmny]{
    overflow:hidden;
    flex: 1;
}
.bvhm-ticket_waiting__table-item[b-b1x3lnfmny] {
   
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/DisplayServing/DisplayByCounterMode.razor.rz.scp.css */
#p-body-vertical[b-eockow3mja] {
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    /*gap: 2.5vh;*/
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow:hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/DisplayServing/DisplayByServiceMode.razor.rz.scp.css */
#p-body-vertical[b-51mivjj5np] {
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    /*gap: 2.5vh;*/
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/HomePageBVHM_2.razor.rz.scp.css */
.d-body[b-hj0lvkvzsx] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    overflow: hidden;
    width: 100%!important;
}

.bvhm_serving[b-hj0lvkvzsx] {
    width:100%;
    /*height: 100%;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .bvhm_serving .bvhm_serving--title[b-hj0lvkvzsx] {
        flex: 1;
        margin: 0 8vw;
        display: flex;
        justify-content: center;
        align-items: end;
        padding-bottom: 8px;
    }

    .bvhm_serving .bvhm_serving--content[b-hj0lvkvzsx] {
        flex: 9;
        overflow: hidden;
        margin: 4vh 0vw 4vh 0vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.bvhm_logo[b-hj0lvkvzsx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4vh 4vw;
}

.bvhm_waiting[b-hj0lvkvzsx] {
    display: flex;
    flex-direction: column;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/ServingView/CounterServingView.razor.rz.scp.css */
.bvhm-counter-body[b-9v0bzas2xr] {
    position: relative;
    width: 100%;
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.counter-name[b-9v0bzas2xr] {
    flex: 1;
    height: 100%;
    padding-right: 2.5vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .counter-name .counter-name-content[b-9v0bzas2xr] {
        flex: 1;
        height: 60%;
        max-width: 18vw;
        border-top-right-radius: 30% 40%;
        border-bottom-left-radius: 30% 40%;
        padding: 1.5vw;
        overflow: hidden;
    }

.counter-name-text[b-9v0bzas2xr] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.counter-name-text__name[b-9v0bzas2xr] {
    /*height: 60%;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

    .counter-name-text__name .counter-name-text__name_1[b-9v0bzas2xr] {
        /*background-color:gold;*/
        line-height: 1.4 !important;
    }

    .counter-name-text__name .counter-name-text__name_2[b-9v0bzas2xr] {
        /*background-color: red;*/
        line-height: 1.4!important;
    }


.counter-name-text__id[b-9v0bzas2xr] {
}

.ticket-serving[b-9v0bzas2xr] {
    padding-left: 2.5vw;
    flex: 1;
    padding: 8px 24px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/ServingView/ServiceServingView.razor.rz.scp.css */
.bvhm-counter-body[b-8z1xhx0st1] {
    position: relative;
    width: 100%;
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.counter-name[b-8z1xhx0st1] {
    flex: 1;
    height: 100%;
    padding-right: 2.5vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .counter-name .counter-name-content[b-8z1xhx0st1] {
        flex: 1;
        height: 60%;
        max-width: 28vw;
        border-top-right-radius: 30% 40%;
        border-bottom-left-radius: 30% 40%;
        padding: 1.5vw;
        overflow: hidden;
    }

.ticket-serving[b-8z1xhx0st1] {
    padding-left: 2.5vw;
    flex: 1;
    padding: 8px 24px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeBVHM_2/ServingView/TicketsWaitingGlobalView.razor.rz.scp.css */
.bvhm-ticket_waiting__body[b-tlw0fe27o8] {
    /*margin: 6vh 4vw 4vh 4vw;*/
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.bvhm-ticket_waiting__title[b-tlw0fe27o8] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 8px;
}

.bvhm-ticket_waiting__table[b-tlw0fe27o8] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    display: flex;
}

.bvhm-ticket_waiting__table-item[b-tlw0fe27o8] {
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeDefault/DisplayServing/DisplayByCounterMode.razor.rz.scp.css */
#p-body-horizontal[b-0mhrnptfqh] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 32px;
}

#p-body-vertical[b-0mhrnptfqh] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
}

#header-vertical[b-0mhrnptfqh] {
    display: flex;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#content-vertical[b-0mhrnptfqh] {
    padding: 0 1px;
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.p-text[b-0mhrnptfqh] {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 5vh;
    padding: 0 8px;
    height: 100%;
    overflow: hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeDefault/DisplayServing/DisplayByServiceMode.razor.rz.scp.css */
#p-body-horizontal[b-wam6nrn8h0] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 32px;
    overflow: hidden;
}


#p-body-vertical[b-wam6nrn8h0] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}

#header-vertical[b-wam6nrn8h0] {
    display: flex;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#content-vertical[b-wam6nrn8h0] {
    padding: 0 1px;
    flex: 1;
    flex-direction: column;
    width: 100%;
    overflow: hidden!important;
}

.p-text[b-wam6nrn8h0] {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 5vh;
    padding: 0 8px;
    height: 100%;
    overflow: hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeDefault/HomePageDefault.razor.rz.scp.css */
.d-body[b-jknxacb5e0] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    color: #8e9097 !important;
    text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
    overflow:hidden;
}

.banner_top[b-jknxacb5e0] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.services-show[b-jknxacb5e0] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px;
    /*padding: 32px;*/
    overflow: hidden;
}

.center-media[b-jknxacb5e0] {
    max-height: 100%;
    overflow: hidden;
}

.center-serving[b-jknxacb5e0] {
    flex: 1;
    max-height: 100%;
    overflow: hidden;
}


.banner_bot[b-jknxacb5e0] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.ticket-calling[b-jknxacb5e0] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ticket-calling__title[b-jknxacb5e0] {
    font-weight: 700;
}

.ticket-calling__number[b-jknxacb5e0] {
    font-weight: 700;
    color: #2978D3 !important;
    line-height: 1;
    /*text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);*/
}

.box-calling__text[b-jknxacb5e0] {
    font-weight: 700;
    line-height: 1.1;
    color: #0f0c0a !important;
}

.ticket-waiting[b-jknxacb5e0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.ticket-waiting__header[b-jknxacb5e0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.2px solid #e0e0d7;
}

.ticket-waiting__detail[b-jknxacb5e0] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ticket-waiting__ticket[b-jknxacb5e0] {
    flex: 1;
    font-weight: 700;
    color: #0f0c0a !important;
    display: flex;
    justify-content: end;
}

.ticket-waiting__info[b-jknxacb5e0] {
    flex: 2.5;
    font-weight: 700;
    color: #0f0c0a !important;
    display: flex;
    justify-content: end;
}

.space-line[b-jknxacb5e0] {
    margin-bottom: 16px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeDefault/ServingView/CounterServingView.razor.rz.scp.css */
#p-body[b-hni2mzmzs4] {
    display: flex;
    align-items:center;
    justify-content: flex-start;
    /*border: 1px solid #ffffff;*/
    /*border-radius: 16px;*/
    overflow: hidden;
    /*background: linear-gradient(25.65deg, #0774BB 4.92%, #27AAE1 73.89%);*/
}


.p-text[b-hni2mzmzs4] {
    /*text-transform: uppercase;*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    text-align: center;
    padding: 16px;
    height: 100%!important;
    overflow: hidden;
    line-height: 1.2;
    /*Hiển thị số dòng tối đa*/
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeDefault/ServingView/ServiceServingView.razor.rz.scp.css */
.service-serving-body[b-0ebzcmldid] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /*border: 1px solid #ffffff;*/
    /*border-radius: 16px;*/
    overflow: hidden !important;
    overflow-y: hidden;
    /*background: linear-gradient(25.65deg, #0774BB 4.92%, #27AAE1 73.89%);*/
    flex: 1;
    align-items: stretch;
}


.p-text[b-0ebzcmldid] {
    /*text-transform: uppercase;*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    text-align: center;
    padding: 16px;
    /*align-self: stretch;*/ /* Đặt item này để kéo dài chiều cao */
    overflow: hidden;
    overflow-y: hidden;
    line-height: 1.2;
    /*Hiển thị số dòng tối đa*/
    flex:1;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSGT/DisplayServing/DisplayByCounterMode.razor.rz.scp.css */
#p-body-horizontal[b-n8vwcfwzyn] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 0.8vw;
    justify-content: center;
    align-items: center;
    padding: 1.0vw;
}

#p-body-vertical[b-n8vwcfwzyn] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
}

#header-vertical[b-n8vwcfwzyn] {
    display: flex;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#content-vertical[b-n8vwcfwzyn] {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.p-text[b-n8vwcfwzyn] {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 5vh;
    padding: 0 8px;
    height: 100%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSGT/DisplayServing/DisplayByServiceMode.razor.rz.scp.css */
#p-body-horizontal[b-75w3w2aj73] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 0.8vw;
    justify-content: center;
    align-items: center;
    padding: 1.0vw;
}


#p-body-vertical[b-75w3w2aj73] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}

#header-vertical[b-75w3w2aj73] {
    display: flex;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#content-vertical[b-75w3w2aj73] {
    flex: 1;
    width: 100%;
    overflow: hidden;
}

.p-text[b-75w3w2aj73] {
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    font-size: 5vh;
    padding: 0 8px;
    height: 100%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSGT/HomePageSGT.razor.rz.scp.css */
.d-body[b-xmzakf5sql] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    color: #8e9097 !important;
    text-shadow: 0px 8px 16px rgba(0, 0, 0, 0.15);
}

.banner_top[b-xmzakf5sql] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.services-show[b-xmzakf5sql] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    /*padding: 32px;*/
    overflow: hidden;
}

.banner_bot[b-xmzakf5sql] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}

.ticket-calling[b-xmzakf5sql] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ticket-calling__title[b-xmzakf5sql] {
    font-weight: 700;
}

.ticket-calling__number[b-xmzakf5sql] {
    font-weight: 700;
    color: #2978D3 !important;
    line-height: 1;
    /*text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);*/
}

.box-calling__text[b-xmzakf5sql] {
    font-weight: 700;
    line-height: 1.1;
    color: #0f0c0a !important;
}

.ticket-waiting[b-xmzakf5sql] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.ticket-waiting__header[b-xmzakf5sql] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.2px solid #e0e0d7;
}

.ticket-waiting__detail[b-xmzakf5sql] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ticket-waiting__ticket[b-xmzakf5sql] {
    flex: 1;
    font-weight: 700;
    color: #0f0c0a !important;
    display: flex;
    justify-content: end;
}

.ticket-waiting__info[b-xmzakf5sql] {
    flex: 2.5;
    font-weight: 700;
    color: #0f0c0a !important;
    display: flex;
    justify-content: end;
}

.space-line[b-xmzakf5sql] {
    margin-bottom: 16px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSGT/ServingView/CounterServingView.razor.rz.scp.css */
#p-body[b-pxpf60hc17] {
    border: 1px solid #ffffff;
    border-radius: 16px;
    overflow: hidden;
/*    background: linear-gradient(25.65deg, #0774BB 4.92%, #27AAE1 73.89%);*/
}

.avatar[b-pxpf60hc17] {
    height: 70%;
    width: 100%;
    object-fit: cover;
}

#p-content[b-pxpf60hc17]{
    display:flex;
    flex-direction: column;
    height:100%;

}

.p-text[b-pxpf60hc17] {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5%;
    color: white;
    text-align: center;
    font-size: 3vh;
    border-top: 1px solid #ffffff;
    padding: 0 8px;
}

#p-code[b-pxpf60hc17] {
}

#p-name[b-pxpf60hc17] {
    height: 12%;
    font-size: 3vh;
}

#p-ticket[b-pxpf60hc17] {
    font-weight: 700;
    font-size: 4vh;
    height: 10%;
}

.p-counter[b-pxpf60hc17] {
    height: 8%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSGT/ServingView/ServiceServingView.razor.rz.scp.css */
#p-body[b-tn4ge0mg7j] {
    border: 1px solid #ffffff;
    border-radius: 16px;
    overflow: hidden;
    /*background: linear-gradient(25.65deg, #0774BB 4.92%, #27AAE1 73.89%);*/
}

.avatar[b-tn4ge0mg7j] {
    height: 70%;
    width: 100%;
    object-fit: cover;
}

#p-content[b-tn4ge0mg7j]{
    display:flex;
    flex-direction: column;
    height:100%;
    width: 100%;
}

.p-text[b-tn4ge0mg7j] {
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5%;
    color: white;
    text-align: center;
    font-size: 3vh;
    /*border-top: 1px solid #ffffff;*/
    padding: 0 8px;
}

#p-code[b-tn4ge0mg7j] {
}

#p-name[b-tn4ge0mg7j] {
    height: 12%;
    font-size: 3vh;
}

#p-ticket[b-tn4ge0mg7j] {
    font-weight: 700;
    font-size: 4vh;
    height: 10%;
}

.p-service[b-tn4ge0mg7j] {
    height: 8%;
    max-width: 100%;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/DisplayServing/DisplayByCounterMode.razor.rz.scp.css */
#p-body-vertical[b-zb3lkmt5cz] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /*gap: 2.5vh;*/
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
    overflow:hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/DisplayServing/DisplayByServiceMode.razor.rz.scp.css */
#p-body-vertical[b-h7nly0eglq] {
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    /*gap: 2.5vh;*/
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/ServingView/CounterServingLatestView.razor.rz.scp.css */
.shb-counter-body[b-rs1eov906e] {
    height: fit-content;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    gap: 0;
}

.ticket-serving[b-rs1eov906e] {
    flex: 1;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
}

.counter-name[b-rs1eov906e] {
    flex: 1;
    display: flex;
    gap: 16px;
    align-items: center;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/ServingView/CounterServingView.razor.rz.scp.css */
.shb-counter-body[b-bqtp5f8h65] {
    position: relative;
    width: 100%;
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.counter-name[b-bqtp5f8h65] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*flex: 1;*/
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.ticket-serving[b-bqtp5f8h65] {
    background-repeat: no-repeat;
    background-size: 100% 100%;

    width: 100%;
    flex: 1;
    padding: 8px 24px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow: hidden;

}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/ServingView/ServiceServingLatestView.razor.rz.scp.css */
.shb-counter-body[b-labixb8ckh] {
    position: relative;
    width: 100%;
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    flex-direction:column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.counter-name[b-labixb8ckh] {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ticket-serving[b-labixb8ckh] {
    width: 100%;
    flex: 4;
    padding: 8px 24px;
    background-color: white;
}

/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/ServingView/ServiceServingView.razor.rz.scp.css */
.bvhm-counter-body[b-7z5ao323r6] {
    position: relative;
    width: 100%;
    /*min-width: 40%;*/
    /*height: 100%;*/
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.counter-name[b-7z5ao323r6] {
    flex: 1;
    height: 100%;
    padding-right: 2.5vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

    .counter-name .counter-name-content[b-7z5ao323r6] {
        flex: 1;
        height: 60%;
        max-width: 28vw;
        border-top-right-radius: 30% 40%;
        border-bottom-left-radius: 30% 40%;
        padding: 1.5vw;
        overflow: hidden;
    }

.ticket-serving[b-7z5ao323r6] {
    padding-left: 2.5vw;
    flex: 1;
    padding: 8px 24px;
}
/* /Pages/Admin/Applications/SSC/HomeDisplay/HomeSHB/SSC_HomePageSHB.razor.rz.scp.css */
.d-body[b-yt5x21qbnl] {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
    overflow: hidden;
    width: 100% !important;
}

.shb_serving-other[b-yt5x21qbnl] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
}

    .shb_serving-other .shb_logo[b-yt5x21qbnl] {
        object-fit: fill;
    }

    .shb_serving-other .shb_serving--content[b-yt5x21qbnl] {
        flex: 1;
    }


.shb_serving[b-yt5x21qbnl] {
    flex: 4.5;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
}

    .shb_serving .shb-media[b-yt5x21qbnl] {
        width: 100%;
        overflow: hidden;
    }

    .shb_serving .shb-serving-latest[b-yt5x21qbnl] {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        .shb_serving .shb-serving-latest .banner_top[b-yt5x21qbnl] {
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: flex;
            align-items: center;
        }

        .shb_serving .shb-serving-latest .ticket-latest[b-yt5x21qbnl] {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content:center;
            align-items:center;
        }
/* /Pages/Admin/Applications/SSC/SscDevicePage.razor.rz.scp.css */
.connect-stt[b-ce4tv2jdch] {
    position: absolute;
    right: 16px;
    bottom: 12px;
    background-color: transparent;
    z-index: 1000;
    font-size: 26px;
}

.media-downloading[b-ce4tv2jdch] {
    border-radius: 8px;
    padding: 0px 8px;
    line-height: 1.0;
    background-color: white;
}
/* /Pages/Admin/Applications/SSDU/SsduDevicePage.razor.rz.scp.css */
.ssdu-body[b-ibwatjx8pz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}

.services-show[b-ibwatjx8pz] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 32px;*/
    /*padding: 32px;*/
    overflow: hidden;
}

.text-counter-busy[b-ibwatjx8pz] {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}


.banner_bot[b-ibwatjx8pz] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
/* /Pages/Admin/Applications/SSPU/SspuDevicePage.razor.rz.scp.css */
.ssdu-body[b-u4mb4te0gn] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}

.services-show[b-u4mb4te0gn] {
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 32px;*/
    /*padding: 32px;*/
    overflow: hidden;
}

.text-counter-busy[b-u4mb4te0gn] {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}


.banner_bot[b-u4mb4te0gn] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
/* /Pages/Admin/Applications/SVCU/HomeDisplay/HomeGoodbyte.razor.rz.scp.css */
.home-goodbye-body[b-f2flv8mxis] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}

.banner-counter[b-f2flv8mxis] {
    width: 100%;
    padding: var(--size8);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.banner-line[b-f2flv8mxis] {
    height: var(--size24);
}

.center[b-f2flv8mxis] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
/*    max-height: 66%;*/
    padding: var(--size16) var(--size48);
    width: 100%;
}

.text-vote-success[b-f2flv8mxis] {
    font-family: "bold";
    font-size: var(--size64);
    color: var(--ColorSecondary);
}

.logo-vote-slot[b-f2flv8mxis] {
    flex: 1;
    display: flex;
    overflow: hidden;
}

.logo-vote[b-f2flv8mxis] {
    max-height: 70%;
    margin: auto;
}

.text-thanks[b-f2flv8mxis] {
    font-family: "light";
    font-size: var(--size64);
    color: var(--ColorSecondary);
}


.d-body-background[b-f2flv8mxis]{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* /Pages/Admin/Applications/SVCU/HomeDisplay/HomeTicketServing.razor.rz.scp.css */
.home-ticketserving-body[b-o7s0rvqnpw] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}


.center[b-o7s0rvqnpw] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 0;
    overflow: hidden;
}

.banner-counter[b-o7s0rvqnpw] {
    width: 100%;
    padding: var(--size8);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.ticket-serving[b-o7s0rvqnpw] {
    padding-top: var(--size16);
    width: 100%;
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.banner-line[b-o7s0rvqnpw] {
    height: var(--size24);
}
/* /Pages/Admin/Applications/SVCU/HomeDisplay/HomeVote.razor.rz.scp.css */
.home-vote-body[b-dewgb4fnob] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}

.center[b-dewgb4fnob] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: 0;
    overflow: hidden;
}

.text-name[b-dewgb4fnob] {
    font-family: "bold";
    text-transform: uppercase;
    font-size: var(--size48);
    line-height: 128.91%;
    text-align: center;
    color: #FFFFFF;
}

.banner-counter[b-dewgb4fnob] {
    width: 100%;
    padding: var(--size8);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-content[b-dewgb4fnob] {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    gap: var(--size48);
    width: 100%;
    height: 100%;
    padding: 16px;
    overflow: auto;
}


.cus-text[b-dewgb4fnob] {
    font-family: "bold";
    font-size: var(--size64);
    color: var(--ColorSecondary);
    text-align: center;
    width: 100%;
    padding: 0 var(--size48);
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.cus-name[b-dewgb4fnob] {
    font-family: "bold";
    color: var(--ColorPrimary);
}

.ticket-serving[b-dewgb4fnob] {
    margin: -48px -48px 0 -48px;
    padding: 48px 48px 0 48px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Pages/Admin/Applications/SVCU/HomeDisplay/HomeWelcome.razor.rz.scp.css */
.home-welcome-body[b-ktu6k5u2co] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 100%;
    gap: 0;
    animation: slideFromTop ease 0.5s;
}

.home-welcome-center[b-ktu6k5u2co] {
    height: 50%;
    max-height: 50%;
    display: flex;
    padding: 2rem 0 0 0;
}

.logo[b-ktu6k5u2co] {
    max-height: 85%;
    max-width: 90%;
    margin: auto;
}

.text-welcome[b-ktu6k5u2co] {
    font-family: "bold";
    text-transform: uppercase;
    font-size: var(--size64);
    line-height: 128.91%;
    text-align: center;
    color: #FFFFFF;
}

.text-rate[b-ktu6k5u2co] {
    font-family: "bold";
    text-transform: uppercase;
    font-size: var(--size64); 
    line-height: 128.91%;
    text-align: center;
    color: #FFFFFF;
}

.banner-text-welcome[b-ktu6k5u2co] {
    width: 100%;
    padding: 1.0rem;
    margin: auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;

    display: flex;
    justify-content:center;
    align-items:center;
}

.d-body-background[b-ktu6k5u2co] {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
/* /Pages/Admin/Applications/SVCU/HomeDisplay/VoteCustom/CommentsVote.razor.rz.scp.css */
.banner-text[b-jf1q18qt1q] {
    padding: var(--size16);
    border-radius: 8px;
}

.banner-text:active[b-jf1q18qt1q]{
    opacity: 0.4;
}


.btn-comment[b-jf1q18qt1q] {
    height: 100px;
    width: 100px;
    object-fit: contain;
    cursor: pointer;
}
/* /Pages/Admin/Applications/SVCU/SvcuDevicePage.razor.rz.scp.css */
.svcu-body[b-t1ic6gwfue] {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding: 0px;
    gap: 0px;
}
/* /Pages/Admin/Applications/TBU/HomeMode/Mode/TbuDevice_HomeModeCheckinView.razor.rz.scp.css */
.d-mode[b-a9gigju1fh] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    /*max-width: 90%;*/
    width: 80%;
    margin-top: 16px !important;
    overflow: hidden;
}

.show-message[b-a9gigju1fh] {
    max-width: 80%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px var(--mud-palette-primary);
    padding: 16px;
}

.btn-float[b-a9gigju1fh] {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 100;
    display: flex;
    height: 60px !important;
    width: 100px !important;
    border-radius: 12px;
}

.btn-outline-exit[b-a9gigju1fh] {
    border: solid 2px var(--ColorDanger);
    color: var(--ColorDanger);
    font-weight: 700;
    font-size: 18px;
}

.btn-outline-detail[b-a9gigju1fh] {
    height: 100px !important;
    border: solid 2px var(--mud-palette-primary);
    color: var(--mud-palette-primary);
    font-weight: 700;
    font-size: 18px;
}

.text-service-done[b-a9gigju1fh] {
    text-align: start;
    font-size: 20px;
    font-weight: 700;
    color: var(--ColorSecondary);
}

.info-cus[b-a9gigju1fh] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: start;
    align-items: start;
    background-color: white;
    border-radius: 12px;
    border: solid 2px var(--mud-palette-primary);
    padding: 16px;
}

    .info-cus .ticket-number-title[b-a9gigju1fh] {
        font-size: 18px;
        font-weight: 700;
        color: #5A5555;
    }

    .info-cus .ticket-number[b-a9gigju1fh] {
        width: 100%;
        font-size: 60px;
        text-align: center;
        font-weight: 700;
        color: #294EBF;
    }

    .info-cus .box-info[b-a9gigju1fh] {
        width: 100%;
        display: flex;
        gap: 16px;
        text-align: start;
    }

        .info-cus .box-info .box-info-title[b-a9gigju1fh] {
            flex: 1;
            font-size: 18px;
            font-weight: 700;
            color: #5A5555;
        }

        .info-cus .box-info .box-info-detail[b-a9gigju1fh] {
            flex: 2.5;
            font-size: 16px;
            font-weight: 700;
            text-align: end;
        }


.text-checkin-done-1[b-a9gigju1fh] {
    color: #15B097;
    text-transform: uppercase;
    font-size: 36px;
}

.text-checkin-done-2[b-a9gigju1fh] {
    font-size: 24px;
    font-weight: 700;
}

.text-checkin-done-3[b-a9gigju1fh] {
    font-size: 40px;
    font-weight: 700;
    color: #294EBF;
}

.text-checkin-done-4[b-a9gigju1fh] {
    font-size: 18px;
}

.text-checkin-done-5[b-a9gigju1fh] {
    font-size: 36px;
    font-weight: 700;
    color: #294EBF;
}
/* /Pages/Admin/Applications/TBU/HomeMode/Mode/TbuDevice_HomeModeDefaultView.razor.rz.scp.css */
.d-mode[b-hs09ij2xs7] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    margin-top: 16px!important;
    overflow:hidden;
}

.face-data[b-hs09ij2xs7] {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

    .face-data .face-img[b-hs09ij2xs7] {
        height: 128px;
        width: 128px;
        border-radius: 50%;
        overflow: hidden;
    }

        .face-data .face-img .face-img-src[b-hs09ij2xs7] {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .face-data .face-img-full[b-hs09ij2xs7] {
        height: 480px;
        width: 480px;
        /*        border-radius: 50%;*/
        overflow: hidden;
    }

        .face-data .face-img-full .face-img-full-src[b-hs09ij2xs7] {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .face-data .face-response[b-hs09ij2xs7] {
        border-radius: 4px;
        border: 1px solid var(--ColorPrimary);
        padding: 8px;
        background-color: white;
        text-align: center;
    }
/* /Pages/Admin/Applications/TBU/HomeMode/StepView/TbuDevice_CustomerSegmentView.razor.rz.scp.css */
.csv-body[b-t8focy666e] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* /Pages/Admin/Applications/TBU/HomeMode/StepView/TbuDevice_EnterInfoCusView.razor.rz.scp.css */

#cus-info[b-bch72y403t] {
    position: relative;
    height: 100%;
    width: 100%;
    flex-direction: column;
    gap: 0;
    justify-content: center;
    align-items: center;
}

#services-request--preview[b-bch72y403t] {
    background-color: white;
    border: 2px solid #08bd5f;
    width: 600px;
    max-width: 80%;
    height: 60px;
    min-height: 60px;
    padding: 4px 16px;
    margin: 8px;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    outline: none;
    caret-color: transparent;
}

#box-input-select[b-bch72y403t] {
/*    position: absolute;*/
    left: 24px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    gap: 16px;
}

.box-input-select__item[b-bch72y403t] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100px;
    height: 60px;
    gap: 8px;
    background-color: white;
    border: 2px solid #08bd5f;
    border: 1px solid #ccc;
    border-radius: 8px;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    outline: none;
    caret-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .box-input-select__item.selected[b-bch72y403t] {
        background-color: #183ade !important;
        color: white!important;
    }

.box-input-select__item-require[b-bch72y403t] {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: var(--mud-palette-error);
}

.box-input-select :active[b-bch72y403t] {
    background-color: #08bd5f;
    color: white;
}

.box-input-select div[b-bch72y403t] {
}

.keypad[b-bch72y403t] {
    flex: 1;
}

.message[b-bch72y403t] {
    height: 40px;
    font-size: 20px;
    font-weight: 700;
    /*    border: 1px solid #ccc;*/
    border-radius: 8px;
    color: #c74642;
    padding: 8px 16px;
    background-color: white;
}


.btn-back[b-bch72y403t] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    width: 150px;
    font-size: 16px;
    color: var(--mud-palette-primary);
    font-weight: 700;
    background-color: white;
    border: 1px solid var(--mud-palette-primary);
    border-bottom-right-radius: 16px 16px;
    border-top-right-radius: 16px 16px;
}

.btn-confirm[b-bch72y403t] {
    position: absolute;
    /*top:0;*/
    bottom: 16px;
    height: 80px;
    width: 200px;
    font-size: 18px;
    color: white;
    font-weight: 700;
    background-color: var(--mud-palette-primary);
    border: 1px solid white;
    border-radius: 16px 16px;
}
/* /Pages/Admin/Applications/TBU/HomeMode/StepView/TbuDevice_ServiceView.razor.rz.scp.css */
.sv-body[b-nr45tk22zo] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.csv-service[b-nr45tk22zo] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.csv-btn-action[b-nr45tk22zo] {
    width: 60%;
    max-width: 800px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.loading[b-nr45tk22zo] {
    position: absolute;
    justify-content: center;
    align-items: center;
    /*background: rgba(255, 255, 255, 1);*/
    z-index: 10000;
    height: 350px;
    width: 350px;
    border-radius: 16px;
    display: flex;
    padding: 0 !important;
}
/* /Pages/Admin/Applications/TBU/TbuDevicePage.razor.rz.scp.css */
.tbu-device-body[b-wpn7g5s9zd] {
    width: 100%;
    height: 100%;
    /*Bỏ select text*/
    -webkit-user-select: none; /*Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /*Standard syntax */
}


.services-show[b-wpn7g5s9zd] {
    width: 100%;
    flex: 1;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.services-request-xx[b-wpn7g5s9zd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
}


#services-stt[b-wpn7g5s9zd] {
    margin-top: 16px;
    max-width: 80%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 12px;
    padding: 16px;
    border: solid 2px var(--mud-palette-error);
}


#footer-items-left[b-wpn7g5s9zd] {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    margin-left: 16px;
}

#footer-items-right[b-wpn7g5s9zd] {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
}

#footer-label[b-wpn7g5s9zd] {
    font-family: "SvnAvenir";
    font-size: 22px;
    height: 40px;
    margin-top: 10px;
    -webkit-text-fill-color: white; /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    -webkit-font-smoothing: antialiased;
}

#checkin-booking[b-wpn7g5s9zd] {
    height: 100px;
    width: 250px;
    margin: 16px;
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    /*    background-color: white !important;
    border: 2px solid #c5f0c2;*/
}
/* /Pages/Admin/Authentication/AccessNotAllowedPage.razor.rz.scp.css */
.noti-body[b-fgeidnv0zy]
{
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

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

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

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

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

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

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

.btn-referral-code[b-86j2f2fs2t]{
   display: flex;
   flex-direction: row;
   gap: 12px;
   justify-content:center;
   align-items:center;
   overflow: hidden;
}
/* /Pages/Admin/BranchConfigs/MediaConfigs/MediaContentPage.razor.rz.scp.css */
/* /Pages/Admin/BranchConfigs/MediaConfigs/MediaScriptLayoutPage.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.Server.App.Blazor.Pages.ConfigureMedia[b-8vblfge2q2]
{
    class MediaContentPage
    {
    }
}
/* /Pages/Admin/BranchConfigs/MediaConfigs/MediaScriptPage.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.Server.App.Blazor.Pages.ConfigureMedia[b-coj4k4s9ez]
{
    class MediaContentPage
    {
    }
}
/* /Pages/Admin/Dashboard/Charts/TransactionByService.razor.rz.scp.css */
/* /Pages/Admin/Dashboard/Charts/TransactionByTime.razor.rz.scp.css */
/* /Pages/Admin/Dashboard/DashboardAdminView.razor.rz.scp.css */
.body-dashboard-admin[b-4vvdr129ol] {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 16px;
    overflow: auto;
}


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

    .db-overview .db-overview__item[b-4vvdr129ol] {
        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: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;
    }

        .db-overview .db-overview__item .db-overview__item__title[b-4vvdr129ol] {
        }

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

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


    .db-chart .chart-body[b-4vvdr129ol] {
        width: 100%;
/*        height: 500px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 12px;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
/*        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;*/
    }
/* /Pages/Admin/DeveloperOptions/SysParamtersPage.razor.rz.scp.css */
/* /Pages/Admin/Reports/Detail/ReportDetailByServicePage.razor.rz.scp.css */
.body-dashboard-admin[b-03ho84tsoc] {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 16px;
    overflow: auto;
}


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

    .db-overview .db-overview__item[b-03ho84tsoc] {
        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: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;
    }

        .db-overview .db-overview__item .db-overview__item__title[b-03ho84tsoc] {
        }

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

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


    .db-chart .chart-body[b-03ho84tsoc] {
        width: 100%;
/*        height: 500px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 12px;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
/*        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;*/
    }
/* /Pages/Admin/Reports/Detail/ReportDetailByTellerPage.razor.rz.scp.css */
.body-dashboard-admin[b-cqwhqashu5] {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 16px;
    overflow: auto;
}


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

    .db-overview .db-overview__item[b-cqwhqashu5] {
        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: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;
    }

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

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

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


    .db-chart .chart-body[b-cqwhqashu5] {
        width: 100%;
/*        height: 500px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 12px;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
/*        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;*/
    }
/* /Pages/Admin/Reports/Performance/ReportTellerPage.razor.rz.scp.css */
.body-dashboard-admin[b-opz79dj166] {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 16px;
    overflow: auto;
}


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

    .db-overview .db-overview__item[b-opz79dj166] {
        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: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;
    }

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

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

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


    .db-chart .chart-body[b-opz79dj166] {
        width: 100%;
/*        height: 500px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 12px;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
/*        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;*/
    }
/* /Pages/Admin/Reports/Performance/ReportTicketPage.razor.rz.scp.css */
.body-dashboard-admin[b-5p02givron] {
    height: 100%;
    width: 100%;
    display: flex;
    padding: 16px;
    overflow: auto;
}


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

    .db-overview .db-overview__item[b-5p02givron] {
        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: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;
    }

        .db-overview .db-overview__item .db-overview__item__title[b-5p02givron] {
        }

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

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


    .db-chart .chart-body[b-5p02givron] {
        width: 100%;
/*        height: 500px;*/
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 12px;
        background-color: var(--mud-palette-surface);
        border-radius: 8px;
/*        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, var(--mud-palette-skeleton) 0px 0px 0px 1px;*/
    }
/* /Pages/Admin/Reports/ReportOverviewPage.razor.rz.scp.css */
.report-base-filter__content[b-jtaej53jvx] {
    /*    height: 100%;*/
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px;
    padding-top: 20px;
}
/* /Shared/Components/Dialog/ErrorBoundaryAlert.razor.rz.scp.css */
.body-error-boundary-alert[b-4swhluktxm] {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
}

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

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

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

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

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

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

    #btn-try-again :hover[b-4swhluktxm] {
        background: #c0392b;
    }
/* /Shared/Components/Dialog/LibAudio/UpdateAudioDialog.razor.rz.scp.css */
p[b-9y9uifodha] {
    text-align: center;
}

@keyframes condemned_blink_effect-b-9y9uifodha {
    0% {
        visibility: hidden;
    }

    30% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

.long-term[b-9y9uifodha] {
    color: var(--ColorPrimary);
}

.about-to-expire[b-9y9uifodha] {
    animation: condemned_blink_effect-b-9y9uifodha 0.8s linear infinite;
    color: var(--ColorWarning);
    
}
/* /Shared/Components/Dialog/NotificationPopup.razor.rz.scp.css */
#icon[b-d6wlk85x1e]
{
    height: 60px;
    object-fit:contain;
}
#text-title[b-d6wlk85x1e]{
    text-align:center;
    font-weight: 700;
    font-size: 16px;
}

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

#text-detail[b-d6wlk85x1e] {
    text-align: justify;
    text-justify: inter-word;
}
/* /Shared/Components/Dialog/User/ListPermissionView.razor.rz.scp.css */
.per-body[b-hdsleevv4m]
{
   overflow: auto;
   margin: 0 8px;
}

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

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

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

.per-item__desc[b-hdsleevv4m]{
    width: 280px;
    font-weight: 200;
}
/* /Shared/Components/GlobalControls/FontSettingsView.razor.rz.scp.css */
.p-body[b-k8d01heqlt] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.settings[b-k8d01heqlt] {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    gap: 16px;
}

#font-settings[b-k8d01heqlt] {
    width: 250px;
}

#size-settings[b-k8d01heqlt] {
    width: 80px;
}

#color-settings[b-k8d01heqlt] {
    width: 180px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

#effect-settings[b-k8d01heqlt] {
    width: 180px;
}

#font-prevew__title[b-k8d01heqlt] {
    display: flex;
}

[contenteditable][b-k8d01heqlt] {
    height: 150px;
    width: 700px;
    max-width: 700px;
    border-radius: 4px;
    border: 0.5px solid #bdbdbd;
    border-radius: 8px;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
    display: flex;
    text-shadow: #000 0px 0px 1px;
    padding: 8px;
}

#font-list[b-k8d01heqlt] {
    margin-top: 19px;
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 0px;
    border: 0.5px solid #bdbdbd;
    border-radius: 4px;
    height: 366px;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
}

#font-item[b-k8d01heqlt] {
    width: 100%;
    padding: 6px;
    /*line-height:19px;*/
}

.text-name[b-k8d01heqlt] {
    margin-bottom: 8px;
    margin-right: 8px;
    letter-spacing: 0.25px;
    font-family: 'Segoe UI';
    font-style: italic;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: gray;
}




#title[b-k8d01heqlt] {
    margin-bottom: 8px;
    margin-right: 8px;
    letter-spacing: 0.25px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

#effect-list[b-k8d01heqlt] {
    display: flex;
    flex-direction: column;
    border: 0.5px solid #DFDFDF;
    border-radius: 4px;
    padding: 8px;
}
/* /Shared/Components/GlobalControls/ImageSettingsView.razor.rz.scp.css */
.img-setting-body[b-fgltm2402v] {
    position: relative;
    min-width: 50px;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    display: flex;
    gap: 4px;
}

.img-option[b-fgltm2402v] {
    position: absolute;
    top: 58px;
    right: 4px;
    height: 120px;
    width: 134px;
    border: solid 1px #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background-color: var(--mud-palette-background);
}
/* /Shared/Components/GlobalControls/TextSettingsView.razor.rz.scp.css */
.text-edit[b-ei1cc5wcdv] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.text-preview[b-ei1cc5wcdv] {
    text-shadow: #000 0px 0px 1px;
}

.text-btn_edit[b-ei1cc5wcdv] {
    min-height: 20px;
    min-width: 20px;
    max-height: 32px;
    max-width: 32px;
    padding: 0px;
    /*margin-left: auto;*/
}
/* /Shared/Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout-body[b-ozuq6czur1] {
    margin: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 100%;
    height: 100%;
    background-color: white;
    justify-content: center;
    align-items: center;
/*    background-color: var(--mud-palette-background);*/
}

.login-layout-content[b-ozuq6czur1] {
    width: 100%;
    /*height: 600px;*/
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* /Shared/Components/Layout/Navigation/LoginNavLayoutView.razor.rz.scp.css */
.login-layout-body[b-j7uhs5e3ho] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    max-width: 600px;
}

.login-layout-content[b-j7uhs5e3ho] {
    width: 100%;
    height: 100%;
    /*flex: 1;*/
    /*height: 600px;*/
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

    .login-layout-content .login-logo[b-j7uhs5e3ho] {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items:end;
    }

    .login-layout-content .login-content[b-j7uhs5e3ho] {
        flex: 4;
        display: flex;
        flex-direction: column;
        overflow: auto;
       /* justify-content: center;*/
        align-items: center;
    }
/* /Shared/Components/Layout/Navigation/NavLayoutView.razor.rz.scp.css */
.global-body[b-ww070m98vz] {
    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-ww070m98vz]{
    width: 100%;
    height: 3px;
    background-color: #E0E0E0;
}
.content-body[b-ww070m98vz] {
    width: 100%;
    position: relative;
    padding: 12px 8px 8px 8px !important;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
    /*width: 100%;*/
    overflow: hidden;
}
/* /Shared/Components/Private/Applications/LogoBanner.razor.rz.scp.css */
.p-body[b-vaff6536ru] {
    width: 100%;
/*    background-repeat: no-repeat;
    background-size: 100% 100%;*/
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: var(--size24);
}

.logo[b-vaff6536ru]{

}
/* /Shared/Components/Private/Applications/Media/MediaPlayRazorPage.razor.rz.scp.css */
.body-media[b-qi6g7r6ceg] {
    position: relative;
    height: 100%;
    /*background-color: transparent;*/
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
/* /Shared/Components/Private/Applications/SRCU/AppointmentCustomerCreatePicker.razor.rz.scp.css */

.message[b-7a63ssvow0] {
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    /*    border: 1px solid #ccc;*/
    border-radius: 8px;
    color: #c74642;
    padding: 8px 16px;
    background-color: white;
}
/* /Shared/Components/Private/Applications/SRCU/BoxCustomerInfoView/CusInfoReceptionView.razor.rz.scp.css */
#cus-container1[b-tvrg3w48jl] {
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-table-lines);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    overflow: hidden; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
    gap: 0px;
}

#cus-title[b-tvrg3w48jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-white) !important;
    background: linear-gradient(226.45deg, #45B3E6 0%, #3273F1 93.82%);
    height: 40px;
    min-height: 40px;
}

#avatar[b-tvrg3w48jl] {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--mud-palette-table-lines);
    overflow: hidden;
}
/* /Shared/Components/Private/Applications/SRCU/BoxServiceView/ServiceView.razor.rz.scp.css */
.service-header[b-fe23ic2kh0] {
    background-color: var(--mud-palette-appbar-text);
    width: 100%;
    height: 40px;
    align-items: center;
    padding: 4px 8px;
    font-size: var(--Size2);
    cursor: pointer;
    overflow: hidden;
        
}

.service-name[b-fe23ic2kh0] {
    flex: 1;
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    /* margin: auto; */
    /* line-height: 70px; */
    font: Arial;
    font-family: sans-serif;
    line-height: 1.5em;
    max-height: 3.2em;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}

.service-ticket__cout[b-fe23ic2kh0] {
    background: var(--mud-palette-overlay-dark);
    border-radius: 8px;
    width: 40px;
    height: 24px;
    text-align: center;
    padding: 0 8px;
    font-size: var(--Size2);
    display: flex;
    justify-content: center;
    align-items: center;
}
/* /Shared/Components/Private/Applications/SRCU/BoxServiceView/ServiceWatingResultView.razor.rz.scp.css */
.service-header[b-3m7aj01a83] {
    background-color: var(--mud-palette-appbar-text);
    width: 100%;
    height: 40px;
    align-items: center;
    padding: 4px 8px;
    font-size: var(--Size2);
    cursor: pointer;
    overflow: hidden;
}

.service-name[b-3m7aj01a83] {
    flex: 1;
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    /* margin: auto; */
    /* line-height: 70px; */
    font: Arial;
    font-family: sans-serif;
    line-height: 1.5em;
    max-height: 3.2em;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}

.service-ticket__cout[b-3m7aj01a83] {
    background: var(--mud-palette-overlay-dark);
    border-radius: 8px;
    width: 40px;
    height: 24px;
    text-align: center;
    padding: 0 8px;
    font-size: var(--Size2);
    display: flex;
    justify-content: center;
    align-items: center;
}

#box-ticket-wating[b-3m7aj01a83] {
    position:relative;
}

#box-list-ticket-thingstodo[b-3m7aj01a83] {
    display: flex;
    flex-direction: column;
    background-color: var(--mud-palette-table-lines);
    margin-left: 16px;
    border-bottom-left-radius: 8px;
}

.box-list-ticket-thingstodo-item[b-3m7aj01a83] {
    margin-left: 8px;
    padding: 0 8px;
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #d9d2d2;
}

.last-item[b-3m7aj01a83] {
    border-bottom: none;
}

#ticket-thingstodo-service-name[b-3m7aj01a83] {
    text-align: start;
    flex: 1;
}

#ticket-thingstodo-status[b-3m7aj01a83] {
    /*position: absolute;*/
    right: 4px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketCallingView/BTC_AvatarView.razor.rz.scp.css */
#box-calling[b-gwa8fyzbad] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px;
    overflow: hidden; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
    height: 100%;
}

.box-calling__text[b-gwa8fyzbad] {
    color: var(--mud-palette-text-secondary) !important;
}

.box-calling__text__service_name[b-gwa8fyzbad] {
    color: var(--mud-palette-text-secondary) !important;
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    /* margin: auto; */
    /* line-height: 70px; */
    font-size: var(--Size2) !important;
    line-height: 1.2em;
    max-height: 3.9em;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
.box-calling__text__para[b-gwa8fyzbad] {
    color: var(--mud-palette-text-secondary) !important;
    text-align: end;
    font-weight: 700;
}

.box-calling__timer[b-gwa8fyzbad] {
    position: absolute;
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    margin-top: -12px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    text-align: center;
    padding: 4px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-style: solid;
    border-color: var(--mud-palette-table-lines);
}

.avatar[b-gwa8fyzbad] {
    width: 84%;
    height: 100%;
    border-radius: 8px;
    /*border-bottom-right-radius: 12px 12px;*/
    object-fit: cover;
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketCallingView/BTC_CheckinView.razor.rz.scp.css */
#box-calling[b-o4oo9ound1] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
    height: 100%;
}

.box-calling__text[b-o4oo9ound1] {
    color: var(--mud-palette-text-secondary) !important;
}

.box-calling__text__service_name[b-o4oo9ound1] {
    color: var(--mud-palette-text-secondary) !important;
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 1.2em;
    max-height: 4.0em;
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    width: 100%;
    text-align:center;
}

.ticket-calling[b-o4oo9ound1] {
   flex:1;
}

.box-calling__timer[b-o4oo9ound1] {
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    margin-top: -12px;
    left: 50%;
    width: 60px;
    text-align: center;
    padding: 4px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-style: solid;
    border-color: var(--mud-palette-table-lines);
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketCallingView/BTC_NormalView.razor.rz.scp.css */
#box-calling[b-5b4aja1pqx] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 8px;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
    height: 100%;
}

.box-calling__text[b-5b4aja1pqx] {
    color: var(--mud-palette-text-secondary) !important;
    font-size: var(--Size3) !important;
}

.box-calling__vote-stt[b-5b4aja1pqx] {
    font-size: var(--Size1) !important;
}

.box-calling__text__service_name[b-5b4aja1pqx] {
    color: var(--mud-palette-text-secondary) !important;
    font-size: var(--Size5) !important;
    text-align: end;
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 1.2em;
    max-height: 4.8em;
    display: block; /* or inline-block */
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    width: 100%;
}

.box-calling__text__para[b-5b4aja1pqx] {
    color: var(--mud-palette-text-secondary) !important;
    text-align: end;
    font-weight: 700;
}

.box-calling__timer[b-5b4aja1pqx] {
    position: absolute;
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    margin-top: -12px;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    text-align: center;
    padding: 4px;
    border-bottom-left-radius: 8px 8px;
    border-bottom-right-radius: 8px 8px;
    border-style: solid;
    border-color: var(--mud-palette-table-lines);
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketCallingView/Elements/TicketCallingView.razor.rz.scp.css */
.box-calling[b-bbvn98bi0k] {
    flex: 1;
    height: 100%;
    /*width: 100%;*/
    display: flex;
    flex-direction: column;
    gap: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-calling__text[b-bbvn98bi0k] {
    color: var(--mud-palette-text-secondary) !important;
    font-size: 14vh !important;
    font-weight: 700 !important;
    line-height: 1.0;
}

.box-calling__vote-stt[b-bbvn98bi0k] {
    font-size: 12px;
    /*font-weight: 700 !important;*/
    border-radius: 4px;
    padding: 0 4px;
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketView/TicketCoordinationView.razor.rz.scp.css */
.service-ticket__number[b-zmm4czpk3g] {
    position: relative;
    width: 100%;
    height: 40px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    font-size: var(--Size4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}


#service-ticket__timeout-left[b-zmm4czpk3g] {
    font-size: var(--Size2) !important;
    opacity: 0.6;
    text-align: start;
    padding: 0 8px;
    width: 60px;
}


.service-ticket__status-right[b-zmm4czpk3g] {
    width: 100px;
    height: 30px;
    border-radius: 15px;
    padding: 2px;
    font-size: 10px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.number_calling[b-zmm4czpk3g] {
    text-align: center;
}

.counter_code[b-zmm4czpk3g] {
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    padding: 0 8px;
    text-align: end;
    overflow: hidden !important;
}

.service-ticket__function[b-zmm4czpk3g] {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0;
    height: 30px;
}

.function__call[b-zmm4czpk3g] {
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    border-radius: 8px;
    width: 50px;
    height: 28px;
    text-align: center;
    padding: 0 8px;
    font-size: var(--Size2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
}


.function__delete[b-zmm4czpk3g]{
   
}

.space-line[b-zmm4czpk3g] {
    width: 100% !important;
}


.slide-up[b-zmm4czpk3g], .slide-down[b-zmm4czpk3g] {
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
}

    .slide-up > div[b-zmm4czpk3g], .slide-down > div[b-zmm4czpk3g] {
        /*transform: translateX(-100%);*/
        transition: .4s ease-in-out;
        width: 100px;
    }

    .slide-down > div[b-zmm4czpk3g] {
        transform: translateX(0);
        width: 0;
    }
/* /Shared/Components/Private/Applications/SRCU/BoxTicketView/TicketView.razor.rz.scp.css */
.service-ticket__number[b-4mumljzpt0] {
    position: relative;
    width: 100%;
    height: 40px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    font-size: var(--Size4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}


#service-ticket__timeout-left[b-4mumljzpt0] {
    font-size: var(--Size2) !important;
    opacity: 0.6;
    text-align: start;
    padding: 0 8px;
    width: 70px;
}

#vip-level-right[b-4mumljzpt0] {
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%); /* dịch lên 1 nửa chiều cao */
    font-size: var(--Size3) !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    height: 20px;
    width: 24px;
    color: var(--mud-palette-primary);
    background-color: white;
    border: solid 1px var(--mud-palette-primary);
    border-radius: 4px;
}

#service-ticket__timeout-right[b-4mumljzpt0] {
    font-size: var(--Size2) !important;
    opacity: 0.6;
    text-align: end;
    padding: 0 8px;
    width: 50px;
}

.number_calling[b-4mumljzpt0] {
    text-align: center;
}

.service-ticket__function[b-4mumljzpt0] {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0;
    height: 30px;
}

.function__call[b-4mumljzpt0] {
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    border-radius: 8px;
    width: 50px;
    height: 32px;
    text-align: center;
    padding: 0 8px;
    font-size: var(--Size2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    line-height: 1.0;
}

.function__cancel[b-4mumljzpt0] {
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    border-radius: 8px;
    width: 50px;
    height: 28px;
    text-align: center;
    padding: 0 8px;
    font-size: var(--Size2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
}


.function__delete[b-4mumljzpt0] {
}

.space-line[b-4mumljzpt0] {
    width: 100% !important;
    margin: 0!important;
}


.slide-up[b-4mumljzpt0], .slide-down[b-4mumljzpt0] {
    overflow: hidden;
    display: flex;
    justify-content: start;
    align-items: center;
}

    .slide-up > div[b-4mumljzpt0], .slide-down > div[b-4mumljzpt0] {
        /*transform: translateX(-100%);*/
        transition: .4s ease-in-out;
        width: 100px;
    }

    .slide-down > div[b-4mumljzpt0] {
        transform: translateX(0);
        width: 0;
    }



.warning-time[b-4mumljzpt0] {
    color: var(--mud-palette-error);
    animation: blink-b-4mumljzpt0 0.5s step-start infinite;
    font-weight: 700;
}

@keyframes blink-b-4mumljzpt0 {
    50% {
        opacity: 0;
    }
}
/* /Shared/Components/Private/Applications/SRCU/BoxTicketView/TicketWatingResultView.razor.rz.scp.css */
.service-ticket__number[b-5qksmqbj3j] {
    position: relative;
    width: 100%;
    height: 40px;
    color: var(--mud-palette-text-secondary);
    text-align: center;
    font-size: var(--Size4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}


#service-ticket__timeout-left[b-5qksmqbj3j] {
    font-size: var(--Size2) !important;
    opacity: 0.6;
    text-align: start;
    padding: 0 8px;
    width: 60px;
}


#service-ticket__timeout-right[b-5qksmqbj3j] {
    font-size: var(--Size2) !important;
    opacity: 0.6;
    text-align: end;
    padding: 0 8px;
    width: 60px;
}

.number_calling-group[b-5qksmqbj3j] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

    .number_calling-group .number_calling[b-5qksmqbj3j] {
        text-align: center;
        line-height: 1.0;
        font-weight: 700;
    }

    .number_calling-group .ticket-stt-wating[b-5qksmqbj3j] {
        font-size: 10px;
        border: 1px solid #0094ff;
        border-radius: 4px;
    }

.service-ticket__function[b-5qksmqbj3j] {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 0;
    height: 30px;
}

.function__call[b-5qksmqbj3j] {
    background: var(--mud-palette-overlay-light);
    color: var(--mud-palette-white) !important;
    border-radius: 8px;
    width: 50px;
    height: 28px;
    text-align: center;
    padding: 0 8px;
    margin-right: 4px;
    font-size: var(--Size2) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
}


.function__delete[b-5qksmqbj3j] {
}

.space-line[b-5qksmqbj3j] {
    width: 100% !important;
}


.slide-up[b-5qksmqbj3j], .slide-down[b-5qksmqbj3j] {
    overflow: hidden;
}

    .slide-up > div[b-5qksmqbj3j], .slide-down > div[b-5qksmqbj3j] {
        /*transform: translateX(-100%);*/
        transition: .4s ease-in-out;
        width: 64px;
    }

    .slide-down > div[b-5qksmqbj3j] {
        transform: translateX(0);
        width: 0;
    }

#ticket-thingstodo-status[b-5qksmqbj3j] {
    margin-left: 0px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}
/* /Shared/Components/Private/Applications/SSC/SettingsDisplayBVHM.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.SSC.App.Blazor.Pages.Settings.DisplayWithHome[b-6m1t2y9wkj]
{
    class SettingsDisplayDefalt
    {
    }
}
/* /Shared/Components/Private/Applications/SSC/SettingsDisplayDefalt.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.SSC.App.Blazor.Pages.Settings.DisplayWithHome[b-6kw6u99ggw]
{
    class SettingsDisplayDefalt
    {
    }
}
/* /Shared/Components/Private/Applications/SSC/SettingsDisplaySGT.razor.rz.scp.css */
/* /Shared/Components/Private/Applications/SSC/SettingsDisplaySHB.razor.rz.scp.css */
/* /Shared/Components/Private/Applications/SSDU/ServingView.razor.rz.scp.css */
.serving-body[b-25n5wz8uiz] {
    flex: 1;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /*gap: 32px;*/
    /*padding: 32px;*/
    overflow: hidden;
}


.ticket-calling[b-25n5wz8uiz] {
    flex: 2;
   /* height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px;
    overflow: hidden;
}
.ticket-calling__multi[b-25n5wz8uiz] {
    flex: 1;
    overflow: hidden;
    padding: 16px;
    display:flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    gap: 32px;
}

.ticket-waiting[b-25n5wz8uiz] {
    flex: 1;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

.ticket-waiting__header[b-25n5wz8uiz] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.ticket-waiting__detail[b-25n5wz8uiz] {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.ticket-waiting__detail-item[b-25n5wz8uiz] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 16px;
}

.ticket-waiting__info[b-25n5wz8uiz] {
    flex: 2.5;
    font-weight: 700;
    color: #0f0c0a !important;
    display: flex;
    justify-content: end;
}

.space-line[b-25n5wz8uiz] {
    margin-bottom: 16px;
}

.waiting-line[b-25n5wz8uiz]{
    height: 100%;
    width: 1px;
}
/* /Shared/Components/Private/Applications/SVCU/BtnVote/BtnVote.razor.rz.scp.css */
.body-btn-vote[b-pg0y5fn86g] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: var(--size24);
    justify-content: space-evenly;
    align-items: center;
}

.list-btn-vote[b-pg0y5fn86g] {
    width: 100%;
    /*height: 100%;*/
    padding: 0 var(--size32);
    padding-bottom: var(--size32);
    display: flex;
    gap: var(--size48);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/
}

.btn-vote-body[b-pg0y5fn86g] {
    /*height: var(--size225);*/
    /*width: var(--size576);*/
    flex: 1;
    display: flex;
    border-radius: var(--size32);
    /*justify-content: space-between;*/
    align-items: center;
    text-align: center;
    filter: drop-shadow(0px 27px 59px rgba(27, 61, 120, 0.13));
    padding: var(--size24);
    gap: var(--size24);
    cursor: pointer;
}

.btn-icon[b-pg0y5fn86g] {
    height: var(--size116);
    width: var(--size116);
    filter: drop-shadow(0px 12px 43px rgba(0, 0, 0, 0.17));
}

/*Layout nút bấm trong trường hợp sử dụng ảnh*/
.service_button[b-pg0y5fn86g] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: var(--size24);
}

    .service_button:active[b-pg0y5fn86g] {
        /*opacity: 0.6;*/
    }



.service_button__no-Background[b-pg0y5fn86g] {
    border-width: 3px;
    border-color: #27AAE2;
    border-radius: 12px;
}

    .service_button__no-Background:active[b-pg0y5fn86g] {
        opacity: 0.6;
    }

.icon-verify[b-pg0y5fn86g] {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 8px;
    right: 8px;
    background-color: white;
    border-radius: 6px;
    border-width: 3px;
    border-color: #27AAE2;
    padding: 2px;
    display: flex;
    justify-content: center;
}
/* /Shared/Components/Private/Applications/SVCU/BtnVote/BtnVoteItem.razor.rz.scp.css */
.body-btn-vote[b-da5km9gb9d] {
    width: 100%;
    height: 100%;
    display: flex;
    gap: var(--size24);
    justify-content: space-evenly;
    align-items: center;
}

.list-btn-vote[b-da5km9gb9d] {
    width: 100%;
    /*height: 100%;*/
    padding: 0 var(--size32);
    padding-bottom: var(--size32);
    display: flex;
    gap: var(--size48);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /*justify-content: space-evenly;*/
}

.btn-vote-body[b-da5km9gb9d] {
    /*height: var(--size225);*/
    /*width: var(--size576);*/
    flex: 1;
    display: flex;
    border-radius: var(--size32);
    /*justify-content: space-between;*/
    align-items: center;
    text-align: center;
    filter: drop-shadow(0px 27px 59px rgba(27, 61, 120, 0.13));
    padding: var(--size24);
    gap: var(--size24);
    cursor: pointer;
}

.btn-icon[b-da5km9gb9d] {
    height: var(--size116);
    width: var(--size116);
    filter: drop-shadow(0px 12px 43px rgba(0, 0, 0, 0.17));
}

/*Layout nút bấm trong trường hợp sử dụng ảnh*/
.service_button[b-da5km9gb9d] {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    padding: var(--size24);
}

    .service_button:active[b-da5km9gb9d] {
        /*opacity: 0.6;*/
    }


.icon-verify[b-da5km9gb9d] {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 8px;
    right: 8px;
    background-color: white;
    border-radius: 6px;
    border-width: 3px;
    border-color: #27AAE2;
    padding: 2px;
    display: flex;
    justify-content: center;
}
/* /Shared/Components/Private/Applications/SVCU/BtnVote/BtnVoteSettingsPopup.razor.rz.scp.css */
p[b-w6pqfgg94o] {
    text-align: center;
}

@keyframes condemned_blink_effect-b-w6pqfgg94o {
    0% {
        visibility: hidden;
    }

    30% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}

.long-term[b-w6pqfgg94o] {
    color: var(--ColorPrimary);
}

.about-to-expire[b-w6pqfgg94o] {
    animation: condemned_blink_effect-b-w6pqfgg94o 0.8s linear infinite;
    color: var(--ColorWarning);
}
/* /Shared/Components/Private/Applications/TBU/ButtonCustomerTypeSelectView.razor.rz.scp.css */
.display-customer-type[b-k2gl0mjyar] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#customer-type__list[b-k2gl0mjyar] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    gap: 2px;
}

#customer-type__item[b-k2gl0mjyar] {
    width: 100%;
    height: 48px;
    border-radius: 4px;
    border: solid 1px #333;
    display: flex;
    align-items:center;
    padding: 8px;
}

#customer-type__button[b-k2gl0mjyar] {
    height: 50px;
    width: 225px;
}

#customer-type__icon[b-k2gl0mjyar] {
    height: 30px;
    width: 30px;
}
/* /Shared/Components/Private/Applications/TBU/ButtonLanguageSelectView.razor.rz.scp.css */
.bls-body[b-zcwvyg2ev9]
{

}

.bls-lang__list[b-zcwvyg2ev9] {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    height: 16px;
    width: 200px;
}

.bls-lang[b-zcwvyg2ev9] {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 60px;
    width: 200px;
    line-height: 1;
    padding: 8px;
    background-color: white;
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
    border-radius: 8px;
}

.bls-icon[b-zcwvyg2ev9] {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    object-fit: cover;
}

.bls-text[b-zcwvyg2ev9] {
    flex: 1;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.bls-lang__item[b-zcwvyg2ev9] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    background-color: white;
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
}

.btn-toggle[b-zcwvyg2ev9] {
    border-radius: 25px;
}


.bls-list-extend[b-zcwvyg2ev9]{
    display: flex;
    align-items:end;
    gap: 8px;
}

.bls-lang-selected[b-zcwvyg2ev9] {
    background-color: var(--mud-palette-primary);
    color: white;
    border: 1px solid var(--mud-palette-primary);
}
/* /Shared/Components/Private/Applications/TBU/ButtonServiceView.razor.rz.scp.css */
.service_button[b-deo6cawc50] {
    position:relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

#ticket-waiting[b-deo6cawc50] {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.logo[b-deo6cawc50] {
    object-fit: contain;
}


.icon-verify[b-deo6cawc50] {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 8px;
    right: 8px;
   
    border-radius: 6px;
    border-width: 3px;
    border-color: var(--mud-palette-primary);
    padding: 2px;
    display: flex;
    justify-content: center;
}
/* /Shared/Components/Private/Applications/TBU/ButtonSettingsView.razor.rz.scp.css */
.img-src[b-idvihvo6pm] {
    border-radius: 8px;
    border-style: solid;
    border-width: 0.2px;
    border-color: gray;
}

.img-name[b-idvihvo6pm] {
    margin-bottom: 8px;
    margin-right: 8px;
    letter-spacing: 0.25px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

.btn-params[b-idvihvo6pm]{
    display:flex;
    flex-direction:column;
}
/* /Shared/Components/Private/Applications/TBU/ContentSettingsView.razor.rz.scp.css */
.list-text-edit[b-98hw3x0har] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* /Shared/Components/Private/Applications/TBU/ListButtonServiceView.razor.rz.scp.css */
.services_list--content[b-xbs1g24ekv] {
    width: 100%;
    padding: 0 000px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}
/* /Shared/Components/Private/Applications/TBU/MapDialog.razor.rz.scp.css */
/* /Shared/Components/Private/Applications/TBU/PrintTicketStatus/PrintTicketStatusView.razor.rz.scp.css */
.print-ticket-stt-body[b-sy9jyuvkm8] {
    width: 60%;
    max-width: 600px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background-color: white;
    border-radius: 24px;
    line-height: 1.0;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.icon[b-sy9jyuvkm8] {
    height: 80px;
    width: 80px;
    object-fit: cover;
}

.stt-title[b-sy9jyuvkm8] {
    font-size: 32px;
    font-weight: 700;
    color: var(--mud-palette-primary);
    text-align: center;
}

.ticket-number-title[b-sy9jyuvkm8] {
    font-size: 24px;
    font-weight: 500;
}

.ticket-number[b-sy9jyuvkm8] {
    font-size: 110px;
    font-weight: 700;
    color: var(--mud-palette-primary);
}

.divider[b-sy9jyuvkm8] {
    width: 100%;
    border-top: 1px dashed #999; /* 1 đường nét đứt */
    margin: 4px 0; /* khoảng cách trên dưới */
}

.detail[b-sy9jyuvkm8] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap:12px;
}

.row[b-sy9jyuvkm8] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.label[b-sy9jyuvkm8] {
    font-size: 20px;
    color: var(--mud-palette-text-primary);
    text-align: start;
    width: 200px; /* độ rộng cột bên trái */
    font-weight: 300;
}

.value[b-sy9jyuvkm8] {
    font-size: 24px;
    text-align: end;
    flex: 1;
    color: var(--mud-palette-primary);
}

.note[b-sy9jyuvkm8] {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    margin-top: 16px;
    opacity: 0.8;
}

.note-err[b-sy9jyuvkm8] {
    font-size: 18px;
    font-weight: 400;
    margin-top: 16px;
}
/* /Shared/Components/Private/Applications/TBU/ServiceSettingsView.razor.rz.scp.css */
.d-body[b-dfrvbnyov1]{
   
}

#service-settings[b-dfrvbnyov1] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#service-list[b-dfrvbnyov1] {
    display: flex;
    flex-direction: column;
    /*flex-wrap:wrap;*/
    border-radius: 0px;
    border: 0.5px solid #DFDFDF;
   
}
#service-list__item[b-dfrvbnyov1] {
    height: 260px;
    display: flex;
    flex-direction: column;
    overflow: auto; /*Ngăn tràn nội dung bên trong - thay vì tràn -> sẽ tự tạo scroll*/
}

#service-item[b-dfrvbnyov1] {
    display: flex;
    align-items: center;
    height: 50px;
    border: 1px solid #ccc;
}

#sub-service-item[b-dfrvbnyov1] {
    display: flex;
    align-items: center;
    height: 50px;
    margin-left: 16px;
    border: 1px solid #ccc;
}

#service-title__id[b-dfrvbnyov1] {
    width: 40px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: 700;
}

#service-title__name[b-dfrvbnyov1] {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
    width: 100px;
    flex: 1;
}
#service-title__alias[b-dfrvbnyov1] {
    font-size: 14px;
    font-weight: 700;
    padding-left: 8px;
    width: 100px;
    flex: 0.5;
}

#service-item__id[b-dfrvbnyov1] {
    width: 40px;
    height: 100%;
    padding: 8px;
    word-wrap: break-word;
    word-break: break-all;
    background-color: transparent;
    font-size: 14px;
}

#service-item__name[b-dfrvbnyov1] {
    flex: 1;
    /*width: 40px;*/
    height: 100%;
    padding: 4px 8px;
    word-wrap: break-word;
    word-break: break-all;
    background-color: transparent;
    font-size: 14px;
    align-content: center;
}

#service-item__alias[b-dfrvbnyov1] {
    flex: 0.5;
    /*width: 40px;*/
    height: 100%;
    padding: 4px 8px;
    word-wrap: break-word;
    word-break: break-all;
    background-color: transparent;
    font-size: 14px;
    align-content: center;
}

.icon[b-dfrvbnyov1] {
    height: 40px;
    width: 40px;
    padding: 8px;
    cursor: pointer;
}

    .icon:active[b-dfrvbnyov1] {
        opacity: 0.5;
    }
/* /Shared/Components/Private/Applications/TBU/ServiceThingToDoView.razor.rz.scp.css */
.todo-body[b-iibqdbyeoy] {
    width: 100%;
    display: flex;
    gap: 24px;
}

.service-body[b-iibqdbyeoy] {
    max-height: 120px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    /*justify-content: center;*/
    align-items: center;
    background-color: white;
    border-radius: 12px;
    border: solid 2px var(--mud-palette-primary);
    padding: 16px;
}

.btn-checkin[b-iibqdbyeoy] {
    min-width: 120px;
    min-height: 120px;
    max-height: 120px;
    max-width: 120px;
    background-color: var(--mud-palette-primary);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    font-weight: 700;
    font-size: 18px;
    cursor: pointer;
    padding: 8px;
}

.btn-checkin-disable[b-iibqdbyeoy] {
    background-color: #B5B3B3 !important;
    cursor: none;
}


.service-line[b-iibqdbyeoy] {
    display: flex;
    width: 100%;
}

.service-l1[b-iibqdbyeoy] {
    justify-content: space-between;
}

.service-l2[b-iibqdbyeoy] {
}

.service-name[b-iibqdbyeoy] {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.service-status[b-iibqdbyeoy] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    padding: 4px 8px;
    width: 180px;
    font-size: 24px;
}

.service-num-wait[b-iibqdbyeoy] {
    flex: 1;
    text-align: start;
    font-size: 24px;
}

.service-time-wait[b-iibqdbyeoy] {
    flex: 1;
    text-align: start;
    font-size: 24px;
}
/* /Shared/Components/Private/Applications/TBU/TBUButtonView.razor.rz.scp.css */
.btn-body[b-5vzgatynau] {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 70px;
    width: 40%;
    max-width: 250px;
}

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

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

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

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

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

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

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

.type-disable[b-5vzgatynau] {
    position: relative;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background-color: #CFCFCF;
    position: absolute;
    color: white;
    cursor: not-allowed;
    pointer-events: all !important;
}
/* /Shared/Components/Private/Applications/TBU/TBUTextSettingsView.razor.rz.scp.css */
.text-edit[b-bprtaeowjl] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.text-btn_edit[b-bprtaeowjl] {
    min-height: 20px;
    min-width: 20px;
    max-height: 32px;
    max-width: 32px;
    padding: 0px;
    /*margin-left: auto;*/
    cursor: pointer!important;
}
/* /Shared/Components/Private/Applications/TBU/TicketSettingsView.razor.rz.scp.css */
.ticket-settings-body[b-kkh1y4okht] {
    position:relative;
    padding: 16px;
/*    width: 500px;*/
    display: flex;
    flex-direction:row;
    gap: 4px;
}

.ticket-settings-preview[b-kkh1y4okht] {
    position: relative;
    padding: 16px;
    width: 500px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ticket-settings-footer[b-kkh1y4okht] {
    margin-top: 16px;
    height: 40px;
    position: sticky;
    display: flex;
    align-items:center;
    gap: 8px;
}

.ticket-settings-option[b-kkh1y4okht] {
/*    min-width: 500px;*/
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ticket-settings-option__item[b-kkh1y4okht] {
    max-height: 500px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
/* /Shared/Components/Private/Applications/TBU/TicketSettings/DefaultTicketSettings.razor.rz.scp.css */

.ticket[b-f8ey5xrd64] {
    display: flex;
    flex-direction: column;
    border: 1px dotted #f00;
    padding: 8px;
    border-radius: 4px;
}

.box-logo[b-f8ey5xrd64] {
    position: relative;
    /*height: 78px;*/
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-src[b-f8ey5xrd64] {
    max-width: 383px;
    height: inherit;
    object-fit: contain;
    text-align: center;
}

.img-height[b-f8ey5xrd64] {
    position: absolute;
    top: 58px;
    right: 4px;
    width: 134px;
    border-radius: 4px;
    padding: 4px;
    background-color: var(--mud-palette-background);
}


#show-service[b-f8ey5xrd64] {
    display: flex;
    flex-direction: column;
}

#show-ticket[b-f8ey5xrd64] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#show-ticket__number[b-f8ey5xrd64] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

#show-ticket__waiting[b-f8ey5xrd64] {
    display: flex;
    flex-direction: column;
    justify-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
}

#show-ticket__waiting-unit[b-f8ey5xrd64] {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
}

#show-ticket__waiting-type[b-f8ey5xrd64] {
    position: absolute;
    font-size: 10px;
    right: 0;
    /*background-color: var(--ColorPrimary);*/
    border-radius: 4px;
    border: 2px solid #1b0ba3;
    color: #1b0ba3;
    padding: 2px 4px;
}

#show-message[b-f8ey5xrd64] {
    display: flex;
    flex-direction: column;
}

#show-time[b-f8ey5xrd64] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* /Shared/Components/Private/Applications/TBU/TicketSettings/TicketSettingsSHB.razor.rz.scp.css */

.ticket[b-imljqfrqm3] {
    display: flex;
    flex-direction: column;
    border: 1px dotted #f00;
    padding: 8px;
    border-radius: 4px;
}

.box-logo[b-imljqfrqm3] {
    position:relative;
    /*height: 78px;*/
    width: 100%;
    display:flex;
    justify-content: center;
    align-items:center;
}

.img-src[b-imljqfrqm3] {
    height: inherit;
    max-width: 383px;
    object-fit: contain;
    text-align: center;
}

.img-height[b-imljqfrqm3] {
    position: absolute;
    top: 58px;
    right: 4px;
    width: 134px;
}

#show-service[b-imljqfrqm3] {
    display: flex;
    flex-direction: column;
}

#show-ticket[b-imljqfrqm3] {
    display: flex;
    flex-direction: column;
}

#show-time[b-imljqfrqm3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* /Shared/Components/Private/Applications/TBU/TimeSettingsView.razor.rz.scp.css */
.img-src[b-aqhfkwoptp] {
    border-radius: 8px;
    border-style: solid;
    border-width: 0.2px;
    border-color: gray;
}

.img-name[b-aqhfkwoptp] {
    margin-bottom: 8px;
    margin-right: 8px;
    letter-spacing: 0.25px;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
}

.btn-params[b-aqhfkwoptp]{
    display:flex;
    flex-direction:column;
}
/* /Shared/Components/Private/Applications/TopBanner.razor.rz.scp.css */
.p-body[b-4art1gi9yh] {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    overflow: hidden;
}

.cus-info[b-4art1gi9yh] {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex: 1;
    height: calc(100% - 16px);
    gap: 0px;
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
}

    .cus-info .cus-info-img[b-4art1gi9yh] {
        object-fit: contain;
        height: 100%;
        max-width: 150px;
        /*border-radius: 8px;*/
        overflow: hidden;
    }

    .cus-info .cus-info-detail[b-4art1gi9yh] {
        padding: 8px;
        display: flex;
        flex-direction: column;
        gap: 0px;
        justify-content: center;
        width: 200px;
    }

        .cus-info .cus-info-detail .cus-info-detail__name[b-4art1gi9yh] {
            font-weight: 500;
            font-size: 15px;
        }

        .cus-info .cus-info-detail .cus-info-detail__phone-number[b-4art1gi9yh] {
            font-weight: 400;
            font-size: 12px;
        }

        .cus-info .cus-info-detail .cus-info-detail__teller-code[b-4art1gi9yh] {
            font-weight: 400;
            opacity: 0.8;
            font-size: 14px;
        }
/* /Shared/Components/Private/AudioView.razor.rz.scp.css */
namespace QMS.AMIS.Client.Shared.Components.Private[b-9t67taicn0]
{
    public class LibAudioPackageView
    {
    }
}
/* /Shared/Components/Private/LibAudioPackageView.razor.rz.scp.css */
namespace QMS.AMIS.Client.Shared.Components.Private[b-78jge33y3c]
{
    public class LibAudioPackageView
    {
    }
}
/* /Shared/Components/Private/ReportBaseView.razor.rz.scp.css */
.report-base-body[b-ezyhs5y52k] {
    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-ezyhs5y52k] {
    width: 100%;
    height: 1px;
    background-color: var(--mud-palette-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

#box-checked[b-6h2fqbl6ya] {
    height: 12px;
    width: 12px;
    border-radius: 3px;
}
/* /Shared/Components/Public/FieldBase.razor.rz.scp.css */
#container[b-1j0unum1sp] {
    display: flex;
}

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

.body-input[b-1j0unum1sp] {
    height: 40px;
    width: 100%;
    display: flex;
    border-radius: 4px;
    overflow: hidden;
    padding: 4px 8px;
}

.type-disable[b-1j0unum1sp] {
    top: 0;
    border-radius: 4px;
    width: 100%;
    height: 100%;
    background-color: #CFCFCF;
    opacity: 0.35;
    position: absolute;
    color: white;
    cursor: not-allowed;
    pointer-events: all !important;
}


.validate[b-1j0unum1sp] {
}

    .validate .item-validate-text[b-1j0unum1sp] {
        color: red;
    }
/* /Shared/Components/Public/FileUploadView.razor.rz.scp.css */
.custom-file-upload[b-jmy2a2dlur] {
    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-jmy2a2dlur] {
        background-color: #4C80E5;
    }
/* /Shared/Components/Public/ImageUploadView.razor.rz.scp.css */
.custom-file-upload[b-ei6z7niq1j] {
    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-ei6z7niq1j] {
        background-color: #4C80E5;
    }
/* /Shared/Components/Public/ImageView.razor.rz.scp.css */
.p-body[b-wsgeywlhde] {


}

.logo[b-wsgeywlhde] {
    width: 100%;
    object-fit: contain;
}
/* /Shared/Components/Public/InputBoxView.razor.rz.scp.css */
.body-input[b-7evllm0hhf] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -4px -8px;
}

.input[b-7evllm0hhf] {
    flex: 1;
    height: 100%;
    padding: 4px 40px 4px 8px;
    font-style: normal;
    font-weight: 400;
}


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


#container[b-9crmiladsk] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBox)*132);
}

#write[b-9crmiladsk] {
    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-9crmiladsk] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #keyboard li[b-9crmiladsk] {
        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);*/
        font-size: calc(var(--sizeBox)*2.0) !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
        border: 1px solid var(--mud-palette-appbar-text);
    }

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

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

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

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

#keyboard .return[b-9crmiladsk] {
    width: calc(var(--sizeBox)*14);
    background-color: var(--mud-palette-primary);
    color: white;
}

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

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

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

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

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

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

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

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

.clicked[b-9crmiladsk] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Shared/Components/Public/KeypadNumericOnlyView.razor.rz.scp.css */
*[b-h12duepsj4] {
    --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-h12duepsj4] {
    color: var(--mud-palette-primary);
    max-width: calc(var(--sizeBox)*128.4);
    max-height: calc(var(--sizeBox)*110);
    width: calc(var(--sizeBox)*128.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-h12duepsj4] {
    display: flex;
    width: calc(var(--sizeBox)*30);
    height: calc(var(--sizeBox)*20);
    margin: calc(var(--sizeBox)*1);
    /*    background: linear-gradient(to top, #cccccc, #fff);*/
    background-color: white;
    box-sizing: border-box;
    float: right;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--sizeBox)*1.6);
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    border: 1px solid var(--mud-palette-appbar-text);
}
    block:hover[b-h12duepsj4] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }

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

    block[h1][b-h12duepsj4] {
        padding: 20px;
        object-fit: cover;
    }

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

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

    block[v3][b-h12duepsj4] {
        height: calc(var(--sizeBox)*64);
        background-color: var(--mud-palette-primary);
        color: white;
    }
    block[h3][b-h12duepsj4] {
        width: calc(var(--sizeBox)*94);
    }
p[b-h12duepsj4] {
    font-size: calc(var(--sizeBox)*6);
    font-weight: 700;
}
/* /Shared/Components/Public/KeypadNumericView.razor.rz.scp.css */
*[b-25hn9ieih9] {
    --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-25hn9ieih9] {
    color: var(--mud-palette-primary);
    max-width: calc(var(--sizeBox)*128.4);
    max-height: calc(var(--sizeBox)*110);
    width: calc(var(--sizeBox)*128.4);
    box-sizing: border-box;
    border: calc(var(--sizeBox)*0.2) solid #ccc;
    display: inline-block;
    border-radius: calc(var(--sizeBox)*1.6);
}

block[b-25hn9ieih9] {
    display: flex;
    width: calc(var(--sizeBox)*30);
    height: calc(var(--sizeBox)*20);
    margin: calc(var(--sizeBox)*1);
    background-color: white;
    box-sizing: border-box;
    float: right;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--sizeBox)*1.6);
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
    border: 1px solid var(--mud-palette-appbar-text);
}
    block:hover[b-25hn9ieih9] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }
    block:active[b-25hn9ieih9] {
        background: linear-gradient(to top, #a8a7a7, #cccccc);
    }

    block[h1][b-25hn9ieih9] {
        padding: 20px;
        object-fit: cover;
    }

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

    block[h2][b-25hn9ieih9] {
        width: calc(var(--sizeBox)*62);
    }

p[b-25hn9ieih9] {
    font-size: calc(var(--sizeBox)*6);
    font-weight: 700;
}

.disabled[b-25hn9ieih9]{

}
/* /Shared/Components/Public/KeypadTextEmailView.razor.rz.scp.css */
*[b-1i0g628792] {
    --sizeBox: min(0.65vw, 10px); /*1 đơn vị nhỏ nhất của bàn phím sẽ tương ứng với sizeBox*/
}


#container[b-1i0g628792] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBox)*132);
}

#write[b-1i0g628792] {
    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-1i0g628792] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #keyboard li[b-1i0g628792] {
        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);
        font-size: calc(var(--sizeBoxKeyText)*3.0) !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
        border: 1px solid var(--mud-palette-appbar-text);
    }

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

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

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

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

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

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

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

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

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

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

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

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


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


#container[b-xgj4c7jovu] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBoxKeyText)*132);
}

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

#keyboard[b-xgj4c7jovu] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #keyboard li[b-xgj4c7jovu] {
        float: left;
        margin: calc(var(--sizeBoxKeyText)/2);
        width: calc(var(--sizeBoxKeyText)*10);
        height: calc(var(--sizeBoxKeyText)*10);
        line-height: calc(var(--sizeBoxKeyText)*8);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: 1px solid #f9f9f9;
        -moz-border-radius: var(--sizeBoxKeyText);
        -webkit-border-radius: var(--sizeBoxKeyText);
        font-size: calc(var(--sizeBoxKeyText)*3.0) !important;
        box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
        border: 1px solid var(--mud-palette-appbar-text);
    }

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

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

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

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

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

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

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

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

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

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

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

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


.clicked[b-xgj4c7jovu] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Shared/Components/Public/LabelButtonView.razor.rz.scp.css */
body[b-ula8qk8b30] {
}
/* /Shared/Components/Public/Layout/HeoStack.razor.rz.scp.css */
.heo-stack__body[b-17jjof1pk7]{
    height: 100%;
    width: 100%;

    display: flex;
    flex-direction: column;
}

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

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

#frame[b-9h731fqu0e] {
    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;
}
/* /Shared/Components/Public/LottieView.razor.rz.scp.css */
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace QMS.AMIS.Client.Shared.Components.Public[b-lk1x821y1a]
{
    class LottieView
    {
    }
}
/* /Shared/Components/Public/MediaAuthView.razor.rz.scp.css */
#text-view-title[b-3357imlk9t] {
    width: 150px;
    min-width: 150px;
    word-wrap: break-word;
}

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

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

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


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

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

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

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

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

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

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




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

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

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

#calendar_main--year[b-n0qsmoybs9] {
    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-n0qsmoybs9] {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: solid 1px var(--mud-palette-appbar-text);
        height: 50px;
        width: 90px;
        cursor: pointer;
    }

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

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

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

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

.active[b-n0qsmoybs9] {
    background: var(--mud-palette-primary) !important;
    color: var(--dark-date-foreground) !important;
}

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

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

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

#date[b-kouzkibwcp] {
}

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

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

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

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

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

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

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

.bg-processing[b-4f5dik9tec]{

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio-style[b-ykxuysklpy] {
}


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

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

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

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

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

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


#swipe-content[b-2mc4ur6qs8] {
    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;
}
/* /Shared/Components/Public/TextView.razor.rz.scp.css */
.body-text-view[b-1z6trkix4q] {
    display: flex;
    overflow: hidden;
    width: 100%;
}


.border-text-view[b-1z6trkix4q] {
    display: flex;
    align-items: center;
    min-height: 30%;
    min-width: 30%;
}
/* /Shared/Components/Public/ToastView.razor.rz.scp.css */
#container[b-rblveyrwhh] {
    position: absolute;
    z-index: 10000;
    background-color: transparent;
    width: 100%;
    margin: auto;
    margin-top: 40px;
}



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

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

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

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

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

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

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

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

#content__title[b-rblveyrwhh] {
    font-weight: 700;
    color: var(--TextColorBody);
}

#content__text[b-rblveyrwhh] {
    font-weight: 400;
    color: var(--TextColorMuted);
    text-align: justify;
}
/* /Shared/Components/Public/TopNavBarView.razor.rz.scp.css */
.top-title[b-7e1jdswc44] {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--mud-palette-primary);
}
/* /Shared/Components/Utility/UtilityItemEmtry.razor.rz.scp.css */
.mud-wasm[b-knbd5g1xr3] {
    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-knbd5g1xr3] {
    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;
}
/* /Shared/Components/Utility/WasmLoading.razor.rz.scp.css */
.mud-wasm[b-smwz1rfxo1] {
    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-smwz1rfxo1] {
    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;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navv-body[b-cq50m0963q] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

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

.ver-app__name[b-cq50m0963q] {
    margin-top: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--TextColorDescription);
}

.ver-app__version[b-cq50m0963q] {
    font-size: 10px;
    color: var(--TextColorDescription);
}