.btn {
	outline: none !important;
	border-radius: 1000px;
	padding: 0.5rem 1rem;
}

.btn.btn-primary {
	background-color: var(--indigo) !important;
	border-color: var(--indigo) !important;
	box-shadow: none !important;
}

.btn.btn-outline-primary {
	border-color: var(--indigo) !important;
	color: var(--indigo) !important;
	border-width: 2px;
	box-shadow: none !important;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active {
	background-color: var(--indigo) !important;
	border-color: var(--indigo) !important;
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active {
	border-color: var(--indigo) !important;
	background-color: var(--indigo) !important;
	color: white !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
	background: var(--indigo);
	color: white !important;
}

.btn.btn-secondary {
	background-color: var(--aqua) !important;
	border-color: var(--aqua) !important;
	/* color: rgba(0, 0, 0, 0.5); */
}

.btn.btn-outline-secondary {
	border-color: var(--aqua) !important;
	color: var(--aqua) !important;
	border-width: 2px;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active {
	background-color: var(--aqua-light) !important;
	border-color: var(--aqua-light) !important;
	box-shadow: var(--shadow-aqua) !important;
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:active {
	border-color: var(--aqua-light) !important;
	background-color: var(--aqua-light) !important;
	box-shadow: var(--shadow-aqua) !important;
	color: white !important;
}

.btn.btn-danger {
	background-color: var(--opal) !important;
	border-color: var(--opal) !important;
	box-shadow: none !important;
}

.btn.btn-outline-danger {
	border-color: var(--opal) !important;
	color: var(--opal) !important;
	border-width: 2px;
	box-shadow: none !important;
}

.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active {
	background-color: var(--opal) !important;
	border-color: var(--opal) !important;
}

.btn.btn-outline-danger:hover,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:active {
	border-color: var(--opal) !important;
	background-color: var(--opal) !important;
	color: white !important;
}

.btn.btn-light {
	background-color: white !important;
	border-color: white !important;
	box-shadow: none !important;
	color: rgba(0, 0, 0, 0.75);
}

.btn.btn-outline-light {
	border-color: white !important;
	color: white !important;
	border-width: 2px;
	box-shadow: none !important;
}

.btn.btn-light:hover,
.btn.btn-light:focus,
.btn.btn-light:active {
	background-color: var(--web) !important;
	border-color: var(--web) !important;
}

.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active {
	border-color: white !important;
	background-color: white !important;
	color: rgba(0, 0, 0, 0.75) !important;
}

/* Cards */

.card {
	border: none;
}

.card-header {
	background: var(--aqua);
	color: white;
	border: 2px solid var(--aqua-dark);
	border-bottom: none;
}

.card-body {
	border: 2px solid #00000020;
}

.card-header + .card-body {
	border-top: none;
}

/* Progress Bar */
.progress-bar {
	background-color: var(--aqua);
}

.bg-indigo {
	background-color: var(--indigo);
}

.bg-indigo-light {
	background-color: var(--indigo-light);
}

.bg-indigo-dark {
	background-color: var(--indigo-dark);
}

.bg-aqua {
	background-color: var(--aqua);
}

.bg-aqua-light {
	background-color: var(--aqua-light);
}

.bg-aqua-dark {
	background-color: var(--aqua-dark);
}

.bg-opal {
	background-color: var(--opal);
}

.bg-opal-light {
	background-color: var(--opal-light);
}

.bg-opal-dark {
	background-color: var(--opal-dark);
}