/* Minification failed. Returning unminified contents.
(291,39): run-time error CSS1046: Expect comma, found '0'
(291,43): run-time error CSS1046: Expect comma, found '/'
(292,31): run-time error CSS1046: Expect comma, found '0'
(292,35): run-time error CSS1046: Expect comma, found '/'
(502,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(503,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
(508,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(509,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
(514,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(515,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
(520,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(521,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
(526,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(527,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
(532,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-box-shadow'
(533,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-app-header-base-border-bottom'
 */
@media (min-width:1025px) {
	#kt_header {
		/*background-color: #0070c0 !important;*/
		background-color: #0070c0;
		height: 55px !important;
	}

	.kt-header--fixed.kt-subheader--fixed .kt-subheader {
		top: 55px !important
	}

	.kt-content {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

.btn > i:hover {
	color: #fff !important;
}

.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	/*background-image: linear-gradient(45deg,#fe2983 0,#ff6f61 50%,#fc9e21 110%);*/
	background: url(../images/other/modulebg.jpg)no-repeat center center;
}

.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
}

@media screen and (max-height: 450px) {
	.overlay a {
		font-size: 20px
	}

	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

.box_feat {
	cursor: pointer;
}

.kt-header__topbar .kt-header__topbar-item.kt-header__topbar-item--user .kt-header__topbar-wrapper img {
	-ms-flex-item-align: center;
	align-self: center;
	height: 42px;
	border-radius: 50%;
}

.kt-header__topbar .kt-header__topbar-item .kt-header__topbar-mod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 42px;
	width: 42px;
	border-radius: 50%;
	cursor: pointer;
	background: 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	border: 1px solid rgba(255,255,255,.2);
}

.kt-error-v6 {
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover
}

	.kt-error-v6 .kt-error_container {
		text-align: center
	}

		.kt-error-v6 .kt-error_container .kt-error_subtitle > h1 {
			font-size: 10rem;
			margin-top: 12rem;
			font-weight: 700
		}

		.kt-error-v6 .kt-error_container .kt-error_description {
			margin-top: 3rem;
			font-size: 2.3rem;
			font-weight: 500;
			line-height: 3rem
		}

@media (max-width:768px) {
	.kt-error-v6 .kt-error_container .kt-error_subtitle > h1 {
		font-size: 5rem
	}

	.kt-error-v6 .kt-error_container .kt-error_description {
		font-size: 1.7rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

/*=== css them ===*/
body {
	overflow-y: hidden !important;
}

	body.modal-open {
		overflow: hidden !important;
	}

.kt-container {
	padding: 0 10px !important;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll,
.dx-scrollbar-horizontal .dx-scrollbar-hoverable {
	height: 16px !important;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
	height: 16px !important;
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
	border-color: transparent;
}

.dx-datagrid-table-fixed {
	transform: none !important;
}

.kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link, .kt-header .kt-header-menu .kt-menu__nav > .kt-menu__item:hover > .kt-menu__link {
	background-color: rgba(5,89,147,.3);
}

.fill-w g [fill] {
	fill: #f26d22 !important
}

.kt-container .dropdown-menu.dropdown-menu-fit {
	transform: translate3d(0px, 35px, 0px) !important;
}

.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
	background-color: #dcdcde;
}

.dropdown-menu {
	padding: 0px;
}

.form-control {
	font-weight: 500;
	color: #4d5156;
	font-family: Arial,Helvetica,sans-serif;
}

label, .dx-widget input {
	color: #4d5156;
	font-weight: 500;
	font-family: Arial,Helvetica,sans-serif;
}


.dx-numberbox input {
	text-align: right;
}

.dx-button-has-icon {
	border: none !important;
	background: none !important;
}

.dx-button-content {
	padding: 0px !important;
}

.dx-button-mode-contained.dx-button-default .dx-icon {
	color: #0070c0;
}

.dx-button-mode-contained.dx-button-default .dx-icon-remove {
	color: red !important;
}

input[type="text"].form-control:disabled, input[type="text"].form-control:read-only, input[aria-readonly="true"], .clsDisable {
	background-color: #EBEBE4;
	border: 1px solid #ABADB3;
}

input.readonly, input[readonly] {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.sa-input-error {
	display: none !important;
}

.kt-container .btn:not(.dropdown-toggle-split) {
	margin-left: 0px;
	margin-right: 0px;
}

.kt-menu__item--here .kt-menu__item--active .kt-menu__link-icon {
	color: white !important;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__heading .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon {
	color: white !important;
}

#kt_subheader a {
	margin-right: 0px;
	margin-top: 3px;
	margin-left: 0px;
}

#kt_subheader .form-div {
	margin-top: 1px !important;
	margin-right: 4px !important;
}

.kt-subheader__main {
	padding: 0px !important;
}

.kt-avatar .kt-avatar__remove {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: -10px;
	bottom: -10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0 0 13px 0 rgb(0 0 0 / 10%);
	box-shadow: 0 0 13px 0 rgb(0 0 0 / 10%);
	-webkit-transition: all .3s;
	transition: all .3s;
}

	.kt-avatar .kt-avatar__remove:hover {
		transition: all .3s;
		background-color: #5d78ff;
	}

.mergecells {
	display: table-cell;
	vertical-align: middle !important;
	background: white !important;
	/*border-color: rgba(61, 70, 109, 0.5) !important;
            border-style: solid !important;
            border-width: 0.2px 0.2px 0.2px 0.2px !important;*/
}
/*.mergecellselected {
            background: #f5f5f5 !important;
            color: white !important;
        }*/
#divIconCommon .bg-hover-light:hover {
	transition: all 0.15s ease;
	background-color: #F3F6F9 !important;
}

#divIconCommon .align-items-stretch {
	max-height: 50px !important;
}

#divIconCommon .rounded {
	margin-bottom: 5px;
}

#divIconCommon .cls-icon-common {
	font-size: 2rem;
	width: 40px;
	margin-right: 0.5rem;
	text-align: center
}

.bsc-grid-hideheader .dx-group-cell {
	color: blue !important;
	font-weight: bold !important;
}

.bsc-grid-header-center .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
	background-color: #fff;
	border: 1px solid #ABADB3;
}

/*#kt_header_menu_wrapper .kt-menu__link {
	background-color: #0070c0;
}*/

#clock .display {
	padding: 40px 20px 40px 20px;
}

.dx-fileuploader-input-wrapper, .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
	padding: 0px !important;
}

.dx-button-has-text .dx-button-content {
	padding: 7px 13px 7px 13px !important;
}

.dx-fileuploader-wrapper {
	padding: 0px !important;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

#main {
	/*background-color: BurlyWood;*/
	float: right;
	/*height: 200px;*/
	width: 75%;
}

#sidebar {
	/*background-color: IndianRed;*/
	width: 25%;
	float: left;
	/*height: 200px;*/
	overflow-y: hidden;
	padding-left: 10px;
}

#dragbar {
	background-color: black;
	height: 100%;
	float: right;
	width: 3px;
	cursor: col-resize;
}

#ghostbar {
	width: 3px;
	background-color: #000;
	opacity: 0.5;
	position: absolute;
	cursor: col-resize;
	z-index: 999
}

.bsc-wizard .bsc-wizard__nav .bsc-wizard__nav-items {
	justify-content: center;
}

.bsc-wizard .bsc-wizard__wrapper {
	justify-content: inherit;
}

#divForm .dx-checkbox {
	padding: 7px 0px 7px 0px;
}

#spinner {
	position: absolute;
	z-index: 99;
}

#pdf-container {
	width: 100%; /* optional */
	margin: 0 auto; /* optional */
	border-bottom: 1px solid #666; /* optional */
	position: absolute;
	z-index: 99;
}

.clearfix:after {
	content: '';
	display: table;
	clear: both;
}

.kt-subheader-multiple a {
	margin-top: 6px !important;
}

.kt-subheader-multiple .form-div:not(.btn), .kt-subheader-multiple label {
	margin-top: 4px !important;
	margin-right: .5rem;
}
/*===css multiple ===*/
.dx-button-mode-contained.dx-button-success {
	background-color: #5cb85c !important;
	border-color: transparent !important;
	color: #fff !important;
}

.dx-menu-item-content {
	/*padding: 7px 5px 7px 5px !important;*/
	padding: 4px 5px 4px 5px;
}

.clsFormMultiple .dx-checkbox {
	float: none !important;
	margin-right: 5px !important;
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu .dropdown-menu {
		top: 0;
		left: -420px;
		margin-top: -1px;
		width: 420px;
	}

/*.bsc-grid-header-center .dx-column-lines > td {*/
/*font-weight: 300 !important;
	font-family: poppins,Georgia !important;*/
/*font-size: 13px !important;
	font-family: 'Roboto-Regular' !important;
}*/
/*.dx-widget input, .dx-widget textarea, .dx-column-lines > td, .dx-list-item {
	font-size: 12px;
	font-family: 'Roboto', sans-serif !important;
	font-weight: 300;
}*/
.kt-container input {
	color: #4d5156;
	font-weight: 500;
	font-family: Arial,Helvetica,sans-serif;
	cursor: pointer;
}

.form-div .dx-texteditor-input {
	opacity: inherit;
	font-size: 1rem;
	font-weight: 500;
}

.header-gem {
	background-color: #00A86B !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.header-dark {
	background-color: #1e1e2d !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.header-orange {
	background-color: #ffa500 !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.header-carrot {
	background-color: #FF8C69 !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.header-pink {
	background-color: #CC8899 !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

.header-violet {
	background-color: #8000FF !important;
	box-shadow: var(--bs-app-header-base-box-shadow) !important;
	border-bottom: var(--bs-app-header-base-border-bottom) !important;
}

	.header-gem span, .header-dark span, .header-orange span, .header-carrot span, .header-pink span, .header-violet span {
		color: white !important;
	}

.w-auto {
	width: auto !important;
}

.clsButtonChangeLayout {
	padding: 0.5rem 0rem !important;
}

.clsSearchByVoice {
	padding: 0rem 0rem !important;
	margin: 10px 0px 0px 2px;
}

	.clsButtonChangeLayout:hover i, .clsSearchByVoice:hover i, .dropdown-toggle:hover i {
		color: #5d78ff !important;
	}

.clsMenuNhanh {
	min-height: 0 !important;
	padding: 9px 12px !important;
}

	.clsMenuNhanh .clsIconParent {
		flex: 0 0 27px !important;
	}

	.clsMenuNhanh .clsIconChildrent {
		flex: 0 0 18px !important;
		margin-left: 18px;
	}

#kt_header_menu .kt-menu__link {
	background-color: unset !important;
}

.clsFullScreen {
	width: 16px;
	height: 16px;
	margin-top: 18px;
}

.clsIconButton i {
	font-size: 1.8rem !important;
	padding: 6px 3px 6px 3px
}

.clsIconButton:hover i {
	color: #000000 !important;
}

.clsFileUploadButtonGrid, .clsFileUploadButtonView, .clsFileUploadButtonDetail {
	width: 300px;
	float: left;
}

.clsFileUploadButtonDetail {
	margin-top: 1px !important;
}

.clsFileUploadButtonView {
	margin-top: 4px !important;
}

	.clsFileUploadButtonGrid .dx-fileuploader-input, .clsFileUploadButtonView .dx-fileuploader-input, .clsFileUploadButtonDetail .dx-fileuploader-input {
		padding: 4px 0px;
	}

	.clsFileUploadButtonGrid .dx-fileuploader-input-wrapper, .clsFileUploadButtonView .dx-fileuploader-input-wrapper, .clsFileUploadButtonDetail .dx-fileuploader-input-wrapper {
		border: 0px;
	}

	.clsFileUploadButtonGrid .dx-button-has-text .dx-button-content, .clsFileUploadButtonView .dx-button-has-text .dx-button-content, .clsFileUploadButtonDetail .dx-button-has-text .dx-button-content {
		padding: 6px 13px 7px 13px !important
	}

	.clsFileUploadButtonGrid .dx-fileuploader-button, .clsFileUploadButtonView .dx-fileuploader-button, .clsFileUploadButtonDetail .dx-fileuploader-button {
		height: 32px;
	}

	.clsFileUploadButtonGrid .dx-fileuploader-input-container, .clsFileUploadButtonView .dx-fileuploader-input-container, .clsFileUploadButtonDetail .dx-fileuploader-input-container {
		display: none;
	}

	.clsFileUploadButtonGrid .dx-fileuploader-files-container, .clsFileUploadButtonView .dx-fileuploader-files-container, .clsFileUploadButtonDetail .dx-fileuploader-files-container {
		display: none;
	}

.dx-overlay-content.dx-popup-normal.dx-resizable {
	min-width: 300px;
}

.clsEditGrid .dx-overlay-content.dx-popup-normal.dx-resizable {
	min-width: 124px !important;
}

.clsComboNghiepVu {
	border-radius: 10px;
	height: 20px !important;
	border: 0px !important;
	margin-left: 5px;
}

.clsIconImportant {
	width: 21px !important;
	height: 21px !important;
}

.clsIconFavourite {
	width: 21px !important;
	height: 21px !important;
}

#divTimChungTu {
	width: 180px;
}

	#divTimChungTu input:placeholder-shown {
		font-style: italic;
	}

	#divTimChungTu .clsIconSearchInvoice {
		margin-top: 13px;
		margin-left: -26px;
		padding: 0px !important;
	}

		#divTimChungTu .clsIconSearchInvoice i {
			color: #a1a1a1;
		}

	#divTimChungTu input {
		width: 180px;
		padding-right: 29px;
		height: calc(1.5em + 1rem + 2px) !important;
		font-size: 1rem;
	}

	#divTimChungTu i {
		font-size: 1.3rem !important;
	}

	#divTimChungTu .btn {
		padding: 0.45rem 0.1rem 0.2rem 0.1rem;
		border: 0px !important;
	}

		#divTimChungTu .btn:after {
			display: none !important
		}

	#divTimChungTu .dropdown-menu {
		margin-top: 2px;
	}

	#divTimChungTu .clsIconSearchInvoice:hover .btn {
		background-color: white !important;
	}

.clsInputInvoice {
	width: 160px;
	float: left;
	margin-top: 12px;
}

#divMenuHorizonal {
	/*width: 50px;
    float: left;
    margin: 6px 0px 0px 6px;*/
	width: 43px;
	float: left;
	margin: 6px 0px 0px 6px;
}

	#divMenuHorizonal:hover .dx-item-content {
		background-color: lightblue !important;
	}

	#divMenuHorizonal:hover .dx-menu-item-text {
		color: #0070c0;
	}

	#divMenuHorizonal .dx-menu-item-text {
		color: blue;
		font-weight: bold;
	}

	#divMenuHorizonal .dx-menu-base.dx-menu-item-content {
		padding: 0px !important;
	}

	#divMenuHorizonal .dx-submenu:last-child {
		overflow-y: scroll !important;
		height: 100px !important;
	}

.clsCountNotifyMenu {
	background-color: red;
	color: white;
	border-radius: 10px;
	padding: 3.7px 7px 1px 7px;
	font-size: 10px;
	right: 2px;
	float: right;
	width: auto;
	height: auto;
	min-width: 20px;
	min-height: 20px;
	text-align: center;
}

.clsTabsCommon .dx-tab {
	padding: 4px 8px 4px 8px;
}

.clsConfirm input {
	display: block !important;
	font-size: 13px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}

	.clsConfirm input[type=radio] {
		height: 15px;
		width: auto;
		float: left;
	}

.clsConfirm label {
	margin-left: 5px;
	float: left;
}

.clsConfirm td {
	padding: 0px 3px !important;
}

.clsConfirm label {
	line-height: 26px !important;
}

.dropdownExpand .dropdown-item {
	padding: 0.4rem 1.2rem 0.4rem 0.8rem !important;
	margin-top: 1px !important;
}

	.dropdownExpand .dropdown-item i {
		margin-right: 0.2rem !important;
	}

.clsDivMenuNhanh .kt-menu__item--active a {
	background-color: #0070c0 !important;
}

.clsDivMenuNhanh .kt-menu__item--here .kt-menu__toggle {
	background-color: #0099c0 !important;
}

.clsCheckBox {
	height: 20px !important;
}

.sweet-alert h2 {
	margin: 0px 0px 13px 0px !important;
}

.clsComboDrag {
	width: 85px;
	margin-top: 15px;
	height: 30px;
	border-radius: 5px;
}

	.clsComboDrag option {
		font-size: 12px;
	}

.clsDivBack {
	width: 41px;
	margin-top: 6px;
}

	.clsDivBack a {
		padding: 15px 12px 7px 12px;
	}

		.clsDivBack a:hover {
			background-color: red;
		}

			.clsDivBack a:hover i {
				color: white;
			}

	.clsDivBack i {
		font-size: 18px;
		color: black;
		/*padding-top: 1px;*/
	}


.clsSubHeaderModal, .clsSubHeaderModalSearch {
	width: calc(100% - 135px)
}

.clsSubHeaderModal {
	padding: 0.7rem 0.5rem 0.4rem 1.25rem !important;
}

.clsSubHeaderModalSearch {
	padding: 0.2rem 0.5rem 0.0rem 1.25rem !important;
}

.clsSubHeaderModalNoExtend {
	width: calc(100% - 41px)
}

.clsSubHeaderModalNoExtend {
	padding: 0.7rem 0.5rem 0.4rem 1.25rem !important;
}

.clsSubHeaderModalAuto {
	width: calc(100% - 135px);
	padding: 0.7rem 0.5rem 0.4rem 1.25rem !important;
}

.clsDivExtend {
	width: 94px;
	margin-top: 8px;
}

.clsDivExtendSearch {
	width: 94px;
	margin-top: 2px;
}

#divNghiepVu .dx-pager {
	padding-top: 2px;
	padding-bottom: 2px;
}

#divNghiepVu .dx-page-sizes {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 3px;
}

#divNghiepVu .dx-pager .dx-page-sizes .dx-page-size {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	padding-right: 8px;
}

#divNghiepVu .dx-pager .dx-pages .dx-page {
	padding: 2px 9px 2px 8px;
}

#divNghiepVu .dx-datagrid-pager {
	margin-top: 0px;
}

.modal-header {
	padding: 0.2rem 0rem 0.2rem 1.25rem !important;
}

.blurModal {
	filter: blur(5px);
}

.dropdown-confirm {
	position: relative;
	/*display: inline-block;*/
	width: 100%;
	text-align: center;
}

.dropdown-content-confirm {
	margin: 0 auto;
	padding: 0px 10px 0px 10px;
}

	.dropdown-content-confirm a {
		color: black;
		padding: 8px 10px;
		text-decoration: none;
		display: block;
		text-align: left;
		/*display: inline-block;*/
	}

.dropdown-data-confirm {
	display: block;
	/*position: absolute;*/
	background-color: #f6f6f6;
	min-width: 230px;
	max-height: 280px;
	overflow: auto;
	border: 1px solid #ddd;
	z-index: 1;
	font-size: 14px;
}

.dropdown-content-confirm input {
	display: block;
	margin-bottom: 0px;
	font-size: 14px;
}

.dropdown-confirm a:hover {
	background-color: #ddd;
}

.clsHeaderCombo {
	/*font-weight: bold;*/
	width: 100%;
	/*padding: 5px 0px 0px 9px;*/
	background-color: #0070c0;
	height: 30px;
	color: #fff !important;
}

	.clsHeaderCombo div {
		height: 30px;
		line-height: 30px;
		padding-left: 7px;
		text-align: center;
		border-left: 1px solid #ddd;
		font-family: poppins,Georgia !important;
		font-size: 13px;
	}

.clsComboCustom .dx-list-item-content {
	padding: 0px !important;
	height: 32px;
}

.clsComboCustom .dx-list-item {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.clsComboCustom .clsItemComboCustom {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	padding-left: 2px;
	padding-right: 2px;
	height: 32px;
	line-height: 32px;
	padding-left: 7px;
	border-left: 1px solid #ddd;
}

.clsComboCustom .dx-list-item-selected {
	background-color: #7bb9d7 !important;
	color: #fff !important;
}

.clsFilterReport {
	width: 525px;
	float: left;
}

	.clsFilterReport .btn-sm {
		padding: 0.5rem 0.8rem !important;
	}

.clsButtonReport {
	width: calc(100% - 525px);
	text-align: right;
}

#divDetailMenuParent .dx-item {
	background-color: white;
}

	#divDetailMenuParent .dx-item:hover {
		background-color: #f5f5f5;
	}

	#divDetailMenuParent .dx-item a {
		color: #4d5156;
		font-size: 1rem;
		font-family: poppins,Georgia !important;
		display: -webkit-box;
		padding: 0px 0px 0px 12px !important;
	}

#divDetailMenuParent .dx-list-group-header {
	padding: 12px 10px 10px 10px;
}

.clsItemMenuHeader span {
	color: #4d5156;
	font-size: 1rem;
	font-family: poppins,Georgia !important;
}

#divIconFavourite {
	width: 18px;
	float: left;
	margin-top: 16px;
}

	#divIconFavourite img {
		width: 18px;
	}

#divMenuFavourite {
	width: 18px;
	float: left;
	margin-top: 16px;
}

	#divMenuFavourite img {
		width: 18px;
	}

	#divMenuFavourite .dropdown-menu {
		transform: translate3d(-37px, 20px, 0px) !important;
	}

	#divMenuFavourite .kt-notification__item {
		padding: 0.7rem 0.5rem
	}

	#divMenuFavourite .kt-notification__item-icon {
		flex: 0 0 1.8rem;
	}

	#divMenuFavourite .kt-notification__item:after {
		content: none;
	}

	#divMenuFavourite .nav-item {
		margin-right: 12px;
	}

	#divMenuFavourite .kt-head .nav {
		margin: 0.1rem 0 0 0;
	}

	#divMenuFavourite .kt-notification-item-padding-x {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

.clsDivGuides span {
	background-color: white !important;
	color: black !important;
	font-size: 12px !important;
}

.clsGuides {
	border: red solid 3px !important;
}

.guides-guide {
	text-shadow: none !important;
}

	.guides-guide svg {
		z-index: -1;
	}

.clsDivGuidesParent {
	min-width: 300px;
	background-color: white;
	border: black solid 1px;
}

.clsGuidesFooter {
	display: flex;
	padding: 3px 10px;
	justify-content: space-between;
	background-color: #f4f5f8;
	align-items: center;
}

	.clsGuidesFooter .clsGuidesFooterRight {
		display: flex;
		flex-direction: row-reverse;
	}

	.clsGuidesFooter .btn-sm {
		padding: 0.3rem 0.6rem;
	}

.clsGuidesHeader {
	padding: 5px 0px 2px 5px;
}

.clsGuidesContent {
	padding: 5px 5px 5px 5px;
}

	.clsGuidesContent label {
		font-weight: 500;
		text-align: left;
	}

.clsGuidesHeader .title {
	width: calc(100% - 41px);
	float: left;
}

.clsGuidesHeader .clsDivBack {
	float: left;
}

.clsIconAddCategory {
	float: right;
	font-size: 21px;
	margin: 3px;
	background-color: cadetblue;
	padding: 0.5px;
	border-radius: 12px;
	color: white;
	cursor: context-menu;
}

.clsDivResizeModal {
	width: 100%;
	padding-right: 20px;
}

	.clsDivResizeModal label {
		float: right;
		color: red;
		margin-right: 10px;
		margin-bottom: 0px;
		margin-top: 3px;
	}

	.clsDivResizeModal .btn {
		float: right;
		padding: 0.2rem 0.5rem;
	}

.clsCopyRight {
	margin-bottom: 25px;
	margin-top: 0.5rem;
}

.selected-cell {
	/*font-weight:bold!important;*/
	color: white !important;
	font-weight: bold !important;
}

#divParentHeaderCompany {
	max-width: 250px;
	margin-left: 4px;
}

#id_HeaderCompany {
	color: white !important;
	font-size: 11px !important;
	margin: auto !important;
	margin-left: 4px !important;
	margin-right: 4px !important;
}

.text-danger::after {
	color: #eb4c4c !important;
	margin-left: 4px;
	font-size: 1.6rem;
	display: table;
	float: right;
	line-height: 10px;
	margin-top: 6px;
	content: "*";
}

.clsIconAddCategory {
	background-color: #6d94d4 !important;
}

	.clsIconAddCategory:hover {
		background-color: #90baff !important;
	}

.calculator-popup {
	z-index: 100;
}

.clsCalculator i {
	font-size: 17px !important;
}

.clsCalculator:hover i {
	color: #5d78ff !important;
}

#iExportDetail img {
	width: 22px;
	margin-top: 6px;
}

#iNghiepVu .dx-scrollable-container .dx-datagrid-content,
#iBaoCao .dx-scrollable-container .dx-datagrid-content,
#iDanhSach .dx-scrollable-container .dx-datagrid-content {
	margin-bottom: 8px !important;
}

#iNghiepVu .dx-fixed-columns .dx-datagrid-content,
#iBaoCao .dx-fixed-columns .dx-datagrid-content,
#iDanhSach .dx-fixed-columns .dx-datagrid-content {
	margin-bottom: 8px !important;
}

.clsComboChangeRow {
	margin-top: 6px !important;
	width: 70px !important;
}

.clsInputChangeRow {
	float: right;
	width: 70px !important
}

#divDefaultRangeSearch i {
	float: left;
	margin-top: 12px;
}

#divDefaultRangeSearch .title-range-search {
	width: 165px;
	float: left;
}

#divDefaultRangeSearch .current-range-search {
	float: left;
	font-weight: bold;
	width: 88px
}

.bsc-grid-hideheader .clsdanhmuc:hover {
	color: #4d5156 !important
}

.bsc-grid-hideheader .selected-cell {
	color: #4d5156 !important
}

.bsc-grid-hideheader .dx-selection .selected-cell:hover {
	color: white !important;
}

.bsc-grid-header-center .dx-icon-remove {
	color: red;
}

.bsc-grid-header-center .dx-icon-check {
	color: white;
}

/*.bsc-grid-common .dx-icon-download {
	color: orangered;
}*/
/*.dropdown:not(.clickdropdown):hover .dropdown-menu:not(.clickdropdown) {
    display: block;
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    transform: translate3d(-72px, 31px, 0px);
}*/
.swal2-popup {
	padding: 1rem 2rem 1.5rem 2rem !important;
}

	.swal2-popup .swal2-icon {
		margin: auto;
	}

.margin-auto {
	margin: auto;
}

#iModalDanhMuc {
	z-index: 9999;
}