/* CSS Document for dark mode */
:root {
	--bs-card-color: white !important;
	--dark: black;
	--light: white;
	--bs-list-group-color: white;
	--bs-secondary-color: black;
	--bs-table-color: black;
	--muted-light: rgba(255,255,255,0.65);
	--muted-dark: rgba(0,0,0,0.65);
	--bs-card-cap-color: black;
	--bs-modal-color: white;
	--bs-table-bg: white;
	--popover-bg: rgb(236, 236, 236) !important
}

body {
	background-color: black;
	color: white;
}

h1, h2, h3, h4, h5 {
	color: white;
}

blockquote {
	color: white
}

/* inputs */
.card label,
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
	color: rgba(0,0,0,0.3)
}
.card .form-control:focus {
	background-color: white
}
.card {
	background-color: white;
	color: var(--dark);
}
.text-reset,
a > .card-body,
.card-header, .card-footer {
	color: var(--dark);
}
.list-group-item {
	color: var(--bs-list-group-color);
}
.dropdown-menu {
	background-color: rgba(71, 71, 71, 0.8);
}


.list-group-item-action:focus, .list-group-item-action:hover {
	background-color: rgba(0,0,0,0.1)
}
.list-group-item.disabled, .list-group-item:disabled {
	background-color: rgba(0,0,0,0.4);
}

.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active {
	color: var(--muted-light);
}
.text-muted {
	color: var(--muted-light) !important;
}
.card .text-muted {
	color: var(--muted-dark) !important;
}
.card h1, .card h2, .card h3, .card h4, .card h5 {
	color: var(--dark);
}

.daterangepicker,
.daterangepicker td.active, .daterangepicker td.active:hover {
	color: black !important
}
.daterangepicker .in-range {
	color: white !important
}
.card a:not(.btn, .badge) {
	color: var(--primary);
}

table thead {
	background-color: rgba(0,0,0,0.1)
}

.disabled>.page-link, .page-link.disabled,
.form-control:disabled {
	background-color: #e3e3e3;
}
.popover {
	background-color: var(--popover-bg) !important;
}
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after {
	border-top-color: var(--popover-bg) !important;
}