/*::view-transition-old(root) {
    animation-duration: 0.5s;
}
::view-transition-new(root) {
  animation-duration: 1s;
}*/

.loginLogo {
    text-align: center;
    margin-bottom: 0px;
    user-select: none;
    pointer-events: none;
    padding-bottom: 0px;
    text-align: center;
}

    .loginLogo img {
        width: 100%;
        height: auto;
        margin-top: 0px;
        border: 0px !important;
    }

.MainBody {
    height: calc(100svh - 50px);
    overflow: auto !important;
    background-color: #fff;
    overflow: hidden;
}

.pageLogin {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100svh;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #000;
}

    .pageLogin:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url(../images/pic2_a.jpg);
        width: 100%;
        height: 100%;
        opacity: 0.35;
        z-index: -1;
        background-position: center center;
        background-size: cover;
    }
.e-dialog.frmLogin .e-dlg-header-content {
    background-color: #fff;
    border-bottom:0px;
}

.e-dialog.frmLogin .e-footer-content {
    background-color: #fff !important;
    border-top:0px !important;
}

.e-dialog.frmLogin .e-dlg-header,
.e-dialog.frmLogin .e-dlg-header i {
    color: #B71C1C;
    font-weight: 700 !important;
}

.e-dialog.frmLogin.e-popup-open {
    border: 3px solid #3F51B5 !important;
    opacity: 0.95;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

    .e-dialog.frmLogin.e-popup-open:hover {
        /*opacity: 1;*/
    }

.e-dialog.frmIndex.e-popup-open {
    border: 3px solid #fff !important;
    opacity: 1;
}

    .e-dialog.frmIndex.e-popup-open:hover {
        opacity: 1;
    }

.e-dialog.frmIndex .e-dlg-header-content,
.e-dialog.frmLogin .e-dlg-header-content {
}

.e-dialog.frmLogin .e-dlg-header,
.e-dialog.frmLogin .e-dlg-header i,
.e-dialog.frmIndex .e-dlg-header,
.e-dialog.frmIndex .e-dlg-header i {
    font-weight: 700 !important;
    color: #303F9F !important;
}

.e-dialog.frmDlgFind.e-popup-open {
    border: 3px solid #303F9F !important;
    opacity: 1;
    border-radius: 10px !important;
   box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.e-dialog.frmDlgFind .e-dlg-header,
.e-dialog.frmDlgFind .e-dlg-header i {
    font-weight: 700 !important;
    color: #B71C1C !important;
    letter-spacing: 1px;
    font-size: 13px;
}

.e-dialog.frmDlgFind .e-footer-content {
}

.e-dialog.frmDlgFind .waper_pager .e-pager {
}

.e-dialog.frmLogin .e-dlg-header-content {
}
.e-dialog.frmLogin .e-footer-content .e-btn {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.e-dialog .e-dlg-content:has(.panelLoginBody) {
    padding: 0px !important;
}

.panelLoginBody {
    position: relative;
}

    .panelLoginBody .panelLeft {
        user-select: none;
        pointer-events: none;
        box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
        height: 167px;
        margin-bottom: 10px;
    }

    .panelLoginBody .panelRight {
        padding: 10px;
        width: 295px;
        padding-top: 0px;
    }

.txtloginTaiKhoan input,
.txtloginMatKhau input {
    font-weight: 500 !important;
    color: #C2185B !important;
}

.btnLogin {
    width: 120px !important;
    background-color: #303F9F !important;
    color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.e-dialog .e-footer-content .e-btn.btnLogin:hover {
    background-color: #283593 !important;
    color: #fff !important;
}

.btnLogin.btnSentCV {
    width: 115px !important;
    margin-right: 10px !important;
}

.btnBack {
    width: 90px !important;
    background-color: #00796B !important;
    color: #FFF !important;
    box-shadow: none !important;
}

.btnLostPassWord {
    width: 105px !important;
    background-color: #EEEEEE !important;
    color: #333 !important;
    box-shadow: none !important;
}



.e-dialog .e-footer-content .e-btn.btnBack:hover {
    color: #fff !important;
    background-color: #00695C !important;
}

.e-dialog .e-footer-content .e-btn.btnLostPassWord:hover {
    color: #333 !important;
    background-color: #E0E0E0 !important;
}

.btnLogin:hover,
.btnLogin:focus {
}

.e-dialog.frmLogin .e-dlg-content .DefaultPadding {
}

.homePage {
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: calc(100svh - 65px);
    position: absolute;
    z-index: 1;
    top: 65px;
    left: 0px;
    width: 100%;
    background-color: #000;
    opacity: 1;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: calc(100svh - 65px);
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 100%;
    margin: 0;
    height: 100vh;
    height: calc(100svh - 65px);
    overflow: hidden;
    background: linear-gradient(135deg, #455A64, #607D8B, #455A64);
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: white;
}

    .homePage:after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: -1;
        background-size: cover;
        background-position: center center;
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        background-image: url(../images/img4.jpg);
        width: 100%;
        height: 100%;
        opacity: 0.5 !important;
        z-index: -1;
        background-repeat: repeat;
        background: linear-gradient(-45deg, #1e90ff, #00c6ff, #0096c7, #1e3a8a);
        background-size: 400% 400%;
        animation: gradientBG 15s ease infinite;
    }
/* Hình khối động */
.shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    animation: moveShapes 10s infinite ease-in-out;
    mix-blend-mode: overlay;
    opacity: 0.8;
}

    /* Các hình khối khác nhau */
    .shape:nth-child(1) {
        width: 150px;
        height: 150px;
        top: 10%;
        left: 20%;
        animation-duration: 15s;
        animation-delay: 0s;
    }

    .shape:nth-child(2) {
        width: 200px;
        height: 200px;
        top: 50%;
        left: 60%;
        animation-duration: 12s;
        animation-delay: -2s;
    }

    .shape:nth-child(3) {
        width: 100px;
        height: 100px;
        top: 70%;
        left: 30%;
        animation-duration: 18s;
        animation-delay: -4s;
    }

    .shape:nth-child(4) {
        width: 250px;
        height: 250px;
        top: 30%;
        left: 80%;
        animation-duration: 20s;
        animation-delay: -6s;
    }

/* Animation cho các hình khối */
@keyframes moveShapes {
    0% {
        transform: translateY(0) translateX(0) scale(1);
    }

    25% {
        transform: translateY(-50px) translateX(30px) scale(1.1);
    }

    50% {
        transform: translateY(50px) translateX(-30px) scale(0.9);
    }

    75% {
        transform: translateY(-30px) translateX(20px) scale(1.2);
    }

    100% {
        transform: translateY(0) translateX(0) scale(1);
    }
}

.welcomeBg {
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    display: block;
    user-drag: none;
}

    .welcomeBg img {
        opacity: 0.65;
        border-radius: 5px;
        background-color: #fff;
        padding: 10px;
        width: 320px;
        height: auto;
        user-select: none;
        pointer-events: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

.breakHomePage {
}

.welcomeBg2 {
    margin-top: 20px;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    display: block;
    user-drag: none;
}

    .welcomeBg2 img {
        width: 300px;
        height: auto;
        user-select: none;
        pointer-events: none;
        -webkit-user-drag: none;
        -khtml-user-drag: none;
        -moz-user-drag: none;
        -o-user-drag: none;
        user-drag: none;
    }

.waper_grid.gdvFix2 div.e-gridcontent tr.e-row td.e-rowcell:nth-child(1),
.waper_grid.gdvFix2 div.e-gridheader tr.e-columnheader th.e-headercell:nth-child(1) {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 0px;
    z-index: 1;
    background-color: #fff;
    border-left: 0px !important;
    border-right: 0px solid #bdbdbd !important;
}

.waper_grid.gdvFix2 div.e-gridcontent tr.e-row td.e-rowcell:nth-child(2),
.waper_grid.gdvFix2 div.e-gridheader tr.e-columnheader th.e-headercell:nth-child(2) {
    position: -webkit-sticky !important;
    position: sticky !important;
    left: 85px;
    z-index: 1;
    background-color: #fff;
    border-left: 0px !important;
    border-right: 2px solid #4CAF50 !important;
}

.waper_grid.gdvInCrew.fullheight_grid .e-gridcontent .e-content.e-yscroll,
.waper_grid.gdvInCrew.fullheight_grid .sf-grid .e-frozencontent {
    border-bottom: 0px !important;
    height: -moz-calc(100svh - 200px) !important;
    height: -webkit-calc(100svh - 200px) !important;
    height: calc(100svh - 200px) !important;
}

.waper_grid.gdvInCrew.fullheight_grid .e-emptyrow td {
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: -moz-calc(100svh - 250px) !important;
    height: -webkit-calc(100svh - 250px) !important;
    height: calc(100svh - 250px) !important;
    background-image: url('/images/no-results-found.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 286px 141px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    font-size: 0;
}

.colNgayCutOff {
    font-weight: 500;
    color: #B71C1C;
}

.colMaKhachHang {
    font-weight: 500;
    color: #303F9F;
}

.colTrangThaiKeHoachHangXuat {
    width: 100%;
}

    .colTrangThaiKeHoachHangXuat i,
    .colLoadingKeHoachHangXuat i {
        margin-right: 5px;
        margin-left: 5px;
        font-weight: 500 !important;
    }

    .colTrangThaiKeHoachHangXuat .dangxuly {
    }

    .colTrangThaiKeHoachHangXuat .dahuy,
    .colTrangThaiKeHoachHangXuat .dahuy i {
        color: #C2185B !important;
    }

    .colTrangThaiKeHoachHangXuat .daxuatkho,
    .colTrangThaiKeHoachHangXuat .daxuatkho i {
        color: #388E3C !important;
    }

    .colTrangThaiKeHoachHangXuat .loading,
    .colTrangThaiKeHoachHangXuat .loading i {
        color: #5D4037 !important;
    }

    .colTrangThaiKeHoachHangXuat .nhapkho,
    .colTrangThaiKeHoachHangXuat .nhapkho i {
        color: #5D4037 !important;
    }

    .colTrangThaiKeHoachHangXuat .capnhat,
    .colTrangThaiKeHoachHangXuat .capnhat i {
        color: #E64A19 !important;
    }

.colLoadingKeHoachHangXuat .dangxuly i,
.colLoadingKeHoachHangXuat .dangxuly {
    color: #F57C00 !important;
}

.trangthaidangxuly {
    background-color: #fafafa !important;
    color: #666 !important;
}

.trangthaidahuy {
    background-color: #EFEBE9 !important;
    color: #5D4037 !important;
}

.trangthaihoanthanh {
    background-color: #E8F5E9 !important;
    color: #388E3C !important;
}


.chuacopo {
}

.dacopo {
    background-color: #E8F5E9;
    color: #388E3C;
}

.colNKKH {
    font-weight: 500;
    color: #C2185B;
}

.colNKCH .subCH {
    margin-left: 3px;
    margin-right: 3px;
    color: #9E9E9E;
    display: inline-block;
}

.colNKCH {
    color: #303F9F;
}

.LinkTaiFileMau {
    display: inline-block;
    margin-top: 5px !important;
    font-size: 13px;
    cursor: pointer;
    color: #388E3C;
    font-weight: 400;
    margin-left: 5px;
}

    .LinkTaiFileMau:hover {
        color: #B71C1C;
    }

    .LinkTaiFileMau i {
        margin-right: 5px;
        font-weight: 500 !important;
    }

.warningEditExcelNhapKhoHangXuat {
    border-left: 3px solid #E57373;
    border-radius: 3px;
    background-color: #FAFAFA;
    color: #E64A19;
    font-size: 13px;
    padding: 0px 8px;
    line-height: 25px;
    margin-top: 2px;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 8px !important;
}

.totalLoading {
    color: #5D4037;
}

    .totalLoading i {
        margin-right: 5px;
    }

.totalSumNhapKhoHangXuat {
    color: #303F9F;
    border-right: 1px solid #bdbdbd;
    padding-right: 5px;
}

.e-dialog .e-footer-content .totalSumNhapKhoHangXuat {
    padding-right: 0px;
    height: 30px;
    line-height: 30px;
    border-right: 0px;
}

.totalSumNhapKhoHangXuat span {
    font-weight: 500;
    color: #C2185B;
}

.totalSumNhapKhoHangXuat.footer {
    color: #303F9F !important;
    padding-left: 10px;
    line-height: 28px;
}

    .totalSumNhapKhoHangXuat.footer div {
        color: #303F9F;
    }

.divWaperFullHeight {
    padding: 10px;
    overflow: auto;
    height: calc(100svh - 50px);
    background-color: #ECEFF1;
}

    .divWaperFullHeight .welcomeSpl {
        height: 1px;
        border-bottom: 1px dashed #E0E0E0;
        margin-top: 15px;
    }

    .divWaperFullHeight .WelcomePage {
        position: absolute;
        margin-top: 0px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
        user-select: none;
        width: 480px;
        background-color: #fff;
        background-color: rgba(255,255,255,1);
        padding: 25px 20px 20px 15px !important;
        border-radius: 10px;
        border: 3px solid rgba(158, 158, 158,0.25);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }


.imgWarningScreen img {
    height: 100px;
    user-select: none;
    pointer-events: none;
    margin-bottom: 20px;
}

.warningScreen {
}

    .warningScreen .divWaperFullHeight {
        height: 100svh;
        background-color: #C8E6C9;
    }

        .warningScreen .divWaperFullHeight .WelcomePage {
            border-color: #B71C1C;
            padding: 5px !important;
        }

.warningHeader {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #C2185B;
    position: absolute;
    top: 30px;
    left: 30px;
}

.warningHeaderSub {
    font-size: 14px;
    line-height: 21px;
    color: #303F9F;
    text-align: justify-all;
}

.btnTiepTuc {
    margin-top: 10px;
    margin-bottom: 3px;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 100% !important;
    background-color: #C2185B !important;
    height: 35px !important;
    color: #fff !important;
}

    .btnTiepTuc:hover {
        background-color: red !important;
    }

.colKHCH {
    user-select: none;
}

.e-rowcell.cellChon.e-templatecell div div,
.e-rowcell.cellChon.e-templatecell div div .colNKKH,
.e-rowcell.cellChon.e-templatecell div div .colNKCH {
    color: red !important;
}

.noiBatRow .e-rowcell.e-templatecell div div,
.noiBatRow .e-rowcell.e-templatecell div div .colNKKH,
.noiBatRow .e-rowcell.e-templatecell div div .colNKCH {
    color: red !important;
}

.e-rowcell.cellUnChon.e-templatecell {
    background-color: #F5F5F5 !important;
}

    .e-rowcell.cellUnChon.e-templatecell div div,
    .e-rowcell.cellUnChon.e-templatecell div div .colNKKH,
    .e-rowcell.cellUnChon.e-templatecell div div .colNKCH {
        color: #9E9E9E !important;
    }

        .e-rowcell.cellUnChon.e-templatecell div div .colChon .e-checkbox-wrapper .e-frame,
        .e-rowcell.cellUnChon.e-templatecell div div .colChon .e-css.e-checkbox-wrapper .e-frame {
            background-color: #EEEEEE !important;
            border: none !important;
        }

.e-rowcell.e-templatecell div div .colChon .e-checkbox-wrapper.e-checkbox-disabled .e-frame,
.e-rowcell.e-templatecell div div .colChon .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
    background-color: #EEEEEE !important;
    border: none !important;
}

.btnViTriSync .e-btn {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    float: right !important;
    height: 20px !important;
    width: 15px !important;
    margin-top: -1px;
    margin-right: -4px;
    font-size: 12px !important;
    color: #bdbdbd !important;
}

    .btnViTriSync .e-btn:hover {
        color: #C2185B !important;
    }

.btnToCongNhanSync .e-btn {
    background-color: transparent !important;
    border: 0px !important;
    padding: 0px !important;
    float: right !important;
    height: 20px !important;
    width: 15px !important;
    margin-top: -1px;
    margin-right: -4px;
    font-size: 12px !important;
    color: #bdbdbd !important;
}

    .btnToCongNhanSync .e-btn:hover {
        color: #C2185B !important;
    }

.nhapkhohxcapnhat {
    background-color: #FAFAFA;
    color: #666;
}

.nhapkhohxnhapkho {
    background-color: #E8EAF6;
    color: #303F9F;
}

.nhapkhohxloading {
    background-color: #FCE4EC;
    color: #C2185B;
}

.nhapkhohxdaxuatkho {
    background-color: #E8F5E9;
    color: #388E3C;
}

.cellHuyPhieu div div {
    font-style: italic !important;
    color: #666 !important;
    background-color: #f5f5f5 !important;
    text-decoration: line-through !important;
}

.divPhienBan {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 1;
    user-select: none;
    font-size: 12px;
    color: #E3F2FD;
    pointer-events: none;
}

    .divPhienBan i {
        margin-right: 10px;
    }


.uploaderCrewAvatar {
    margin-top: 0px;
    position: relative;
    text-align: center;
    background-color: #E8F5E9;
    padding-top: 6px;
    padding-bottom: 0px;
    border-radius: 5px;
    width: 160px;
    height: 200px;
    margin-bottom: 0px;
    border: 2px solid #81C784;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

    .uploaderCrewAvatar .btnDelImgUpload {
        padding: 0px;
        height: 28px;
        width: 62px;
        line-height: 28px;
        border-radius: 3px;
        background-color: #FFEBEE;
        border: 0px !important;
        outline: none !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        position: absolute;
        bottom: 7px;
        left: 90px;
        color: #C2185B;
        font-weight: 700 !important;
        border: 0px solid #bdbdbd !important;
        opacity: 1;
    }

        .uploaderCrewAvatar .btnDelImgUpload::after {
            content: 'Del' !important;
            font-size: 12px !important;
            color: #C2185B !important;
            position: absolute;
            left: 33px;
            line-height: 30px;
            font-weight: 400;
        }

        .uploaderCrewAvatar .btnDelImgUpload i {
            margin-right: 0px !important;
            margin-left: -20px;
        }

        .uploaderCrewAvatar .btnDelImgUpload:hover {
            background-color: #FFCDD2;
        }

        .uploaderCrewAvatar .btnDelImgUpload:disabled {
            background-color: rgba(99, 99, 99, 0.2) !important;
        }

            .uploaderCrewAvatar .btnDelImgUpload:disabled i,
            .uploaderCrewAvatar .btnDelImgUpload:disabled::after {
                color: #9E9E9E !important;
            }

    .uploaderCrewAvatar .imgAvatarCrew img {
        height: 150px;
        width: 145px;
        user-select: none;
        pointer-events: none;
        border-radius: 5px;
        border: 0px dashed #607D8B;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    }
    /*.uploaderCrewAvatar .e-upload .e-file-select-wrap .e-btn,
    .uploaderCrewAvatar .e-upload .e-upload-actions .e-btn,
    .uploaderCrewAvatar .e-bigger.e-small .e-upload .e-file-select-wrap .e-btn,
    .uploaderCrewAvatar .e-bigger.e-small .e-upload .e-upload-actions .e-btn {
        color: red;
    }*/
    .uploaderCrewAvatar .e-upload .e-file-select-wrap .e-btn {
        color: transparent;
        font-size: 0px;
        padding: 0px;
        height: 28px;
        width: 80px;
        line-height: 18px;
        border-radius: 3px !important;
        background-color: #E8F5E9;
        border: 0px !important;
        outline: none !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        position: absolute;
        bottom: 7px;
        left: 5px;
        border: 0px solid #4CAF50 !important;
        opacity: 1;
    }

        .uploaderCrewAvatar .e-upload .e-file-select-wrap .e-btn::after {
            content: 'Upload' !important;
            font-size: 12px !important;
            color: #388E3C !important;
            position: absolute;
            left: 30px;
            line-height: 23px;
        }

        .uploaderCrewAvatar .e-upload .e-file-select-wrap .e-btn:hover {
            background-color: #C8E6C9;
        }

        .uploaderCrewAvatar .e-upload .e-file-select-wrap .e-btn:before {
            font-family: "e-icons";
            content: "\e706";
            color: #388E3C;
            font-size: 13px;
            line-height: 21px;
            font-weight: 700 !important;
            padding-left: 6px;
        }

    .uploaderCrewAvatar .e-upload .e-upload-files {
        display: none;
    }

    .uploaderCrewAvatar .e-upload .e-file-select-wrap .e-file-drop,
    .uploaderCrewAvatar .e-bigger.e-small .e-upload .e-file-select-wrap .e-file-drop {
        display: none;
    }

    .uploaderCrewAvatar .e-upload {
        border: 0px;
        height: 0px;
    }

        .uploaderCrewAvatar .e-upload .e-file-select-wrap,
        .uploaderCrewAvatar .e-bigger.e-small .e-upload .e-file-select-wrap {
            padding: 0px;
            font-size: 0px;
            color: transparent !important;
            border: 0px !important;
        }

.txtAutobiography {
    height: 105px;
    background-color: #f5f5f5 !important;
    border-radius: 5px !important;
    overflow: auto !important;
}

    .txtAutobiography textarea {
        resize: none !important;
        border-bottom: 0px !important;
    }

.txtCrewNote {
    height: 258px;
    resize: none;
    background-color: #f5f5f5 !important;
    border-radius: 5px !important;
}

    .txtCrewNote textarea {
        resize: none !important;
        border-bottom: 0px !important;
    }


.btnSaveCrewData {
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.btnExportCrewData {
    background-color: #7B1FA2 !important;
    color: #F3E5F5 !important;
    margin-left: 2px !important;
    margin-right: 3px !important;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px !important;
}

.e-control.e-btn.e-lib.btnExportCrewData:hover {
    background-color: #6A1B9A !important;
    color: #fff !important;
}

.e-control.e-btn.e-lib.btnExportCrewData:disabled {
    background-color: #f5f5f5 !important;
    color: #bdbdbd !important;
}

.e-rowcell .btnExportViewOnline,
.e-rowcell .btnExportDownloadFile {
    text-align: center !important;
    text-align: center !important;
    padding: 0px !important;
    padding-left: 5px !important;
}

    .e-rowcell .btnExportViewOnline:disabled i,
    .e-rowcell .btnExportDownloadFile:disabled i {
        color: #BDBDBD !important;
    }

.btnExportViewOnline {
    border-radius: 5px !important;
    background-color: transparent !important;
    color: #388E3C !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 18px !important;
    box-shadow: none !important;
    outline: none !important;
    border: 0px !important;
}

    .btnExportViewOnline i,
    .btnExportDownloadFile i {
        font-weight: 400 !important;
    }

.e-control.e-btn.e-lib.btnExportViewOnline:hover {
    background-color: transparent !important;
    color: #D32F2F !important;
}

.btnExportDownloadFile {
    border-radius: 5px !important;
    background-color: transparent !important;
    color: #388E3C !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    width: 25px !important;
    height: 25px !important;
    line-height: 18px !important;
    box-shadow: none !important;
    outline: none !important;
    border: 0px !important;
}

.e-control.e-btn.e-lib.btnExportDownloadFile:hover {
    background-color: transparent !important;
    color: #D32F2F !important;
}

.colCode:has(.isMyTakeCare) {
    position: relative;
}

.colCode .isMyTakeCare {
    position: absolute;
    right: 0px;
    top: -5px;
}

    .colCode .isMyTakeCare i {
        font-size: 9px !important;
        color: #FF9800;
        font-weight: 700;
    }

.colCode span.imgCrew img {
    margin-top: 1px;
    margin-bottom: 1px;
    vertical-align: middle !important;
    height: 38px !important;
    width: 34px !important;
    margin-right: 5px;
    border-radius: 3px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


.colCode span.imgUserAvatar img {
    margin-top: 1px;
    margin-bottom: 1px;
    vertical-align: middle !important;
    height: 35px !important;
    width: 35px !important;
    margin-right: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 50%;
}

.colCode.crewName {
}

.colRank {
    font-weight: 500;
}

.hidden {
    opacity: 0;
}

.console-container {
    opacity: 0.75;
    user-select: none;
    font-size: 32px;
    text-align: center;
    height: 100px;
    width: 800px;
    display: block;
    position: absolute;
    color: white;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);
    letter-spacing: 1px;
    line-height: 46px;
}

.console-underscore {
    display: inline-block;
    position: relative;
    top: -0.14em;
    left: 10px;
    color: #fff;
}

.colcmb2Image {
    clear: both;
    position: relative;
}

    .colcmb2Image .colLeft {
        float: left;
        z-index: 1;
    }

    .colcmb2Image .colRight {
    }

    .colcmb2Image .colLeft.imgUserAvatar img {
        height: 50px;
        width: 50px;
        text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);
        margin-right: 10px;
        vertical-align: middle;
        margin-top: 2px;
        z-index: 1;
        border-radius: 50%;
    }

    .colcmb2Image .colLeft.imgCrewAvatar img {
        height: 50px;
        width: 50px;
        text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);
        margin-right: 10px;
        vertical-align: middle;
        margin-top: 3px;
        z-index: 1;
    }

.colRight .itemTen .cmbCrewName {
    font-weight: 500;
    margin-right: 10px;
    color: #B71C1C;
}

.itemTen .addressCrew {
    max-width: 620px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.itemTen .rankcodeCrew,
.itemTen .dobcrew {
    color: #3F51B5;
}

.itemTen .rankcodeCrew {
    color: #388E3C;
    font-weight: 500;
    margin-right: 5px;
}

.itemTen .dobcrew {
    margin-right: 10px;
}

.itemTen .statusrew {
    color: #C2185B;
    font-weight: 500;
}

.itemMa .shipimo {
    color: #303F9F !important;
    font-weight: 500;
}

.itemMa .shipname {
    color: #B71C1C !important;
    font-weight: 500;
}

.itemTen.shiptype {
    font-weight: 400;
    color: #333 !important;
    letter-spacing: 0px;
}

.itemMa.maclient {
    font-weight: 500 !important;
    color: #D32F2F !important;
}

.itemMa .taxclient {
    font-weight: 500 !important;
    color: #388E3C !important;
    margin-left: 10px;
    display: inline-block;
}

.itemMa .warehouse {
    font-weight: 400 !important;
    color: #3F51B5 !important;
    margin-left: 10px;
    font-size: 11px !important;
    display: inline-block;
}

.itemTen.tenclient {
    font-weight: 500 !important;
    color: #303F9F !important;
}

.list-wrapper .itemTen.tendiachi:before {
    display: none;
}

.list-wrapper .itemTen.tendiachi {
    color: #333;
}

.itemMa.macrewstatus {
    font-weight: 500 !important;
    color: #303F9F !important;
}

.itemMa.madoc {
    color: #303F9F !important;
}

.itemTen.tendoc {
    color: #000 !important;
}

.itemMa.marank {
    font-weight: 500 !important;
    color: #303F9F !important;
}

.itemTen.tenrank {
    color: #000 !important;
}

.waper_grid .e-grid td:has(.colExpDate),
.waper_grid .e-grid td.e-active:has(.colExpDate),
.waper_grid div.e-gridcontent tr.e-row td.e-rowcell.e-active:has(.colExpDate),
.waper_grid div.e-gridcontent tr.e-row:hover td.e-rowcell.e-active:has(.colExpDate) {
    background-color: #D32F2F !important;
}

.waper_grid .e-grid td .colExpDate,
.waper_grid .e-grid td.e-active .colExpDate,
.waper_grid div.e-gridcontent tr.e-row td.e-rowcell.e-active .colExpDate,
.waper_grid div.e-gridcontent tr.e-row:hover td.e-rowcell.e-active .colExpDate {
    color: #fff !important;
}

.waper_grid .e-grid td:has(.colExpSoon),
.waper_grid .e-grid td.e-active:has(.colExpSoon),
.waper_grid div.e-gridcontent tr.e-row td.e-rowcell.e-active:has(.colExpSoon),
.waper_grid div.e-gridcontent tr.e-row:hover td.e-rowcell.e-active:has(.colExpSoon) {
    background-color: #FBC02D !important;
}

.waper_grid .e-grid td .colExpSoon,
.waper_grid .e-grid td.e-active .colExpSoon,
.waper_grid div.e-gridcontent tr.e-row td.e-rowcell.e-active .colExpSoon,
.waper_grid div.e-gridcontent tr.e-row:hover td.e-rowcell.e-active .colExpSoon {
    color: #fff !important;
}

.spanDeleteFile i {
    margin-right: 3px;
}

.spanDeleteFile {
    margin-left: 5px;
    color: #B71C1C;
    cursor: pointer;
}

    .spanDeleteFile:hover {
        text-decoration: underline;
    }

.spanPreviewFile {
    margin-left: 10px;
    color: #303F9F;
    cursor: pointer;
}

    .spanPreviewFile:hover {
        text-decoration: underline;
    }

.spanDownloadFile {
    margin-left: 10px;
    color: #388E3C;
    cursor: pointer;
}

    .spanDownloadFile:hover {
        text-decoration: underline;
    }

.lastRemark i {
    margin-right: 3px;
}

.lastRemark {
    font-size: 12px;
    color: #D32F2F;
    user-select: none;
    cursor: pointer;
}

    .lastRemark:hover {
        text-decoration: underline;
    }


    .lastRemark.nolastremark {
        color: #9E9E9E;
        cursor: default;
    }

        .lastRemark.nolastremark:hover {
            text-decoration: none;
        }


.e-rowcell .lastRemark {
    font-size: 11px;
    color: #303F9F;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: 500;
}


.bsCrewInfo {
}

    .bsCrewInfo .bsCrewLeft {
    }

    .bsCrewInfo .bsCrewRight {
    }


#mentionIntegration .e-rte-container {
    border-radius: 3px;
    border: 1px solid #81C784;
    overflow: hidden !important;
}

.e-richtexteditor.e-focused .e-rte-container {
    border: 1px solid #D32F2F !important;
}

.e-mention.e-popup {
    border-radius: 5px !important;
    overflow: hidden !important;
    border: 1px solid #81C784 !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.e-dropdownbase .e-list-item {
    padding-right: 0px !important;
}

    .e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
        background-color: #E8F5E9;
        border-color: #fff;
        color: #000;
    }

#mentionIntegration_rte-editable {
    padding: 10px 10px !important;
    font-size: 13px !important;
    color: #000 !important;
    height: 70px !important;
    max-height: 70px !important;
    overflow: scroll !important;
    min-height: unset !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}

.e-richtexteditor.e-rte-full-screen #mentionIntegration_rte-editable {
    height: 100% !important;
    max-height: 100% !important;
    overflow: scroll !important;
}

.e-rte-placeholder.rte-placeholder {
    padding: 10px 10px !important;
    color: #666 !important;
    opacity: 1 !important;
    font-style: italic !important;
    letter-spacing: 1px !important;
}

#mentionIntegration_toolbar {
}

.e-toolbar .e-toolbar-item .e-tbar-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    min-height: 20px;
    min-width: 30px;
    padding: 0;
    border-radius: 0;
    line-height: 20px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-transform: none;
}

.listItemsUsers {
    height: 50px;
    vertical-align: middle !important;
    line-height: 16px;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 7px;
}

    .listItemsUsers::after {
        clear: both;
    }

    .listItemsUsers .imgAvatar {
        float: left;
    }

        .listItemsUsers .imgAvatar img {
            border: 2px solid #fff;
            height: 48px;
            width: 48px;
            border-radius: 50%;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

    .listItemsUsers .username {
        display: block;
        padding-top: 10px;
        font-weight: 500 !important;
        font-size: 13px;
        color: #D32F2F;
        line-height: 16px;
        padding-bottom: 5px;
    }



    .listItemsUsers .fullname {
        display: block;
        font-weight: 400 !important;
        font-size: 12px;
        color: #000;
        line-height: 16px;
    }

.divCrewsComment {
    clear: both;
}

    .divCrewsComment::after {
        clear: both;
    }

    .divCrewsComment .imgCommentCrew {
        text-align: center;
    }

    .divCrewsComment .txtCommentCrew {
        float: left;
        width: 1165px;
        margin-left: 10px;
    }

    .divCrewsComment .btnCommentCrew {
        float: left;
    }

.btnCommentCrew .btnPostComment {
    margin-left: 5px !important;
    font-size: 12px !important;
    background-color: #fff !important;
    color: #388E3C !important;
    border-radius: 2px;
    border: 0px !important;
    outline: none !important;
    height: 30px !important;
    width: 80px !important;
    margin-top: 1px;
    inline-size: 50px;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 500 !important;
}

    .btnCommentCrew .btnPostComment:hover {
        color: #388E3C !important;
        background-color: #C8E6C9 !important;
    }

    .btnCommentCrew .btnPostComment:disabled {
        color: #BDBDBD !important;
        box-shadow: unset !important;
        cursor: not-allowed !important;
        background-color: #fff !important;
    }

.divCrewsComment .imgCommentCrew {
    background-color: #fff;
    margin-left: 5px;
}

    .divCrewsComment .imgCommentCrew img {
        height: 58px;
        width: 58px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin-top: 6px;
        margin-bottom: 0px;
        user-select: none;
        border-radius: 5px;
        pointer-events: none;
    }

.e-richtexteditor .rte-placeholder {
    padding: 5px;
    font-size: 12px !important;
}

.e-mention .e-mention-chip .mentionUserName,
.e-mention .e-mention-chip .mentionUserName:hover {
    background: #E8F5E9;
    padding: 3px 8px !important;
    border-radius: 3px;
    color: #388E3C;
    cursor: default;
    font-weight: 500;
}

    .e-mention .e-mention-chip .mentionUserName:before {
        font-family: "Font Awesome 6 Pro";
        content: '\40';
        margin-right: 3px;
    }

    .e-mention .e-mention-chip .mentionUserName:hover {
        background-color: #388E3C;
        color: #fff;
    }


.e-mention .e-mention-chip .mentionDepartment,
.e-mention .e-mention-chip .mentionDepartment:hover {
    background: #F3E5F5;
    padding: 3px 8px !important;
    border-radius: 3px;
    color: #7B1FA2;
    cursor: default;
    font-weight: 500;
}


    .e-mention .e-mention-chip .mentionDepartment:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f02c';
        margin-right: 3px;
    }

    .e-mention .e-mention-chip .mentionDepartment:hover {
        background-color: #7B1FA2;
        color: #fff;
    }

.sltCrewComment::after {
    clear: both;
}

.sltCrewComment {
    clear: both;
    display: block;
    margin-bottom: 5px;
    margin-top: 0px;
    height: 5px;
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
}

.crewNoComment {
    text-align: center;
}

    .crewNoComment img {
        height: 200px;
        width: auto;
        user-select: none;
        pointer-events: none;
        margin-left: 25px;
        margin-top: 9px;
    }

.divbasicInfo {
}

    .divbasicInfo .wapperGdv {
        border-top: 1px solid #E0E0E0;
    }

.lstCrewComment {
    padding: 10px;
    vertical-align: middle;
}

.divCrewCommentThread {
}

    .divCrewCommentThread .divRow1 {
        user-select: none;
        pointer-events: none;
    }

    .divCrewCommentThread .imgUserAvatar {
        user-select: none;
        pointer-events: none;
    }

        .divCrewCommentThread .imgUserAvatar img {
            height: 48px;
            width: 48px;
            border-radius: 50%;
            border: 2px solid #fff;
            margin-right: 10px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            vertical-align: middle;
            user-select: none;
            pointer-events: none;
            margin-left: 5px;
        }

    .divCrewCommentThread .username {
        font-weight: 500;
        vertical-align: top;
        color: #D32F2F;
        letter-spacing: 1px;
        font-size: 13px;
        padding-top: 10px !important;
        user-select: none;
        pointer-events: none;
    }

        .divCrewCommentThread .username i {
            font-size: 8px;
            margin-top: -2px;
            vertical-align: middle;
            margin-right: 5px;
            color: #E0E0E0;
        }

        .divCrewCommentThread .username.useronline i {
            color: #4CAF50;
        }

        .divCrewCommentThread .username.useroffline i {
            color: #E0E0E0;
        }


    .divCrewCommentThread .fullname {
        font-weight: 400;
        vertical-align: top;
        color: #303F9F;
        font-size: 12px;
        user-select: none;
        pointer-events: none;
        margin-left: 3px;
    }

    .divCrewCommentThread .timeAgo {
        font-weight: 300;
        vertical-align: top;
        color: #616161;
        font-size: 10px;
        font-style: italic;
        letter-spacing: 1px;
        user-select: none;
        pointer-events: none;
        margin-left: 3px;
    }

    .divCrewCommentThread .fullname i {
        font-size: 11px;
        color: #bdbdbd;
    }

    .divCrewCommentThread .remark {
        display: block;
        background-color: #fafafa;
        border-radius: 2px;
        margin-top: 5px;
        margin-bottom: 8px;
        padding: 8px 10px;
        font-weight: 400;
        vertical-align: middle;
        color: #000;
        font-size: 12px;
        margin-left: 65px;
        margin-top: -30px;
        text-align: justify !important;
    }

::selection {
    color: #E65100 !important;
    background: #FFE0B2 !important;
}

.divCrewCommentThread .remark .mentionUserName {
    font-weight: 500;
    color: #388E3C;
    background-color: #E8F5E9;
    padding: 2px 5px;
}

    .divCrewCommentThread .remark .mentionUserName:before {
        font-family: "Font Awesome 6 Pro";
        content: '\40';
        margin-right: 3px;
    }

.divCrewCommentThread .remark .mentionDepartment {
    font-weight: 500;
    color: #7B1FA2;
    background-color: #F3E5F5;
    padding: 2px 5px;
}

    .divCrewCommentThread .remark .mentionDepartment:before {
        font-family: "Font Awesome 6 Pro";
        content: '\f02c';
        margin-right: 3px;
    }

.divCrewCommentThread .remark blockquote {
    border-left: 5px solid rgba(0, 0, 0, 0.3);
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 00px;
    unicode-bidi: isolate;
    padding-left: 5px;
}

.divCrewCommentThread .actBtn {
    display: block;
    font-weight: 400;
    vertical-align: middle;
    text-align: right;
    color: #000;
    font-size: 11px;
    font-style: italic;
}

    .divCrewCommentThread .actBtn i {
        margin-right: 5px;
    }

    .divCrewCommentThread .actBtn .createdate {
        margin-right: 10px;
        color: #666;
        user-select: none;
        pointer-events: none;
    }

    .divCrewCommentThread .actBtn .deleteicon {
        margin-right: 10px;
        color: #666;
        cursor: pointer;
    }

        .divCrewCommentThread .actBtn .deleteicon:hover {
            text-decoration: underline;
            color: #B71C1C;
        }

.divCrewCommentThread .remark {
}

    .divCrewCommentThread .remark ul,
    #mentionIntegration_rte-editable ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 0px;
        margin-block-end: 0px;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 15px;
        unicode-bidi: isolate;
    }

        #mentionIntegration_rte-editable ul li {
            line-height: 10px !important;
        }

            .divCrewCommentThread .remark ul li::marker,
            #mentionIntegration_rte-editable ul li::marker {
                color: #607D8B;
                font-size: 13px;
            }


.cellMessage {
    display: inline-block;
    font-size: 12px;
    padding: 3px 0px;
}

    .cellMessage .datetimeCrewLoged {
        font-weight: 400;
        margin-right: 3px;
        color: #000;
        letter-spacing: 0px;
        font-size: 11px !important;
    }

        .cellMessage .datetimeCrewLoged i {
            margin-right: 5px;
            font-weight: 500 !important;
        }

    .cellMessage .userCrewLoged {
        font-weight: 500;
        margin-right: 3px;
        color: #D32F2F;
        font-size: 11px !important;
        margin-right: 5px;
    }

    .cellMessage .logObject {
        color: #607D8B;
        font-size: 11px !important;
        margin-left: 5px;
        background-color: #ECEFF1;
        padding: 3px 5px;
        border-radius: 3px;
    }

    .cellMessage .logId {
        color: #607D8B;
        font-size: 11px !important;
        margin-right: 5px;
        background-color: #ECEFF1;
        padding: 3px 5px;
        border-radius: 3px;
        font-style: italic;
    }

    .cellMessage .actionCrewLoged {
        font-weight: 400;
        margin-right: 5px;
        color: #388E3C;
        font-size: 11px !important;
        font-style: italic;
        text-decoration: underline !important;
    }

        .cellMessage .actionCrewLoged.actCập nhật {
            color: #00796B;
        }

        .cellMessage .actionCrewLoged.actInsert {
            color: #303F9F;
        }

        .cellMessage .actionCrewLoged.actXoá {
            color: #5D4037;
        }

    .cellMessage .messageCrewLoged {
        font-weight: 400 !important;
    }

.cellMaxHeight {
    font-size: 12px;
    max-height: 40px;
    overflow: auto;
    line-height: 18px !important;
    white-space: pre-line;
    word-break: break-word;
    color: #000000;
    padding: 2px;
    user-select: none;
    text-align: justify-all;
}

.cellRemarkCrew {
    font-size: 12px;
    max-height: 40px;
    overflow: auto;
    line-height: 18px !important;
    white-space: pre-line;
    word-break: break-all;
    color: #000000;
    padding: 2px;
    user-select: none;
}

    .cellRemarkCrew::selection {
        color: #D32F2F;
        background: #FFEBEE;
    }

    .cellRemarkCrew span.cellUserName {
        font-weight: 500;
        margin-right: 5px;
        color: #333;
        user-select: none;
        pointer-events: none;
    }


        .cellRemarkCrew span.cellUserName:before {
            font-family: "Font Awesome 6 Pro";
            content: '\f4a4';
            margin-right: 5px;
            font-weight: 500;
        }

    .cellRemarkCrew span.cellDateTime {
        margin-right: 3px;
        color: #303F9F;
        user-select: none;
        pointer-events: none;
        font-size: 11px;
    }

        .cellRemarkCrew span.cellDateTime:before {
            font-family: "Font Awesome 6 Pro";
            content: '\e29e';
            margin-right: 5px;
            font-weight: 500;
        }



    .cellRemarkCrew .mentionUserName {
        font-weight: 500;
        color: #388E3C;
    }

        .cellRemarkCrew .mentionUserName:before {
            font-family: "Font Awesome 6 Pro";
            content: '\40';
            margin-right: 2px;
        }


    .cellRemarkCrew .mentionDepartment {
        font-weight: 500;
        color: #7B1FA2;
    }

        .cellRemarkCrew .mentionDepartment:before {
            font-family: "Font Awesome 6 Pro";
            content: '\f02c';
            margin-right: 3px;
        }

    .cellRemarkCrew div {
        display: inline !important;
    }

.pagerRemark {
    margin-top: 0px;
    padding: 10px;
    padding-bottom: 2px;
    position: relative;
}

    .pagerRemark .waper_pager {
        position: unset;
        bottom: 0px;
        height: 26px !important;
        width: 100%;
        border-top: 1px solid #e0e0e0 !important;
        border-bottom: 0px solid #e0e0e0 !important;
    }

.e-dialog.e-popup.e-popup-open.frmCrew .e-dlg-content .e-tab {
}

.lstStatus {
    max-height: 250px;
    overflow: auto;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    flex-direction: row;
}

    .lstStatus .crewstatusSpan {
        margin-right: 15px;
        margin-bottom: 8px;
        display: inline-block;
        text-align: justify;
        text-justify: inter-word;
        flex-grow: 1;
        flex-wrap: wrap;
    }

    .lstStatus .e-checkbox-wrapper .e-label,
    .lstStatus .e-css.e-checkbox-wrapper .e-label {
        font-size: 12px !important;
        color: #000 !important;
        font-weight: 400 !important;
    }

    .lstStatus .e-checkbox-wrapper:has(.e-check) .e-label,
    .lstStatus .e-css.e-checkbox-wrapper:has(.e-check) .e-label {
        color: red !important;
    }

.historyCrewPaging .waper_pager {
    position: unset !important;
}

.cellNotification {
    display: block;
    padding: 5px 5px !important;
    user-select: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 5px;
    border: 1px solid #E0E0E0;
}

    .cellNotification .contentNotification {
        color: #000 !important;
        font-size: 13px !important;
        line-height: 21px;
        font-style: italic;
        text-align: justify-all !important;
        user-select: none;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #E0E0E0;
        padding: 10px 10px;
        border-radius: 5px;
        margin-top: 8px !important;
        margin-bottom: 10px !important;
    }


        .cellNotification .contentNotification .userUserNameNoti {
            font-weight: 500 !important;
            color: #388E3C;
            font-style: normal;
        }

            .cellNotification .contentNotification .userUserNameNoti:before {
                font-family: "Font Awesome 6 Pro";
                content: '\40';
                margin-right: 3px;
                font-weight: 700;
            }

        .cellNotification .contentNotification .userFullNameNoti {
            font-weight: 400 !important;
            color: #303F9F;
            font-style: normal;
            letter-spacing: 1px;
        }

        .cellNotification .contentNotification .crewRankNoti,
        .cellNotification .contentNotification .crewFullNameNoti {
            color: #303F9F;
            font-weight: 500;
            font-style: normal;
            margin-right: 5px;
        }

        .cellNotification .contentNotification .crewRankNoti {
            font-weight: 500;
            color: #C2185B;
            margin-left: 5px;
            margin-right: 5px;
        }

        .cellNotification .contentNotification .crewCodeNoti {
            font-weight: 400;
            color: #7B1FA2;
            font-style: normal;
            margin-right: 5px;
        }

            .cellNotification .contentNotification .crewCodeNoti:before {
                font-family: "Font Awesome 6 Pro";
                content: '\f121';
                margin-right: 3px;
                margin-left: 5px;
            }

        .cellNotification .contentNotification .crewNoted {
            font-weight: 400;
            color: #000;
        }


    .cellNotification .titleNotification {
        font-weight: 500;
        color: #000;
        margin-top: 5px;
        margin-left: 5px;
        font-size: 13px;
    }

        .cellNotification .titleNotification:before {
            font-family: "Font Awesome 6 Pro";
            content: '\e1e4';
            margin-right: 5px;
            font-weight: 400;
        }

        .cellNotification .titleNotification .unseenNotification {
            margin-left: 10px;
            color: #D32F2F;
            font-weight: 400 !important;
            font-size: 12px !important;
        }

            .cellNotification .titleNotification .unseenNotification:before {
                font-family: "Font Awesome 6 Pro";
                content: '\e16f';
                margin-right: 5px;
                font-weight: 400;
                color: #B71C1C;
            }

        .cellNotification .titleNotification .seenNotification {
            margin-left: 10px;
            color: #388E3C;
            font-weight: 400 !important;
            font-size: 12px !important;
        }

            .cellNotification .titleNotification .seenNotification:before {
                font-family: "Font Awesome 6 Pro";
                content: '\f2b6';
                margin-right: 5px;
                font-weight: 400;
                color: #388E3C;
            }



    .cellNotification .btnGotoMessageNoti,
    .cellNotification .btnMarkAsViewedNoti {
        font-size: 12px !important;
        font-weight: 500 !important;
        border: 0px !important;
        outline: none !important;
        margin-bottom: 5px !important;
    }

    .cellNotification .btnGotoMessageNoti {
        margin-right: 5px;
        color: #C2185B;
    }

    .cellNotification .btnMarkAsViewedNoti {
        color: #607D8B;
    }

.panelLoginBody.pageIndex {
    padding: 0px !important;
}

    .panelLoginBody.pageIndex .panelLeft {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    .panelLoginBody.pageIndex .panelRight {
        float: none !important;
        display: block !important;
    }

.frmIndex .loginLogoIndex {
    text-align: center !important;
}

.frmIndex .panelRight .homeTitle {
    font-weight: 500;
    font-size: 13px;
    color: #333;
}

    .frmIndex .panelRight .homeTitle i {
        margin-right: 8px;
    }

.frmIndex .panelRight .e-btn {
    font-size: 13px !important;
    letter-spacing: 1px;
    font-weight: 500 !important;
    color: red !important;
    width: 100%;
    text-align: left;
    height: 38px;
    border: 0px !important;
    outline: none !important;
    border-radius: 3px !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    color: #fff !important;
    letter-spacing: 1px !important;
}

    .frmIndex .panelRight .e-btn i {
        font-weight: 700 !important;
        margin-right: 8px !important;
    }

.frmIndex .panelLoginBody .panelRight {
}

.btnHomeCV {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    color: #FCE4EC !important;
    background-color: #E91E63 !important;
}

    .btnHomeCV:hover {
        color: #fff !important;
        background-color: #D81B60 !important;
    }

.btnHomeCrew {
    color: #E8EAF6 !important;
    background-color: #3F51B5 !important;
}

    .btnHomeCrew:hover {
        color: #fff !important;
        background-color: #3949AB !important;
    }

.frmIndex .panelRight .tgNow {
    margin-top: 18px;
    padding-top: 12px;
    margin-right: 6px;
    border-top: 2px dashed #E0E0E0;
    position: relative;
    width: 100%;
}


    .frmIndex .panelRight .tgNow .serverStatus i {
        margin-right: 5px;
    }

    .frmIndex .panelRight .tgNow .serverStatus {
        position: absolute;
        right: 2px;
        font-size: 10px;
        font-weight: 500;
        color: #009688;
        top: 16px;
    }

    .frmIndex .panelRight .tgNow .gio {
        font-size: 11px;
        font-weight: 500;
        color: #B71C1C;
        width: 75px !important;
    }

        .frmIndex .panelRight .tgNow .gio i {
            font-weight: 700 !important;
        }

    .frmIndex .panelRight .tgNow .ngay {
        font-size: 11px;
        font-weight: 400;
        color: #3F51B5;
    }

span.wapperHistoryCrew {
    position: relative;
}

span.historyCount {
    position: absolute;
    top: -3px;
    right: 0px;
    font-size: 11px;
    font-weight: 400;
    color: #D32F2F;
    text-align: right;
    text-align: left;
    width: 42px;
    font-style: italic;
}

.headerPageTop {
    padding: 5px 5px;
    background-color: #fff !important;
    user-select: none;
    pointer-events: none;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

    .headerPageTop .lolgoheaderPageTop {
        text-align: left;
    }

    .headerPageTop .titleheaderPageTop {
        text-align: left;
        line-height: 32px;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 500;
        color: #303F9F;
        text-transform: uppercase;
    }

    .headerPageTop .lolgoheaderPageTop img {
        height: 28px;
        width: auto;
    }

@media (max-width: 700px) {
    .headerPageTop .lolgoheaderPageTop,
    .headerPageTop .titleheaderPageTop {
        text-align: center;
    }
}

.notiSentCV {
    padding: 10px;
    background-color: #E8F5E9;
    border: 1px solid #C5E1A5;
    color: #388E3C;
    font-weight: 400;
    line-height: 26px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .notiSentCV .sentCvName {
        font-weight: 500;
        color: #7B1FA2;
    }

    .notiSentCV .sentCvCode {
        font-weight: 500;
        color: #E64A19;
    }


.colBtnCrewSubmit .e-btn {
    font-size: 10px;
    height: 25px !important;
    font-weight: 500 !important;
    padding: 0px 8px;
    margin-top: 0px;
    margin-bottom: 5px;
    border: 0px !important;
    outline: none !important;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


    .colBtnCrewSubmit .e-btn.btnOk {
        color: #E8F5E9 !important;
        background-color: #4CAF50 !important;
    }

        .colBtnCrewSubmit .e-btn.btnOk:hover {
            color: #fff !important;
            background-color: #43A047 !important;
        }

    .colBtnCrewSubmit .e-btn.btnXoá {
        color: #FCE4EC !important;
        background-color: #E91E63 !important;
    }

    .colBtnCrewSubmit .e-btn.btnDelete:hover {
        color: #fff !important;
        background-color: #C2185B !important;
    }

    .colBtnCrewSubmit .e-btn:disabled,
    .colBtnCrewSubmit .e-btn.btnOk:disabled,
    .colBtnCrewSubmit .e-btn.btnDelete:disabled {
        background-color: #F5F5F5 !important;
        color: #9E9E9E !important;
        cursor: not-allowed;
        box-shadow: none !important;
    }


.miniUpload .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
.miniUpload .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
.miniUpload .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
    display: inline-block;
    margin-right: 5px;
    font-size: 11px !important;
}

.miniUpload .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
    font-size: 11px !important;
}

.miniUpload .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0 !important;
}

.miniUpload .e-upload .e-upload-files .e-upload-file-list,
.miniUpload .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list {
    min-height: unset !important;
}

.e-tooltip-wrap.e-popup {
    background-color: #fff;
    border: 1px solid #388E3C;
    border-radius: 3px;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right,
.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left,
.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom,
.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    color: #388E3C;
}

.e-tooltip-wrap {
    width: auto !important;
}

    .e-tooltip-wrap .e-tip-content {
        padding: 8px 12px;
        font-size: 12px;
        width: auto !important;
    }

.itemActives {
    border-bottom: 1px dashed #bdbdbd;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

    .itemActives:last-child {
        border-bottom: 0px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .itemActives .itemTitle i {
        margin-right: 5px;
    }

    .itemActives .itemTitle {
        font-weight: 400;
        font-size: 11px;
        color: #000;
        display: block !important;
    }

    .itemActives .itemTime {
        font-weight: 400;
        font-size: 10px;
        margin-right: 10px;
        color: #666;
        display: block !important;
        margin-top: 5px;
        font-style: italic;
    }

        .itemActives .itemTime i {
            margin-right: 5px;
        }

.btnSaveData.btnOK {
    background-color: #388E3C !important;
    color: #E8F5E9 !important;
}

.e-footer-content .btnSaveData.btnOK:hover {
    background-color: #2E7D32 !important;
    color: #fff !important;
}


.btnSaveDataEdit {
    background-color: #F57C00 !important;
    color: #FFF3E0 !important;
    margin-right: 5px;
    margin-left: 5px !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.e-dialog .e-footer-content .e-btn.btnSaveDataEdit:hover {
    background-color: #EF6C00 !important;
    color: #fff !important;
}


.gdvDlgFind td.e-rowcell.e-active {
    background-color: red !important;
}

    .gdvDlgFind td.e-rowcell.e-active span {
        /*color:red !important;*/
    }

tr.e-row:has(.celDaXuat) td.e-rowcell,
tr.e-row:has(.celDaXuat) td.e-rowcell.e-active {
    background-color: #f5f5f5 !important;
}

    tr.e-row:has(.celDaXuat) td.e-rowcell span {
        color: #BDBDBD !important;
        font-style: italic !important;
        text-decoration: line-through;
    }

    tr.e-row:has(.celDaXuat) td.e-rowcell .e-checkbox-wrapper label span {
        font-style: unset !important;
        text-decoration: unset !important;
        color: #303F9F !important;
    }

tr.e-row:has(.celGray) td.e-rowcell,
tr.e-row:has(.celGray) td.e-rowcell.e-active {
    background-color: #FAFAFA !important;
}

    tr.e-row:has(.celGray) td.e-rowcell input {
        background-color: #FAFAFA !important;
        color: #303F9F !important;
        font-size: 11px !important;
    }

    tr.e-row:has(.celGray) td.e-rowcell div {
        color: #303F9F !important;
    }

tr.e-row:has(.celGray) td.e-rowcell {
}

tr.e-row:has(.celGray) td.e-rowcell {
}

    tr.e-row:has(.celGray) td.e-rowcell span {
        color: #BDBDBD !important;
    }


tr.e-row:has(.celDaChon) td.e-rowcell span {
    color: #D32F2F !important;
}

tr.e-row:has(.celDaChon) td.e-rowcell {
    background-color: #FFF3E0 !important;
}

.tracuuthongtin {
    font-size: 13px;
    margin-left: 5px;
    background-color: #E0F2F1;
    color: #00796B;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

    .tracuuthongtin:hover {
        background-color: #B2DFDB;
    }

.tracuuthongtin2 {
    font-size: 13px;
    margin-left: 5px;
    background-color: #F5F5F5;
    color: #388E3C;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

    .tracuuthongtin2:hover {
        background-color: #C8E6C9;
    }

    .tracuuthongtin2.isReadOnly {
        cursor: default !important;
        color: #bdbdbd !important;
        background-color: #F5F5F5 !important;
    }


.tracuuthongtin3 {
    font-size: 13px;
    margin-left: 0px;
    background-color: #F5F5F5;
    color: #388E3C;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    margin-right: 5px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

    .tracuuthongtin3:hover {
        background-color: #C8E6C9;
    }

    .tracuuthongtin3.isReadOnly {
        cursor: default !important;
        color: #bdbdbd !important;
        background-color: #F5F5F5 !important;
    }

.wapperPT {
    font-size: 12px !important;
    border-bottom: 1px solid #E0E0E0;
    padding: 8px;
    padding-bottom: 2px;
    color: #455A64 !important;
}

    .wapperPT:last-child {
        border-bottom: 0px;
    }

    .wapperPT .mainPT {
        color: #455A64;
        user-select: none;
    }

        .wapperPT .mainPT .shd {
            width: 50px;
            display: inline-block;
            text-align: center;
            font-weight: 500;
        }

        .wapperPT .mainPT .nt {
            width: 125px;
            font-size: 11px;
            display: inline-block;
            text-align: center;
            color: #388E3C;
            font-weight: 400;
        }

            .wapperPT .mainPT .nt i {
                margin-right: 2px;
            }

        .wapperPT .mainPT .cty {
            display: inline-block;
            text-align: center;
            color: #303F9F;
            font-weight: 500;
            margin-right: 10px;
            font-size: 11px;
        }

            .wapperPT .mainPT .cty:before {
                font-family: "Font Awesome 6 Pro";
                content: '\e58b';
                margin-right: 5px;
                font-weight: 700 !important;
            }

    .wapperPT .tienPT {
        margin-top: 5px;
        color: #7B1FA2;
        user-select: none;
        padding-left: 20px;
        font-size: 12px;
    }

        .wapperPT .tienPT:before {
            font-family: "Font Awesome 6 Pro";
            content: '\f53d';
            margin-right: 10px;
        }

        .wapperPT .tienPT .tien {
            font-size: 12px;
            font-weight: 500;
            color: #D32F2F;
            padding-left: 5px;
            padding-right: 10px;
            display: inline-block;
            text-align: center;
        }

        .wapperPT .tienPT .btnXemPT {
            margin-left: 10px;
            cursor: pointer;
            color: #666;
            display: inline-block;
            background-color: #fafafa;
            padding: 5px 10px;
            border-radius: 3px;
            margin-top: -5px;
            font-size: 11px;
        }

            .wapperPT .tienPT .btnXemPT:hover {
                text-decoration: underline;
            }

            .wapperPT .tienPT .btnXemPT i {
                margin-right: 5px;
            }

.noDetailRow i {
    margin-right: 10px;
}

.noDetailRow {
    margin: 10px;
    color: #888;
    font-style: italic;
    font-size: 12px;
}

tr.e-row:has(.rptisTongCong) td.e-rowcell,
tr.e-row:has(.rptisTongCong) td.e-rowcell.e-active {
    background-color: #E91E63 !important;
}

    tr.e-row:has(.rptisTongCong) td.e-rowcell div,
    tr.e-row:has(.rptisTongCong) td.e-rowcell.e-active div {
        color: #FFF !important;
        font-weight: 700 !important;
    }


tr.e-row td.e-rowcell.rptIsNgayThuKhac div,
tr.e-row td.e-rowcell.rptIsNgayThuKhac.e-active div {
    color: #C2185B !important;
    background-color: #FCE4EC !important;
}


tr.e-row:has(.rptIsRowClient) td.e-rowcell,
tr.e-row:has(.rptIsRowClient) td.e-rowcell.e-active {
    background-color: #C8E6C9 !important;
}

    tr.e-row:has(.rptIsRowClient) td.e-rowcell div,
    tr.e-row:has(.rptIsRowClient) td.e-rowcell.e-active div {
        color: #C2185B !important;
        font-weight: 700 !important;
    }

tr.e-row:has(.rptIsRowCont) td.e-rowcell,
tr.e-row:has(.rptIsRowCont) td.e-rowcell.e-active {
    background-color: #E8F5E9 !important;
}

    tr.e-row:has(.rptIsRowCont) td.e-rowcell div,
    tr.e-row:has(.rptIsRowCont) td.e-rowcell.e-active div {
        color: #000 !important;
        font-weight: 700 !important;
    }


tr.e-row:has(.rptIsHouseBill) td.e-rowcell,
tr.e-row:has(.rptIsHouseBill) td.e-rowcell.e-active {
    background-color: #F9FBE7 !important;
}

    tr.e-row:has(.rptIsHouseBill) td.e-rowcell div,
    tr.e-row:has(.rptIsHouseBill) td.e-rowcell.e-active div {
        color: #7B1FA2 !important;
        font-weight: 500 !important;
    }

.DescriptionIsVoucher {
    margin-left: 25px;
    margin-top: -18px;
    margin-bottom: 1px;
    line-height: 16px;
    display: block;
    padding: 0px;
}

.linkOpenDlg {
}

    .linkOpenDlg:hover {
        cursor: pointer;
        text-decoration: underline;
        color: #E64A19 !important;
        font-weight: 500 !important;
    }


.btnCellEdit, .btnCellView {
    width: 25px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    background-color: #fafafa;
}

.btnCellEdit, .btnCellView {
}

.btnCellEdit {
    color: #F57C00 !important;
}

    .btnCellEdit:hover {
        background-color: #FFF3E0 !important;
    }

.btnCellView {
    color: #009688 !important;
}

    .btnCellView:hover {
        background-color: #E0F2F1 !important;
    }

.contChuaKhaiThac, .contDangKhaiThac, .contDaKhaiThac {
    display: block;
    width: 100%;
    background-color: #fafafa;
}

.contChuaKhaiThac {
    background-color: #ECEFF1;
    color: #455A64;
}

.contDangKhaiThac {
    background-color: #FFF3E0;
    color: #F57C00;
}

.contDaKhaiThac {
    background-color: #E8F5E9;
    color: #388E3C;
}

.contStatusDone {
    color: #388E3C;
    margin-right: 5px;
}

.contStatusDangXuat {
    color: #E64A19;
    margin-right: 5px;
}

.contStatusChuaXuat {
    color: #757575;
    margin-right: 5px;
}

.contStatusTooltip {
    font-weight: 500;
}

    .contStatusTooltip .contNum {
        margin-right: 10px;
        color: #303F9F;
    }

.contStatus.contStatusDone {
    color: #388E3C;
}

.contStatus.contStatusDangXuat {
    color: #E64A19;
}

.contStatus.contStatusChuaXuat {
    color: #333;
}

.tooltipHbDaXuat,
.tooltipHbChuaXuat {
    color: #000;
    font-weight: 400 !important;
    font-family: Roboto;
}

    .tooltipHbDaXuat i {
        margin-right: 5px;
        color: #388E3C;
    }

    .tooltipHbChuaXuat i {
        margin-right: 5px;
        color: #9E9E9E;
    }

    .tooltipHbDaXuat:has(.lblHbDaXuat) {
        user-select: none;
        background-color: #E8F5E9 !important;
        padding: 0px 10px;
        display: inline-block;
        color: #388E3C;
    }

.e-dlg-container.frmHQ .e-dlg-content .DefaultPadding {
    padding: 0px !important;
    user-select:unset !important;
}

.e-dlg-container.frmHQ .e-dlg-header-content,
.e-dlg-container.frmHQ .e-footer-content {
    background-color: #fff !important;
}

    .e-dlg-container.frmHQ .e-dlg-header-content .e-dlg-header {
        color: #B71C1C;
    }

.e-dialog.frmHQ.e-popup-open {
    border: 1px solid #bdbdbd !important;
    box-shadow: none !important;
    opacity: 0.95;
}

.headerCheckVdDuDkQuaVKS {
    border-bottom: 1px solid #E0E0E0;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 400;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .headerCheckVdDuDkQuaVKS .lbl {
        color: #333;
        margin-right: 5px;
    }

    .headerCheckVdDuDkQuaVKS .vl {
        color: #388E3C;
        margin-right: 5px;
        font-weight: 500;
        margin-right: 10px;
    }

.bodyCheckVdDuDkQuaVKS {
    padding: 10px;
    font-weight: 400;
    font-size: 13px;
}

.divFirstRqHq {
    padding: 5px 10px;
    background-color: #E8EAF6;
    color: #303F9F;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    margin-top: 10px;
    border-radius: 5px;
}

.divRqStepHq {
    font-style: italic;
    padding: 5px 10px;
    background-color: #FFF3E0;
    color: #F57C00;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    margin-top: 10px;
    border-radius: 5px;
}

.divKqStepHq {
    padding: 5px 10px;
    background-color: #E8F5E9;
    color: #388E3C;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    margin-top: 10px;
    border-radius: 5px;
}

.divRqErrHq {
    padding: 5px 10px;
    background-color: #D32F2F;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    margin-top: 10px;
    border-radius: 5px;
}
.divRqOkHq {
    padding: 5px 10px;
    background-color: #1976D2;
    color: #388E3C;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    margin-top: 10px;
    border-radius: 5px;
}
    .divRqOkHq div {
        color: #fff;
    }

    .divRqEndHq {
        margin-top: 5px;
        font-style: italic;
        color: #303F9F;
        padding-left: 5px;
    }

.btnPrintCount{
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    color:#C2185B;
}
.btnPrintCount:hover{
    text-decoration:underline !important;
}
.divPrintLog{
    margin-top:5px;
    margin-bottom:5px;
    padding-bottom:5px;
    font-weight:400 !important;
    letter-spacing:1px;
    border-bottom:1px dashed #bdbdbd;
    margin-bottom:10px;
}
    .divPrintLog:first-child{
        margin-top:0px;
    }
    .divPrintLog:last-child {
        margin-bottom: 0px;
        border-bottom: 0px;
        padding-bottom: 0px;
    }
    .divPrintLog span.userName {
        font-weight: 500;
        color: #C2185B;
        margin-right: 10px;
    }
    .divPrintLog span.printDate {
        font-weight: 400;
        color: #7B1FA2;
    }