/* Theme colours */

:root
{
	/* Primary */
	--bs-primary: #1F6CB2;
	--bs-primary-rgb: 31, 108, 178;
	/* Secondary (desaturated companion) */
	--bs-secondary: #6b7280;
	--bs-secondary-rgb: 107, 114, 128;
	/* Backgrounds */
	--bs-body-bg: #f8fafc;
	--bs-body-bg-rgb: 248, 250, 252;
	--bs-light: #f1f5f9;
	--bs-light-rgb: 241, 245, 249;
	--bs-dark: #1f2937;
	--bs-dark-rgb: 31, 41, 55;
	/* Text */
	--bs-body-color: #1f2937;
	--bs-body-color-rgb: 31, 41, 55;
	--bs-secondary-color: #6b7280;
	/* Links */
	--bs-link-color: #1F6CB2;
	--bs-link-hover-color: #185a95;
	/* Borders */
	--bs-border-color: #e5e7eb;
	/* Supporting colours aligned with the blue */
	--bs-success: #2e8b57;
	--bs-success-rgb: 46, 139, 87;
	--bs-danger: #c0392b;
	--bs-danger-rgb: 192, 57, 43;
	--bs-warning: #e67e22;
	--bs-warning-rgb: 230, 126, 34;
	--bs-info: #3498db;
	--bs-info-rgb: 52, 152, 219;
}

.btn-primary
{
	--bs-btn-bg: #1F6CB2;
	--bs-btn-border-color: #1F6CB2;
	--bs-btn-hover-bg: #185a95;
	--bs-btn-hover-border-color: #185a95;
	--bs-btn-active-bg: #154a7d;
	--bs-btn-active-border-color: #154a7d;
}

div.alert
{
	margin: 10px;
	padding: 10px 10px 10px 55px;
	border-radius: 10px;
	border-color: #000;
	background-color: #fff9c4;
	background-image: url('/images/lightbulb.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 50px 50px;
}

form
{
	margin-top: 0 !important;
}

section
{
}

	section > h3
	{
		padding-top: 30px;
		padding-bottom: 15px;
		border-bottom: solid 1px #000;
	}

/* bootstrap overrides */

.navbar .dropdown-item:hover
{
	/* background-color: var(--bs-dark); */
	color: #000 !important;
}

/* Bootstrap extensions */

@media (min-width: 768px)
{
	.px-6
	{
		padding-left: 4rem;
		padding-right: 4rem;
	}

	.px-7
	{
		padding-left: 5rem;
		padding-right: 5rem;
	}

	.px-8
	{
		padding-left: 6rem;
		padding-right: 6rem;
	}

	.px-9
	{
		padding-left: 7rem;
		padding-right: 7rem;
	}

	.px-10
	{
		padding-left: 8rem;
		padding-right: 8rem;
	}
}

body
{
	padding-top: var(--app-top-offset, 108px);
}

.app-top-fixed
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}

.app-nav
{
	margin-bottom: 0;
}

.app-breadcrumb-bar
{
	border-bottom: 1px solid #8fc3d7;
}