#dark {
	background-color: #212529;
	color: #d1cdc7;
	width: 100%;
}

/*** navbar ***/

#dark .navbar {
	background-color: #003a68 !important;
}

/*** alerts ***/

#dark .alert-info {
	border-color: #066377;
	background-color: #05404d;
	color: #27d1f3;
}

#dark .bi.text-info {
	color: #27d1f3 !important;
}

#dark .alert-success {
	border-color: #2e5845;
	background-color: #203d33;
	color: #6df7aa;
}

#dark .bi.text-success {
	color: #6df7aa !important;
}

#dark .alert-warning {
	border-color: #7c5c00;
	background-color: #3d2e00;
	color: #fbde86;
}

#dark .bi.text-warning {
	color: #fbde86 !important;
}

#dark .alert-danger {
	border-color: #6a111a;
	background-color: #430c11;
	color: #df7a83;
}

#dark .bi.text-danger {
	color: #df7a83 !important;
}

/*** form-text (legends) ***/

#dark .form-text {
color: #a6a49f !important;
}

/*** buttons ***/

#dark .image-btn {
	background-color: #1d1f20 !important;
	border-color: #3d4244 !important;
	color: #d1cdc7 !important;
}

/*** table ***/

#dark .table {
	color: #d1cdc7;
	border-color: #383d3f;
}

#dark .table-success {
	--bs-table-bg: #203d33;
	color: #d1cdc7;
	border-color: #bcd0c7;
}

#dark .table-warning {
	--bs-table-bg: #3d2e00;
	color: #d1cdc7;
	border-color: #e6dbb9;
}

/*** loading ***/

#dark .loading {
	background-color: #212529;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/*** location record type ***/

#dark dl dt.payload {
	background: #203d33;
}

#dark dl dt.issue {
	background: #3d2e00;
}

#dark dl dt.other {
	background: #cfe2ff;
}

/*** form control inputs ***/

#dark .form-control {
	color: rgb(209, 205, 199);
	background-color: rgb(24, 26, 27) !important;
	border-color: rgb(60, 65, 68);
}

/*** scrollbar ***/

/* Firefox */
#dark .custom-scrollbar {
	scrollbar-width: auto;
	scrollbar-color: #3b4042 #202324;
}

/* Chrome, Edge, and Safari */
#dark .custom-scrollbar ::-webkit-scrollbar {
	width: 7px;
}

#dark .custom-scrollbar ::-webkit-scrollbar-track {
	background: #202324;
}

#dark .custom-scrollbar ::-webkit-scrollbar-thumb {
	background-color: #3b4042;
	border-radius: 10px;
	border: 1px solid #202324;
}

/*** modals ***/

#dark .modal-header {
	background-color: #181a1b;
	border-bottom: 1px solid #3e4446;
}

#dark .modal-body {
	background-color: #181a1b;
}

#dark .modal-footer {
	background-color: #181a1b;
	border-top: 1px solid #3e4446;
}

/*** pagination ***/

#dark .page-link {
	color: #6e81a6 !important;
}

#dark .rows-count {
	color: #6e81a6 !important;
}

/*** card ***/

#dark .card {
	color: rgb(209, 205, 199);
	background-color: #212529 !important;
	border-color: rgb(60, 65, 68);
}