html {
	box-sizing: border-box;
	min-height: 100%;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	max-width: 100% !important;
	background-color: #06113f !important;
}

html body {
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: visible !important;
	overflow-y: visible !important;
	max-width: 100% !important;
	background-color: #eef2f8 !important;
	background-image: linear-gradient(
		180deg,
		#f0f4fb 0%,
		#f8fafc 40%,
		#eef2f8 100%
	) !important;
	background-attachment: scroll !important;
}

html body.homepage {
	background-color: #eef2f8 !important;
	background-image: linear-gradient(
		180deg,
		#f0f4fb 0%,
		#f8fafc 40%,
		#eef2f8 100%
	) !important;
}

body.homepage #page-shift-shell {
	margin-bottom: 0;
	padding-bottom: 0;
}

body.homepage #footer.ppid-footer {
	margin-bottom: 0;
}

#wrapper.ppid-nav-enhanced {
	max-width: 100% !important;
}

#wrapper.ppid-nav-enhanced #page-wrapper {
	background-color: transparent !important;
	border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-sizing: border-box;
}

.ppid-admin-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}

.ppid-admin-bg::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background:
		radial-gradient(
			ellipse at 20% 50%,
			rgba(49, 130, 206, 0.08) 0%,
			transparent 50%
		),
		radial-gradient(
			ellipse at 80% 20%,
			rgba(49, 151, 149, 0.06) 0%,
			transparent 50%
		),
		radial-gradient(
			ellipse at 60% 80%,
			rgba(128, 90, 213, 0.05) 0%,
			transparent 50%
		);
	animation: ppidBgShift 20s ease-in-out infinite alternate;
}

@keyframes ppidBgShift {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}
	100% {
		transform: translate(-3%, -3%) rotate(2deg);
	}
}

.ppid-admin-bg-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	opacity: 0.4;
	animation: ppidOrbFloat 15s ease-in-out infinite;
}

.ppid-admin-bg-orb:nth-child(1) {
	width: 400px;
	height: 400px;
	background: rgba(49, 130, 206, 0.15);
	top: -100px;
	right: -100px;
	animation-delay: 0s;
	animation-duration: 18s;
}

.ppid-admin-bg-orb:nth-child(2) {
	width: 300px;
	height: 300px;
	background: rgba(49, 151, 149, 0.12);
	bottom: -80px;
	left: -80px;
	animation-delay: -5s;
	animation-duration: 22s;
}

.ppid-admin-bg-orb:nth-child(3) {
	width: 200px;
	height: 200px;
	background: rgba(128, 90, 213, 0.1);
	top: 50%;
	left: 60%;
	animation-delay: -10s;
	animation-duration: 16s;
}

@keyframes ppidOrbFloat {
	0%,
	100% {
		transform: translate(0, 0) scale(1);
	}
	25% {
		transform: translate(30px, -20px) scale(1.05);
	}
	50% {
		transform: translate(-20px, 30px) scale(0.95);
	}
	75% {
		transform: translate(15px, 15px) scale(1.02);
	}
}

.ppid-admin-bg-grid {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
	background-size: 60px 60px;
}

footer.footer.cus-footer,
.footer.cus-footer {
	background: rgba(12, 25, 41, 0.85) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#wrapper.ppid-nav-enhanced {
	--ppid-teal-deep: #0a1628;
	--ppid-teal-base: #0d1f3c;
	--ppid-teal-mid: #132a4a;
	--ppid-teal-hover: #1a365d;
	--ppid-teal-glow: rgba(19, 42, 74, 0.45);
	--ppid-orange: #f89c49;
	--ppid-orange-soft: rgba(248, 156, 73, 0.35);
	--ppid-nav-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--ppid-nav-fast: 0.18s;
	--ppid-nav-med: 0.28s;
	--ppid-sidebar-w: 240px;
	--ppid-sidebar-w-collapsed: 62px;
}

#wrapper.ppid-nav-enhanced > nav.navbar-static-top {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
	transition: box-shadow var(--ppid-nav-med) var(--ppid-nav-ease);
}

#wrapper.ppid-nav-enhanced .navbar-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

#wrapper.ppid-nav-enhanced .navbar-header .ppid-nav-brand-block {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 0 6px 8px;
}

#wrapper.ppid-nav-enhanced .navbar-header img {
	padding: 8px 10px !important;
	transition: transform var(--ppid-nav-med) var(--ppid-nav-ease);
}

#wrapper.ppid-nav-enhanced .navbar-header img:hover {
	transform: scale(1.03);
}

#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-left: 4px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	transition:
		background var(--ppid-nav-fast),
		border-color var(--ppid-nav-fast),
		transform var(--ppid-nav-fast),
		color var(--ppid-nav-fast);
}

#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle:hover {
	background: rgba(255, 255, 255, 0.14);
	border-color: var(--ppid-orange);
	color: var(--ppid-orange);
	transform: scale(1.05);
}

#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle i {
	transition: transform var(--ppid-nav-med) var(--ppid-nav-ease);
}

#wrapper.ppid-sidebar-collapsed .ppid-sidebar-toggle i {
	transform: rotate(180deg);
}

@media (max-width: 767px) {
	#wrapper.ppid-nav-enhanced
		.ppid-sidebar-toggle
		i.fa-angle-double-left::before {
		content: "\f0c9";
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.ppid-sidebar-toggle
		i.fa-angle-double-left::before {
		content: "\f00d";
	}
}

@media (min-width: 768px) {
	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle {
		display: inline-flex;
	}
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar {
	box-shadow: 2px 0 16px rgba(0, 0, 0, 0.1);

	background:
		linear-gradient(
			180deg,
			var(--ppid-teal-base) 0%,
			var(--ppid-teal-deep) 100%
		),
		var(--ppid-teal-deep) !important;
	transition:
		width var(--ppid-nav-med) var(--ppid-nav-ease),
		min-width var(--ppid-nav-med) var(--ppid-nav-ease);
}

@media (min-width: 768px) {
	#wrapper.ppid-nav-enhanced .navbar-default.sidebar {
		width: var(--ppid-sidebar-w) !important;
		position: absolute !important;
		top: 120px !important;
		bottom: auto !important;
		left: auto !important;
		z-index: 1;
		overflow: visible;
	}

	#wrapper.ppid-nav-enhanced .sidebar-nav.navbar-collapse {
		width: var(--ppid-sidebar-w) !important;
		background: transparent !important;
	}

	#wrapper.ppid-nav-enhanced #page-wrapper {
		margin-left: var(--ppid-sidebar-w) !important;
	}
}

#wrapper.ppid-nav-enhanced .navbar-default .sidebar ul li {
	border-bottom: none !important;
}

#wrapper.ppid-nav-enhanced .sidebar .ppid-nav-section {
	border-bottom: none !important;
}

#wrapper.ppid-nav-enhanced .sidebar .ppid-nav-section-label {
	display: block;
	padding: 16px 16px 6px 16px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.38);
	pointer-events: none;
	user-select: none;
	line-height: 1;
}

#wrapper.ppid-nav-enhanced .sidebar .ppid-nav-section-label::before {
	content: "";
	display: block;
	margin-bottom: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#wrapper.ppid-nav-enhanced
	.sidebar
	li:first-child
	.ppid-nav-section-label::before,
#wrapper.ppid-nav-enhanced
	.sidebar
	.sidebar-search
	+ li
	.ppid-nav-section-label::before {
	display: none;
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a {
	position: relative;
	padding: 10px 14px 10px 16px !important;
	margin: 2px 8px;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.4;
	white-space: normal;
	color: rgba(255, 255, 255, 0.88);
	transition:
		background var(--ppid-nav-fast) var(--ppid-nav-ease),
		color var(--ppid-nav-fast),
		box-shadow var(--ppid-nav-fast),
		transform var(--ppid-nav-fast);
	overflow: hidden;
	display: flex !important;
	align-items: center;
	gap: 0;
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) scaleY(0);
	width: 3px;
	height: 0;
	border-radius: 0 3px 3px 0;
	background: var(--ppid-orange);
	transition:
		height var(--ppid-nav-med) var(--ppid-nav-ease),
		transform var(--ppid-nav-med) var(--ppid-nav-ease);
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a:hover {
	background: rgba(255, 255, 255, 0.07) !important;
	color: #fff !important;
	transform: translateX(2px);
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a:hover::before {
	height: 55%;
	transform: translateY(-50%) scaleY(1);
}

#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a:hover
	> i.fa-fw:first-of-type,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a:hover
	> i.fa:first-child,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a:hover
	> i.fa-solid:first-child {
	color: var(--ppid-orange);
	transform: scale(1.1);
}

#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a
	> i.fa-fw:first-of-type,
#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a > i.fa:first-child,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a
	> i.fa-solid:first-child {
	transition:
		color var(--ppid-nav-fast),
		transform var(--ppid-nav-fast) var(--ppid-nav-ease);
	margin-right: 10px !important;
	width: 1.2em !important;
	text-align: center;
	font-size: 14px;
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a.active,
#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li.active > a {
	background: linear-gradient(
		90deg,
		rgba(248, 156, 73, 0.16),
		rgba(255, 255, 255, 0.04)
	) !important;
	color: var(--ppid-orange) !important;
	box-shadow: 0 0 0 1px rgba(248, 156, 73, 0.2);
}

#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a.active::before,
#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li.active > a::before {
	height: 65%;
	transform: translateY(-50%) scaleY(1);
}

#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a.active
	> i.fa-fw:first-of-type,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li
	a.active
	> i.fa:first-child,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li.active
	> a
	> i.fa-fw:first-of-type,
#wrapper.ppid-nav-enhanced
	.navbar-default.sidebar
	ul
	li.active
	> a
	> i.fa:first-child {
	color: var(--ppid-orange) !important;
	filter: drop-shadow(0 0 6px var(--ppid-orange-soft));
}

#wrapper.ppid-nav-enhanced .sidebar .fa.arrow {
	float: none;
	margin-left: auto;
	margin-top: 0;
	opacity: 0.65;
	font-size: 13px;
	line-height: 1;
	flex-shrink: 0;
	transition:
		opacity var(--ppid-nav-fast),
		transform var(--ppid-nav-med) var(--ppid-nav-ease);
	color: rgba(255, 255, 255, 0.7) !important;
}

#wrapper.ppid-nav-enhanced .sidebar li.active > a > .fa.arrow {
	opacity: 1;
	transform: rotate(-90deg);
	color: var(--ppid-orange) !important;
}

#wrapper.ppid-nav-enhanced .sidebar li a:hover > .fa.arrow {
	opacity: 1;
	color: #fff !important;
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level {
	padding: 4px 0 6px 0;
	background: rgba(0, 0, 0, 0.12);
	border-radius: 0 0 8px 8px;
	margin: 0 8px 2px 8px;
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a {
	margin: 2px 6px 2px 10px !important;
	padding: 8px 12px 8px 18px !important;
	font-size: 12.5px;
	border-radius: 6px;
	color: rgba(255, 255, 255, 0.88) !important;
	background: transparent !important;
	transition:
		background var(--ppid-nav-fast) var(--ppid-nav-ease),
		color var(--ppid-nav-fast),
		transform var(--ppid-nav-fast);
	display: flex !important;
	align-items: center;
}

#wrapper.ppid-nav-enhanced .sidebar li.active > .nav-second-level > li > a {
	opacity: 0.95;
	animation: ppid-nav-sub-in 0.3s var(--ppid-nav-ease) both;
}

@keyframes ppid-nav-sub-in {
	from {
		opacity: 0;
		transform: translateX(-6px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a:hover {
	background: rgba(255, 255, 255, 0.08) !important;
	color: #fff !important;
	transform: translateX(2px);
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a.active,
#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li.active > a {
	background: linear-gradient(
		90deg,
		rgba(248, 156, 73, 0.16),
		rgba(255, 255, 255, 0.04)
	) !important;
	color: var(--ppid-orange) !important;
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a > i.fa-fw,
#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a > i.fa,
#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a > i.fa-solid {
	color: rgba(255, 255, 255, 0.7) !important;
	margin-right: 8px !important;
	width: 1.2em !important;
	text-align: center;
	font-size: 12px;
	transition: color var(--ppid-nav-fast);
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a:hover > i.fa-fw,
#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a:hover > i.fa,
#wrapper.ppid-nav-enhanced
	.sidebar
	.nav-second-level
	> li
	> a:hover
	> i.fa-solid {
	color: var(--ppid-orange) !important;
}

#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a.active > i.fa-fw,
#wrapper.ppid-nav-enhanced
	.sidebar
	.nav-second-level
	> li.active
	> a
	> i.fa-fw {
	color: var(--ppid-orange) !important;
}

#wrapper.ppid-nav-enhanced .sidebar .badge {
	font-weight: 700;
	font-size: 10.5px;
	min-width: 1.5em;
	padding: 3px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12) !important;
	color: #fff !important;
	box-shadow: none;
	vertical-align: middle;
	margin-left: auto;
	flex-shrink: 0;
	transition:
		transform var(--ppid-nav-fast),
		background var(--ppid-nav-fast);
}

#wrapper.ppid-nav-enhanced .sidebar .badge + .fa.arrow {
	margin-left: 8px;
}

#wrapper.ppid-nav-enhanced .sidebar .badge.badge--live {
	background: linear-gradient(145deg, #e85d4c, #c0392b) !important;
	animation: ppid-badge-pulse 2.5s ease-in-out infinite;
}

@keyframes ppid-badge-pulse {
	0%,
	100% {
		box-shadow: 0 0 0 0 rgba(232, 93, 76, 0.4);
		transform: scale(1);
	}

	50% {
		box-shadow: 0 0 0 5px rgba(232, 93, 76, 0);
		transform: scale(1.06);
	}
}

#wrapper.ppid-nav-enhanced .sidebar a:hover .badge {
	transform: scale(1.06);
}

@media (min-width: 768px) {
	body.ppid-sidebar-collapsed #wrapper .navbar-default.sidebar,
	body.ppid-sidebar-collapsed #wrapper .sidebar.navbar-default,
	#wrapper.ppid-sidebar-collapsed .navbar-default.sidebar,
	#wrapper.ppid-sidebar-collapsed .sidebar.navbar-default {
		position: absolute !important;
		top: 120px !important;
		bottom: auto !important;
		left: auto !important;
		width: var(--ppid-sidebar-w-collapsed) !important;
		min-width: var(--ppid-sidebar-w-collapsed) !important;
		max-width: var(--ppid-sidebar-w-collapsed) !important;
		overflow-x: hidden;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
	}

	body.ppid-sidebar-collapsed
		#wrapper
		.navbar-default.sidebar::-webkit-scrollbar,
	#wrapper.ppid-sidebar-collapsed .navbar-default.sidebar::-webkit-scrollbar {
		width: 4px;
	}

	body.ppid-sidebar-collapsed
		#wrapper
		.navbar-default.sidebar::-webkit-scrollbar-thumb,
	#wrapper.ppid-sidebar-collapsed
		.navbar-default.sidebar::-webkit-scrollbar-thumb {
		background: rgba(255, 255, 255, 0.18);
		border-radius: 10px;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .sidebar-nav.navbar-collapse,
	#wrapper.ppid-sidebar-collapsed .sidebar .sidebar-nav.navbar-collapse {
		width: 100% !important;
		max-width: var(--ppid-sidebar-w-collapsed) !important;
		min-width: 0 !important;
		padding: 8px 6px 16px !important;
	}

	body.ppid-sidebar-collapsed #wrapper #page-wrapper,
	#wrapper.ppid-sidebar-collapsed #page-wrapper {
		margin-left: var(--ppid-sidebar-w-collapsed) !important;
		transition: margin-left var(--ppid-nav-med) var(--ppid-nav-ease);
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .ppid-nav-section-label,
	#wrapper.ppid-sidebar-collapsed .sidebar .ppid-nav-section-label {
		display: none !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .ppid-nav-section,
	#wrapper.ppid-sidebar-collapsed .sidebar .ppid-nav-section {
		margin: 0 8px;
		padding: 4px 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li {
		border-bottom: none !important;
		margin: 0 0 2px 0 !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a {
		font-size: 0 !important;
		line-height: 0 !important;
		min-height: 0;
		padding: 0 !important;
		margin: 0 6px !important;
		width: 44px;
		height: 44px;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 10px !important;
		transform: none !important;
		background: transparent !important;
		box-shadow: none !important;
		transition: background 0.15s var(--ppid-nav-ease);
		overflow: visible;
		position: relative;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a:hover,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a:hover {
		transform: none !important;
		background: rgba(255, 255, 255, 0.1) !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a::before,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a::before {
		display: none !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a.active,
	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li.active > a,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a.active,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li.active > a {
		background: rgba(248, 156, 73, 0.18) !important;
		box-shadow: none !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a > i:first-child,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a > i:first-child {
		font-size: 18px !important;
		line-height: 1 !important;
		margin: 0 !important;
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: rgba(255, 255, 255, 0.85) !important;
		flex-shrink: 0 !important;
	}

	body.ppid-sidebar-collapsed
		#wrapper
		.sidebar
		ul.nav
		> li
		> a.active
		> i:first-child,
	body.ppid-sidebar-collapsed
		#wrapper
		.sidebar
		ul.nav
		> li.active
		> a
		> i:first-child,
	#wrapper.ppid-sidebar-collapsed
		.sidebar
		ul.nav
		> li
		> a.active
		> i:first-child,
	#wrapper.ppid-sidebar-collapsed
		.sidebar
		ul.nav
		> li.active
		> a
		> i:first-child {
		color: var(--ppid-orange) !important;
		filter: drop-shadow(0 0 6px rgba(248, 156, 73, 0.4));
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .ppid-collapsed-chip,
	#wrapper.ppid-sidebar-collapsed .sidebar .ppid-collapsed-chip,
	body.ppid-sidebar-collapsed #wrapper .sidebar .badge,
	body.ppid-sidebar-collapsed #wrapper .sidebar .fa.arrow,
	body.ppid-sidebar-collapsed #wrapper .sidebar ul.nav > li > a > i ~ i,
	#wrapper.ppid-sidebar-collapsed .sidebar .badge,
	#wrapper.ppid-sidebar-collapsed .sidebar .fa.arrow,
	#wrapper.ppid-sidebar-collapsed .sidebar ul.nav > li > a > i ~ i {
		display: none !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level {
		margin: 2px 4px 6px !important;
		padding: 4px 2px 6px !important;
		border-radius: 0 0 8px 8px;
		background: rgba(0, 0, 0, 0.18);
		border-top: 1px solid rgba(255, 255, 255, 0.06);
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level li,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level li {
		border: none !important;
		margin: 0 !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level li a,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level li a {
		font-size: 0 !important;
		padding: 0 !important;
		margin: 2px 4px !important;
		width: 36px;
		height: 36px;
		min-height: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 6px !important;
		background: rgba(255, 255, 255, 0.04);
		color: rgba(255, 255, 255, 0.85) !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level li a:hover,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level li a:hover {
		background: rgba(255, 255, 255, 0.12) !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level li a i,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level li a i {
		font-size: 13px !important;
		display: inline-flex !important;
		margin: 0 !important;
	}

	body.ppid-sidebar-collapsed #wrapper .sidebar .nav-second-level li a .badge,
	#wrapper.ppid-sidebar-collapsed .sidebar .nav-second-level li a .badge {
		display: none !important;
	}
}

#page-wrapper {
	transition: margin-left var(--ppid-nav-med) var(--ppid-nav-ease);
	min-height: 120vh !important;
	padding-top: 16px !important;
	padding-bottom: 0px !important;
	box-sizing: border-box;
}

#wrapper.ppid-nav-enhanced .row {
	margin-left: -15px;
	margin-right: -15px;
	max-width: 100%;
}

#wrapper.ppid-nav-enhanced .verify-view-page .verify-panel-strip {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

#wrapper.ppid-nav-enhanced .container-fluid {
	padding-left: 15px;
	padding-right: 15px;
	max-width: 100%;
}

#wrapper.ppid-nav-enhanced .proc-permohonan {
	margin-left: 0 !important;
}

#wrapper.ppid-nav-enhanced .sidebar .reportlampiran li a {
	padding-left: 14px !important;
}

body.admin-ppid-theme .footer.cus-footer {
	background: rgba(12, 25, 41, 0.85) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.footer.cus-footer.ppid-admin-footer {
	box-sizing: border-box;
	background: rgba(12, 25, 41, 0.85) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: 4px 0;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

.ppid-admin-footer__container {
	width: 100%;
	max-width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	margin-left: auto;
	margin-right: auto;
}

.ppid-admin-footer__title {
	color: rgba(255, 255, 255, 0.88) !important;
	font-size: 11px;
	font-weight: 600;
	margin: 0 0 2px;
	line-height: 1.3;
}

.ppid-admin-footer__lines {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	margin: 0;
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 11px;
	line-height: 1.3;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.ppid-admin-footer__line {
	display: block;
	max-width: 100%;
}

.ppid-admin-footer__line a {
	color: rgba(255, 255, 255, 0.85) !important;
	text-decoration: underline;
}

.ppid-admin-footer__line a:hover,
.ppid-admin-footer__line a:focus {
	color: #fff !important;
}

@media (min-width: 768px) {
	.ppid-admin-footer__lines {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 14px;
		row-gap: 2px;
	}

	.ppid-admin-footer__line {
		display: inline;
		max-width: none;
	}

	#wrapper.ppid-nav-enhanced ~ .footer.cus-footer.ppid-admin-footer {
		left: 240px;
	}

	body.ppid-sidebar-collapsed
		#wrapper.ppid-nav-enhanced
		~ .footer.cus-footer.ppid-admin-footer,
	#wrapper.ppid-sidebar-collapsed.ppid-nav-enhanced
		~ .footer.cus-footer.ppid-admin-footer {
		left: 62px;
	}
}

@media (min-width: 768px) {
	#wrapper.ppid-nav-enhanced::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		width: var(--ppid-sidebar-w);
		height: 100vh;
		background: linear-gradient(180deg, #0d1f3c 0%, #0a1628 100%);
		z-index: 0;
		pointer-events: none;
	}

	#wrapper.ppid-sidebar-collapsed.ppid-nav-enhanced::before {
		width: var(--ppid-sidebar-w-collapsed);
	}
}

#wrapper.ppid-nav-enhanced .panel {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

#wrapper.ppid-nav-enhanced .panel-heading {
	background: linear-gradient(
		135deg,
		rgba(49, 130, 206, 0.25) 0%,
		rgba(49, 151, 149, 0.15) 100%
	);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px 12px 0 0;
	color: #fff;
}

#wrapper.ppid-nav-enhanced .panel-footer {
	background: rgba(0, 0, 0, 0.15);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0 0 12px 12px;
	color: rgba(255, 255, 255, 0.85);
}

#wrapper.ppid-nav-enhanced .panel-primary {
	border-color: rgba(49, 130, 206, 0.4);
}
#wrapper.ppid-nav-enhanced .panel-primary > .panel-heading {
	background: linear-gradient(
		135deg,
		rgba(49, 130, 206, 0.4) 0%,
		rgba(49, 151, 149, 0.25) 100%
	);
	border-color: rgba(49, 130, 206, 0.3);
	color: #fff;
}

#wrapper.ppid-nav-enhanced .panel-green {
	border-color: rgba(72, 187, 120, 0.4);
}
#wrapper.ppid-nav-enhanced .panel-green > .panel-heading {
	background: linear-gradient(
		135deg,
		rgba(72, 187, 120, 0.4) 0%,
		rgba(56, 161, 105, 0.25) 100%
	);
	border-color: rgba(72, 187, 120, 0.3);
	color: #fff;
}

#wrapper.ppid-nav-enhanced .panel-red {
	border-color: rgba(229, 62, 62, 0.4);
}
#wrapper.ppid-nav-enhanced .panel-red > .panel-heading {
	background: linear-gradient(
		135deg,
		rgba(229, 62, 62, 0.4) 0%,
		rgba(197, 48, 48, 0.25) 100%
	);
	border-color: rgba(229, 62, 62, 0.3);
	color: #fff;
}

#wrapper.ppid-nav-enhanced .panel-yellow {
	border-color: rgba(237, 137, 54, 0.4);
}
#wrapper.ppid-nav-enhanced .panel-yellow > .panel-heading {
	background: linear-gradient(
		135deg,
		rgba(237, 137, 54, 0.4) 0%,
		rgba(221, 107, 32, 0.25) 100%
	);
	border-color: rgba(237, 137, 54, 0.3);
	color: #fff;
}

#wrapper.ppid-nav-enhanced .huge {
	color: #fff;
}

#wrapper.ppid-nav-enhanced .panel a {
	color: #63b3ed;
}

#wrapper.ppid-nav-enhanced .panel a:hover {
	color: #90cdf4;
}

#wrapper.ppid-nav-enhanced .table {
	color: rgba(255, 255, 255, 0.9);
}

#wrapper.ppid-nav-enhanced .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.03);
}

#wrapper.ppid-nav-enhanced .table-hover > tbody > tr:hover {
	background-color: rgba(255, 255, 255, 0.06);
}

#wrapper.ppid-nav-enhanced .form-control {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e2e8f0;
	color: #1e293b;
	-webkit-text-fill-color: #1e293b;
}

#wrapper.ppid-nav-enhanced .form-control::placeholder {
	color: #718096;
	opacity: 1;
}

#wrapper.ppid-nav-enhanced .form-control:focus {
	background: #ffffff;
	background-image: none;
	border-color: #3182ce;
	box-shadow: 0 0 0 0.2rem rgba(49, 130, 206, 0.15);
	color: #1e293b;
	-webkit-text-fill-color: #1e293b;
}

#wrapper.ppid-nav-enhanced .form-control:-webkit-autofill,
#wrapper.ppid-nav-enhanced .form-control:-webkit-autofill:hover,
#wrapper.ppid-nav-enhanced .form-control:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	-webkit-text-fill-color: #1e293b !important;
	transition: background-color 5000s ease-in-out 0s;
}

@media (max-width: 767px) {
	#wrapper.ppid-nav-enhanced {
		padding: 0;
	}

	#wrapper.ppid-nav-enhanced .row {
		margin-left: -10px !important;
		margin-right: -10px !important;
		width: auto !important;
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced .dataTables_wrapper .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced .dataTables_wrapper .row > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	#wrapper.ppid-nav-enhanced #page-wrapper > * {
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced #page-wrapper {
		margin-left: 0 !important;
		padding: 10px !important;
		min-height: auto;
		width: 100% !important;
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced > nav.navbar-static-top {
		position: sticky;
		top: 0;
		z-index: 1040;
		min-height: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none;
		background: linear-gradient(135deg, #0a1628, #0d1f3c) !important;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
	}

	#wrapper.ppid-nav-enhanced .navbar-header {
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: center;
		width: 100%;
		padding: 0;
	}

	#wrapper.ppid-nav-enhanced .navbar-header > .navbar-toggle {
		display: none !important;
	}

	#wrapper.ppid-nav-enhanced .navbar-header .ppid-nav-brand-block {
		display: flex;
		align-items: center;
		gap: 0;
		width: 100%;
		padding: 6px 12px;
		margin-left: 0;
	}

	#wrapper.ppid-nav-enhanced .navbar-header .ppid-nav-brand-block img {
		margin-left: auto;
		padding: 4px 0 !important;
		max-height: 36px;
		width: auto;
	}

	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		flex-shrink: 0;
		order: -1;
		margin: 0;
		border-radius: 12px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: rgba(255, 255, 255, 0.05);
		color: rgba(255, 255, 255, 0.85);
		font-size: 16px;
		cursor: pointer;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
		z-index: 1050;
	}

	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle:active {
		transform: scale(0.88);
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open .ppid-sidebar-toggle {
		background: rgba(248, 156, 73, 0.15);
		border-color: rgba(248, 156, 73, 0.45);
		box-shadow: 0 0 24px rgba(248, 156, 73, 0.12);
	}

	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle i {
		transition:
			transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
			color 0.3s;
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open .ppid-sidebar-toggle i {
		transform: rotate(180deg);
		color: var(--ppid-orange);
	}

	#wrapper.ppid-nav-enhanced .nav.navbar-top-links.navbar-right {
		position: fixed !important;
		top: var(--ppid-mobile-nav-height, 54px) !important;
		left: 0 !important;
		right: 0 !important;

		z-index: 1041;
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		flex-wrap: nowrap;
		padding: 10px 16px !important;
		margin: 0 !important;
		width: 100% !important;
		float: none !important;
		background: linear-gradient(
			135deg,
			rgba(19, 42, 74, 0.97),
			rgba(13, 31, 60, 0.97)
		) !important;
		border-bottom: 1px solid rgba(248, 156, 73, 0.12);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		opacity: 0;
		transform: translateY(-8px);
		pointer-events: none;
		transition:
			opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.05s,
			transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.nav.navbar-top-links.navbar-right {
		opacity: 1;
		transform: translateY(0);
		pointer-events: auto;
	}

	#wrapper.ppid-nav-enhanced .nav.navbar-top-links.navbar-right > li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		gap: 10px;
	}

	#wrapper.ppid-nav-enhanced .signname {
		order: 1;
		flex: 1;
		min-width: 0;
	}

	#wrapper.ppid-nav-enhanced .signname .navbar-brand.font-orange {
		display: flex;
		align-items: center;
		gap: 0;
		font-size: 13px;
		font-weight: 700;
		padding: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		float: none !important;
		line-height: 1;
		letter-spacing: 0.01em;
	}

	#wrapper.ppid-nav-enhanced .signout {
		order: 2;
		flex-shrink: 0;
		float: none !important;
	}

	#wrapper.ppid-nav-enhanced .signout a {
		display: inline-flex;
		align-items: center;
		gap: 4px;
		font-size: 11px;
		font-weight: 600;
		padding: 6px 14px;
		border-radius: 20px;
		border: 1px solid rgba(229, 62, 62, 0.3);
		background: rgba(229, 62, 62, 0.1);
		color: #fc8181;
		text-decoration: none;
		white-space: nowrap;
		transition: all 0.25s ease;
		letter-spacing: 0.02em;
	}

	#wrapper.ppid-nav-enhanced .signout a:hover,
	#wrapper.ppid-nav-enhanced .signout a:active {
		background: rgba(229, 62, 62, 0.25);
		border-color: rgba(229, 62, 62, 0.5);
		color: #fff;
		transform: scale(0.96);
	}

	#wrapper.ppid-nav-enhanced .notifshow {
		display: none;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar {
		position: fixed !important;
		top: var(--ppid-mobile-nav-height, 54px) !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-height: 0;
		height: auto !important;
		z-index: 1035 !important;
		overflow: hidden;
		transition:
			max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
			opacity 0.3s ease,
			box-shadow 0.4s ease;
		opacity: 0;
		box-shadow: none;
		background: linear-gradient(180deg, #0d1f3c 0%, #0a1628 100%) !important;
		border-bottom: 2px solid transparent;
	}

	#wrapper.ppid-nav-enhanced
		.navbar-default.sidebar
		.sidebar-nav.navbar-collapse,
	#wrapper.ppid-nav-enhanced
		.navbar-default.sidebar
		.sidebar-nav.navbar-collapse.collapse {
		display: block !important;
		visibility: visible !important;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
		background: transparent !important;
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open .navbar-default.sidebar {
		z-index: 1035 !important;
		top: calc(
			var(--ppid-mobile-nav-height, 54px) +
				var(--ppid-mobile-user-strip-height, 0px)
		) !important;
		max-height: calc(
			100vh - var(--ppid-mobile-nav-height, 54px) -
				var(--ppid-mobile-user-strip-height, 0px)
		);
		opacity: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
		border-bottom: 2px solid rgba(248, 156, 73, 0.2);
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar::-webkit-scrollbar {
		width: 3px;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar::-webkit-scrollbar-track {
		background: transparent;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar::-webkit-scrollbar-thumb {
		background: rgba(248, 156, 73, 0.25);
		border-radius: 3px;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul#side-menu {
		padding: 14px 10px 28px 10px !important;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a {
		padding: 12px 14px 12px 16px !important;
		font-size: 14px;
		font-weight: 500;
		color: rgba(255, 255, 255, 0.88) !important;
		border-radius: 10px !important;
		margin: 2px 4px !important;
		transition:
			background 0.2s ease,
			transform 0.15s ease;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a:active {
		transform: scale(0.97);
		background: rgba(255, 255, 255, 0.1) !important;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar ul li a > i:first-child {
		width: 20px !important;
		text-align: center;
		font-size: 15px;
		opacity: 0.7;
	}

	#wrapper.ppid-nav-enhanced
		.navbar-default.sidebar
		ul
		li
		a:hover
		> i:first-child,
	#wrapper.ppid-nav-enhanced
		.navbar-default.sidebar
		ul
		li
		a.active
		> i:first-child,
	#wrapper.ppid-nav-enhanced
		.navbar-default.sidebar
		ul
		li.active
		> a
		> i:first-child {
		opacity: 1;
		color: var(--ppid-orange) !important;
	}

	#wrapper.ppid-nav-enhanced .sidebar .ppid-nav-section-label {
		padding: 16px 16px 6px;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.12em;
		color: rgba(248, 156, 73, 0.55);
	}

	#wrapper.ppid-nav-enhanced .sidebar .ppid-nav-section-label::before {
		border-top: 1px solid rgba(255, 255, 255, 0.05);
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar .badge {
		font-size: 10px;
		padding: 2px 7px;
		border-radius: 99px;
		background: rgba(248, 156, 73, 0.18) !important;
		color: var(--ppid-orange) !important;
	}

	#wrapper.ppid-nav-enhanced .navbar-default.sidebar .badge.badge--live {
		background: linear-gradient(145deg, #e85d4c, #c0392b) !important;
		color: #fff !important;
	}

	#wrapper.ppid-nav-enhanced .sidebar .nav-second-level {
		margin: 0 4px 4px !important;
		padding: 4px 0 6px !important;
		background: rgba(0, 0, 0, 0.12);
		border-radius: 0 0 10px 10px !important;
	}

	#wrapper.ppid-nav-enhanced .sidebar .nav-second-level > li > a {
		padding: 10px 14px 10px 26px !important;
		font-size: 13px !important;
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li {
		animation: ppid-mob-in 0.35s cubic-bezier(0.16, 1, 0.3, 1) both;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(1) {
		animation-delay: 0.03s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(2) {
		animation-delay: 0.06s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(3) {
		animation-delay: 0.09s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(4) {
		animation-delay: 0.12s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(5) {
		animation-delay: 0.15s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(6) {
		animation-delay: 0.18s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(7) {
		animation-delay: 0.21s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(8) {
		animation-delay: 0.24s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(9) {
		animation-delay: 0.27s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(10) {
		animation-delay: 0.3s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(11) {
		animation-delay: 0.33s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(12) {
		animation-delay: 0.36s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(13) {
		animation-delay: 0.39s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(14) {
		animation-delay: 0.42s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(15) {
		animation-delay: 0.45s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(16) {
		animation-delay: 0.48s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(17) {
		animation-delay: 0.51s;
	}
	#wrapper.ppid-nav-enhanced.mobile-menu-open
		.navbar-default.sidebar
		ul#side-menu
		> li:nth-child(18) {
		animation-delay: 0.54s;
	}

	@keyframes ppid-mob-in {
		from {
			opacity: 0;
			transform: translateY(-12px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	#wrapper.ppid-nav-enhanced .ppid-mobile-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		backdrop-filter: blur(0);
		-webkit-backdrop-filter: blur(0);
		z-index: 1030;
		pointer-events: none;
		transition:
			background 0.4s ease,
			backdrop-filter 0.4s ease,
			-webkit-backdrop-filter 0.4s ease;
	}

	#wrapper.ppid-nav-enhanced.mobile-menu-open .ppid-mobile-overlay {
		background: rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		pointer-events: auto;
	}

	#wrapper.ppid-nav-enhanced.sidebar-open::after {
		display: none !important;
	}

	#wrapper.ppid-nav-enhanced .panel {
		margin-bottom: 15px;
	}

	#wrapper.ppid-nav-enhanced .huge {
		font-size: 28px;
	}

	#wrapper.ppid-nav-enhanced .table-responsive {
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 8px;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.footer.cus-footer.ppid-admin-footer {
		position: relative;
		left: 0 !important;
		padding: 12px;
	}

	#wrapper.ppid-nav-enhanced ~ .footer.cus-footer.ppid-admin-footer {
		left: 0;
	}

	#wrapper.ppid-nav-enhanced .row .col-lg-3,
	#wrapper.ppid-nav-enhanced .row .col-lg-4,
	#wrapper.ppid-nav-enhanced .row .col-lg-6,
	#wrapper.ppid-nav-enhanced .row .col-lg-8,
	#wrapper.ppid-nav-enhanced .row .col-lg-12,
	#wrapper.ppid-nav-enhanced .row .col-md-3,
	#wrapper.ppid-nav-enhanced .row .col-md-4,
	#wrapper.ppid-nav-enhanced .row .col-md-6,
	#wrapper.ppid-nav-enhanced .row .col-md-8,
	#wrapper.ppid-nav-enhanced .row .col-md-12 {
		width: 100% !important;
		float: none;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 15px;
	}

	#wrapper.ppid-nav-enhanced .stats-row .col-md-3 {
		width: 50% !important;
		float: left;
	}

	#wrapper.ppid-nav-enhanced img {
		max-width: 100% !important;
		height: auto !important;
	}

	#wrapper.ppid-nav-enhanced table {
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced .btn-group,
	#wrapper.ppid-nav-enhanced .btn {
		width: 100%;
		margin-bottom: 8px;
	}

	#wrapper.ppid-nav-enhanced .form-group {
		margin-bottom: 15px;
	}

	.dip-page-header {
		padding: 18px 20px;
		margin-bottom: 18px;
	}

	.dip-page-header h1,
	.dip-page-header h2 {
		font-size: 18px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#wrapper.ppid-nav-enhanced #page-wrapper {
		margin-left: var(--ppid-sidebar-w) !important;
		padding: 15px !important;
		max-width: calc(100vw - var(--ppid-sidebar-w)) !important;
	}

	#wrapper.ppid-nav-enhanced img {
		max-width: 100% !important;
		height: auto !important;
	}

	#wrapper.ppid-nav-enhanced .row .col-md-3 {
		width: 50% !important;
		float: left;
	}

	#wrapper.ppid-nav-enhanced .row .col-md-6 {
		width: 50% !important;
		float: left;
	}

	#wrapper.ppid-nav-enhanced .row .col-md-8,
	#wrapper.ppid-nav-enhanced .row .col-md-12 {
		width: 100% !important;
		float: none;
	}

	#wrapper.ppid-nav-enhanced .panel {
		margin-bottom: 20px;
	}

	#wrapper.ppid-nav-enhanced .huge {
		font-size: 32px;
	}

	#wrapper.ppid-nav-enhanced .nav.navbar-top-links.navbar-right {
		padding: 8px;
	}

	#wrapper.ppid-nav-enhanced ~ .footer.cus-footer.ppid-admin-footer {
		left: var(--ppid-sidebar-w);
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	#wrapper.ppid-nav-enhanced .stats-row .col-lg-3,
	#wrapper.ppid-nav-enhanced .stats-row .col-md-3 {
		width: 50% !important;
		float: left;
	}

	#wrapper.ppid-nav-enhanced .row .col-sm-6 {
		width: 50% !important;
		float: left;
	}
}

@media (max-width: 575px) {
	#wrapper.ppid-nav-enhanced .row [class*="col-"] {
		width: 100% !important;
		float: none;
		padding-left: 8px;
		padding-right: 8px;
	}

	#wrapper.ppid-nav-enhanced #page-wrapper {
		padding: 8px !important;
	}

	#wrapper.ppid-nav-enhanced img,
	#wrapper.ppid-nav-enhanced iframe,
	#wrapper.ppid-nav-enhanced video {
		max-width: 100% !important;
		height: auto !important;
	}

	#wrapper.ppid-nav-enhanced .navbar-header .ppid-nav-brand-block img {
		max-height: 30px;
	}

	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle {
		width: 38px;
		height: 38px;
	}

	.ppid-admin-footer__title {
		font-size: 10px;
	}

	.ppid-admin-footer__lines {
		font-size: 9px;
	}

	.dip-page-header {
		padding: 12px 15px;
		border-radius: 10px;
	}

	#wrapper.ppid-nav-enhanced .huge {
		font-size: 24px;
	}

	#wrapper.ppid-nav-enhanced .panel-body {
		padding: 12px;
	}

	#wrapper.ppid-nav-enhanced .form-control {
		padding: 10px 12px;
		font-size: 14px;
		min-height: 44px;
	}

	#wrapper.ppid-nav-enhanced .btn {
		padding: 10px 16px;
		min-height: 44px;
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	#wrapper.ppid-nav-enhanced .dataTables_wrapper .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	#wrapper.ppid-nav-enhanced .dataTables_wrapper .row > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}
}

@media print {
	#wrapper.ppid-nav-enhanced .navbar-default.sidebar,
	#wrapper.ppid-nav-enhanced .ppid-sidebar-toggle,
	#wrapper.ppid-nav-enhanced .nav.navbar-top-links,
	.ppid-admin-bg,
	#demo-content {
		display: none !important;
	}

	#wrapper.ppid-nav-enhanced #page-wrapper {
		margin-left: 0 !important;
		padding: 20px !important;
		background: #fff !important;
		color: #000 !important;
	}

	#wrapper.ppid-nav-enhanced .panel {
		background: #fff !important;
		border: 1px solid #ccc !important;
		color: #000 !important;
		break-inside: avoid;
	}

	#wrapper.ppid-nav-enhanced .panel-heading {
		background: #f5f5f5 !important;
		color: #000 !important;
		border-bottom: 1px solid #ccc !important;
	}

	#wrapper.ppid-nav-enhanced .table {
		color: #000 !important;
	}

	#wrapper.ppid-nav-enhanced a[href]:after {
		content: " (" attr(href) ")";
		font-size: 10px;
		color: #666;
	}
}