/* === Start StackApps Bootstrap 1.0 === */

/* animation.css */
.animate__animated.animate__default {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: calc(var(--animate-duration) * 1);
	animation-duration:calc(var(--animate-duration) * 1)
}

.opacity-0 {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.hidden-before-animate {
  opacity: 0;
  visibility: hidden;
}

/*
.hidden-before-animate {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-in-out;
}
*/

.animate__animated {
	opacity: 1 !important;
	visibility: visible !important;
}

/* theme support for images */
@media (prefers-color-scheme: light) {
	.dark-mode {
		display: none !important;
	}
}

@media (prefers-color-scheme: dark) {
	.light-mode {
		display: none !important;
	}
}



 /* debug breakpoints */





/* customize Bootstrap 5 theme */
:root,
[data-bs-theme=light] {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;

	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;

	--bs-primary: #0054FF;
	--bs-secondary: #57626B;
	--bs-success: #007A3E;
	--bs-info: #00C4F2;
	--bs-warning: #FFB200;
	--bs-danger: #E90030;
	--bs-light: #D5DBE0;
	--bs-dark: #181C1F;

	--bs-primary-text-emphasis: rgba(5, 44, 101, 1.00);
	--bs-secondary-text-emphasis: rgba(43, 47, 50, 1.00);
	--bs-success-text-emphasis: rgba(10, 54, 34, 1.00);
	--bs-info-text-emphasis: rgba(5, 81, 96, 1.00);
	--bs-warning-text-emphasis: rgba(102, 77, 3, 1.00);
	--bs-danger-text-emphasis: rgba(88, 21, 28, 1.00);
	--bs-light-text-emphasis: rgba(73, 80, 87, 1.00);
	--bs-dark-text-emphasis: rgba(73, 80, 87, 1.00);

	--bs-primary-bg-subtle: rgba(207, 226, 255, 1.00);
	--bs-secondary-bg-subtle: rgba(226, 227, 229, 1.00);
	--bs-success-bg-subtle: rgba(209, 231, 221, 1.00);
	--bs-info-bg-subtle: rgba(207, 244, 252, 1.00);
	--bs-warning-bg-subtle: rgba(255, 243, 205, 1.00);
	--bs-danger-bg-subtle: rgba(248, 215, 218, 1.00);
	--bs-light-bg-subtle: rgba(252, 252, 253, 1.00);
	--bs-dark-bg-subtle: rgba(206, 212, 218, 1.00);

	--bs-primary-border-subtle: rgba(158, 197, 254, 1.00);
	--bs-secondary-border-subtle: rgba(196, 200, 203, 1.00);
	--bs-success-border-subtle: rgba(193, 227, 212, 1.00);
	--bs-info-border-subtle: rgba(158, 234, 249, 1.00);
	--bs-warning-border-subtle: rgba(255, 230, 156, 1.00);
	--bs-danger-border-subtle: rgba(241, 174, 181, 1.00);
	--bs-light-border-subtle: rgba(233, 236, 239, 1.00);
	--bs-dark-border-subtle: rgba(173, 181, 189, 1.00);

	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: rgba(24, 28, 31, 1.00);
	--bs-body-bg: rgba(255, 255, 255, 1.00);

	--bs-emphasis-color: rgba(0, 0, 0, 1.00);
	--bs-secondary-color: rgba(33, 37, 41, 0.75);
	--bs-secondary-bg: rgba(233, 236, 239, 1.00);
	--bs-tertiary-color: rgba(33, 37, 41, 0.50);
	--bs-tertiary-bg: rgba(248, 249, 250, 1.00);

	--bs-heading-color: rgba(24, 28, 31, 1.00);

	--bs-link-decoration: none !important;
	--bs-link-color: rgba(13, 110, 253, 1.00) !important;
	--bs-link-hover-color: rgba(10, 88, 202, 1.00) !important;

	--bs-code-color: rgba(214, 51, 132, 1.00);

	--bs-highlight-color: rgba(33, 37, 41, 1.00);
	--bs-highlight-bg: rgba(255, 243, 205, 1.00);

	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: rgba(222, 226, 230, 1.00);
	--bs-border-color-translucent: rgba(0, 0, 0, 0.17);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-xxl: 2rem;
	--bs-border-radius-2xl: var(--bs-border-radius-xxl);
	--bs-border-radius-pill: 50rem;

	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

	--bs-focus-ring-width: 0.25rem;
	--bs-focus-ring-opacity: 0.25;

	--bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);

	--bs-form-valid-color: rgba(25, 135, 84, 1.00);
	--bs-form-valid-border-color: rgba(25, 135, 84, 1.00);
	--bs-form-invalid-color: rgba(220, 53, 69, 1.00);
	--bs-form-invalid-border-color: rgba(220, 53, 69, 1.00);

	/* custom header definitions */
	--bs-heading-font-weight: 500;
	--bs-display-font-weight: 300;
}

[data-bs-theme=dark] {
	color-scheme: dark;
	--bs-body-color: rgba(255, 255, 255, 1.00);
	--bs-body-bg: rgba(33, 37, 41, 1.00);

	--bs-emphasis-color: rgba(255, 255, 255, 1.00);
	--bs-secondary-color: rgba(222, 226, 230, 0.75);
	--bs-secondary-bg: rgba(52, 58, 64, 1.00);
	--bs-tertiary-color: rgba(222, 226, 230, 0.50);
	--bs-tertiary-bg: rgba(43, 48, 53, 1.00);

	--bs-primary-text-emphasis: rgba(110, 168, 254, 1.00);
	--bs-secondary-text-emphasis: rgba(222, 226, 230, 1.00);
	--bs-success-text-emphasis: rgba(117, 183, 152, 1.00);
	--bs-info-text-emphasis: rgba(110, 223, 246, 1.00);
	--bs-warning-text-emphasis: rgba(255, 218, 106, 1.00);
	--bs-danger-text-emphasis: rgba(234, 134, 143, 1.00);
	--bs-light-text-emphasis: rgba(248, 249, 250, 1.00);
	--bs-dark-text-emphasis: rgba(222, 226, 230, 1.00);

	--bs-primary-bg-subtle: rgba(3, 22, 51, 1.00);
	--bs-secondary-bg-subtle: rgba(22, 23, 25, 1.00);
	--bs-success-bg-subtle: rgba(5, 27, 17, 1.00);
	--bs-info-bg-subtle: rgba(3, 40, 48, 1.00);
	--bs-warning-bg-subtle: rgba(51, 39, 1, 1.00);
	--bs-danger-bg-subtle: rgba(44, 11, 14, 1.00);
	--bs-light-bg-subtle: rgba(52, 58, 64, 1.00);
	--bs-dark-bg-subtle: rgba(26, 29, 32, 1.00);

	--bs-primary-border-subtle: rgba(8, 66, 152, 1.00);
	--bs-secondary-border-subtle: rgba(22, 23, 25, 1.00);
	--bs-success-border-subtle: rgba(15, 81, 50, 1.00);
	--bs-info-border-subtle: rgba(8, 121, 144, 1.00);
	--bs-warning-border-subtle: rgba(153, 116, 4, 1.00);
	--bs-danger-border-subtle: rgba(132, 32, 41, 1.00);
	--bs-light-border-subtle: rgba(73, 80, 87, 1.00);
	--bs-dark-border-subtle: rgba(52, 58, 64, 1.00);

	--bs-heading-color: rgba(255, 255, 255, 1.00);

	--bs-link-color: rgba(110, 168, 254, 1.00) !important;
	--bs-link-hover-color: rgba(139, 185, 254, 1.00) !important;

	--bs-code-color: rgba(230, 133, 181, 1.00);

	--bs-highlight-color: rgba(222, 226, 230, 1.00);
	--bs-highlight-bg: rgba(102, 77, 3, 1.00);

	--bs-border-color: rgba(73, 80, 87, 1.00);
	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);

	--bs-form-valid-color: rgba(117, 183, 152, 1.00);
	--bs-form-valid-border-color: rgba(117, 183, 152, 1.00);
	--bs-form-invalid-color: rgba(234, 134, 143, 1.00);
	--bs-form-invalid-border-color: rgba(234, 134, 143, 1.00);

	
}

/* customize <h*> and .h* font-family and weight */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	font-family: var(--sa-font-primary) !important;
	font-weight: var(--bs-heading-font-weight) !important;
}

/* customize display-* weight */
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .display-7, .display-8 {
	font-weight: var(--bs-display-font-weight) !important;
}

/* customize links */
a {
	text-decoration: var(--bs-link-decoration) !important;
}

/* set the focus ring color for components */
.accordion {

	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;

}

.tab-pane:focus-visible {

	box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;

	outline: none;
}

.nav-link:focus-visible {

	box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;

	outline: none;
}

/* remove box shadow from navbar menus */
.navbar-nav .nav-link:focus-visible {

	box-shadow:  none !important;

	outline: none;
}

.nav-tabs .nav-link:focus-visible {

	box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;

	outline: none;
}

[data-bs-theme=dark] {
	.accordion {
	
		--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
	
	}

	.tab-pane:focus-visible {
	
		box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
	
		outline: none;
	}

	.nav-link:focus-visible {
	
		box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
	
		outline: none;
	}

	.nav-tabs .nav-link:focus-visible {
	
		box-shadow:  0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
	
		outline: none;
	}
}

/* use the body color for accordion buttons instead of the default hardcoded light blue color */
.accordion-button::after {
	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba(24, 28, 31, 1.00)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5L8 11L14 5'/%3E%3C/svg%3E") !important;
	
	
	
}

[data-bs-theme=dark] .accordion-button::after {
	
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba(255, 255, 255, 1.00)' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5L8 11L14 5'/%3E%3C/svg%3E") !important;
	
	
	
}



 /* custom-manual */

/* extend utility classes */
.text-justify {
  text-align: justify;
}

@media (min-width: 576px) {
	.text-sm-justify {
		text-align: justify;
	}
}

@media (min-width: 768px) {
	.text-md-justify {
		text-align: justify;
	}
}

@media (min-width: 992px) {
	.text-lg-justify {
		text-align: justify;
	}
}

@media (min-width: 1200px) {
	.text-xl-justify {
		text-align: justify;
	}
}

@media (min-width: 1400px) {
	.text-xxl-justify {
		text-align: justify;
	}
}

.text-shadow-sm {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.text-shadow {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.text-shadow-lg {
	text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}

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

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

.display-7 {
	font-size: calc(1.325rem + 1.0vw);
	font-weight: 300;
	line-height: 1.2;
}

.display-8 {
	font-size: calc(1.275rem + 0.5vw);
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 1200px) {
	.display-7 {
		font-size: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.display-8 {
		font-size: 2.4rem;
	}
}

.m-6 {
	margin: 4.5rem !important;
}
.mx-6 {
	margin-right: 4.5rem !important;
	margin-left: 4.5rem !important;
}
.my-6 {
	margin-top: 4.5rem !important;
	margin-bottom: 4.5rem !important;
}
.mt-6 {
	margin-top: 4.5rem !important;
}
.me-6 {
	margin-right: 4.5rem !important;
}
.mb-6 {
	margin-bottom: 4.5rem !important;
}
.ms-6 {
	margin-left: 4.5rem !important;
}
.p-6 {
	padding: 4.5rem !important;
}
.px-6 {
	padding-right: 4.5rem !important;
	padding-left: 4.5rem !important;
}
.py-6 {
	padding-top: 4.5rem !important;
	padding-bottom: 4.5rem !important;
}
.pt-6 {
	padding-top: 4.5rem !important;
}
.pe-6 {
	padding-right: 4.5rem !important;
}
.pb-6 {
	padding-bottom: 4.5rem !important;
}
.ps-6 {
	padding-left: 4.5rem !important;
}

@media (min-width: 576px) {
	.m-sm-6 {
		margin: 4.5rem !important;
	}
	.mx-sm-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}
	.my-sm-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}
	.mt-sm-6 {
		margin-top: 4.5rem !important;
	}
	.me-sm-6 {
		margin-right: 4.5rem !important;
	}
	.mb-sm-6 {
		margin-bottom: 4.5rem !important;
	}
	.ms-sm-6 {
		margin-left: 4.5rem !important;
	}
	.p-sm-6 {
		padding: 4.5rem !important;
	}
	.px-sm-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}
	.py-sm-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	.pt-sm-6 {
		padding-top: 4.5rem !important;
	}
	.pe-sm-6 {
		padding-right: 4.5rem !important;
	}
	.pb-sm-6 {
		padding-bottom: 4.5rem !important;
	}
	.ps-sm-6 {
		padding-left: 4.5rem !important;
	}
}

@media (min-width: 768px) {
	.m-md-6 {
		margin: 4.5rem !important;
	}
	.mx-md-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}
	.my-md-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}
	.mt-md-6 {
		margin-top: 4.5rem !important;
	}
	.me-md-6 {
		margin-right: 4.5rem !important;
	}
	.mb-md-6 {
		margin-bottom: 4.5rem !important;
	}
	.ms-md-6 {
		margin-left: 4.5rem !important;
	}
	.p-md-6 {
		padding: 4.5rem !important;
	}
	.px-md-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}
	.py-md-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	.pt-md-6 {
		padding-top: 4.5rem !important;
	}
	.pe-md-6 {
		padding-right: 4.5rem !important;
	}
	.pb-md-6 {
		padding-bottom: 4.5rem !important;
	}
	.ps-md-6 {
		padding-left: 4.5rem !important;
	}
}

@media (min-width: 992px) {
	.m-lg-6 {
		margin: 4.5rem !important;
	}
	.mx-lg-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}
	.my-lg-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}
	.mt-lg-6 {
		margin-top: 4.5rem !important;
	}
	.me-lg-6 {
		margin-right: 4.5rem !important;
	}
	.mb-lg-6 {
		margin-bottom: 4.5rem !important;
	}
	.ms-lg-6 {
		margin-left: 4.5rem !important;
	}
	.p-lg-6 {
		padding: 4.5rem !important;
	}
	.px-lg-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}
	.py-lg-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	.pt-lg-6 {
		padding-top: 4.5rem !important;
	}
	.pe-lg-6 {
		padding-right: 4.5rem !important;
	}
	.pb-lg-6 {
		padding-bottom: 4.5rem !important;
	}
	.ps-lg-6 {
		padding-left: 4.5rem !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-6 {
		margin: 4.5rem !important;
	}
	.mx-xl-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}
	.my-xl-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}
	.mt-xl-6 {
		margin-top: 4.5rem !important;
	}
	.me-xl-6 {
		margin-right: 4.5rem !important;
	}
	.mb-xl-6 {
		margin-bottom: 4.5rem !important;
	}
	.ms-xl-6 {
		margin-left: 4.5rem !important;
	}
	.p-xl-6 {
		padding: 4.5rem !important;
	}
	.px-xl-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}
	.py-xl-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	.pt-xl-6 {
		padding-top: 4.5rem !important;
	}
	.pe-xl-6 {
		padding-right: 4.5rem !important;
	}
	.pb-xl-6 {
		padding-bottom: 4.5rem !important;
	}
	.ps-xl-6 {
		padding-left: 4.5rem !important;
	}
}

@media (min-width: 1400px) {
	.m-xxl-6 {
		margin: 4.5rem !important;
	}
	.mx-xxl-6 {
		margin-right: 4.5rem !important;
		margin-left: 4.5rem !important;
	}
	.my-xxl-6 {
		margin-top: 4.5rem !important;
		margin-bottom: 4.5rem !important;
	}
	.mt-xxl-6 {
		margin-top: 4.5rem !important;
	}
	.me-xxl-6 {
		margin-right: 4.5rem !important;
	}
	.mb-xxl-6 {
		margin-bottom: 4.5rem !important;
	}
	.ms-xxl-6 {
		margin-left: 4.5rem !important;
	}
	.p-xxl-6 {
		padding: 4.5rem !important;
	}
	.px-xxl-6 {
		padding-right: 4.5rem !important;
		padding-left: 4.5rem !important;
	}
	.py-xxl-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	.pt-xxl-6 {
		padding-top: 4.5rem !important;
	}
	.pe-xxl-6 {
		padding-right: 4.5rem !important;
	}
	.pb-xxl-6 {
		padding-bottom: 4.5rem !important;
	}
	.ps-xxl-6 {
		padding-left: 4.5rem !important;
	}
}

.m-7 {
	margin: 6.0rem !important;
}
.mx-7 {
	margin-right: 6.0rem !important;
	margin-left: 6.0rem !important;
}
.my-7 {
	margin-top: 6.0rem !important;
	margin-bottom: 6.0rem !important;
}
.mt-7 {
	margin-top: 6.0rem !important;
}
.me-7 {
	margin-right: 6.0rem !important;
}
.mb-7 {
	margin-bottom: 6.0rem !important;
}
.ms-7 {
	margin-left: 6.0rem !important;
}
.p-7 {
	padding: 6.0rem !important;
}
.px-7 {
	padding-right: 6.0rem !important;
	padding-left: 6.0rem !important;
}
.py-7 {
	padding-top: 6.0rem !important;
	padding-bottom: 6.0rem !important;
}
.pt-7 {
	padding-top: 6.0rem !important;
}
.pe-7 {
	padding-right: 6.0rem !important;
}
.pb-7 {
	padding-bottom: 6.0rem !important;
}
.ps-7 {
	padding-left: 6.0rem !important;
}

@media (min-width: 576px) {
	.m-sm-7 {
		margin: 6.0rem !important;
	}
	.mx-sm-7 {
		margin-right: 6.0rem !important;
		margin-left: 6.0rem !important;
	}
	.my-sm-7 {
		margin-top: 6.0rem !important;
		margin-bottom: 6.0rem !important;
	}
	.mt-sm-7 {
		margin-top: 6.0rem !important;
	}
	.me-sm-7 {
		margin-right: 6.0rem !important;
	}
	.mb-sm-7 {
		margin-bottom: 6.0rem !important;
	}
	.ms-sm-7 {
		margin-left: 6.0rem !important;
	}
	.p-sm-7 {
		padding: 6.0rem !important;
	}
	.px-sm-7 {
		padding-right: 6.0rem !important;
		padding-left: 6.0rem !important;
	}
	.py-sm-7 {
		padding-top: 6.0rem !important;
		padding-bottom: 6.0rem !important;
	}
	.pt-sm-7 {
		padding-top: 6.0rem !important;
	}
	.pe-sm-7 {
		padding-right: 6.0rem !important;
	}
	.pb-sm-7 {
		padding-bottom: 6.0rem !important;
	}
	.ps-sm-7 {
		padding-left: 6.0rem !important;
	}
}

@media (min-width: 768px) {
	.m-md-7 {
		margin: 6.0rem !important;
	}
	.mx-md-7 {
		margin-right: 6.0rem !important;
		margin-left: 6.0rem !important;
	}
	.my-md-7 {
		margin-top: 6.0rem !important;
		margin-bottom: 6.0rem !important;
	}
	.mt-md-7 {
		margin-top: 6.0rem !important;
	}
	.me-md-7 {
		margin-right: 6.0rem !important;
	}
	.mb-md-7 {
		margin-bottom: 6.0rem !important;
	}
	.ms-md-7 {
		margin-left: 6.0rem !important;
	}
	.p-md-7 {
		padding: 6.0rem !important;
	}
	.px-md-7 {
		padding-right: 6.0rem !important;
		padding-left: 6.0rem !important;
	}
	.py-md-7 {
		padding-top: 6.0rem !important;
		padding-bottom: 6.0rem !important;
	}
	.pt-md-7 {
		padding-top: 6.0rem !important;
	}
	.pe-md-7 {
		padding-right: 6.0rem !important;
	}
	.pb-md-7 {
		padding-bottom: 6.0rem !important;
	}
	.ps-md-7 {
		padding-left: 6.0rem !important;
	}
}

@media (min-width: 992px) {
	.m-lg-7 {
		margin: 6.0rem !important;
	}
	.mx-lg-7 {
		margin-right: 6.0rem !important;
		margin-left: 6.0rem !important;
	}
	.my-lg-7 {
		margin-top: 6.0rem !important;
		margin-bottom: 6.0rem !important;
	}
	.mt-lg-7 {
		margin-top: 6.0rem !important;
	}
	.me-lg-7 {
		margin-right: 6.0rem !important;
	}
	.mb-lg-7 {
		margin-bottom: 6.0rem !important;
	}
	.ms-lg-7 {
		margin-left: 6.0rem !important;
	}
	.p-lg-7 {
		padding: 6.0rem !important;
	}
	.px-lg-7 {
		padding-right: 6.0rem !important;
		padding-left: 6.0rem !important;
	}
	.py-lg-7 {
		padding-top: 6.0rem !important;
		padding-bottom: 6.0rem !important;
	}
	.pt-lg-7 {
		padding-top: 6.0rem !important;
	}
	.pe-lg-7 {
		padding-right: 6.0rem !important;
	}
	.pb-lg-7 {
		padding-bottom: 6.0rem !important;
	}
	.ps-lg-7 {
		padding-left: 6.0rem !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-7 {
		margin: 6.0rem !important;
	}
	.mx-xl-7 {
		margin-right: 6.0rem !important;
		margin-left: 6.0rem !important;
	}
	.my-xl-7 {
		margin-top: 6.0rem !important;
		margin-bottom: 6.0rem !important;
	}
	.mt-xl-7 {
		margin-top: 6.0rem !important;
	}
	.me-xl-7 {
		margin-right: 6.0rem !important;
	}
	.mb-xl-7 {
		margin-bottom: 6.0rem !important;
	}
	.ms-xl-7 {
		margin-left: 6.0rem !important;
	}
	.p-xl-7 {
		padding: 6.0rem !important;
	}
	.px-xl-7 {
		padding-right: 6.0rem !important;
		padding-left: 6.0rem !important;
	}
	.py-xl-7 {
		padding-top: 6.0rem !important;
		padding-bottom: 6.0rem !important;
	}
	.pt-xl-7 {
		padding-top: 6.0rem !important;
	}
	.pe-xl-7 {
		padding-right: 6.0rem !important;
	}
	.pb-xl-7 {
		padding-bottom: 6.0rem !important;
	}
	.ps-xl-7 {
		padding-left: 6.0rem !important;
	}
}

@media (min-width: 1400px) {
	.m-xxl-7 {
		margin: 6.0rem !important;
	}
	.mx-xxl-7 {
		margin-right: 6.0rem !important;
		margin-left: 6.0rem !important;
	}
	.my-xxl-7 {
		margin-top: 6.0rem !important;
		margin-bottom: 6.0rem !important;
	}
	.mt-xxl-7 {
		margin-top: 6.0rem !important;
	}
	.me-xxl-7 {
		margin-right: 6.0rem !important;
	}
	.mb-xxl-7 {
		margin-bottom: 6.0rem !important;
	}
	.ms-xxl-7 {
		margin-left: 6.0rem !important;
	}
	.p-xxl-7 {
		padding: 6.0rem !important;
	}
	.px-xxl-7 {
		padding-right: 6.0rem !important;
		padding-left: 6.0rem !important;
	}
	.py-xxl-7 {
		padding-top: 6.0rem !important;
		padding-bottom: 6.0rem !important;
	}
	.pt-xxl-7 {
		padding-top: 6.0rem !important;
	}
	.pe-xxl-7 {
		padding-right: 6.0rem !important;
	}
	.pb-xxl-7 {
		padding-bottom: 6.0rem !important;
	}
	.ps-xxl-7 {
		padding-left: 6.0rem !important;
	}
}

/* apply palette to buttons */
.btn-primary {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-primary) !important;
	--bs-btn-border-color: var(--bs-primary) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb) !important;
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-primary) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-primary) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary) !important;
}

.btn-secondary {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-secondary) !important;
	--bs-btn-border-color: var(--bs-secondary) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-secondary) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-secondary) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-secondary) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-secondary) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-secondary) !important;
	--bs-btn-disabled-border-color: var(--bs-secondary) !important;
}

.btn-success {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-success) !important;
	--bs-btn-border-color: var(--bs-success) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-success) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-success) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-success-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-success) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-success) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-success) !important;
	--bs-btn-disabled-border-color: var(--bs-success) !important;
}

.btn-danger {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-danger) !important;
	--bs-btn-border-color: var(--bs-danger) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-danger) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-danger) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-danger) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-danger) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-danger) !important;
	--bs-btn-disabled-border-color: var(--bs-danger) !important;
}

.btn-warning {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-warning) !important;
	--bs-btn-border-color: var(--bs-warning) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-warning) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-warning) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-warning) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-warning) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-warning) !important;
	--bs-btn-disabled-border-color: var(--bs-warning) !important;
}

.btn-info {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-info) !important;
	--bs-btn-border-color: var(--bs-info) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-info) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-info) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-info-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-info) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-info) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-info) !important;
	--bs-btn-disabled-border-color: var(--bs-info) !important;
}

.btn-light {
	--bs-btn-color: var(--bs-dark) !important;
	--bs-btn-bg: var(--bs-light) !important;
	--bs-btn-border-color: var(--bs-light) !important;
	--bs-btn-hover-color: var(--bs-dark) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-light) 90%, black) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-light) 90%, black) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-light-rgb) !important;
	--bs-btn-active-color: var(--bs-dark) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-light) 90%, black) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-light) 90%, black) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-dark) !important;
	--bs-btn-disabled-bg: var(--bs-light) !important;
	--bs-btn-disabled-border-color: var(--bs-light) !important;
}

.btn-dark {
	--bs-btn-color: var(--bs-white) !important;
	--bs-btn-bg: var(--bs-dark) !important;
	--bs-btn-border-color: var(--bs-dark) !important;
	--bs-btn-hover-color: var(--bs-white) !important;
	--bs-btn-hover-bg: color-mix(in srgb, var(--bs-dark) 80%, white) !important;
	--bs-btn-hover-border-color: color-mix(in srgb, var(--bs-dark) 80%, white) !important;
	--bs-btn-focus-shadow-rgb: var(--bs-dark-rgb) !important;
	--bs-btn-active-color: var(--bs-white) !important;
	--bs-btn-active-bg: color-mix(in srgb, var(--bs-dark) 80%, white) !important;
	--bs-btn-active-border-color: color-mix(in srgb, var(--bs-dark) 80%, white) !important;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
	--bs-btn-disabled-color: var(--bs-white) !important;
	--bs-btn-disabled-bg: var(--bs-dark) !important;
	--bs-btn-disabled-border-color: var(--bs-dark) !important;
}

/* apply palette to checks */
.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-check-input:checked {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.form-check-input:checked {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.form-check-input:checked {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.form-check-input:checked {
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.form-check-input:checked {
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.form-check-input:checked {
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}

.form-check-input:checked {
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

/* apply palette to drop-down */
.dropdown-item.active,
.dropdown-item:active {
	color: var(--bs-white) !important;
	text-decoration: none;
	background-color: var(--bs-primary) !important;
}

/* custom BS classes */
.bd-callout {
	--bs-link-color-rgb: var(--bd-callout-link);
	--bs-code-color: var(--bd-callout-code-color);
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: var(--bd-callout-color, inherit);
	background-color: var(--bd-callout-bg, var(--bs-gray-100));
	border-left:0.25rem solid var(--bd-callout-border, var(--bs-gray-300))
}

.bd-callout h4 {
	margin-bottom:.25rem
}

.bd-callout > :last-child {
	margin-bottom:0
}

.bd-callout + .bd-callout {
	margin-top:-.25rem
}

.bd-callout .highlight {
	background-color:rgba(0, 0, 0, 0.05)
}

.bd-callout-primary {
	--bd-callout-color: var(--bs-primary-text-emphasis);
	--bd-callout-bg: var(--bs-primary-bg-subtle);
	--bd-callout-border: var(--bs-primary-border-subtle)
}

.bd-callout-secondary {
	--bd-callout-color: var(--bs-secondary-text-emphasis);
	--bd-callout-bg: var(--bs-secondary-bg-subtle);
	--bd-callout-border: var(--bs-secondary-border-subtle)
}

.bd-callout-success {
	--bd-callout-color: var(--bs-success-text-emphasis);
	--bd-callout-bg: var(--bs-success-bg-subtle);
	--bd-callout-border: var(--bs-success-border-subtle)
}

.bd-callout-warning {
	--bd-callout-color: var(--bs-warning-text-emphasis);
	--bd-callout-bg: var(--bs-warning-bg-subtle);
	--bd-callout-border: var(--bs-warning-border-subtle)
}

.bd-callout-danger {
	--bd-callout-color: var(--bs-danger-text-emphasis);
	--bd-callout-bg: var(--bs-danger-bg-subtle);
	--bd-callout-border: var(--bs-danger-border-subtle)
}

.bd-callout-info {
	--bd-callout-color: var(--bs-info-text-emphasis);
	--bd-callout-bg: var(--bs-info-bg-subtle);
	--bd-callout-border: var(--bs-info-border-subtle)
}

.bd-callout-light {
	--bd-callout-color: var(--bs-light-text-emphasis);
	--bd-callout-bg: var(--bs-light-bg-subtle);
	--bd-callout-border: var(--bs-light-border-subtle)
}

/* === End StackApps Bootstrap 1.0 === */



/* === Start StackApps Font 1.0 === */



/* create font classes and variables */






:root {
	--sa-font-primary: 'Roboto', var(--bs-font-sans-serif);
}

.font-primary {
	font-family: 'Roboto', var(--bs-font-sans-serif) !important;
}



/* === End StackApps Font 1.0 === */



/* === Start StackApps Setup 1.0 === */

.hint-css {
	font-size: 0.85rem !important;
}



/* === End StackApps Setup 1.0 === */











/* === Start StackApps Sidebar Nav 1.0 === */

#stacks_in_14_4 img {
    height: auto;
    width: auto;
    max-height: 32px;
    /* max-height: ; */
    vertical-align: middle;
    margin-right: 0.5rem;
}

#stacks_in_14_4 a:has(> img) {
    margin-top: 0px;
}

/* patch offcanvas nav colors */
#stacks_in_14_4 .offcanvas .navbar-nav {
--bs-nav-link-color: var(--bs-body-color) !important;
--bs-nav-link-active-color: var(--bs-body-color) !important;
--bs-nav-link-hover-color: var(--bs-body-color) !important;
}

/* adjust the padding of the navbar in case of rounded corners */
.navbar {

	--bs-navbar-padding-x: calc(var(--bs-navbar-padding-y) * 1.0) !important;

}

#stacks_in_14_4 .offcanvas .navbar-nav .nav-link.active, #stacks_in_14_4 .offcanvas .navbar-nav .nav-link.show {
	color: var(--bs-body-color) !important;
}

#stacks_in_14_4 .navbar-toggler-icon {
  background-image: none;
}

/* switch on toggler button border */
#stacks_in_14_4 .navbar-toggler {
	--bs-border-width: 0;
}

/* the floating navbar default settings */
#stacks_in_14_4 {
	margin-left: 0 !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* apply navbar margins, corners, shadow and height based on the expand breakpoint */


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {




	.navbar {
		height: 4rem;
	}


}

/* === End StackApps Sidebar Nav 1.0 === */



/* === Start StackApps Container 1.0 === */

#stacks_in_3 {
	width:100%;

}



#stacks_in_3 {
	
}

#stacks_in_3 {








}

@media (prefers-color-scheme: dark) {
	#stacks_in_3 {
	
	
	
	
	
	
	
	
	}
}

/* === End StackApps Container 1.0 === */



/* === Start StackApps Heading 1.0 === */





/* === End StackApps Heading 1.0 === */

/* === Start StackApps Login 1.0 === */

/* style the login */
.stacks_in_7-tooltip {
	--bs-tooltip-bg: var(--bs-secondary-color) !important; /* or hardcode any color */
	--bs-tooltip-color: var(--bs-light) !important;
}

/* === End StackApps Login 1.0 === */