:root {
		--font-family-sans-serif: 'Roboto';
		--font-family-monospace: 'Roboto Mono';
	}

	body {
		font-family: 'Roboto', sans-serif !important;
	}


	.background-img {
		position: fixed;
		background-image: url(/css/background.jpg); 
		background-repeat: no-repeat; 
		background-attachment: scroll; 
		background-size: cover;
		top: 0;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: -1;
	} 

	[data-bs-theme="dark"] .background-img {
		background-image: url(/css/background_dark.jpg);
		opacity: 0.5;
	}
	
	@media (min-width: 576px) {
		.card-columns {
			column-count: 1 !important;
		}
	}

	@media (min-width: 768px) {
		.card-columns {
			column-count: 2 !important;
		}
	}

	@media (min-width: 1200px) {
		.card-columns {
			column-count: 3 !important;
		}
	}

	.offcanvas-body a.nav-link:hover {
		background-color: #eee;
	}

	.rounded-xl {
		border-radius: .75rem !important;
	}

	.bg-primary-gradient {
		background: linear-gradient(15deg, #173f4f 0%, #173f4f 55%, #4c6975 100%);
	}

	.bg-light-gradient {
		background: linear-gradient(15deg, rgb(210 210 210 / 1) 0%, rgb(230 230 230 / 1) 50%, rgb(240 240 240 / 1) 100%);
	}

	.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
		z-index: 1150;
	}

	.ui-menu-item-wrapper.ui-state-active {
		border: 0px solid #173f4f;
		background: var(--bs-primary);
	}
	.navbar-dark .navbar-toggler {
		border-color: transparent;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: rgba(255,255,255,0.7);
	}
	.navbar-dark .navbar-nav .nav-link:hover {
		background-color: rgba(255,255,255,0.05);
	}
	.navbar-dark .navbar-nav .nav-link.active {
		color: #fff;
		background: rgba(255,255,255,0.2);
	}
	.spinner-border-sm {
		border-width: .15em;
	}
	.ui-autocomplete {
		max-height: 13rem;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		/* padding-right: 20px; */
	} 
	.my-collapse-right {
		right: 0;
	}
	.my-collapse-left {
		left: 0;
		top:3.5rem;
		bottom:0;
		width: 19rem;
	}
	.my-collapse {
		top: 0;
		bottom: 0;
		z-index: 1021;
	}

	.collapse-toggle:before {
		transition: transform 0.4s cubic-bezier(0.810, -0.330, 0.345, 1.375);
		display: block;
	}
	[data-toggle='collapse'][aria-expanded='true'] .collapse-toggle:before {
		transform: rotate(180deg);
	}
	[data-bs-toggle='collapse'][aria-expanded='true'] .collapse-toggle:before {
		transform: rotate(180deg);
	}

	.card {
		border-radius: 0.75rem;
	}

	.card-header:first-child {
		border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
	}

	.card-footer:last-child {
		border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
	}