:root {
	--bs-link-color-rgb: 0,105,100;
	--bs-link-hover-color-rgb: 0,66,63;
	--bs-link-active-color-rgb: 0,54,51;
}

#root, body {
	padding-top: 71px; /* fixed header */
	min-height: 100vh;
}

@media(min-width: 768px) {
	#root, body {
		padding-top: 86px;
	}
}

@media(min-width: 1200px) {
	#root, body {
		padding-top: 100px;
	}
}

.btn {
	--bs-btn-border-radius: .625rem;
}

.btn-teal {
	--bs-btn-color: #fff;
	--bs-btn-bg: #006964;
	--bs-btn-border-color: #006964;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #00423f;
	--bs-btn-hover-border-color: #00423f;
	--bs-btn-focus-shadow-rgb: 15, 105, 101;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #003633;
	--bs-btn-active-border-color: #003633;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #006964;
	--bs-btn-disabled-border-color: #006964;
}

.amplify-button--primary {
	color: #fff !important;
	background-color: #006964 !important;
}

.amplify-button--primary:hover {
	background-color: #00423f !important;
}

.amplify-button--primary:active {
	background-color: #003633 !important;
}

.amplify-tabs__item--active {
	color: #006964 !important;
	border-color: #006964 !important;
}

.text-teal {
	color: #006964;
}

.text-bg-teal {
	color: #fff !important;
	background-color: #006964 !important;
}

.active > .page-link,
.page-link.active {
	color: #fff !important;
	background-color: #006964 !important;
	border-color: #006964 !important;
}

.page-link {
	color: #006964;
}

.page-link:hover{
	color: #00423f;
}

.page-link:focus {
	color: rgb(15, 105, 101);
	box-shadow: 0 0 0 0.25rem rgba(15, 105, 101, .25);
}

/* header */

.navbar-brand img,
.offcanvas-title img {
	height: 45px;
}

@media(min-width: 768px) {
	.navbar-brand img,
	.offcanvas-title img {
		height: 60px;
	}
}

@media(min-width: 1200px) {
	.navbar-brand img {
		height: 74px;
	}
}

.navbar {
	--bs-navbar-brand-margin-end: 0;
}

.navbar-toggler {
	--bs-navbar-toggler-border-radius: 1.25rem;
	height: 2.5rem;
	width: 2.5rem;
	font-size: 1rem;
}

.navbar-toggler i {
	margin-right: .04125rem;
}


.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link.active {
	background-color: var(--bs-secondary-bg);
	color: #000;
	margin-bottom: -.75rem;
	padding-bottom: .75rem;
	border-top-left-radius: .625rem;
	border-top-right-radius: .625rem;
}

.card-listing img {
	min-height: 100%;
	max-height: 150px;
	object-fit: cover;
	border-top-left-radius: var(--bs-border-radius);
}

button.d-block {
	width: 100%;
}

.form-control,
.form-select {
	font-size: .875rem;
}

.table {
	font-size: .875rem;
}

.table tr th,
.table tr td {
	padding: .5rem 1rem;
}

/* override form */

.input-group-text {
	padding: 0 .75rem;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
	border-color: var(--bs-form-invalid-border-color) !important;
}

.form-control.is-valid, .was-validated .form-control:valid {
	border-color: var(--bs-form-valid-border-color) !important;
}

/* alerts */

.alert {
	border-width: 0;
	border-left-width: 5px;
	border-radius: 0;
}

.me-point5 {
	margin-right: .0625rem;
}