@charset 'UTF-8';

html, body {
	background-color: #f3f3f3;
}

body {
	--bs-primary: #248bb4;
}

.btn-primary {
	color: #fff;
	background-color: #248bb4;
	border-color: #248bb4;
}

.btn-primary:hover {
	color: #fff;
	background-color: #03648e;
	border-color: #03648e;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #03648e;
	border-color: #03648e;
}

.navbar-brand {
	margin-top: -.5rem;
	margin-bottom: -.5rem;
	padding: 0;
}



.sidenav > nav {
	text-align: right;
	padding: 1.5rem;
}

.sidenav dl {
	margin-bottom: 1.5rem;
}

.sidenav dt {
	margin-bottom: .5rem;
}

@media( min-width: 992px ) {
	.sidenav {
		max-width: 240px;
	}
}


.offcanvas-nav {
	text-align: right;
	padding: 1.5rem;
}

.offcanvas-nav dl {
	margin-bottom: 1.5rem;
}

.offcanvas-nav dt {
	margin-bottom: .5rem;
}


.box {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 1.5rem;
	background-color: white;
}


.main h1 {
	margin-bottom: 3rem;
	font-size: 2.5rem;
	font-weight: normal;
}

.main h2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-size: 1.5625rem;
	font-weight: bold;
	color: #248bb4;
}

.table td > div {
	max-width: 150px;
	overflow-x: auto;
	white-space: nowrap;
}