@charset "UTF-8";

:root {
	--blue-grey: #37474F;
	--light-blue-grey: #B0BEC5;
}

.bg-primary {
	background-color: var(--blue-grey) !important;
}

.btn-primary {
	background-color: var(--blue-grey);
	border-color: var(--blue-grey);
}

.btn-primary:hover {
	background-color: #263238;
	border-color: #263238;
}

.text-primary {
	color: var(--blue-grey) !important;
}

.link-primary {
	color: var(--blue-grey) !important;
}

.form-check-input:checked {
	background-color: var(--blue-grey);
	border-color: var(--blue-grey);
}

.form-control:focus {
	border-color: var(--light-blue-grey);
	box-shadow: 0 0 0 0.25rem rgba(55, 71, 79, 0.25);
}

.input-group-text {
	background-color: var(--light-blue-grey);
	border-color: var(--light-blue-grey);
	color: #263238;
}

.card-header {
	background-color: var(--light-blue-grey);
	color: #263238;
	border-bottom: none;
}

.nav-pills .nav-link.active {
	background-color: var(--blue-grey);
}

.page-item.active .page-link {
	background-color: var(--blue-grey);
	border-color: var(--blue-grey);
}

.page-link {
	color: var(--blue-grey);
}

.progress-bar {
	background-color: var(--blue-grey);
}

.border-primary {
	border-color: var(--blue-grey) !important;
}

.btn-outline-primary {
	color: var(--blue-grey);
	border-color: var(--blue-grey);
}

.btn-outline-primary:hover {
	background-color: var(--blue-grey);
	border-color: var(--blue-grey);
	color: white;
}