.bg-menu {
	background-color: #263238;
}

/* .btn-custom {
	background-color: #ffd54f;
	border: none;
}

.btn-custom:focus {
	background-color: #ffd54f;
	border: none;
}

.btn-custom:hover {
	background-color: #ccaa3f;
	color: #fff;
}

.btn-home:hover {
	color: #000;
} */

.border-vr {
	border: 2px solid #ffd54f;
}

.close-icon {
	fill: #ffd54f;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.dropdown-item {
	color: #ffd54f;
}

.form-group {
	margin-bottom: 10px;
}

label.disabled {
	opacity: 0.5;
	pointer-events: none;
}

.modal-footer,
.modal-header {
	border-color: #ffd54f;
}

.nav-link {
	color: #ffd54f;
	margin: 2px;
}

.nav-link:hover,
.dropdown-item:hover {
	background-color: #ffd54f;
	color: #000;
}

.selected-nav {
	background-color: #ffd54f;
}

.text-yellow {
	color: #ffd54f;
}

@media (min-width: 768px) {
	#dropdownNotification {
		left: auto !important;
		right: 0 !important;
		transform: none !important;
	}
}

@media (max-width: 600px) {
	#chart {
		height: 300px; /* Misalnya, mengurangi tinggi untuk layar kecil */
	}
}