/*::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;
}

.loginLogo img{
    height:180px;
    width:auto;
    margin-top:10px;
}

.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.jpg);
        width: 100%;
        height: 100%;
        opacity: 0.5;
        z-index: -1;
        background-size: cover;
    }

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

.btnLogin {
}

    .btnLogin:hover,
    .btnLogin:focus {
    }


.homePage {
    display: flex;
    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;
}

    .homePage:after {
        /*content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        background-image: url(../images/bg.jpg);
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: -1;
        background-size: cover;*/
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0;
        background-image: url(../images/bg.jpg);
        width: 100%;
        height: 100%;
        opacity: 0.8 !important;
        z-index: -1;
        background-repeat: repeat;
    }

    .homePage.welcome::after {
        background-color: #C8E6C9 !important;
        background-image: none;
        opacity: 1 !important;
    }

.welcomeBg {
}

    .welcomeBg img {
        width: 65%;
        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;
}

.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:#388E3C;
    pointer-events:none;
}
.divPhienBan i{
    margin-right:10px;
}