﻿.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)
}

.display-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}