* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html,
body {
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #0f4f9d;
    font-family: "Times New Roman", Times, serif;
}
body {
    display: block !important;
}
.LoginMain {
    display: flex;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
    background: #0f4f9d;
}
.LoginMain .CotTrai {
    flex: 1 1 auto;
    min-width: 0;
    height: 100vh;
    background: #0f4f9d;
    overflow: hidden;
}
.LoginMain .CotPhai {
    width: 430px;
    flex: 0 0 430px;
    height: 100vh;
    background: linear-gradient(160deg, #0d47a1 0%, #1565c0 50%, #0a3d91 100%);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.AnhNen {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    background: #0d47a1;
}
canvas#HatBui {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}
.KhungDangNhap {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.NhomLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
}
.Logo {
    width: 86px;
    height: 86px;
    object-fit: contain;
}
.ONhapNhom {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.18);
    border: 1.5px solid rgba(255, 255, 255, 0.55);
    border-radius: 10px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
.ONhapNhom:focus-within {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.28);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.15);
}
.BieuTuong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    color: rgba(255, 255, 255, 0.85);
}
.BieuTuong svg {
    width: 18px;
    height: 18px;
}
.OInput {
    flex: 1;
    border: 0;
    outline: none;
    background: transparent;
    color: #ffffff;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    padding: 12px 10px;
}
.OInput::placeholder {
    color: rgba(255, 255, 255, 0.55);
}
.NutHienMatKhau {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.8);
    width: 40px;
    min-width: 40px;
    cursor: pointer;
    opacity: 0.8;
}
.NutHienMatKhau:hover {
    color: #ffffff;
}
.NutHienMatKhau svg {
    width: 18px;
    height: 18px;
}
.NhanGhiNho {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}
.NhanGhiNho input[type="checkbox"] {
    display: none;
}
.ChkGiaTri {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    transition: background 0.15s, border-color 0.15s;
}
.NhanGhiNho input[type="checkbox"]:checked + .ChkGiaTri {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
}
.NhanGhiNho input[type="checkbox"]:checked + .ChkGiaTri::after {
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    border: 2px solid #1565c0;
    border-top: none;
    border-left: none;
    transform: rotate(45deg) translate(-1px, -1px);
}
.KhungThongBao {
    padding: 9px 12px;
    border-radius: 7px;
    font-size: 0.88rem;
    font-weight: 500;
}
.KhungThongBao.LoaiLoi {
    background: #ffebee;
    color: #c62828;
    border-left: 3px solid #c62828;
}
.KhungThongBao.LoaiThanhCong {
    background: #e8f5e9;
    color: #2e7d32;
    border-left: 3px solid #2e7d32;
}
.NutDangNhap {
    border: 0;
    outline: none;
    cursor: pointer;
    border-radius: 10px;
    background: #ffffff;
    color: #0d5cb5;
    font-family: "Times New Roman", Times, serif;
    font-weight: 700;
    font-size: 18px;
    padding: 14px 16px;
    transition: 0.2s;
}
.NutDangNhap:hover:not(:disabled) {
    background: #e3f2fd;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.NutDangNhap:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
.VongQuay {
    width: 17px;
    height: 17px;
    border: 2.5px solid rgba(255, 255, 255, 0.35);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: QuayTron 0.7s linear infinite;
}
@keyframes QuayTron {
    to {
        transform: rotate(360deg);
    }
}
.An {
    display: none !important;
}
.ChanTrangDangNhap {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px 18px;
    background: #0f4f9d;
    color: #ffffff;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.ChanTrangDangNhap .DongDiaChi {
    margin-top: 2px;
    font-weight: 700;
    color: #ffffff;
}
@media (max-width: 900px) {
    .LoginMain {
        min-height: 100vh;
        height: auto;
        flex-direction: column;
        overflow: visible;
    }
    .LoginMain .CotTrai {
        height: 240px;
        flex: 0 0 auto;
    }
    .LoginMain .CotPhai {
        width: 100%;
        min-height: calc(100vh - 240px);
        height: auto;
        flex: 0 0 auto;
        box-shadow: none;
    }
    .ChanTrangDangNhap {
        font-size: 13px;
        padding: 10px 10px 14px;
    }
}
.TablePanel,
.Card,
.Panel,
.Box {
    max-width: 100% !important;
    overflow: hidden !important;
}
.TableLikeHead,
.TableTools,
.Toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.TableLikeHead > div:first-child,
.TableTools > div:first-child,
.Toolbar .ToolLeft,
.ExportBtns,
.DataBtns,
.dt-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    position: static !important;
    white-space: normal !important;
}
.FilterRight,
.TableLikeHead .FilterRight,
.TableTools .FilterRight {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin-left: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: static !important;
    z-index: 1 !important;
}
.FilterRight label,
.TableLikeHead label,
.TableTools label {
    white-space: nowrap !important;
    margin: 0 !important;
}
.FilterRight .Input,
.FilterRight input,
.FilterRight select,
.search-small,
.select-small {
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.ExportBtn,
.MiniBtn,
.ToolBtn,
.TguColBtn,
.TguManualColVisBtn,
button.dt-button,
a.dt-button {
    min-width: 84px !important;
    width: auto !important;
    height: 42px !important;
    padding: 0 16px !important;
    border-radius: 7px !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.TableWrap,
.table-responsive,
.dataTables_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    box-sizing: border-box !important;
}
.Table,
table.dataTable {
    width: 100% !important;
    min-width: max-content !important;
    border-collapse: collapse !important;
}
.Table th:last-child,
.Table td:last-child,
table.dataTable th:last-child,
table.dataTable td:last-child {
    min-width: 130px !important;
    white-space: nowrap !important;
    text-align: center !important;
}
.Table .Btn,
.Table .BtnLight,
.Table td:last-child .Btn,
table.dataTable td:last-child .Btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    max-width: none !important;
    white-space: nowrap !important;
}
@media (max-width: 1200px) {
    .TableLikeHead,
    .TableTools,
    .Toolbar {
        align-items: flex-start !important;
    }
    .FilterRight,
    .TableLikeHead .FilterRight,
    .TableTools .FilterRight {
        margin-left: 0 !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }
}
body .ToolLeft .ToolBtn,
body .ToolLeft button,
body .ExportBtns .ExportBtn,
body .ExportBtns button,
body .DataBtns .DataBtn,
body .DataBtns .MiniBtn,
body .DataBtns .ExportBtn,
body .DataBtns button,
body button.ToolBtn,
body button.DataBtn,
body button.MiniBtn,
body button.ExportBtn,
body .TguColBtn,
body button.ExportBtn.TguColBtn,
body .dt-button,
body .buttons-copy,
body .buttons-excel,
body .buttons-pdf,
body .buttons-print,
body .buttons-colvis {
    border-radius: 10px !important;
    overflow: hidden !important;
}
body .ToolLeft .ToolBtn:hover,
body .ToolLeft button:hover,
body .ExportBtns .ExportBtn:hover,
body .ExportBtns button:hover,
body .DataBtns .DataBtn:hover,
body .DataBtns .MiniBtn:hover,
body .DataBtns .ExportBtn:hover,
body .DataBtns button:hover,
body button.ToolBtn:hover,
body button.DataBtn:hover,
body button.MiniBtn:hover,
body button.ExportBtn:hover,
body .TguColBtn:hover,
body button.ExportBtn.TguColBtn:hover,
body .dt-button:hover,
body .buttons-copy:hover,
body .buttons-excel:hover,
body .buttons-pdf:hover,
body .buttons-print:hover,
body .buttons-colvis:hover {
    border-radius: 10px !important;
}
.ExportBtn, .MiniBtn, .ToolBtn, .Btn, .DataBtns button, .ExportBtns button, .TableTools button, button.dt-button {
    border-radius: 10px !important;
    min-height: 36px !important;
    padding: 7px 16px !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
}
.TableTools, .DataBtns, .ExportBtns {
    gap: 8px !important;
    align-items: center !important;
}
.TablePanel, .Card {
    border-radius: 16px !important;
}
button,
.btn,
.action-btn,
.filter-btn,
.export-btn,
.dt-button,
.buttons-copy,
.buttons-excel,
.buttons-pdf,
.buttons-print,
.buttons-colvis,
.dataTables_wrapper .dt-buttons button,
.dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons a.dt-button,
.dataTables_wrapper .dt-buttons input.dt-button,
.dataTables_wrapper .dt-button-collection .dt-button,
.swal2-confirm,
.swal2-cancel {
    border-radius: 10px !important;
}
button:hover,
.btn:hover,
.action-btn:hover,
.filter-btn:hover,
.export-btn:hover,
.dt-button:hover,
.buttons-copy:hover,
.buttons-excel:hover,
.buttons-pdf:hover,
.buttons-print:hover,
.buttons-colvis:hover,
.dataTables_wrapper .dt-buttons button:hover,
.dataTables_wrapper .dt-buttons .dt-button:hover,
.dataTables_wrapper .dt-buttons a.dt-button:hover,
.dataTables_wrapper .dt-buttons input.dt-button:hover {
    border-radius: 10px !important;
}
button,
input[type="button"],
input[type="submit"],
.Btn,
.btn,
a.Btn,
a.btn,
.Button,
.TGUButton,
.Thoat,
.BtnTopPassword,
.BtnIcon,
.BtnLight,
.BtnGreen,
.BtnBlue,
.BtnRed,
.BtnYellow,
.BtnPrint,
.dt-button,
.dt-buttons button,
.dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper button.dt-button,
button.dt-button,
div.dt-buttons .dt-button,
.TableTools button,
.ColVis_Button,
button.buttons-copy,
button.buttons-excel,
button.buttons-pdf,
button.buttons-print,
button.buttons-colvis,
a.buttons-copy,
a.buttons-excel,
a.buttons-pdf,
a.buttons-print,
a.buttons-colvis {
    border-radius: 10px !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.Btn:hover,
.btn:hover,
a.Btn:hover,
a.btn:hover,
.dt-button:hover,
.dt-buttons button:hover,
.dataTables_wrapper .dt-buttons .dt-button:hover,
.dataTables_wrapper button.dt-button:hover,
button.dt-button:hover,
div.dt-buttons .dt-button:hover,
.TableTools button:hover,
.ColVis_Button:hover {
    border-radius: 10px !important;
}
.dt-button span,
.dt-buttons button span,
.dataTables_wrapper .dt-buttons .dt-button span {
    border-radius: inherit !important;
}
body .ExportBtns,
body .DataBtns,
body .dt-buttons,
body .TableTools .ExportBtns,
body .TableLikeHead > div:first-child,
body .dataTables_wrapper .dt-buttons {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
}
body .ExportBtn,
body .MiniBtn,
body .ToolBtn,
body .TguColBtn,
body .TguManualColVisBtn,
body .ExportBtns button,
body .DataBtns button,
body .DataBtns .MiniBtn,
body .DataBtns .ExportBtn,
body .TableTools .ExportBtns button,
body .TableLikeHead > div:first-child button,
body .dt-button,
body button.dt-button,
body a.dt-button,
body .buttons-copy,
body .buttons-excel,
body .buttons-pdf,
body .buttons-print,
body .buttons-collection {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 1 !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    font-size: 17px !important;
    font-family: "Times New Roman", Times, serif !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: #0d73b7 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}
body .ExportBtn:hover,
body .MiniBtn:hover,
body .ToolBtn:hover,
body .TguColBtn:hover,
body .TguManualColVisBtn:hover,
body .ExportBtns button:hover,
body .DataBtns button:hover,
body .dt-button:hover,
body button.dt-button:hover,
body a.dt-button:hover {
    border-radius: 9px !important;
    background: #075f9c !important;
    color: #ffffff !important;
}
body .ExportBtns,
body .DataBtns,
body .dt-buttons,
body .TableTools > div:first-child,
body .TableLikeHead > div:first-child {
    gap: 7px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}
body .ExportBtn,
body .MiniBtn,
body .ToolBtn,
body .DataBtn,
body .Btn,
body .TguColBtn,
body .TguManualColVisBtn,
body button.dt-button,
body a.dt-button,
body .dt-button,
body .DataBtns button,
body .ExportBtns button,
body .TableTools button,
body .TableLikeHead button,
body button.buttons-copy,
body button.buttons-excel,
body button.buttons-pdf,
body button.buttons-print {
    min-width: 0 !important;
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    line-height: 34px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}
body .ExportBtn:hover,
body .MiniBtn:hover,
body .ToolBtn:hover,
body .DataBtn:hover,
body .Btn:hover,
body .TguColBtn:hover,
body .TguManualColVisBtn:hover,
body button.dt-button:hover,
body a.dt-button:hover,
body .dt-button:hover,
body .DataBtns button:hover,
body .ExportBtns button:hover,
body .TableTools button:hover,
body .TableLikeHead button:hover {
    border-radius: 8px !important;
    transform: none !important;
    box-shadow: none !important;
}
body .dataTables_wrapper .dataTables_paginate,
body .dataTables_paginate {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 12px !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button,
body .dataTables_paginate .paginate_button,
body .pagination button,
body .PageBtn {
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 11px !important;
    border-radius: 6px !important;
    border: 1px solid #d7e6f6 !important;
    background: #fff !important;
    color: #12365f !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 32px !important;
    margin: 0 2px !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body .dataTables_paginate .paginate_button:hover,
body .pagination button:hover,
body .PageBtn:hover {
    border-radius: 6px !important;
    background: #f3f8ff !important;
    color: #0b579f !important;
    transform: none !important;
    box-shadow: none !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .dataTables_paginate .paginate_button.current,
body .dataTables_paginate .paginate_button.current:hover,
body .pagination button.active,
body .PageBtn.active {
    border-radius: 6px !important;
    background: #72bdf2 !important;
    color: #fff !important;
    border-color: #72bdf2 !important;
    box-shadow: none !important;
}
body .CtxhTotalBox,
body #CtxhTongWrap {
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 10px !important;
}
body .CtxhTotalCard,
body .SVTGBox,
body .ScopeCard {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #b7daf7 !important;
    background: #eef8ff !important;
    color: #084b88 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}
body .CtxhTotalCard b,
body .SVTGBox b,
body .ScopeCard b {
    color: #0572c6 !important;
    font-size: 16px !important;
}
body .dt-buttons,
body .dataTables_wrapper .dt-buttons,
body .ExportBtns,
body .DataBtns,
body .TableTools > div:first-child,
body .TableLikeHead > div:first-child,
body .TguSingleExportBtns {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
    margin: 0 0 12px 0 !important;
}
body .dt-button,
body button.dt-button,
body a.dt-button,
body .buttons-copy,
body .buttons-excel,
body .buttons-pdf,
body .buttons-print,
body .buttons-collection,
body .ExportBtn,
body .MiniBtn,
body .ToolBtn,
body .TguColBtn,
body .TguManualColVisBtn,
body .DataBtns button,
body .ExportBtns button,
body .TableTools button,
body .TableLikeHead button,
body button[data-action="copy"],
body button[data-action="excel"],
body button[data-action="pdf"],
body button[data-action="print"] {
    min-width: 0 !important;
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    border: 0 !important;
    box-shadow: none !important;
}
body .dt-button:hover,
body button.dt-button:hover,
body a.dt-button:hover,
body .buttons-copy:hover,
body .buttons-excel:hover,
body .buttons-pdf:hover,
body .buttons-print:hover,
body .buttons-collection:hover,
body .ExportBtn:hover,
body .MiniBtn:hover,
body .ToolBtn:hover,
body .TguColBtn:hover,
body .TguManualColVisBtn:hover,
body .DataBtns button:hover,
body .ExportBtns button:hover,
body .TableTools button:hover,
body .TableLikeHead button:hover {
    border-radius: 8px !important;
    transform: none !important;
    box-shadow: none !important;
}
body .dataTables_paginate,
body .pagination,
body .paginate {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button,
body .dataTables_paginate .paginate_button,
body .pagination .page-link,
body .paginate_button,
body .page-item .page-link {
    height: 32px !important;
    min-width: 34px !important;
    padding: 0 10px !important;
    line-height: 30px !important;
    border-radius: 6px !important;
    border: 1px solid #cfe0f2 !important;
    background: #fff !important;
    color: #102844 !important;
    font-size: 15px !important;
    box-shadow: none !important;
    transform: none !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
body .dataTables_paginate .paginate_button:hover,
body .pagination .page-link:hover,
body .paginate_button:hover,
body .page-item .page-link:hover {
    border-radius: 6px !important;
    border: 1px solid #cfe0f2 !important;
    background: #fff !important;
    color: #102844 !important;
    box-shadow: none !important;
    transform: none !important;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
body .dataTables_paginate .paginate_button.current,
body .dataTables_paginate .paginate_button.current:hover,
body .pagination .page-item.active .page-link,
body .page-item.active .page-link:hover {
    background: #76bff1 !important;
    color: #fff !important;
    border-color: #76bff1 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
body .dataTables_wrapper .dataTables_paginate .ellipsis,
body .dataTables_paginate .ellipsis {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
body .SVTGBox,
body .CtxhBadge,
body .TotalCtxh,
body .tong-ctxh,
body .TongCTXH,
body [class*="CTXH"],
body [class*="ctxh"] {
    min-height: 42px !important;
    padding: 9px 16px !important;
    border-radius: 10px !important;
    background: #eaf5ff !important;
    border: 1px solid #b9dcff !important;
    color: #063b6d !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
body .SVTGBox b,
body .CtxhBadge b,
body .TotalCtxh b,
body .tong-ctxh b,
body .TongCTXH b,
body [class*="CTXH"] b,
body [class*="ctxh"] b {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #005cac !important;
}
.PageBtn,
button.PageBtn,
.pagination button,
.pagination .page-link,
.paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button,
.Pager button,
.Pager a,
.PageBtn:hover,
button.PageBtn:hover,
.pagination button:hover,
.pagination .page-link:hover,
.paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_paginate .paginate_button:hover,
.Pager button:hover,
.Pager a:hover,
.PageBtn:focus,
button.PageBtn:focus,
.pagination button:focus,
.pagination .page-link:focus,
.paginate_button:focus,
.PageBtn:active,
button.PageBtn:active,
.pagination button:active,
.pagination .page-link:active,
.paginate_button:active,
.PageBtn.active,
button.PageBtn.active,
.pagination button.active,
.pagination .page-item.active .page-link,
.paginate_button.current,
.paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
}
.PageBtn:not(.active):not(:disabled):hover,
.pagination button:not(.active):not(:disabled):hover,
.pagination .page-link:hover,
.paginate_button:not(.current):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.current):hover,
.Pager button:hover,
.Pager a:hover {
    border-radius: 0 !important;
    transform: none !important;
    box-shadow: none !important;
}
.PageBtn,
button.PageBtn,
.pagination button,
.pagination .page-link,
.pagination .page-item,
.paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_paginate .paginate_button,
.Pager button,
.Pager a,
.PageBtn:hover, .PageBtn:focus, .PageBtn:active, .PageBtn.active, .PageBtn:disabled,
button.PageBtn:hover, button.PageBtn:focus, button.PageBtn:active, button.PageBtn.active, button.PageBtn:disabled,
.pagination button:hover, .pagination button:focus, .pagination button:active, .pagination button.active, .pagination button:disabled,
.pagination .page-link:hover, .pagination .page-link:focus, .pagination .page-link:active,
.pagination .page-item.active .page-link, .pagination .page-item.disabled .page-link,
.paginate_button:hover, .paginate_button:focus, .paginate_button:active, .paginate_button.current, .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.Pager button:hover, .Pager button:focus, .Pager button:active, .Pager button:disabled,
.Pager a:hover, .Pager a:focus, .Pager a:active {
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    box-shadow: none !important;
    background-clip: border-box !important;
}
.pagination button:hover, .pagination .page-link:hover,
.PageBtn:hover, .paginate_button:hover, .Pager button:hover, .Pager a:hover {
    transform: none !important;
    border-radius: 0 !important;
}
.TguConfirmFixActions .BtnMainFix,
.TguConfirmFixActions .Btn:first-child,
.TguConfirmFixActions button:first-child {
    min-width: 150px !important;
    max-width: 220px !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 16px !important;
}
.SVTGFilter .Btn,
.SVTGFilter button,
.SVTGFilter button[onclick*="loc"],
.SVTGFilter button[onclick*="Loc"],
.SVTGFilter .CompactFilterBtn {
    width: auto !important;
    min-width: 120px !important;
    max-width: 190px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 17px !important;
    line-height: 1 !important;
}
@media (max-width: 700px) {
    .TguConfirmFixActions .BtnMainFix,
  .TguConfirmFixActions .Btn:first-child,
  .TguConfirmFixActions button:first-child,
  .SVTGFilter .Btn, .SVTGFilter button {
        min-width: 120px !important;
        max-width: 100% !important;
    }
}
.ModalActions .BtnCancel,
.ModalActions .BtnLogoutConfirm,
.ModalActions button,
.TguLogoutActions button {
    width: auto !important;
    min-width: 110px !important;
    max-width: 220px !important;
    min-height: 38px !important;
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 15px !important;
}
.TguConfirmFixActions .BtnMainFix,
.TguConfirmFixActions .Btn:first-child,
.TguConfirmFixActions button:first-child {
    min-width: 150px !important;
    max-width: 220px !important;
    width: auto !important;
}
.PageBtn,.Pager button,.Pagination button,.pagination button,.pagination .page-link,
.dataTables_paginate .paginate_button,.dt-paging .dt-paging-button {
    border-radius: 0 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    box-shadow: none !important;
}
table tbody button,
table tbody .Btn,
table tbody a.Btn,
.TableWrap tbody button,
.TableWrap tbody .Btn {
    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 9px 16px !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
}
td.ActivityCell,
td.TguColActivityV68,
td.c-act,
td.col-long,
td.hd,
.ActivityText,
.ActivityItem,
.TguV68Item,
.TguActivityItemV68,
.print-line,
.activity-line {
    font-weight: 400 !important;
}