/*hiển thị progress % khi xử lý*/
#div_progress { width: 100%; position: relative;}
#div_bar { /* background: #F39A3A; height: 30px; width: 0px; margin: 0px; */ }
#div_percent { position: absolute; width: 100%; left: 0px; top: 0px; text-align: center; }

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:42px; height:42px; line-height:36px; font-size:16px; text-align:center; opacity:.8;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}
#backtotop{color:#FFFFFF; background-color:#0066ff; border: 3px solid #fff; border-radius: 50%;}

/*
@media (min-width: 1200px) {
	.inline {
		display: inline-block !important;
	}
}
@media (min-width: 992px) {
	.inline {
		display: block !important;
	}
}
*/

.div-table {
	display: table !important;
}
.div-table .div-tr {
	display: table-row !important;
}
.div-table .div-th {
	font-weight: 700;
}
.div-table .div-td {
	display: table-cell !important;
	padding: 3px;
	/*vertical-align: top !important;*/
}
.div-tr .div-td:first-child {
	width: 1%;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}
.inline {
	display: inline-block !important;
}
.uppercase {
	text-transform: uppercase;
}
.link {
	cursor: pointer;
}
.center {
	text-align: center !important;
}
.floatcenter {
	display: table; margin: auto;
}
.floatright {
	float: right;
}
.middle {
	vertical-align: middle;
}
.fullwidth {
	width: 100% !important;
}
.nofullwidth {
	width: auto !important;
}
.autowidth {
	width: 1%;
	white-space: nowrap !important;
}

table {
	/*không đưa border-collapse: collapse !important; vào đây*/
}
td {
	vertical-align: top;
	padding: 5px;
}
table.table-bordered td, table.table-bordered th {
	border: 1px solid var(--bs-border-color) !important; /*các table border nhạt (trong admin)*/
}
table.table-bordered-all td, table.table-bordered-all th {
	border-collapse: collapse !important;
	border: 1px solid var(--bs-border-color) !important; /*các table border đậm (trong hiển thị nội dung) #1d1d1d*/
}
.noborder td, .noborder tr, .noborder th {
	/* dành cho table, vì cần set cho tr, td */
	border:  none !important;
}

input.noborder, select.noborder {
	border:  none !important;
}
input.noborder:focus, select.noborder:focus {
	outline:  none !important;
}
.error {
	/* err msg khi valid form, dùng cho jquery.validator */
	color: #ff0000;
	display: block;
}
.font-x1 {
	font-size: 1rem !important;
}
.font-x4 {
	font-size: 4rem !important;
}
.font-x5 {
	font-size: 5rem !important;
}
.top {
	vertical-align: top !important;
}
.middle {
	vertical-align: middle !important;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bolder;
}
.blue {
	color: var(--bs-blue);
}
.blue-primary {
	color: var(--bs-primary);
}
.red {
	color: var(--bs-red);
}
.orange {
	color: var(--bs-orange);
}
.yellow {
	color: var(--bs-yellow);
}
.green {
	color: var(--bs-green);
}
.deleted {
	text-decoration: line-through;
}

/*img, icon*/
.img-account-profile {
  width:180px;
  height:180px;
  object-fit:cover;
  border-radius:50%;
}
.img-account-profile-small {
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:50%;
}
.img-filetype-small {
	width: 16px;
}

.rounded-circle {
  border-radius: 50% !important;
}

/* fontawesome icon placeholder */
.icon-block:before {
  font-family: "Font Awesome 5 Pro";
  padding-right: 5px;
}
.icon-blank:before {
  content: "\F0C8";
  visibility: hidden !important;
}
.icon-email:before {
  content: "\f0e0";
}
.icon-upload:before {
  content: "\f0ee";
}
.icon-edit:before {
  content: "\f044";
}
.icon-save:before {
  content: "\f0c7";
}
.icon-add:before {
  content: "\f055";
}
.icon-check:before {
  content: "\f00c";
}

.login-logo {
	width: 45px !important;
	height: 38px !important;
}
.rounded-number {
	background-color: var(--bs-cyan-soft);
	border-radius: 0.35rem;
	border: 1px solid var(--bs-cyan);
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 0 5px;
}
.rounded-number-blue {
	border-radius: 0.35rem;
	border: 1px solid #fff;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 5px 5px 5px;
}
.page-header-title a {
	color: #ffffff;
}