.brand-almakna {
	gap: 0.75rem;
	text-decoration: none;
}

.nav-header,
.dlabnav {
	background: #009000;
}

.dlabnav .metismenu>li>a,
.dlabnav .metismenu .nav-label,
.dlabnav .copyright,
.dlabnav .copyright p {
	color: rgba(255, 255, 255, 0.86);
}

.dlabnav .metismenu>li.mm-active>a,
.dlabnav .metismenu>li>a:hover,
.dlabnav .metismenu ul a:hover,
.dlabnav .metismenu ul a.mm-active {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.dlabnav .metismenu ul {
	background: rgba(0, 0, 0, 0.09);
}

.dlabnav .metismenu ul a {
	color: rgba(255, 255, 255, 0.78);
}

.header-profile .nav-link {
	align-items: center;
	display: flex;
}

.pagination .page-link {
	align-items: center;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	width: 38px;
	padding: 0.45rem 0.65rem;
}

.pagination .page-item.disabled .page-link {
	cursor: not-allowed;
	opacity: 0.55;
	pointer-events: none;
}

.page-range {
	border: 1px solid #e3e6ef;
	border-radius: 0.35rem;
	min-height: 38px;
	padding: 0.35rem 1.8rem 0.35rem 0.65rem;
}

.picker {
	z-index: 1085;
}

.bootstrap-select .dropdown-menu {
	z-index: 1090;
}

.foto-santri-preview {
	cursor: zoom-in;
	object-fit: cover;
}

.preview-foto,
.foto-thumbnail,
.avatar-tabel {
	cursor: zoom-in;
}

.foto-thumbnail,
.avatar-tabel {
	height: 48px;
	object-fit: cover;
	width: 48px;
}

.foto-preview-area {
	align-items: center;
	background: #f5f6fa;
	border-radius: 0.5rem;
	display: flex;
	height: min(62vh, 560px);
	justify-content: center;
	overflow: auto;
}

.foto-preview-area img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	transform-origin: center center;
	transition: transform 0.15s ease;
}

.foto-zoom-range {
	max-width: 260px;
}

.modal-dialog-centered .foto-santri-besar {
	max-height: 72vh;
	max-width: 100%;
	object-fit: contain;
}

.brand-mark,
.auth-brand-mark,
.avatar-inisial {
	align-items: center;
	display: inline-flex;
	justify-content: center;
}

.brand-mark {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	color: #fff;
	flex: 0 0 42px;
	font-size: 0.9rem;
	font-weight: 800;
	height: 42px;
}

.brand-title-text {
	color: #fff;
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.05em;
}

.avatar-inisial {
	background: var(--primary);
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	height: 42px;
	width: 42px;
}

.menu-belum-tersedia {
	cursor: not-allowed;
	opacity: 0.62;
}

.login-logo-mark {
	align-items: center;
	background: var(--primary);
	border-radius: 50%;
	color: #fff;
	display: inline-flex;
	font-size: 2rem;
	height: 64px;
	justify-content: center;
	width: 64px;
}

.login-portal-tabs .nav-link {
	font-size: 0.8rem;
	font-weight: 500;
	padding-left: 0.35rem;
	padding-right: 0.35rem;
}

@media (max-width: 575.98px) {

	.brand-title-text,
	.header-info {
		display: none;
	}
}

/* Penyesuaian khusus sidebar Al Makna saat diminimize. */
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-title-text {
	display: none;
}

/* Tombol buka/tutup tetap tanpa background; warna ikon mengikuti hijau sidebar. */
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control {
	background: transparent;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .nav-control .hamburger .line {
	background-color: #009000;
}

/* Ikon menu aktif/hover pada sidebar kecil tetap putih di atas hijau sidebar. */
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu>li.mm-active>a,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu>li:hover>a {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu>li.mm-active>a i,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu>li:hover>a i {
	color: #fff;
}

/* Saat sidebar kecil, submenu tetap terlihat sebagai dropdown/popup di samping ikon. */
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu li>ul {
	background: #009000;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu li:hover>ul {
	display: block;
	visibility: visible;
	opacity: 1;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu li>ul a {
	color: rgba(255, 255, 255, 0.86);
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu li>ul a:hover,
[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .dlabnav .metismenu li>ul li.mm-active>a {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

/* Logo identitas pada nav-header/sidebar. */
.brand-mark.brand-mark-logo {
	background: rgb(255, 255, 255);
	border-radius: 50%;
	flex: 0 0 42px;
	height: 42px;
	width: 42px;
}

.brand-logo-icon {
	height: 40px;
	max-width: 40px;
	object-fit: contain;
	width: 40px;
}

[data-sidebar-style="full"][data-layout="vertical"] .menu-toggle .nav-header .brand-mark.brand-mark-logo {
	flex-basis: 42px;
	height: 42px;
	width: 42px;
}

/* Warna utama khusus halaman login mengikuti hijau sidebar. */
.login-page-almakna {
	--primary: #009000;
	--primary-hover: #007a00;
	--primary-light: #33a633;
	--primary-dark: #007a00;
	--rgba-primary-1: rgba(0, 144, 0, 0.1);
	--rgba-primary-2: rgba(0, 144, 0, 0.2);
	--rgba-primary-3: rgba(0, 144, 0, 0.3);
	--rgba-primary-4: rgba(0, 144, 0, 0.4);
	--rgba-primary-5: rgba(0, 144, 0, 0.5);
	--bs-primary-rgb: 0, 144, 0;
}

/* Responsive sidebar Android/HP: pertahankan kontras putih di atas hijau. */
.dlabnav .metismenu>li>a i {
	color: #fff !important;
}

.dlabnav .metismenu .has-arrow:after {
	border-top-color: #fff !important;
	border-left-color: #fff !important;
}
@media (max-width: 900px) {
	.brand-title-text{
		display: none;
	}}

@media (max-width: 767.98px) {
	.brand-title-text{
		display: none;
	}
	.dlabnav,
	.dlabnav .dlabnav-scroll {
		background: #009000;
	}

	.dlabnav .metismenu>li>a,
	.dlabnav .metismenu>li>a .nav-text,
	.dlabnav .metismenu>li>a i,
	.dlabnav .metismenu .nav-label,
	.dlabnav .metismenu ul a,
	.dlabnav .copyright,
	.dlabnav .copyright p {
		color: #fff !important;
	}

	.dlabnav .metismenu>li.mm-active>a,
	.dlabnav .metismenu>li:hover>a,
	.dlabnav .metismenu>li:focus>a,
	.dlabnav .metismenu ul a:hover,
	.dlabnav .metismenu ul a:focus,
	.dlabnav .metismenu ul a.mm-active {
		background: rgba(255, 255, 255, 0.14) !important;
		color: #fff !important;
	}

	.dlabnav .metismenu>li.mm-active>a i,
	.dlabnav .metismenu>li:hover>a i,
	.dlabnav .metismenu>li:focus>a i {
		color: #fff !important;
	}

	.dlabnav .metismenu .has-arrow:after,
	.dlabnav .metismenu .mm-active>.has-arrow:after {
		border-top-color: #fff !important;
		border-left-color: #fff !important;
	}

	.dlabnav .metismenu ul {
		background: rgba(0, 0, 0, 0.09);
	}
	
		#modalNilai .nilai {
		min-width: 65px;
		width: 65px;
	}
}

/* Tombol buka/tutup sidebar pada responsive Android */

[data-sidebar-style="overlay"] .nav-header .hamburger.is-active .line {
	background-color: #009000 !important;
}