/* /Pages/Authentication/AccessNotAllowedPage.razor.rz.scp.css */
.noti-body[b-e8wrcvlp0s]
{
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    gap: 24px;
    justify-content: center;
    align-items: center;
}

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

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

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

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

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

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

.btn-referral-code[b-60cd3pa14h]{
   display: flex;
   flex-direction: row;
   gap: 12px;
   justify-content:center;
   align-items:center;
   overflow: hidden;
}
/* /Pages/HomePage.razor.rz.scp.css */
.home-body[b-1vzoiz3c7n] {
    height: 100vh !important;
    width: 100vw !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-image: url('images/bg.png');
    display:flex;
    justify-content:center;
    align-items:center;
}
/* /Shared/Components/Layout/Navigation/LoginNavLayoutView.razor.rz.scp.css */
.login-layout-body[b-jm9ul8lwtq] {
    position: relative;
    border-radius: 12px;
    box-shadow: 0px 0px 30px 0px #9B9B9B40;
    background-color: var(--mud-palette-background);
    display: flex;
    flex-direction: column;
    padding: 16px;
    width: 100%;
    /*    height: 100%;*/
    justify-content: center;
    align-items: center;
    max-width: 600px;
}

.login-layout-content[b-jm9ul8lwtq] {
    width: 100%;
    height: 100%;
    /*flex: 1;*/
    /*height: 600px;*/

    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    overflow: auto;
}

    .login-layout-content .login-header[b-jm9ul8lwtq] {
        margin: 24px 0;
        display: flex;
        justify-content: center;
        align-items: end;
        gap: 16px;
    }

        .login-layout-content .login-header .login-header__text[b-jm9ul8lwtq] {
            font-size: 36px;
            font-weight: 700;
            line-height: 1.0;
        }

        .login-layout-content .login-header .login-header__logo[b-jm9ul8lwtq] {
            padding-bottom: 5px;
        }


    .login-layout-content .login-content[b-jm9ul8lwtq] {
        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-tt65pt42qa] {
    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-tt65pt42qa]{
    width: 100%;
    height: 3px;
    background-color: #E0E0E0;
}
.content-body[b-tt65pt42qa] {
    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/Public/Alert/AlertPopup.razor.rz.scp.css */
/* /Shared/Components/Public/ButtonIconView.razor.rz.scp.css */
#ic-view[b-ylqpmm4jhg] {
    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-ylqpmm4jhg] {
        /*transform: translateY(-3px);*/
        transform: scale(1.1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.type-disable[b-azt2av3kl0] {
    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-azt2av3kl0] {
}

    .validate .item-validate-text[b-azt2av3kl0] {
        color: red;
    }
/* /Shared/Components/Public/FileUploadView.razor.rz.scp.css */
.custom-file-upload[b-6irib35zmu] {
    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-6irib35zmu] {
        background-color: #4C80E5;
    }
/* /Shared/Components/Public/ImageUploadView.razor.rz.scp.css */
.custom-file-upload[b-v1e2xm84vv] {
    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-v1e2xm84vv] {
        background-color: #4C80E5;
    }
/* /Shared/Components/Public/ImageView.razor.rz.scp.css */
.p-body[b-2opjdeqbnk] {


}

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

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


#entry__ic-show-pwd[b-xjqtenojhu] {
    position: absolute;
    right: 8px;
    height: 24px;
    cursor: pointer;
}
/* /Shared/Components/Public/KeypadFullView.razor.rz.scp.css */
*[b-1prbl3ptb4] {
    --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-1prbl3ptb4] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBox)*132);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    block[v3][b-b9rcajqusc] {
        height: calc(var(--sizeBox)*64);
        background-color: var(--mud-palette-primary);
        color: white;
    }
    block[h3][b-b9rcajqusc] {
        width: calc(var(--sizeBox)*94);
    }
p[b-b9rcajqusc] {
    font-size: calc(var(--sizeBox)*6);
    font-weight: 700;
}
/* /Shared/Components/Public/KeypadNumericView.razor.rz.scp.css */
*[b-xv77r1g0wp] {
    --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-xv77r1g0wp] {
    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-xv77r1g0wp] {
    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-xv77r1g0wp] {
        position: relative;
        top: 1px;
        left: 1px;
        border-color: #e5e5e5;
        cursor: pointer;
    }
    block:active[b-xv77r1g0wp] {
        background: linear-gradient(to top, #a8a7a7, #cccccc);
    }

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

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

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

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

.disabled[b-xv77r1g0wp]{

}
/* /Shared/Components/Public/KeypadTextEmailView.razor.rz.scp.css */
*[b-uwv5jjuacd] {
    --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-uwv5jjuacd] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBox)*132);
}

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

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

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

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

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

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

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

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

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

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

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

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

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


.clicked[b-uwv5jjuacd] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Shared/Components/Public/KeypadTextOnlyView.razor.rz.scp.css */
*[b-zzu1t94lga] {
    --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-zzu1t94lga] {
    color: var(--mud-palette-primary);
    width: calc(var(--sizeBoxKeyText)*132);
}

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

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

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

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

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

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

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

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

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

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

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

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

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


.clicked[b-zzu1t94lga] {
    background: linear-gradient(to top, #6f9bf2, #cccccc) !important;
}
/* /Shared/Components/Public/LabelButtonView.razor.rz.scp.css */
body[b-gg0qj88vci] {
}
/* /Shared/Components/Public/Layout/HeoCardView.razor.rz.scp.css */
.heo-card-body[b-34sq70dgny] {
    padding: 8px;
    border-radius: 12px;
    box-shadow: 0px 0px 30px 0px #9B9B9B40;
    background-color: var(--mud-palette-background);
}
/* /Shared/Components/Public/Layout/HeoStack.razor.rz.scp.css */
.heo-stack__body[b-f08vj86oto]{
    height: 100%;
    width: 100%;

    display: flex;
    flex-direction: column;
}

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

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

#frame[b-7gf5ujahen] {
    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.Booking.Shared.Components.Public[b-3mez5423uz]
{
    class LottieView
    {
    }
}
/* /Shared/Components/Public/MediaAuthView.razor.rz.scp.css */
#text-view-title[b-hw7yes247l] {
    width: 150px;
    min-width: 150px;
    word-wrap: break-word;
}

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

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

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


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

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

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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

#date[b-2v4d7nd1eg] {
}

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

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

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

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

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

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

.bg-processing[b-b8zetq1ovy]{

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.radio-style[b-ai3lnl6ig1] {
}


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

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

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

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

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

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


#swipe-content[b-hvbggbhqt7] {
    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-lluew6bul2] {
    display: flex;
    overflow: hidden;
    width: 100%;
}


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



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

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

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

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

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

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

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

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

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

#content__text[b-9bemvyw04o] {
    font-weight: 400;
    color: var(--TextColorMuted);
    text-align: justify;
}
/* /Shared/Components/Public/TopNavBarView.razor.rz.scp.css */
.top-title[b-qiih96sc0p] {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: var(--mud-palette-primary);
}
/* /Shared/Utility/WasmLoading.razor.rz.scp.css */
.mud-wasm[b-1smoh3tcaw] {
    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-1smoh3tcaw] {
    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;
}