@media (min-width: 992px) {
	.header-top-area {
		background: #0d6efd !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 0 0 0 200px !important;
	}
	.header-top-area .container-fluid > .row > [class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	.header-top-wraper {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	.header-top-wraper > .row.wmc-header-row,
	.header-top-wraper > .row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
		box-sizing: border-box !important;
	}
	.header-top-wraper > .row.wmc-header-row > [class*="col-"] {
		float: none !important;
		display: flex !important;
		align-items: center !important;
		padding: 0 6px !important;
		max-width: none !important;
	}
	.header-top-wraper > .row.wmc-header-row > .wmc-header-collapse {
		flex: 0 0 auto !important;
		width: auto !important;
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 8px;
	}
	.header-top-menu,
	.header-top-menu .navbar-nav,
	.header-top-menu .navbar-nav.mai-top-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		margin: 0 !important;
		padding: 0 !important;
		float: none !important;
		width: auto !important;
	}
	.header-top-menu .navbar-nav > li {
		display: inline-flex !important;
		width: auto !important;
		float: none !important;
	}
	.header-top-menu .navbar-nav > li > a,
	.header-top-menu .navbar-nav > li > a.nav-link,
	.header-top-menu .navbar-nav > li > a.active,
	.header-top-menu .navbar-nav > li > a.nav-link.active {
		display: inline-flex !important;
		align-items: center !important;
		gap: 6px !important;
		padding: 4px 8px !important;
		margin: 0 !important;
		background: transparent !important;
		color: #fff !important;
		border-radius: 8px;
		line-height: 1.2 !important;
	}
	.header-top-menu .navbar-nav > li > a.active,
	.header-top-menu .navbar-nav > li > a.nav-link.active {
		background: rgba(255,255,255,.18) !important;
	}
	.header-top-menu .menu-label {
		background: none !important;
		padding: 0 !important;
		color: #fff !important;
	}
	.header-top-menu img {
		width: 18px !important;
		height: 18px !important;
		max-width: 18px !important;
		margin: 0 !important;
	}
	.header-top-wraper > .row.wmc-header-row > .wmc-header-mid {
		flex: 1 1 auto !important;
		width: auto !important;
		min-width: 0 !important;
		justify-content: center !important;
	}
	.header-top-wraper > .row.wmc-header-row > .wmc-header-tools {
		flex: 0 0 auto !important;
		width: auto !important;
		margin-left: auto !important;
		justify-content: flex-end !important;
	}
	.clockdate-wrapper {
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;
		float: none !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
	}
	.clockdate-wrapper #clock {
		font-size: 17px !important;
		line-height: 1.2 !important;
		margin: 0 !important;
		font-weight: 600 !important;
	}
	.clockdate-wrapper #date {
		font-size: 13px !important;
		line-height: 1.2 !important;
	}
	.header-top-menu .navbar-nav > li > a {
		padding: 4px 8px !important;
	}
	.bar-button-pro {
		margin: 0 !important;
	}
	.menu-switcher-pro button.header-drl-controller-btn {
		padding: 2px 6px !important;
		margin: 0 !important;
	}
	.header-right-info {
		width: auto !important;
		max-width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}
	.header-right-info .navbar-nav.header-right-menu,
	.header-right-info ul.header-right-menu {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: flex-end !important;
		float: none !important;
		width: auto !important;
		margin: 0 !important;
		padding: 12px 0 !important;
		list-style: none !important;
	}
	.header-right-info ul.header-right-menu > li,
	.header-right-info ul.header-right-menu > li.nav-item {
		display: inline-flex !important;
		float: none !important;
		width: auto !important;
		max-width: none !important;
		flex: 0 0 auto !important;
		align-items: center !important;
	}
	.header-right-info ul.header-right-menu > li > a {
		padding: 2px 8px !important;
		font-size: 14px !important;
		color: #fff !important;
		white-space: nowrap !important;
	}
	.header-right-info .admin-name {
		font-size: 12px !important;
		top: 0 !important;
		color: #fff !important;
	}

	#sidebar.wmc-sidebar {
		background: #f8fafc !important;
		box-shadow: 4px 0 18px rgba(15, 23, 42, 0.05);
		border-right: 1px solid #e2e8f0;
	}
	#sidebar.wmc-sidebar .sidebar-header {
		background: #0d6efd !important;
		background-image: none !important;
		min-height: 40px !important;
		padding: 4px 6px !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center;
		gap: 8px;
		color: #fff !important;
	}
	#sidebar.wmc-sidebar .sidebar-header .navbar-brand {
		margin: 0 !important;
		padding: 0 !important;
	}
	#sidebar.wmc-sidebar .sidebar-header .main-logo {
		width: 32px !important;
		height: 32px !important;
		max-width: 32px !important;
		object-fit: contain !important;
		background: #fff;
		border-radius: 8px;
		padding: 3px;
		margin: 0 !important;
	}
	#sidebar.wmc-sidebar .wmc-sidebar-title {
		display: block;
		color: #fff !important;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .03em;
		text-transform: uppercase;
	}
	#sidebar.wmc-sidebar .left-custom-menu-adp-wrap {
		padding: 10px 8px 24px;
	}
	#sidebar.wmc-sidebar .sidebar-nav,
	#sidebar.wmc-sidebar .sidebar-nav ul,
	#sidebar.wmc-sidebar .sidebar-nav .metismenu {
		background: transparent !important;
	}
	#sidebar.wmc-sidebar .metismenu > li {
		margin: 0 0 4px !important;
		border-radius: 10px;
		overflow: hidden;
		background: #fff;
		box-shadow: none;
		border: 1px solid #e8eef5;
	}
	#sidebar.wmc-sidebar .metismenu > li + li {
		margin-top: 0 !important;
	}
	#sidebar.wmc-sidebar .metismenu > li > a,
	#sidebar.wmc-sidebar .metismenu > li > a span {
		color: #0f172a !important;
	}
	#sidebar.wmc-sidebar .metismenu > li > a {
		display: flex !important;
		align-items: center;
		gap: 8px;
		padding: 9px 11px !important;
		font-size: 13px !important;
		font-weight: 600 !important;
		background: #fff !important;
		border: 0 !important;
		border-radius: 10px;
	}
	#sidebar.wmc-sidebar .metismenu > li > a img {
		width: 18px !important;
		height: 18px !important;
		object-fit: contain;
		flex: 0 0 18px;
	}
	#sidebar.wmc-sidebar .metismenu > li > a:hover,
	#sidebar.wmc-sidebar .metismenu > li > a:focus,
	#sidebar.wmc-sidebar .metismenu > li > a:active,
	#sidebar.wmc-sidebar .metismenu > li > a:hover span,
	#sidebar.wmc-sidebar .metismenu > li > a:focus span,
	#sidebar.wmc-sidebar .metismenu > li > a:active span {
		background: #0d6efd !important;
		color: #fff !important;
	}
	#sidebar.wmc-sidebar .metismenu > li.active > a,
	#sidebar.wmc-sidebar .metismenu > li.active > a:hover,
	#sidebar.wmc-sidebar .metismenu > li.active > a span,
	#sidebar.wmc-sidebar .metismenu > li:has(.useing) > a,
	#sidebar.wmc-sidebar .metismenu > li:has(.useing) > a span,
	#sidebar.wmc-sidebar .metismenu > li:has(.wmc-nav-current) > a,
	#sidebar.wmc-sidebar .metismenu > li:has(.wmc-nav-current) > a span {
		background: #0d6efd !important;
		color: #fff !important;
	}
	#sidebar.wmc-sidebar .metismenu a.has-arrow:after {
		border-color: #64748b !important;
	}
	#sidebar.wmc-sidebar .metismenu > li > a:hover.has-arrow:after,
	#sidebar.wmc-sidebar .metismenu > li.active > a.has-arrow:after {
		border-color: #fff !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle {
		background: #f1f5f9 !important;
		padding: 4px 0 8px !important;
		margin: 0 !important;
		width: 100% !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle > li {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a span {
		color: #0f172a !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 7px 12px 7px 36px !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		background: transparent !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle .useing,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a span {
		background: transparent !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a:hover,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a.wmc-nav-current,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a:has(.useing) {
		color: #fff !important;
		background: #0d6efd !important;
		font-weight: 600 !important;
	}
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a:hover span,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a.wmc-nav-current span,
	#sidebar.wmc-sidebar .metismenu ul.submenu-angle a:has(.useing) span {
		color: #fff !important;
		background: transparent !important;
		font-weight: 600 !important;
	}
	#sidebar.wmc-sidebar.active .metismenu > li > a {
		justify-content: center;
		padding: 10px 8px !important;
	}
}