.btn-primary{
	background:#0909a3;
	color:white;
}
.btn-yellow{
	background:#FFCB4A;
	color:black;
}

.login_body{
	border-top:5px solid #0909a3;
}
a{
	color:#0909a3;
}

#footer_notif{
	position:fixed;
	width:300px;
	padding:20px;
	background:white;
	border-radius:10px;
	bottom:20px;
	right:20px;
	z-index:3000;
	box-shadow:0px 0px 2px 2px silver;
	border-top:5px solid #0909a3;
	color:black;
	display:none;
}

#sidebar li a svg{
	margin-right:20px;
}
#sidebar li a {
	color:black;
}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active a{
	background:#0909a3 !important;
	color:white !important;
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active::before{
	background:#0909a3 !important;
}

.menu-vertical .menu-item.active:not(.open) > .menu-link{
	background:#0909a3 !important;
	color:white !important;
}
.bg-menu-theme .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before, .bg-menu-theme .menu-inner > .menu-item.open .menu-item.active > .menu-link::before{
	box-shadow:0px 0px 0px 0px white;
	background:white !important;
}

.form-inline{
	display:flex;
	gap:10px;
}

.form-inline .form-group{
	display:flex;
	gap:10px;
}

.form-inline .form-group label{
	display:flex;
	gap:10px;
	white-space:nowrap;
}

.dash_summary{
	background:#FFCB4A;
	padding:5px 20px;
	border-radius:10px;
	color:black !important;
	font-size:13px !important;
	font-weight:bold;
	position:absolute;
	top:-10px;
	left:-10px;
	box-shadow:0px 0px 2px 2px silver;
}

.table thead tr th{
	background:white;
	box-shadow:0px 0px 2px 2px #EEEEEE;
	white-space:nowrap;
}
.table tbody tr td{
	white-space:nowrap;
	color:black;
}

.btn_del{
	color:red;
}
.btn_edit{
	color:green;
}

.notif_max_pack_meal .alert.alert-warning{
	color:black !important;
	border-left:5px solid #FFCB4A;
	padding-top:5px;
	padding-bottom:5px;
}

/* ==========================================================================
   Halaman login — semua aturan dikunci di bawah .page-login supaya tidak
   mempengaruhi halaman lain yang juga memuat style.css ini.
   ========================================================================== */

.page-login {
	--auth-biru: #0909a3;
	--auth-biru-terang: #2b2bd4;
	--auth-kuning: #FFCB4A;
	background:
		radial-gradient(1100px 520px at 12% -10%, #e8e9ff 0%, rgba(232,233,255,0) 60%),
		radial-gradient(900px 480px at 100% 110%, #fff3d6 0%, rgba(255,243,214,0) 60%),
		#f6f7fb;
	min-height: 100vh;
}

/* --- kartu --- */
.page-login .login_body {
	border: 0;
	border-radius: 18px;
	overflow: hidden;
	box-shadow:
		0 1px 2px rgba(16, 24, 40, .04),
		0 12px 32px -8px rgba(9, 9, 163, .16);
}

.page-login .login_body::before {
	content: "";
	display: block;
	height: 5px;
	background: linear-gradient(90deg, var(--auth-biru) 0%, var(--auth-biru-terang) 55%, var(--auth-kuning) 100%);
}

.page-login .card-body {
	padding: 2rem 2rem 1.75rem;
}

/* --- kepala --- */
.page-login h4 {
	font-weight: 700;
	letter-spacing: -.3px;
}

/* --- tab jadi segmented control --- */
.page-login .auth-tabs {
	border: 0;
	background: #eef0f6;
	border-radius: 12px;
	padding: 4px;
	gap: 4px;
}

.page-login .auth-tabs .nav-item {
	flex: 1 1 0;
}

.page-login .auth-tabs .nav-link {
	width: 100%;
	border: 0;
	border-radius: 9px;
	padding: .55rem .5rem;
	font-weight: 600;
	font-size: .9rem;
	color: #5a6480;
	background: transparent;
	transition: all .18s ease;
}

.page-login .auth-tabs .nav-link:hover {
	color: var(--auth-biru);
}

.page-login .auth-tabs .nav-link.active {
	color: var(--auth-biru);
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(16, 24, 40, .12);
}

/* --- input --- */
.page-login .form-label {
	font-size: .78rem;
	font-weight: 600;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #5a6480;
}

.page-login .form-control {
	border-radius: 10px;
	border: 1px solid #dde1ec;
	padding: .62rem .9rem;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.page-login .form-control:focus {
	border-color: var(--auth-biru-terang);
	box-shadow: 0 0 0 3px rgba(43, 43, 212, .14);
}

.page-login .input-group-text {
	border-radius: 0 10px 10px 0;
	border: 1px solid #dde1ec;
	border-left: 0;
	background: #fff;
}

/* --- tombol --- */
.page-login .btn-primary {
	background: linear-gradient(135deg, var(--auth-biru) 0%, var(--auth-biru-terang) 100%);
	border: 0;
	border-radius: 10px;
	padding: .7rem 1rem;
	font-weight: 600;
	letter-spacing: .2px;
	box-shadow: 0 6px 16px -6px rgba(9, 9, 163, .55);
	transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.page-login .btn-primary:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
	box-shadow: 0 10px 22px -8px rgba(9, 9, 163, .6);
}

.page-login .btn-primary:active {
	transform: translateY(0);
}

.page-login .btn-primary[disabled] {
	filter: grayscale(.4);
	transform: none;
	box-shadow: none;
}

/* --- tautan bantuan --- */
.page-login .auth-help {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: .4rem .9rem;
	border-radius: 999px;
	font-size: .875rem;
	font-weight: 600;
	color: var(--auth-biru);
	background: #eef0f6;
	text-decoration: none;
	transition: background .18s ease;
}

.page-login .auth-help:hover {
	background: #e2e5f2;
}

.page-login .auth-help svg {
	vertical-align: -3px;
}

/* --- teks kaki --- */
.page-login .card-body > center > .mt-2 {
	font-size: .8rem;
	color: #8a93aa;
}

@media (max-width: 575.98px) {
	.page-login .card-body { padding: 1.5rem 1.25rem; }
}

/* kartu login dilebarkan supaya form laporan muat 2 kolom per baris */
.page-login .authentication-wrapper.authentication-basic .authentication-inner {
	max-width: 620px;
}

/* tombol lookup di dalam input-group; .form-control di atas dibulatkan penuh,
   jadi sudut yang bersentuhan perlu diratakan lagi */
.page-login .input-group > .form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-login .input-group > .btn {
	border: 1px solid #dde1ec;
	border-left: 0;
	border-radius: 0 10px 10px 0;
	background: #fff;
	color: #5a6480;
}

.page-login .input-group > .btn:hover {
	background: #f3f4f9;
	color: var(--auth-biru);
}