/* start fixing Sidebar */
@media (min-width: 1200px) {
	.wrapper {
		transition: padding-left ease !important;
		padding-top: 75px !important;
		padding-left: 330px !important;
	}

	.aside {
		position: fixed !important;
		top: 105px !important;
		bottom: 30px !important;
		left: 30px !important;
		z-index: 100 !important;
		overflow: hidden !important;
		width: 300px !important;
		border-radius: 1.75rem !important;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: none;
		padding: 0 30px;
	}
}

@media (max-width: 1199.98px) {
	.wrapper {
		transition: unset;
		padding-top: 60px;
		padding-left: unset;
	}

	.aside {
		position: fixed;
		top: unset;
		bottom: unset;
		left: unset;
		z-index: unset;
		overflow: unset;
		width: 300px;
		border-radius: unset;
	}

	.aside .aside-logo {
		display: none;
	}
}

@media (min-width: 992px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: none;
	}
}

@media (max-width: 991.98px) {
	.wrapper {
		transition: unset;
		padding-top: 60px;
		padding-left: unset;
	}

	.container,
	.container-fluid,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: none;
	}
}

/* end Sidebar */

/* Memperbaiki trouble metronic & moodle */
:root {
	--bg-kla: #481969;
	--bg-kla-2: #391B4F;
	--bg-kla-dark: #291836;
	--bg-kla-secondary: #FFC50A;
	--bg-kla-secondary-2: #FCC81B;
	--bg-kla-secondary-dark: #DDB226;

	--bg-kla-active: #6633aa;
}

.bg-kla {
	background-color: var(--bg-kla) !important;
}

.bg-kla.active {
	background-color: var(--bg-kla-active) !important;
}

.bg-kla-secondary {
	background-color: var(--bg-kla-secondary) !important;
}

.bg-kla2 {
	background-color: var(--bg-kla-2) !important;
}

.bg-kla-secondary2 {
	background-color: var(--bg-kla-secondary-2) !important;
}

.bg-kla-dark {
	background-color: var(--bg-kla-dark) !important;
}

.bg-kla-secondary-dark {
	background-color: var(--bg-kla-secondary-dark) !important;
}

.header.header-bg {
	z-index: 1001;
	background-color: var(--bg-kla-secondary) !important;
	background-image: none !important;
}

.btn-xs {
	--bs-btn-padding-y: 0.325rem;
	--bs-btn-padding-x: 1.15rem;
	--bs-btn-font-size: 0.85rem;
}

.btn.btn-icon.btn-xs {
	height: calc(1.5em + 0.65rem + 2px);
	width: calc(1.5em + 0.65rem + 2px)
}

th.c0 {
	left: 0;
	position: unset !important;
	z-index: 1;
}

.app-content .app-content-menu {
	border-radius: 30px 30px 0px 0px;
}

/* Search Highlight */
.highlight {
	background: var(--bs-gray-300);
	border-radius: 0;
	padding: 0;
}

/* Dropdown */
.dropdown-toggle::after {
	font-size: inherit;
	width: fit-content;
}

.dropdown-item[aria-current="true"]:before,
.dropdown-item[aria-selected="true"]:before {
	content: unset !important;
	position: inherit;
	left: 0;
	margin-left: .75em;
	margin-right: .75em;
}

.dropdown-item[aria-current=true],
.dropdown-item[aria-selected=true] {
	color: var(--bs-dropdown-link-active-color);
	background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown ul.dropdown-menu {
	transform: translate(0px, 40px) !important;
}

/* Category Course */
.course_category_tree .category.with_children.collapsed>.info>.categoryname {
	background-image: none !important;
}

.course_category_tree .category.with_children>.info>.categoryname {
	background-image: none !important;
}

/* Form */
.form-control {
	min-height: calc(1.5em + 1.1rem + 2px) !important;
	padding: .55rem .75rem !important;
	font-size: .95rem !important;
	border-radius: .45rem !important;
}

.simplesearchform input {
	border-top-left-radius: .45rem !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: .45rem !important;
	border-bottom-right-radius: 0 !important;
}

/* Table */
table {
	display: block !important;
	width: 100% !important;
	overflow-x: auto !important;
	padding: 0 !important;
}

.table-bordered {
	border: 0;
}

.userlist table#participants {
	margin-top: .75em;
}

.userlist table#participants th.header.c1 {
	align-items: center !important;
	column-gap: .2em;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

/* Lain-lain */
.aside {
	z-index: 1002 !important;
}

.commands {
	width: 100%;
}

.card-header {
	z-index: 1;
}

.position-unset
{
	position: unset !important;
}

.z-1 {
	z-index: 1 !important;
}

.z-2 {
	z-index: 2 !important;
}

.z-3 {
	z-index: 3 !important;
}

.z-100 {
	z-index: 100 !important;
}

/* Width Control */
.w-95 {
	width: 95% !important;
}

.w-90 {
	width: 90% !important;
}

.w-80 {
	width: 80% !important;
}

.w-70 {
	width: 70% !important;
}

.w-60 {
	width: 60% !important;
}


/* Notification Control */
.badge-unread {
	display: none;
}

.badge-unread.unread {
	display: block;
}

.content-item-container:hover {
	color: #000;
	background-color: var(--bs-gray-300);
}

.content-item-container.unread:hover {
	color: #000;
	background-color: var(--bs-gray-300);
}

.content-item-container.selected {
	color: #000;
	background-color: var(--bs-gray-400);
}