.dark-mode .accordion-header,
.dark-mode .accordion-button {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}
.dark-mode .accordion-item,
.dark-mode .accordion-body {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

body.dark-mode {
	background: #181a1b !important;
	color: #e8e6e3 !important;
}

.dark-mode .card,
.dark-mode .form-control,
.dark-mode .btn,
.dark-mode .dropdown-menu,
.dark-mode .alert {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

.dark-mode .btn-primary,
.dark-mode .btn-secondary,
.dark-mode .btn-dark,
.dark-mode .btn-danger {
	background-color: #343a40 !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

.dark-mode .btn-primary:hover,
.dark-mode .btn-secondary:hover,
.dark-mode .btn-dark:hover,
.dark-mode .btn-danger:hover {
	background-color: #495057 !important;
}

.dark-mode .btn-check:checked + .btn-outline-primary {
	background-color: #0d6efd !important;
	color: #fff !important;
	border-color: #0d6efd !important;
}

.dark-mode .form-control::placeholder {
	color: #8a8d91 !important;
	opacity: 1 !important;
}

.dark-mode .form-control {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

.dark-mode .input-group-text,
.dark-mode .dropdown-menu {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
}

.dark-mode .alert-info {
	background-color: #1e2225 !important;
	color: #e8e6e3 !important;
}

.dark-mode .alert-success {
	background-color: #1e2b1e !important;
	color: #e8e6e3 !important;
}

.dark-mode .alert-warning {
	background-color: #2b241e !important;
	color: #e8e6e3 !important;
}

.dark-mode .alert-danger {
	background-color: #2b1e1e !important;
	color: #e8e6e3 !important;
}

.dark-mode .form-check-label,
.dark-mode label,
.dark-mode .card-header {
	color: #e8e6e3 !important;
}

.dark-mode .accordion .card-header,
.dark-mode .accordion-header {
	background-color: #23272b !important;
}

.dark-mode .dropdown-item {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
}

.dark-mode .dropdown-item:hover {
	background-color: #343a40 !important;
}

.dark-mode .btn-link {
	color: #e8e6e3 !important;
}

.dark-mode .btn-link:hover {
	color: #f8d90f !important;
}

.dark-mode .form-text,
.dark-mode .text-muted {
	color: #b0b0b0 !important;
}

.dark-mode #label_length_clear {
	color: #b0b0b0 !important;
}
.dark-mode #label_length_clear:hover {
	color: #e8e6e3 !important;
}

.dark-mode .input-group-text {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
}

/* Modal styling for dark mode */
.dark-mode .modal-content,
.dark-mode .modal-header,
.dark-mode .modal-body,
.dark-mode .modal-footer {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

.dark-mode .modal-title {
	color: #e8e6e3 !important;
}

.dark-mode .modal-backdrop.show {
	background-color: rgba(0,0,0,0.6) !important;
}

/* modal body padding */
.dark-mode .modal-body {
	padding: 1rem 1.25rem !important;
}

/* list-group items */
.dark-mode .list-group,
.dark-mode .list-group-item {
	background-color: #23272b !important;
	color: #e8e6e3 !important;
	border-color: #444 !important;
}

.dark-mode .list-group-item {
	border: 1px solid #444 !important;
}