@charset "UTF-8";
/* roboto-300 - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/roboto-v30-latin_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/roboto-v30-latin_vietnamese-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v30-latin_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/roboto-v30-latin_vietnamese-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v30-latin_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/roboto-v30-latin_vietnamese-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v30-latin_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/roboto-v30-latin_vietnamese-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/roboto-v30-latin_vietnamese-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/roboto-v30-latin_vietnamese-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body::-webkit-scrollbar-track-piece, body ::-webkit-scrollbar-track-piece {
    background-color: transparent;
}

body::-webkit-scrollbar, body ::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

body::-webkit-scrollbar-thumb, body ::-webkit-scrollbar-thumb {
    background-clip: content-box;
    min-height: 28px;
    border-radius: 20px;
    border: 3px solid transparent !important;
    background-color: rgba(50, 50, 93, 0.25);
    cursor: pointer !important;
}

    body::-webkit-scrollbar-thumb:hover, body ::-webkit-scrollbar-thumb:hover {
        /*border: 1px solid #607D8B;*/
        background-color: #00a54f;
        border: 1px solid transparent !important;
    }

html {
    overflow: hidden;
}

body, html {
    font-family: "Roboto";
    font-weight: normal;
    font-style: normal;
    min-height: 100svh;
    height: 100svh;
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    background-color: #FAFAFA;
    -webkit-font-smoothing: antialiased;
}

div, label, h1, h2, h3, h4, h5, table, a, ul, li,
.e-label {
    font-family: "Roboto";
}

.mr-5,
.mr5 {
    margin-right: 5px;
}

.mr-10,
.mr10 {
    margin-right: 10px;
}

div.cellCenter {
    text-align: center;
}

div.cellRight {
    text-align: right;
}









#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: absolute !important;
    width: 100%;
    font-weight: 500;
    letter-spacing: 1px;
    color: red;
    z-index: 9999999999 !important;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text.mud-input-text-with-label {
    margin-top: 20px;
}

.mud-input-helper-text.mud-input-error {
    font-size: 12px;
    margin-top: 5px;
    font-style: italic;
}

    .mud-input-helper-text.mud-input-error .me-auto {
        color: #5D4037;
    }

.mud-input-control .mud-input-label-inputcontrol {
    font-size: 13px !important;
    transform: unset !important;
    margin-bottom: 10px !important;
    color: #455A64;
}

.mud-snackbar .mud-snackbar-icon,
.mud-snackbar .mud-snackbar-content-message,
.mud-snackbar .mud-snackbar-content-action {
    font-size: 14px;
    color: #fff !important;
}

.mud-list.mud-menu-list .mud-menu-item-text {
    font-size: 16px;
}

.mud-list.mud-menu-list {
    padding: 10px;
}

.frmListMenu,
body:has(.frmListMenu) {
   
}

.frmScan .mud-card-header{
    padding:10px;
    background-color:#fafafa;
   
}
.frmScan .mud-card-header h6{
   font-size:16px !important;
   color:#303F9F;
}

.frmListMenu .mud-card-header {
    user-select: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

    .frmListMenu .mud-paper {
        margin-top: -80px;
    }

body, html {
    background-color: #303F9F;
}

    .frmLogin,
    body:has(.frmLogin) {
        
    }

        .frmLogin .mud-card-header {
            border-bottom: 1px solid #E0E0E0;
            padding: 8px 10px;
            user-select: none;
        }

        .frmLogin .mud-card-header-avatar,
        .frmLogin .mud-card-header-content .mud-typography-h5 {
            font-size: 18px !important;
            font-weight: 700 !important;
            color: #303F9F;
        }

        .frmLogin .mud-button-label {
            font-size: 16px;
            letter-spacing: 2px;
            font-weight: 700 !important;
        }

        .frmLogin .mud-card-content .mud-input-control:nth-child(1) {
            margin-bottom: 20px;
        }


        .frmLogin .mud-card-content .mud-input-control input {
            font-size: 16px !important;
            font-weight: 500;
            letter-spacing: 1px;
            color: #D32F2F;
        }

.mud-appbar {
    background-color: #3F51B5 !important;
}

.spanUser {
    font-size: 18px;
    font-weight: 700;
    color: #D32F2F;
    margin-right: 5px;
    display: inline-block;
}

    .spanUser .mud-svg-icon {
        vertical-align: top;
    }

.spanFullName {
    font-size: 13px;
    color: #5D4037;
    font-weight: 400;
    text-align: right;
    display: block;
    float: right;
    margin-right: 5px;
}

.mud-button.btnQuetMaQr,
.mud-button.btnTimCont,
.mud-button.btnTimHouseBill {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.mud-button.btnQuetMaQr .mud-button-label,
.mud-button.btnTimCont .mud-button-label,
.mud-button.btnTimHouseBill .mud-button-label {
    justify-content: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    height: 35px;
}

.mud-button.btnQuetMaQr {
    margin-bottom: 15px;
    background-color: #388E3C !important;
    color: #fff !important;
}

.mud-button.btnTimCont {
    margin-bottom: 15px;
    background-color: #00796B !important;
    color: #fff !important;
}

.mud-button.btnTimHouseBill {
    margin-bottom: 10px;
    background-color: #E64A19 !important;
    color: #fff !important;
}

.tgHienTai {
    text-align: right;
    padding-right: 6px;
    margin-top: 10px;
    margin-bottom: 0px;
    letter-spacing: 1px;
    color: #666;
    font-weight: 500;
    border-top: 1px solid #E0E0E0;
    padding-top: 15px;
}

    .tgHienTai .mud-svg-icon {
        vertical-align: top;
        margin-left: 2px;
        font-size: 16px;
    }

.txtFindCont input {
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #D32F2F !important;
}
    .txtFindCont input::placeholder{
       
    }

    .mud-container.frmFind .mud-paper .lstTimCont {
        height: -moz-calc(100svh - 185px) !important;
        height: -webkit-calc(100svh - 185px) !important;
        height: calc(100svh - 185px) !important;
        overflow: auto;
        margin-top: 10px;
    }

.lblSearch {
    background-color: #FFF8E1;
    padding: 6px 10px;
    display: block;
    margin-top: 5px;
    border-radius: 3px;
    font-size: 13px !important;
    text-align:center;
    user-select: none;
    color: #F57C00;
}

.lblNoRow {
    background-color: #FCE4EC;
    padding: 6px 10px;
    display: block;
    margin-top: 5px;
    border-radius: 3px;
    text-align:center;
    font-size: 13px !important;
    user-select: none;
    color: #C2185B;
}

.mud-list-item {
    padding: 0px;
    margin: 0px !important;
}

.mud-list-item-text {
    padding: 0px;
    margin: 0px !important;
}

.lstTimCont .itemSOHIEU {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    display: block;
    border-bottom: 1px solid #E0E0E0;
    font-size: 16px;
    font-weight: 500;
    color: #455A64;
    user-select: none;
}

    .lstTimCont .itemSOHIEU .tentau {
        font-size: 14px;
        font-weight: 400;
        margin-top: 3px;
        margin-bottom: 3px;
        color: #303F9F;
    }

    .lstTimCont .itemSOHIEU .ngaytiepnhan {
        font-size: 13px;
        font-weight: 400;
        color: #00796B;
    }

hightlightx {
    background-color: #FFF176 !important;
    color: #C2185B !important;
}

.frmDlgShow .mud-dialog-title {
    padding: 6px 10px;
    border-bottom: 1px solid #E0E0E0;
    background-color: #ECEFF1;
}

    .frmDlgShow .mud-dialog-title h6 {
        font-size: 16px !important;
        color: #303F9F;
        font-weight: 700;
    }

        .frmDlgShow .mud-dialog-title h6 .mud-svg-icon {
            vertical-align: top;
            margin-right: 2px !important;
        }

.frmDlgShow .mud-dialog-content {
    padding: 5px 10px;
}
.frmDlgShow .mud-dialog-actions {
    padding: 5px 10px;
    background-color:#fafafa;
}

.frmDlgShow .mud-input-control {
    margin-bottom: 10px;
}

    .frmDlgShow .mud-input-control .mud-input-label-text {
        font-size: 11px !important;
        color: #000 !important;
        transform: unset !important;
    }

.frmDlgShow .mud-input-slot.mud-input-root {
    margin: 3px 0px;
    font-size: 15px;
    font-weight: 400;
    color: #000 !important;
}
.frmDlgShow .divTrangThai {
    font-weight: 500;
    letter-spacing: 1px;
    color: #C2185B;
    font-size: 14px;
    margin-top:15px !important;
    background-color:#f5f5f5;
    padding-top:2px;
    padding-bottom:2px;
    user-select:none;
    padding-left:5px;
}
.frmDlgShow .divThoiGianTrangThai {
    font-weight: 400;
    color: #5D4037;
    font-size: 14px;
    margin-top: 2px;
    background-color: #f5f5f5;
    padding-top: 2px;
    padding-bottom: 2px;
    user-select: none;
    padding-left: 5px;
    font-style:italic;
}

.titleMenu {
    color: #E8EAF6;
    font-size:18px;
    letter-spacing: 2px !important;
    font-weight: 700;
}

.frmScan .mud-card-content {
    padding:0px !important;
}

.frmScan .mud-card-content video{
    max-width:unset !important;
    width:100% !important;
    height:auto !important;

}
.barcode-reader div:nth-child(1){
    margin-bottom:10px;
    padding-top:15px;
   
    font-size:16px;
    
}

.frmScan{
    margin-top:-80px;
}
.lstBtnScan .btnQrRs{
    font-size:14px !important;
    font-weight:500 !important;
}

.lstBtnScan .btnTimCont {
    background-color: #fafafa !important;
    color: #303F9F !important;
    box-shadow:none !important;
    padding-left:10px !important;
}

.lstBtnScan .btnTimHouseBill {
    background-color: #fafafa !important;
    color: #C2185B !important;
    box-shadow: none !important;
    padding-left: 10px !important;
}

.lstBtnScan {
    padding: 10px;
    padding-top: 25px;
}
    .lstBtnScan .scanSoCont {
        font-size: 16px;
        font-weight: 400;
        margin-top: 10px;
        margin-bottom: 2px;
        color: #00796B;
        background-color: #f5f5f5;
        padding:6px 5px;
    }
    .lstBtnScan .scanHbill {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 20px;
        color: #D32F2F;
        background-color: #f5f5f5;
        padding: 6px 5px;
    }

.btnScanLai{
    font-size:14px !important;
    text-align:left !important;
    color:#666 !important;
    font-weight:500;
}

.itemViTri {
    margin-top: 5px;
    margin-bottom: 5px !important;
    background-color: #fafafa;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
    .itemViTri .mud-input-label.mud-input-label-text {
        font-size: 14px !important;
        color: #C2185B !important;
    }
.itemViTri .mud-input-text textarea {
    color: #00796B !important;
    font-weight: 500 !important;
}