.table_CongViec {
    /* background: #fff; */
    text-align: left;
    width: 100%;
}

.table_CongViec tr:last-child:hover {

    /* background: #1c2b3a26 !important; */
}

tr.custom_hoverTr:has(> td:hover) {
    background: #007bff;
}

.table_CongViec tr:nth-child(even) {
    background: none;
}

.table_CongViec thead {
    background: white;
    position: sticky;
    top: 64px;
    z-index: 1012;
}

.table_CongViec tr {
    padding: 0;
    margin: 5px;
}

.table_CongViec td {
    padding: 0;
    margin: 5px;
}

.table_CongViec td[colspan] {
    border: none;
}

.table_CongViec .cell-input {
    width: 20px;
    padding: 0 5px;
}

.table_CongViec .cell-members {
    width: 100px;
}

.table_CongViec .indent,
.table_CongViec .un_indent {
    display: inline-block;
    position: relative;
}

.table_CongViec .parent>.cell-name>.indent,
.table_CongViec .parent>.cell-name>.un_indent {
    margin-right: 5px;
}

.table_CongViec .parent>.nodeTitle>.cell-name>.indent>.iconTree {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    color: #3B9AE1;
}

.table_CongViec .opened>tr>.nodeTitle>.cell-name>.indent>.iconTree {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.table_CongViec .parent>.iconLevelParent>.indent>.iconTree {
    content: "";
    font-family: FontAwesome;
    display: inline-block;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    color: #3B9AE1;
}

.table_CongViec .opened>tr>.iconLevelParent>.indent>.iconTree {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.table_CongViec .opened>.children {
    display: table-row;
}

.status_TypeDisplay_Table_Order.opened .children {
    display: table-row;
}

.table_CongViec .children {
    display: none;
}

.table_CongViec .borderNode {
    position: absolute;
    width: 48%;
    height: 50%;
    /* padding: 0; */
    /* margin: 0; */
    border-left: 1px dotted black;
    top: 0;
    left: 9%;
    border-bottom: 1px dotted black;
}

.table_CongViec .indent .borderNodeBottom {
    content: "";
    display: block;
    width: 40%;
    position: absolute;
    top: 50%;
    /* bottom: 0; */
    left: 11px;
    border-bottom: 1px dotted black;
}

.table_CongViec .un_indent .borderNodeBottom {
    content: "";
    display: block;
    width: 40%;
    position: absolute;
    top: 50%;
    /* bottom: 0; */
    left: 11px;
    border-bottom: 1px dotted black;
}

.table_CongViec .indent .borderNodeLeft {
    width: 100%;
    position: absolute;
    height: 109%;
    top: -14px;
    /* bottom: 0; */
    left: 11px;
    border-left: 1px dotted black;
}

.table_CongViec .un_indent .borderNodeLeft {
    width: 100%;
    position: absolute;
    height: 109%;
    top: -14px;
    /* bottom: 0; */
    left: 11px;
    border-left: 1px dotted black;
}

i.fa.fa-caret-right.no_iconTree {
    color: transparent;
}

.table_CongViec i.fa.fa-caret-right {
    font-size: 15px;
}

.table_CongViec .cell-name {
    cursor: pointer;
    display: flex;

    /* width: 30%; */
    padding: 5px 0;
}

.table_CongViec .nodeTitle {
    font-size: 15px;
    width: 300px;
}

.table_CongViec .nodeTitle_Content {
    -webkit-box-flex: 1;
    flex: 1;
    padding-left: 5px;
}

.no_BorderInput {
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: textfield !important;
}

.no_BorderInput::-webkit-inner-spin-button,
.no_BorderInput::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.nodeTitle_Icon_Edit {
    width: 20px;
    height: 20px;
    color: #2a2e347a !important;
    font-size: 16px !important;
    border: 1px solid #e9ebf0;
    text-align: center;
    fill: #7c828d;
    background: #fff;
    border-radius: 4px;
    display: none;
    margin-right: 0px !important;
}

.nodeTitle:hover .nodeTitle_Icon_Edit {
    display: inline-block;
}

/* .nodeTitle:hover~tr {
	background: red;
} */

.popup_TamQuanTrong {
    position: absolute;
    display: none;
    z-index: 100;
    width: 100px;
    height: auto;
    background: #fff;
    padding: 5px;
}

.popup_CongTac {
    position: absolute;
    display: none;
    z-index: 100;
    width: 300px;
    height: auto;
    background: #fff;
    padding: 5px;
    font-size: 13.5px;
}

.popup_RuiRo {
    position: absolute;
    display: none;
    z-index: 100;
    width: 300px;
    height: auto;
    background: #fff;
    padding: 5px;
    font-size: 13.5px;
}

.popup_TrangThai {
    position: absolute;
    display: none;
    z-index: 100;
    width: 200px;
    height: auto;
    background: #fff;
    padding: 5px;
    font-size: 13.5px;
}

.itemCongTac {
    display: flex;
    padding: 2px;
}

.itemCongTac:hover .action_editCongTac {
    display: inline-block;
}

.action_editCongTac {
    display: none;
}

.popup_DangLoi_MucDo_Form {
    position: absolute;
    display: none;
    z-index: 100;
    width: 100px;
    height: auto;
    background: #fff;
    padding: 5px;
}

.popup_DangLoi_MucDo_Form_RuiRo {
    position: absolute;
    display: none;
    z-index: 100;
    width: 100px;
    height: auto;
    background: #fff;
    padding: 5px;
}

.popup_DangLoi_MucDo {
    position: absolute;
    display: none;
    z-index: 100;
    width: 150px;
    height: auto;
    background: #fff;
    padding: 5px;
    border: 1px solid #343a4070;
    font-size: 14px;
    font-weight: bold;
}

.parent_popup_DangLoi_MucDo {
    position: relative;
}

.parent_carousel {
    display: inline-block;
    position: relative;
    width: 100%;
}

.icon_DangLoi_MucDo img {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9;
}

td.nodeTamQuanTrong {
    width: 115px;
    font-size: 13.5px;
}

td.nodeSoNgay {
    width: 120px;
    font-size: 13.5px;
}

td.nodeFileThamKhao {
    width: 120px;
    font-size: 13.5px;
}

.width-100 {
    width: 100%;
}

.nodeFileThamKhao .icon {
    color: #0161cd !important;
    font-size: 16px !important;
    text-align: center;
    fill: #7c828d;
    background: #fff;
    position: relative;
    border: 1px dashed black;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    margin: auto;
}

.nodeFileThamKhao .number {
    position: absolute;
    top: -7px;
    color: red;
    font-weight: bold;
    font-size: 13.5px;
    right: -7px;
}

.popup_FileThamKhao {
    position: absolute;
    display: none;
    z-index: 100;
    width: 300px;
    height: auto;
    background: #fff;
    padding: 10px;
    border-radius: 7px;
}

.contentDataTreeTable {
    border-left: 5px solid #277BC0;
    border-radius: 7px 7px 0px 0px;
    background: linear-gradient(180deg, rgba(72, 141, 198, 0.1) 91.13%, rgba(39, 123, 192, 0) 100%);
}

.itemNodeLevel tr {
    /* background: rgba(255, 255, 255, 0.66); */
    /* backdrop-filter: blur(0.5px); */
}

.itemNodeLevel_Last::before {
    content: '';
    display: block;
    height: 5px;
}

.nodeTitle_Content_Level1 {
    background: #ffff;
    border-radius: 3px;
    padding: 3px 15px;
    color: black;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 800;
    font-size: 13.5px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}

.nodeTitle_Content_Level2 {
    color: black;
    /* font-weight: bold; */
    font-weight: 700;
    font-size: 13.5px;
}

.nodeTitle_Content_Level3,
.nodeTitle_Content_Level4,
.nodeTitle_Content_Level5,
.nodeTitle_Content_Level6,
.nodeTitle_Content_Level7 {
    font-weight: 600;
    font-size: 13.5px;
    color: rgb(0 0 0 / 66%);
}

.checkbox-round {
    width: 13px;
    height: 13px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: #8753de;
}

.search_DataTreeTable {
    border: 1px solid #eaeaea;
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    transition: border 0.2s;
    background-color: #fff;
    width: 200px;
    height: 32px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.txt_search_DataTreeTable {
    border: none;
    padding: 5px 10px;
    height: auto;
    border-radius: 0;
    transition: 0.2s;
    width: 175px;
}

.txt_search_DataTreeTable:focus {
    outline: none;
}

.popup_TagsName {
    position: absolute;
    display: none;
    z-index: 100;
    width: 300px;
    height: auto;
    background: #fff;
    padding: 10px;
    border-radius: 7px;
}

.popup_TagsName i.fa.fa-pencil.node_tabsNameIcon,
.popup_TagsName i.fa.fa-trash.node_tabsNameIcon {
    display: none;
}

.popup_TagsName td:hover i.fa.fa-pencil.node_tabsNameIcon,
.popup_TagsName td:hover i.fa.fa-trash.node_tabsNameIcon {
    display: inline-block;
}

.node_tabsName {
    border-radius: 2px 13px 13px 2px;
    padding: 2px 11px;
    color: #FFFFFF;
    margin: 0 2px;
    font-size: 12px;
    font-weight: 500;
}

.node_tabsNameIcon {
    width: 20px;
    height: 20px;
    color: #2a2e347a !important;
    font-size: 16px !important;
    border: 1px solid #e9ebf0;
    text-align: center;
    fill: #7c828d;
    background: #fff;
    border-radius: 4px;
    margin-right: 0px !important;
}

.popup_TagsName .table td {
    padding: 5px;
}

.backgroundNode_Level_2,
.backgroundNode_Level_3,
.backgroundNode_Level_4,
.backgroundNode_Level_6,
.backgroundNode_Level_5,
.backgroundNode_Level_6,
.backgroundNode_Level_7 {
    background: rgba(255, 255, 255, 0.66);
    /* padding-left: 5px !important; */
}

.backgroundNode_Level_2 .cell-name,
.backgroundNode_Level_3 .cell-name,
.backgroundNode_Level_4 .cell-name,
.backgroundNode_Level_6 .cell-name,
.backgroundNode_Level_5 .cell-name,
.backgroundNode_Level_6 .cell-name,
.backgroundNode_Level_7 .cell-name {
    /* background: rgba(255, 255, 255, 0.66); */
    padding-left: 5px !important;
}

/* .paddingNode_Level_2,
.paddingNode_Level_3,
.paddingNode_Level_4,
.paddingNode_Level_6,
.paddingNode_Level_5,
.paddingNode_Level_6,
.paddingNode_Level_7 {
	padding-left: 5px !important;
} */

.paddingNode_Level_3 {
    padding-left: 30px !important;
}

.paddingNode_Level_4 {
    padding-left: 60px !important;
}

.paddingNode_Level_5 {
    padding-left: 90px !important;
}

.paddingNode_Level_6 {
    padding-left: 120px !important;
}

.paddingNode_Level_4>.borderNodeLeft,
.paddingNode_Level_4>.borderNodeBottom {
    left: 30px !important;
}

.paddingNode_Level_5>.borderNodeLeft,
.paddingNode_Level_5>.borderNodeBottom {
    left: 60px !important;
}

.backgroundNode_Level_1 {
    /* padding-left: 5px !important; */
}

.backgroundNode_Level_1 .cell-name {
    /* background: #3B9AE1; */
}

.iconLevelParent {
    width: 16px;
    text-align: center;
}

.nodeTitle_Content.pdnodeTitle_Content_Level1 {
    padding: 0 !important;
}

.linkDinhKem {
    width: 100%;
    display: inline-block;
}

.txt_linkDinhKem {
    width: 90%;
}

.itemOption_MucDoQuanTrong {
    display: inline-block;
    width: 20px;
    text-align: center;
}

.itemOption_MucDoQuanTrong:hover {
    background: #3B9AE1;

}

.customCursor {
    cursor: pointer;
}

.popup_FileThamKhao td {
    padding: 3px;
}

.fixMultiAction {
    position: fixed;
    z-index: 1020;
    color: red;
    top: 1px;
    font-size: 15px;
    width: 100%;
    padding: 10px 0;
    background: #fff;
    transition: all .2s cubic-bezier(.785, .135, .15, .86) 0s;
}

.nodeSoThuTu_Ten {
    width: 140px;
}

.active_KhoiTaoCongViec {
    background: #3b9ae126;
}

.active_KhoiTaoCongViec .fa {
    color: red;
    font-weight: bold;
}

.nodeNguoiThucHien {
    width: 100px;
}

.nodeNgayBatDau {
    width: 100px;
}

.nodeNgayBatDau input {
    width: 100%;
}

.nodeNgayKetThuc input {
    width: 100%;
}

.nodeNgayKetThuc {
    width: 100px;
}

.nodePhanHoi {
    width: 120px;
}

.itemNguoiThucHien {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    border: 1px solid #fff;
    background: #3B9AE1;
    color: #fff;
    overflow: hidden;
}

.lst_itemNguoiThucHien {
    display: flex;
    align-items: center;
    justify-content: center;
}

.itemNguoiThucHien_Name {
    line-height: 30px;
    font-size: 9px;
    font-weight: bold;
}

.iconFileThamKhao {
    width: 28px;
    height: 28px;
}

#carousel-example-generic {
    margin: 20px auto;
    width: 400px;
}

#carousel-custom {
    margin: auto;
    width: auto;
}

#carousel-custom .carousel-indicators {
    margin: 10px 0 0;
    /* overflow: auto; */
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

#carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}

#carousel-custom .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#carousel-custom .carousel-indicators li.active img {
    opacity: 1;
}

#carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
}

#carousel-custom2 {
    margin: auto;
    width: auto;
}

#carousel-custom2 .carousel-indicators {
    margin: 10px 0 0;
    /* overflow: auto; */
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

#carousel-custom2 .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
}

#carousel-custom2 .carousel-indicators li img {
    display: block;
    opacity: 0.5;
}

#carousel-custom2 .carousel-indicators li.active img {
    opacity: 1;
}

#carousel-custom2 .carousel-indicators li:hover img {
    opacity: 0.75;
}

.icon-carousel-minus {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.icon-carousel-minus:hover {
    opacity: 0.7;
}

.icon-carousel-plus {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.icon-carousel-plus:hover {
    opacity: 0.7;
}

.icon-carousel-home {
    position: absolute;
    top: 30px;
    left: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.icon-carousel-edit {
    position: absolute;
    top: 100px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.icon-carousel-edit:hover {
    opacity: 0.7;
}

.icon-carousel-home:hover {
    opacity: 0.7;
}

.icon-carousel-right {
    position: absolute;
    top: 150px;
    right: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.icon-carousel-left {
    position: absolute;
    top: 150px;
    left: 10px;
    width: 30px;
    height: 30px;
    z-index: 10;
    opacity: 1;
}

.txtPhanHoi {
    border: 1px solid #999999;
    width: 100%;
    margin: 5px 0;
    padding: 3px;
}

.iconUploadPhanHoi {
    width: 30px;
    height: 30px;
    border: 1px dashed black;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    margin-right: 4px;
    border-radius: 50%
}

.carouselItemDetail>.carousel-inner {
    width: 400px !important;
    margin: auto;
}

.table_DetailItem td,
.table_DetailItem th {
    padding: 6px !important;
}

.DetailItem_title {
    color: rgb(66 72 164);
    font-weight: 700;
    font-size: 15px;
}

.DetailItem_title>.fa {
    color: rgb(240 18 18 / 63%);
}

.listPhanHoi {
    width: 400px;
}

.contentDataTreeTable p {
    margin-bottom: 1px !important;
    font-size: 14.667px;
}

.nodeID_tb_QAQCV2_DanhMuc_DangLoi_MucDo {
    width: 120px;
}

.phanHoiDanhGia {
    width: 400px;
}

.line_phanHoiDanhGia {
    width: 1px;
    background: black;
    margin: 0 6px;
}

.content_phanHoiDanhGia {
    display: flex;
}

.title_phanHoiDanhGia {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    text-align: center;
    text-transform: uppercase;
}

.customColor_Red {
    color: red !important;
}

.nodeDienGiai {
    width: 120px;
}

.nodeDienGiai_Item {
    display: flex;
    width: inherit;
    word-break: break-all
}

.custom-word-break {
    word-break: break-all
}

.customModal_header {
    padding-top: 4px;
    padding-bottom: 4px;
}

.noImageUpload {
    width: 400px;
    height: 300px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #00000063;
    border-radius: 5px;
}

.noImageUpload_iconButton {
    border: 2px solid rgba(105, 66, 176, 0.78);
    border-radius: 5px;
    font-weight: 600;
}

.noImageUpload_iconCamera {
    color: rgba(0, 0, 0, 0.29);
}

.customModal_body {
    padding: 10px 10px 2px 10px;
}

.customModal_ButtonClose:not(:disabled):not(.disabled):hover {
    background-color: transparent;
}

.customBtn_Close {
    border: 1px solid #0096FF;
    border-radius: 5px;
    color: #0096FF;
    font-weight: 700;
    padding: 2px 8px;
}

.customBtn_Close:hover {
    color: #0096FF;
}

.customBtn_Save {
    background: #0078D4;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 595;
    padding: 2px 8px;
}

.customBtn_Save:hover {
    color: #FFFFFF;
}

.customBtn_KhongDuyet {
    background: #FD0F0F;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 595;
    padding: 2px 8px;
}

.customBtn_KhongDuyet:hover {
    color: #FFFFFF;
}

.customTablePhanHoiDanhGia td,
.customTablePhanHoiDanhGia th {
    padding: 5px;
}

.customTablePhanHoiDanhGia .fa-2x {
    font-size: 14px;
    padding: 2px 5px;
}

.customModal_footer {
    padding: 8px;
}

.width_inherit {
    width: inherit;
    overflow: hidden;
}

.customTable_Scroll {
    height: 200px;
    overflow-y: auto;
    width: 100%;
    display: inline-block;
}

.customTable_Scroll_Width {
    width: 200px;
}

.custom_FontSize {
    font-size: 13.5px;
}

.custom_TitleTable {
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
}

.buttonMain i.fa {
    display: block;
    font-size: 17px;
}

.buttonMain {
    margin-bottom: 10px !important;
    margin-left: auto;
    order: 2;
}

.buttonMain button.btn {
    color: #025abd !important;
}

.buttonMain span {
    font-size: 11px;
}

.contentDataTreeTable .btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nodeDiemTru {
    width: 120px;
}

.nodeTrongSo {
    width: 120px;
}

.nodeTiLeDat {
    width: 120px;
}

.custom_FullWidth {
    width: 100%;
    display: flex;
}

.typeImage_Item_MucDoLoi {
    height: 32px;
    margin-left: auto;
    order: 2;
}

.typeImage_Item {
    padding: 10px 10px 2px 10px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    border-radius: 10px;
    background: #fff;
}

.typeImage_Item_MucDoLoi_Image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

figure.sixteen-nine-img {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
    border: 1px solid #00000063;
    border-radius: 5px;
}

figure.sixteen-nine-img .sixteen-nine-img-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

figure.sixteen-nine-img .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 100px;
}

.typeImage_Item_MoTa {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 2px 2px 0 2px;
    margin-top: 2px;
    height: 24px;
}

img.sixteen-nine-img-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9;
}

.typeImage_Item_thumbnail {
    /* border: 1px solid #00000063;
	border-radius: 5px; */
}

.typeImage_Item_Title {
    font-size: 14.667px;
    font-weight: 600;
    color: #0161CD;
    /* width: 80%; */
}

.typeImage_Item_Button {
    font-size: 13px;
    font-weight: 550;
}

.node_TiLeDat {
    font-size: 12px;
    padding: 2px 6px;
    color: #fff;
    border-radius: 4px;
    margin-left: 4px;
}

.box_TiLeDat {
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.nodeCongTac {
    width: 160px;
}

.custom_wordbreak {
    word-break: break-word;
}

.node_DiemBatDau {
    width: 120px;
}

.aspect_ratio_4_3 {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.lst_CongTac_Scrool {
    height: 250px;
    overflow-y: auto;
    width: 100%;
}

.fixBreadcrumbCustom {
    position: fixed;
    z-index: 1020;
    top: 2px;
    font-size: 15px;
    /* width: 60%; */
    background: #fff;
    transition: all .2s cubic-bezier(.785, .135, .15, .86) 0s;
}

.fixBreadcrumbCustom .breadcrumb {
    padding: 9px 1rem;
    ;
}

.fixBreadcrumbCustom_Title {
    font-size: 14px;
    color: #0161cd !important;
    font-weight: 600;
}

.headerDataTreeTable {
    width: 100%;
    height: auto;
    display: flex;
    background: #fff;
    padding: 0px 0 0 0;
    /* margin-bottom: 6px; */
    border-bottom: 1px solid #00000030;
}

.customHeader_Non_fixed {
    display: none !important;
}

.customColor_Black {
    color: black;
}

.box_typeImage {
    display: flex;
    flex-wrap: wrap;
    width: 1250px;
    margin: auto;
    overflow-x: scroll;
    /* justify-content: center; */
}

.full-box_typeImage {
    background-color: #9e9e9e;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=);
    -webkit-transition: left 500ms;
    transition: left 500ms;
    padding: 13px 0px;
    /* justify-content: center; */
}

.box_typeImage_Item {
    padding: 5px;
    height: 100%;
    width: 50%;
    /* width: 558px; */
}

.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.001s;
    -moz-transition: all 0.001s;
    transition: all 0.001s;
}

.modal.fade.show .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}

.custom_ActiveType {
    color: #3B9AE1;
    border: 1px solid;
}

.table_role_V2,
.table_role_V2 th,
.table_role_V2 td {
    border: 1px solid black !important;
    background: #fff !important;
    padding: 5px;
    color: black;
}

.table_typeImage_Item,
.table_rtable_typeImage_Itemole_V2 th,
.table_typeImage_Item td {
    background: #fff !important;
}

.table_typeImage_Item {
    width: 100%;
}

.table_role_V2 th {
    text-align: center;
    vertical-align: middle !important;
}

.custom_FullWidth_role_V2 {
    position: relative;
    padding-bottom: 5px;
    padding-left: 2px;
}

.custom_FullWidth_role_V2 i.fa.fa-refresh {
    position: absolute;
    top: 10px;
    right: 10px;
}

.table_role_V2 tr td:hover {
    background-color: #dff0d8 !important;
}

.table_role_V2 {
    width: 100%;
}

.typeImage_Item_MoTaHinh {
    padding-top: 5px;
    width: 310px;
    margin: auto;
    text-align: center;
    height: 43px;
    overflow: hidden;
    color: black;
}

.typeImage_Item_icon {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9;
    top: 300px;
}

.custom_Black {
    color: black !important;
}

/* .custom_flex {
	display: flex;
}

.custom_lineHeight10 {
	line-height: 10px;
} */
.customBtn_PhanHoi {
    border: 1px solid #0070C0;
    color: #0070C0;
    font-weight: 600;
    width: 100%;
}

.custom_FontSize14 {
    font-size: 14px;
}

.custom_FontSizeBaoCao {
    font-size: 14.667px;
}

.customHeaderOrder {
    padding: 5px;
    margin-left: 10px;
    margin-top: 5px;
    color: #025abd !important;
}

.tableBaoCaoTuan td,
.tableBaoCaoTuan th {
    vertical-align: middle !important;
    padding: 4px !important;
}

.tableBaoCaoTuan .btnView {
    width: 80px;
    background-color: rgb(168, 168, 168);
    color: #fff;
}

.tableBaoCaoTuan .btnViewDetail {
    width: 80px;
    margin-top: 4px;
    background-color: rgb(22, 28, 86);
    color: #fff
}

.baocaotuan_background_white {
    background-color: #fff;
}

.tableTitle-BCT td,
.tableTitle-BCT th {
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tableTitle-BCT thead tr th {
    background-color: #DAE3F3 !important;
    font-size: 14px;
    font-weight: 400;
    color: #2F528F !important;
    padding: 7px !important;
    font-weight: bold;
    border: 1px solid #3965914a !important;
}

.table_HinhAnh_ChatLuong td {
    background-color: #fff;
}

.baocaotuan-pd {
    padding: 0px 15px 0 15px;
}

.baocaotuan_TitleBox {
    color: #fff;
    background: rgb(31, 78, 121);
    font-size: 14.667px;
    line-height: 18px;
    padding: 5px 5px;
    font-weight: 700;
    margin: 5px 0;
}

.baocaotuan {
    background-color: #fff;
    width: 1112px;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    border-radius: 10px;
}

.baocaotuan_TitleBox_Child {
    color: #002060;
    margin: 5px 0 5px 0;
    font-size: 14.667px;
}

.box_HinhAnh_HuanLuyen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box_HinhAnh_HuanLuyen_Item {
    border: 1px solid;
    padding: 5px;
    border-width: 0 1px 1px 0;
}

.box_HinhAnh_HuanLuyen_Item_Img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
}

.btn-delete-Item-HinhAnh_HuanLuyen {
    background-color: #a90000;
    color: #fff;
    padding: 5px 10px;
}

.fileinput-new.thumbnail {
    padding: 4px;
    line-height: 1.42857;
    /* border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out; */
}

.txt_YeuCauKhacPhuc .ql-container {
    max-width: inherit;
    height: 165px;
}

.custom_btn_addRow {
    background-color: #2e78d4;
    color: #fff !important;
}

.title_BaoCaoTuan {
    padding-top: 12px;
    color: #161c56;
    font-weight: bold;
    font-size: 24px;
}

.custom_chevronIcon {
    color: #ea7d22;
    font-weight: bold;
}

.custom_chevronIcon_Add {
    width: 28px;
    height: 28px;
    font-size: 20px;
    text-align: center;
    background: #0078D4;
    color: #fff;
    line-height: 28px;
    border-radius: 4px;
}

.custom_chevronIcon_Edit {

    width: 28px;
    height: 28px;
    font-size: 20px;
    text-align: center;
    background: #ea7d22;
    color: #fff;
    line-height: 28px;
    border-radius: 4px;
}

.custom_chevronIcon_Delete {
    margin-top: 6px;
    width: 28px;
    height: 28px;
    font-size: 20px;
    text-align: center;
    background: red;
    color: #fff;
    line-height: 28px;
    border-radius: 4px;
}

.render_ThongTinDuAn {
    color: #2F528F !important;
    background: #DAE3F3 !important;
    border: 1px solid #2F528F !important;
    border-radius: 4px;
    padding: 3px;
    font-size: 13.333px;
    margin: 2px;
}

.custom_FontSize11 {
    font-size: 14.667px;
}

.baocaotuan p {
    margin-bottom: 1px !important;
    font-size: 14.667px;
}

.treeBBKTCT li {
    list-style-type: none;
}

ul.treeBBKTCT {
    padding-left: 0;
    margin-bottom: 0;
}

.popup_DanhGia {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    width: 120px;
    height: auto;
    background: #fff;
    padding: 5px;
    border: 1px solid #0000004f;
    border-radius: 5px;
    font-size: 14.667px;
}

.popup_DanhGia_RuiRo {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    width: 120px;
    height: auto;
    background: #fff;
    padding: 5px;
    border: 1px solid #0000004f;
    border-radius: 5px;
    font-size: 14.667px;
}

.popup_DanhGia_HinhAnh {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
    width: 120px;
    height: auto;
    background: #fff;
    padding: 5px;
    border: 1px solid #0000004f;
    border-radius: 5px;
    font-size: 14.667px;
}

.tableChuThich td {
    border: none !important;
}

.btn-delete.action-btn {
    background-color: red;
    border: none;
    color: #fff !important;
    padding: 0;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.btn-add.action-btn {
    background-color: #2e78d4;
    border: none;
    color: #fff !important;
    padding: 0;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.table_HinhAnh_ChatLuong thead th {
    padding: 4px 5px 0px 5px !important;
    vertical-align: unset !important;
}

.custom_Input_BorderBottom {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.custom_ShowAction_EditBCT:hover .custom_HideAction_EditBCT {
    display: inline-block;
}

.custom_HideAction_EditBCT {
    display: none;
}

.customTable_LayoutFixed {
    table-layout: fixed;
}

.custom_btnAddRow_Inline {
    position: absolute;
    right: 37px;
    top: 4px;
    background: #2e78d4;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
    z-index: 99999;
}

.custom_btnDeleteRow_Inline {
    position: absolute;
    right: 7px;
    top: 4px;
    background: red;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
    z-index: 99999;
}

.custom_BorderRight {
    border-right: 1px solid;
}

.custom_Button_DeleteGroup {
    position: absolute;
    color: #fff;
    top: 5px;
    left: 4px;
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
}

.tbody_RuiRo {
    border-bottom: 1px solid #00000030;
    font-size: 13.5px;
}

.td_RuiRo {
    border-right: 1px solid #00000030;
}

.RuiRo_btnAction {
    color: #025abd !important;
    font-weight: 600;
}

.RuiRo_GroupAction {
    display: flex;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    transition: border 0.2s;
    background-color: #fff;
    width: 200px;
    height: 32px;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.custom_btnAddHienTruongSuViec {
    background: #2e78d4;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
}

.baocaotuan .ql-editor {
    padding: 4px 4px !important;
}

.baocaotuan .ql-container {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
}

.baocaotuan .ql-editor.ql-blank::before {
    left: 0 !important;
}

.baocaotuan .ql-editor:not(.colorDefault .ql-editor) {
    color: #000000;
}

.xembaocaotuan table {
    color: #000000;
}

.customModalImageFullWidth {
    z-index: 99999 !important;
}

.customModalImageFullWidth .modal-dialog {
    max-width: 100%;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100vh;
    display: flex;
    position: fixed;
    z-index: 100000;
}

.customModalImageFullWidth .modal-header {
    display: inline-block;
    flex: 0;
}

.customModalImageFullWidth .modal-body {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.itemTinhTrangDuAn {
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    border-radius: 7px;

}

.itemTinhTrangDuAn .fa {
    color: black
}

/* ul.treeBBKTCT>li>ul {
	padding-left: 20px;
} */
.baocaotuan .ql-toolbar.ql-snow {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    background: #fff;
    left: 45%;
    background: yellow;
}


.export_xembaocaotuan {
    padding: 0px 48px 48px 48px;
}

.export_xembaocaotuan .baocaotuan-pd {
    padding: 0 !important;
}


@media print {
    .export_xembaocaotuan {
        /* margin: 0 auto; */
        margin: 1px;
    }

    #header,
    #sidebar,
    .sidebar-bg,
    .action_xembaocaotuan,
    .headerXemBaoCaoTuan {
        display: none !important;
    }

    .content {
        margin-left: 0;
    }

    .bd_content,
    .full_baocaotuan,
    .col-sm-12 {
        padding: 0 !important;
    }

    * {
        background: transparent !important;
    }

    .tableTitle-BCT thead tr th {
        background-color: #DAE3F3 !important;
        font-size: 14px;
        font-weight: 400;
        color: #2F528F !important;
        padding: 7px !important;
        font-weight: bold;
        border: 1px solid #3965914a !important;
    }

    .baocaotuan_TitleBox {
        background: rgb(31, 78, 121) !important;
    }

    html,
    body {
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        page-break-after: avoid !important;
        page-break-before: avoid !important;

    }

    @page {
        size: auto;
        /* margin: 48px; */

        /* margin-top: 48px;
		margin-bottom: 48px; */
    }

    /* table,
	figure {
		page-break-inside: avoid;
	} */
    .tableTitle-BCT>.customTable_LayoutFixed tr {
        page-break-inside: initial;
    }

    .table.table.table_HinhAnh_ChatLuong tr {
        page-break-inside: initial;
    }

    .xembaocaotuan .header {
        display: block !important;
        position: fixed;
        top: 0;
        left: 26px;
    }

    .xembaocaotuan .footerbaocaotuan {
        /* display: block !important;
		position: fixed;
		bottom: -50px; */
    }

    .xembaocaotuan .footer-space {
        /* display: block !important; */
    }

    .xembaocaotuan .header-space {
        display: block !important;
    }

    .pageNumber:after {
        /* content: counter(page);
		counter-increment: page;
		float: right;
		font-weight: 600 !important; */
    }
}

.xembaocaotuan .header,
.xembaocaotuan .header-space,
.xembaocaotuan .footerbaocaotuan,
.xembaocaotuan .footer-space {
    height: 100px;
    display: none;
}

.xembaocaotuan .header {
    display: none;
}

.page-footer-baocaotuan,
.page-footer-baocaotuan {
    display: none;
}

table.report-container {
    page-break-after: always !important;
}

thead.report-header {
    display: table-header-group;
    /* position: fixed;
	top: 0; */
}

tfoot.report-footer {
    display: table-footer-group;
    position: fixed;
    bottom: 0;
}

#xembaocaotuan>tbody>tr:hover {
    background: #fff !important;
}

.tablePrintBaoCaoTuan>tbody>tr:hover {
    background: #fff !important;
}

.no_Border_Bottom_BCTGroup {
    border: solid #dee2e6 !important;
    border-width: 0 1px 0 0 !important;
}

.no_Border_All_BCTGroup {
    border: solid #dee2e6 !important;
    border-width: 0px 0px 0px 0px !important;
}

.border_Bottom_BCTGroup {
    border: solid #dee2e6 !important;
    border-width: 0px 1px 1px 0px !important;
}

.border_Bottom_BBCTGroup {
    border: solid #dee2e6 !important;
    border-width: 1px 1px 1px 0px !important;
}

.no_Border_Bottom_BBCTGroup {
    border: solid #dee2e6 !important;
    border-width: 1px 1px 0px 0px !important;
}

.border_Last_BCTGroup {
    border: solid #dee2e6 !important;
    border-width: 0px 0px 1px 0px !important;
}

.custom_ActiveTabDefaultDuAn {
    cursor: pointer;
    font-size: 13px !important;
    color: #000000ab;
    border: 0.1px solid #0000005c;
    text-transform: uppercase;
    padding: 2px 10px;
    border-radius: 5px;
}


.custom_ActiveTabDefaultDuAn.custom_TabDefault_ActiveDuAn {
    color: #fff;
    border: 0.1px solid rgb(31, 78, 121);
    background-color: rgb(31, 78, 121);
    font-weight: 500;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

.custom_ActiveTabDefault {
    cursor: pointer;
    font-size: 15px !important;
    color: rgb(31 78 121 / 87%);
    /* border: 0.1px solid #0000005c; */
    /* text-transform: uppercase; */
    /* padding: 0px 10px; */
    /* border-radius: 5px; */
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.custom_ActiveTabDefault.custom_TabDefault_Active {
    border-bottom: 3px solid rgb(31, 78, 121);
    color: rgb(31, 78, 121);
}

.topbar-custom-itemtop {
    height: 24px;
    line-height: 24px;
    font-size: 12px !important;
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}

.topbar-custom-Title {
    height: 30px;
    line-height: 39px;
    font-size: 16px !important;
    color: #3B9AE1;
    font-weight: bold;
    text-transform: uppercase;
}

.topbar-custom-itembottom {
    padding: 3px 2px;
}

.topbar-custom-itembottom-action {
    padding: 3px 2px;
}

.custom-code-bienban {
    font-size: 13px !important;
    color: black;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 31.5px;
}

.DuAnSelect .itemDuAn {
    height: 24px;
    line-height: 24px;
    font-size: 14px !important;
    text-align: right;
    color: rgb(31, 78, 121);
    font-weight: bold;
    padding-right: 10px;
}

.DuAnSelect,
.topbar-custom-box {
    /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; */
    margin: .25rem !important;
    padding: 0 4px;
}

.topbar-custom-btn-back {
    display: flex;
    justify-content: center;
    align-items: center;
}

.display-flex {
    display: flex;
}

.header.navbar-default {
    position: fixed;
    left: 220px;

}

div#page-container.page-sidebar-minified div#header {
    left: 60px;
}

.content {
    margin-top: 64px;
}

.baocaohinh_TitleBox {
    color: #fff;
    background: rgb(31, 78, 121);
    font-size: 14.667px;
    line-height: 18px;
    padding: 5px 5px;
    font-weight: 700;
    margin: 5px;
    border-radius: 5px;
}

.baocaohinh_thongtin {
    margin: 5px;
    padding: 10px 10px 10px 10px;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    border-radius: 10px;
    background: #fff;
}

.baocaohinh_thongtin_table {
    /* width: 100%; */
}

.baocaohinh_thongtin_button {
    background: #C8DDF2;
    border-radius: 5px;
    padding: 5px;
    color: #6789B0;
    font-weight: 700;
    text-align: center;
    font-size: 14.667px;
    height: 32px;
}

.baocaohinh_thongtin_table tr:nth-child(even),
.baocaohinh_thongtin_table tr:hover {
    background: none;
}

.baocaohinh_thongtin_table tr td {
    /* width: 25%; */
    padding: 4px;
}

.baocaohinh_thongtin_table_text {
    color: black;
    font-size: 14.667px;
}

.baocaohinh__TitleBox_Child {
    color: #002060;
    margin: 5px 0 5px 0;
    font-size: 14.667px;
    font-weight: bold;
}

.table_typeImage_Item:hover .nodeTitle_Icon_Edit,
.table_typeImage_Item:hover .list-iconedit-box-typeImage {
    display: inline-block;
}

.list-iconedit-box-typeImage {
    display: none;
    font-size: 14px;
}

.table-BaoCaoHinh th {
    font-weight: bold;
    color: black;
    background: #e4e7ea;
}

.table-BaoCaoHinh th,
.table-BaoCaoHinh td {
    border: 1px solid #00000030;
}

.BaoCaoHinh_GroupAction {
    display: flex;
    /* align-items: center; */
    padding: 5px;
    border-radius: 5px;
    transition: border 0.2s;
    background-color: #fff;
    width: 200px;
    height: 32px;
    float: left;
    margin-left: 0px;
    margin-top: 5px;
}

.BaoCaoHinh_btnAction {
    color: rgb(31, 78, 121);
    font-weight: 600;
}

.custom_BaoCaoHinh_TabActive {
    border-bottom: 2px solid rgb(31, 78, 121)
}