main > .container, main > .container-fluid
{
    padding: 70px 15px 20px;
}

a, a:hover {
	text-decoration: none;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container, .footer > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.grid-view th,
.grid-view td:last-child {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.navbar form > button.logout {
    color: rgba(255, 255, 255, 0.5);
	font-size: calc(0.95 * var(--bs-body-font-size));
	line-height: var(--bs-body-line-height);
	font-weight: var(--bs-nav-link-font-weight);
}

@media(max-width:767px) {
    .navbar form > button.logout {
        display: block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.navbar form > button.logout:focus,
.navbar form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.navbar form > button.logout:focus {
    outline: none;
}

/* style breadcrumb widget as in previous bootstrap versions */
.breadcrumb {
    background-color: var(--bs-gray-200);
    border-radius: .25rem;
    padding: .75rem 1rem;
}

.breadcrumb-item > a
{
    text-decoration: none;
}

.fs-0 {
	font-size: 0 !important;
}

.fs-1 {
	font-size: calc(1.35rem + 1.2vw) !important;
}

.fs-2 {
	font-size: calc(1.3125rem + 0.75vw) !important;
}

.fs-3 {
	font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-4 {
	font-size: 1.25rem !important;
}

.fs-5 {
	font-size: 1.125rem !important;
}

.fs-6 {
	font-size: 1rem !important;
}

.fs-7 {
	font-size: 0.875rem !important;
}

.fs-7-5 {
	font-size: 0.8125rem !important;
}

.fs-8 {
	font-size: 0.75rem !important;
}

.fs-8-5 {
	font-size: 0.7125rem !important;
}

.fs-9 {
	font-size: 0.625rem !important;
}

.fs-base {
	font-size: 1rem !important;
}

.fs-xs {
	font-size: 0.75rem !important;
}

.fs-sm {
	font-size: 0.875rem !important;
}

.fs-lg {
	font-size: 1.25rem !important;
}

.fw-light {
	font-weight: 300 !important;
}
.fw-lighter {
	font-weight: lighter !important;
}
.fw-normal {
	font-weight: 400 !important;
}
.fw-medium {
	font-weight: 500 !important;
}
.fw-semibold {
	font-weight: 600 !important;
}
.fw-bold {
	font-weight: 700 !important;
}
.fw-bolder {
	font-weight: bolder !important;
}
.fw-extrabold {
	font-weight: 800 !important;
}
.fw-black {
	font-weight: 900 !important;
}

.opacity-0 {
	opacity: 0 !important;
}
.opacity-25 {
	opacity: 0.25 !important;
}
.opacity-30 {
	opacity: 0.3 !important;
}
.opacity-35 {
	opacity: 0.35 !important;
}
.opacity-40 {
	opacity: 0.4 !important;
}
.opacity-50 {
	opacity: 0.5 !important;
}
.opacity-60 {
	opacity: 0.6 !important;
}
.opacity-65 {
	opacity: 0.65 !important;
}
.opacity-75 {
	opacity: 0.75 !important;
}
.opacity-85 {
	opacity: 0.85 !important;
}
.opacity-100 {
	opacity: 1 !important;
}

.btn-lg.fs-5 i.fs-4 {
	transform: translateY(1px);
}

.btn-link {
	text-decoration: none;
}

@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-item + .nav-item {
		margin-left: 1rem;
	}
}