body.no-menu .header {
	left: 0;
	width: 100%;
	padding-left: 30px;
}

body.no-menu .main-container {
	padding-left: 0;
}

body.no-menu .menu-icon,
body.no-menu .left-side-bar,
body.no-menu .mobile-menu-overlay {
	display: none;
}

@media only screen and (max-width: 1024px) {
	body.no-menu .header {
		padding-left: 15px;
	}
}

.header-brand {
	display: none;
	align-items: center;
	margin-right: 20px;
}

.header-brand img {
	max-height: 30px;
	width: auto;
}

body.no-menu .header-brand {
	display: inline-flex;
}

body.no-menu .header-brand .light-logo {
	display: none;
}

.header-balance {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 12px;
	background: #fdeaea;
	border-radius: 10px;
	color: #e03131;
	font-weight: 600;
	font-size: 13px;
	white-space: nowrap;
}

.header-balance i {
	margin-right: 6px;
	font-size: 15px;
}

.header-balance .balance-label {
	margin-right: 6px;
	font-weight: 500;
}

.main-container .xs-pd-20-10 {
	position: relative;
}

.main-container .xs-pd-20-10::before {
	content: "";
	position: absolute;
	top: -40px;
	right: 40px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,153,0,.20), transparent 68%);
	filter: blur(50px);
	pointer-events: none;
	z-index: 0;
}

.main-container .card-box {
	position: relative;
	z-index: 1;
	border: 1px solid #eef0f4;
	border-radius: 16px;
	box-shadow: 0 2px 10px rgba(20,30,50,.04);
}

.hero-box {
	overflow: hidden;
	border: none;
	background: linear-gradient(115deg, #ffffff 55%, #fff4e6 100%);
	box-shadow: 0 10px 30px rgba(255,122,0,.10);
}

.hero-box::after {
	content: "";
	position: absolute;
	top: -140px;
	right: -100px;
	width: 340px;
	height: 340px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,153,0,.18), transparent 70%);
	pointer-events: none;
	z-index: 0;
}

.hero-box > * {
	position: relative;
	z-index: 1;
}

.hero-box .bi-hdd-network {
	color: #ff9900 !important;
	opacity: .30 !important;
	filter: drop-shadow(0 10px 24px rgba(255,122,0,.22));
}

#tinh-nang .card-box {
	transition: transform .22s ease, box-shadow .22s ease;
}

#tinh-nang .card-box .h1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 15px;
	margin-bottom: 16px !important;
	font-size: 26px;
}

#tinh-nang > div:nth-child(1) .card-box .h1 {
	color: #2f6bff !important;
	background: linear-gradient(140deg, rgba(47,107,255,.14), rgba(47,107,255,.04));
}
#tinh-nang > div:nth-child(1) .card-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 34px rgba(47,107,255,.14);
}

#tinh-nang > div:nth-child(2) .card-box .h1 {
	color: #00b58d !important;
	background: linear-gradient(140deg, rgba(0,181,141,.14), rgba(0,181,141,.04));
}
#tinh-nang > div:nth-child(2) .card-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 34px rgba(0,181,141,.14);
}

#tinh-nang > div:nth-child(3) .card-box .h1 {
	color: #ff9900 !important;
	background: linear-gradient(140deg, rgba(255,153,0,.16), rgba(255,153,0,.04));
}
#tinh-nang > div:nth-child(3) .card-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 16px 34px rgba(255,153,0,.16);
}

.badge[data-bgcolor="#e7ebf5"] {
	background: rgba(255,153,0,.12) !important;
	color: #e67e00 !important;
}

.btn-primary {
	background: linear-gradient(135deg, #ff9900, #ff7a00) !important;
	border: none !important;
	box-shadow: 0 8px 18px rgba(255,122,0,.28) !important;
	transition: transform .18s ease, box-shadow .18s ease !important;
}

.btn-primary:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 12px 24px rgba(255,122,0,.38) !important;
}

.btn-outline-primary {
	color: #e67e00 !important;
	border-color: #ffd699 !important;
	transition: transform .18s ease, background .18s ease !important;
}

.btn-outline-primary:hover {
	background: rgba(255,153,0,.08) !important;
	border-color: #ff9900 !important;
	transform: translateY(-2px) !important;
}

.left-side-bar {
	background: #fff !important;
}

.header {
	background: #fff !important;
}

.menu-icon,
.search-toggle-icon,
.user-notification .dropdown-toggle,
.user-info-dropdown .dropdown-toggle,
.user-info-dropdown .dropdown-toggle .user-name {
	color: #555 !important;
}

.sidebar-menu .dropdown-toggle {
	color: #0b132b !important;
}

.sidebar-menu .dropdown-toggle .micon {
	color: #0b132b !important;
}

.sidebar-menu .submenu {
	background: #fff5eb !important;
}

.sidebar-menu .submenu li a {
	color: #0b132b !important;
}

.sidebar-menu .dropdown-divider {
	border-color: rgba(0,0,0,.1) !important;
}

.sidebar-menu .dropdown-toggle:hover,
.sidebar-menu .show > .dropdown-toggle,
.sidebar-menu > ul > li > .dropdown-toggle.active,
.sidebar-menu .submenu li a.active,
.sidebar-menu .submenu li a:hover {
	background: linear-gradient(135deg, #ff9900, #ff7a00) !important;
	color: #fff !important;
}

.sidebar-menu .dropdown-toggle:hover .micon,
.sidebar-menu .show > .dropdown-toggle .micon,
.sidebar-menu > ul > li > .dropdown-toggle.active .micon {
	color: #fff !important;
}

.sidebar-menu .sidebar-small-cap {
	color: #e67e00 !important;
}

.sidebar-menu .submenu li > a:before {
	color: #ff8a00 !important;
}

.text-blue {
	color: #ff7a00 !important;
}

.bg-blue {
	background-color: #ff7a00 !important;
}

.text-light-blue {
	color: #e67e00 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
	background: #fff3e6 !important;
	color: #e67e00 !important;
}

.footer-wrap {
	margin-top: 20px;
}

.footer-wrap a {
	color: #e67e00 !important;
}

.custom-control-label::before {
	border-color: #ff8a00 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #ff7a00 !important;
}

.form-control:focus,
.custom-select:focus,
.custom-file-input:focus {
	border-color: #ff9900 !important;
}

.breadcrumb-item.active {
	color: #e67e00 !important;
}

.nav-tabs.customtab .nav-item.show .nav-link,
.nav-tabs.customtab .nav-link.active,
.nav-tabs.customtab .nav-link:hover,
.nav-tabs.customtab .nav-link:focus {
	color: #e67e00 !important;
	border-bottom-color: #ff7a00 !important;
}

table.dataTable.display tbody tr.odd.selected,
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable tbody tr.selected {
	background-color: #ff7a00 !important;
	color: #fff !important;
}

@media only screen and (max-width: 767px) {
	.header-balance {
		padding: 0 12px;
		font-size: 13px;
	}
	.header-balance .balance-label {
		display: none;
	}
	.header-brand {
		margin-right: 12px;
	}
	.header-brand img {
		width: 130px !important;
		height: auto !important;
		max-height: none !important;
	}
	.main-container .xs-pd-20-10::before {
		display: none;
	}
}
.hero-tool-icon {
	width: 190px;
	height: 190px;
	opacity: .38;
	filter: drop-shadow(0 12px 26px rgba(255,122,0,.25));
	animation: heroFloat 6s ease-in-out infinite;
}

.hero-tool-icon .gear {
	transform-box: fill-box;
	transform-origin: center;
}

.hero-tool-icon .gear-lg {
	animation: gearSpin 8s linear infinite;
}

.hero-tool-icon .gear-sm {
	animation: gearSpin 4s linear infinite reverse;
}

@keyframes gearSpin {
	to { transform: rotate(360deg); }
}

@keyframes heroFloat {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
	.hero-tool-icon,
	.hero-tool-icon .gear {
		animation: none;
	}
}
body.no-menu .main-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body.no-menu .main-container > .xs-pd-20-10 {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

body.no-menu .footer-wrap {
	flex-shrink: 0;
	margin-top: auto;
}
.left-side-bar .mtext{font-size:12px!important;}
.left-side-bar .submenu li a{font-size:12px!important;}
.left-side-bar .dropdown-divider{
    width: 90%;
    height: 1px;
    background: rgba(0,0,0,.12);
    border: 0;
    margin: 4px 0 4px 18px;
}

.left-side-bar #accordion-menu > li:has(.dropdown-divider){
    margin: 0;
    padding: 0;
}
.main-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.main-container > .xs-pd-20-10 {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
}

.footer-wrap {
	margin-top: auto;
}
	.chat-widget { position: fixed; right: 18px; bottom: 18px; z-index: 9990; display: flex; flex-direction: column; align-items: flex-end; }
	.chat-widget .chat-buttons { position: relative; display: flex; flex-direction: column; gap: 10px; transition: .2s; }
	.chat-widget.collapsed .chat-buttons { display: none; }

	.chat-btn { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px 7px 11px; border-radius: 30px; color: #fff !important; font-weight: 600; font-size: 12.5px; text-decoration: none; box-shadow: 0 5px 14px rgba(0,0,0,.18); transition: .18s; white-space: nowrap; }
	.chat-btn:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 10px 22px rgba(0,0,0,.28); color: #fff !important; text-decoration: none; }
	.chat-btn i { font-size: 14px; }
	.chat-btn.zalo { background: linear-gradient(135deg, #0068ff, #0091ff); }
	.chat-btn.telegram { background: linear-gradient(135deg, #229ED9, #2AABEE); }

	.chat-close { position: absolute; top: -9px; right: -9px; width: 22px; height: 22px; border-radius: 50%; background: #fff; color: #777; border: 1px solid #e0e0e0; font-size: 13px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,.18); transition: .15s; }
	.chat-close:hover { background: #f1f1f1; color: #d33; transform: rotate(90deg); }

	.chat-toggle { display: none; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #ff9900, #ff7a00); color: #fff; border: 0; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; box-shadow: 0 6px 16px rgba(255,122,0,.4); animation: chatPulse 2s infinite; }
	.chat-widget.collapsed .chat-toggle { display: flex; }
	@keyframes chatPulse { 0% { box-shadow: 0 0 0 0 rgba(255,122,0,.45); } 70% { box-shadow: 0 0 0 12px rgba(255,122,0,0); } 100% { box-shadow: 0 0 0 0 rgba(255,122,0,0); } }

	.zalo-modal { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 10000; display: none; align-items: center; justify-content: center; }
	.zalo-modal.show { display: flex; }
	.zalo-modal-box { background: #fff; border-radius: 16px; padding: 24px 22px 20px; text-align: center; width: 92%; max-width: 300px; position: relative; box-shadow: 0 12px 40px rgba(0,0,0,.3); }
	.zalo-modal-box h5 { color: #0068ff; margin-bottom: 14px; font-weight: 700; }
	.zalo-modal-box img { width: 100%; max-width: 220px; border: 1px solid #eee; border-radius: 10px; }
	.zalo-modal-box .zalo-note { margin-top: 12px; font-size: 13px; color: #666; }
	.zalo-modal-box .zalo-x { position: absolute; top: 10px; right: 14px; cursor: pointer; font-size: 22px; color: #aaa; line-height: 1; }
	.zalo-modal-box .zalo-x:hover { color: #d33; }