@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
	--bs-body-bg: #edf1f6;
	/*--bs-body-color: #75868f;*/
	--bs-body-font-size: .875rem;
	--bs-btn-font-weight: 600;
}
html {
	height: -webkit-fill-available;
}
body {
	min-height: 100vh;
	min-height: -webkit-fill-available;
}
html, 
body,
.ja-sidebar,
.select2-results > ul,
.offcanvas-body,
.modal-body,
.accordion-collapse {
	scrollbar-color: rgba(135,139,144,.5) #fff0;
	scrollbar-width: thin;
}
input[readonly]
{
	background-color:#e9ecef;
}

.w-250px {
	width: 250px;
}
.bi {
	width: 1em;
	height: 1em;
	fill: currentcolor;
}

.btn {
	--bs-btn-font-size: .875rem;
	--bs-btn-font-weight: 600;
}
.input-row > .btn-group > .btn {
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
}

.skippy {
	color: var(--bs-white);
	background-color: var(--bs-code-color);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.skippy a {
  color: var(--bs-white);
}
.cookiealert {
	background: var(--bs-dark);
	z-index: 1060;
}

.dropdown-toggle {
	outline: 0; 
}
.dropdown-toggle.hidden-arrow::after {
	display: none;
}

.ja-gutter {
  --bs-gutter-x: 3rem;
}
.ja-root {
	display: grid;
	gap: 0 0;
	grid-template-columns: min-content 1fr;
	grid-template-rows: min-content 1fr;
	min-height: 100vh;
	width: 100%;
}
.ja-navbar {
	grid-area: 1/1/2/3;
	padding: 0.75rem 0;
	background-color: transparent;
	background-image: linear-gradient(to bottom, rgba(var(--js-brand-color-rgb), 1), rgba(var(--js-brand-color-rgb), 1));
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	--bs-nav-link-font-size: 1rem;
}
.ja-navbar .offcanvas {
	--bs-border-color: rgba(var(--bs-black-rgb),0.25);
}
.ja-navbar.navbar-dark {
	color: rgba(var(--bs-white-rgb), 0.85);
}
.ja-navbar.navbar-dark .btn-close {
	filter: invert(1) grayscale(100%) brightness(200%);
}
.ja-navbar.navbar-dark .offcanvas {
	--bs-border-color: rgba(var(--bs-white-rgb),0.55);
}

.ja-navbar .navbar-toggler {
	padding: 0;
	margin-right: -0.5rem;
	border: 0;
}
.ja-navbar .navbar-toggler:first-child {
	margin-left: -0.5rem;
}
.ja-navbar .navbar-toggler .bi{
	width: 1.5rem;
	height: 1.5rem;
}
.ja-navbar .bi-blank {
	width: 2.5rem;
	height: 2.5rem;
}
.ja-navbar .navbar-toggler:focus {
	box-shadow: none;
}
.ja-navbar .navbar-brand {
	transition: 0.2s ease-in-out transform;
}
.ja-navbar .navbar-brand:hover {
	transform: rotate(-5deg) scale(1.1);
}
.ja-navbar .navbar-toggler,
.ja-navbar .nav-link {
	padding-right: 0.25rem;
	padding-left: 0.25rem;
}
.ja-navbar .navbar-toggler:hover,
.ja-navbar .navbar-toggler:focus,
.ja-navbar .nav-link:hover,
.ja-navbar .nav-link:focus {
	color: var(--bs-navbar-hover-color);
}
.ja-navbar .navbar-toggler.active,
.ja-navbar .nav-link.active {
	font-weight: 600;
}
.ja-navbar .offcanvas-lg {
	background-color: var(--js-brand-color);
	border-left: 0;
}
@media (max-width: 991.98px) {
  .ja-navbar .offcanvas-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  }
}
.ja-navbar .dropdown-toggle:focus:not(:focus-visible) {
	outline: 0;
}
.ja-navbar .dropdown-menu {
	--bs-dropdown-min-width: 12rem;
	--bs-dropdown-link-hover-bg: rgba(var(--js-brand-color-rgb), .1);
	--bs-dropdown-font-size: 0.875rem;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.ja-navbar .dropdown-item.current {
	font-weight: 600;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem top 0.6rem;
	background-size: 0.75rem 0.75rem;
}
.brand-link {
	display: block;
	text-decoration: none;
	font-size: .75rem;
	padding-top: .125rem;
	color: var(--bs-navbar-color);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.brand-link:hover,
.brand-link:focus {
	color: var(--bs-navbar-hover-color);
}
.text-brand {
	color: rgba(var(--js-brand-color-rgb),var(--bs-text-opacity,1)) !important;
}
.text-bg-brand {
	color: #000 !important;
	background-color: rgba(var(--js-brand-color-rgb),var(--bs-bg-opacity,1)) !important;
}
.bg-brand {
	background-color: rgba(var(--js-brand-color-rgb),var(--bs-bg-opacity,1)) !important;
}
.dark-mode .text-bg-brand {
	color: #fff !important;
}

.ja-container {
	grid-area: 2/2/3/3;
	width: 100%;
	min-width: 0;
	max-width: 100vw;
}
.ja-footer {
	padding: 1rem 0;
	margin-top: auto !important;
	grid-area: 4/1/4/4;
	color: var(--bs-gray-500);
  	background-color: rgba(0,0,0,0.1);
	/*box-shadow: 0.5rem 0 1rem rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(0, 0, 0, 0.15);*/
}
.ja-footer > .container-xxl {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	font-size: .875rem;
}
.ja-footer a {
	color: var(--bs-gray-700);
	text-decoration: none;
}
.ja-footer a:hover, 
.ja-footer a:focus {
	color: rgb(var(--js-brand-color-rgb));
	text-decoration: none;
}  
.copyright > a {
	color: var(--bs-link-color);
} 
.copyright {
	text-align: center;
}
@media (min-width: 576px) {
	.copyright {
    	text-align: left !important;
	}
	.text-sm-truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
@media (min-width: 992px) {
	.ja-layout {
		display: grid;
		grid-template-areas: "sidebar main";
		grid-template-columns: 1fr 5fr;
		gap: 1.5rem;
	}
	.ja-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 5rem;
		display: block !important;
		height: calc(100vh - 6rem);
		padding-left: 0.25rem;
		margin-left: -0.25rem;
		overflow-y: auto;
	}
	.ja-sidebar {
		grid-area: sidebar;
		min-width: 250px;
	}
	.ja-main {
		grid-area: main;
	}
	.ja-main-with-nav {
		max-width: calc(100vw - 250px - 4.5rem);
	}
}
@media (min-width: 1400px) {
	.ja-main-with-nav {
		max-width: calc(1320px - 250px - 4.5rem);
	}
}
.ja-sidebar>.offcanvas-lg,
.ja-navbar .offcanvas-lg {
	--bs-offcanvas-width: 300px;
}
.ja-intro,
.ja-content {
  	min-width: 1px;
}
.ja-content > :target {
	padding-top: 5rem;
	margin-top: -5rem;
}
.ja-content > h2:not(:first-child) {
	margin-top: 3rem;
}
.ja-content > h3 {
	margin-top: 2rem;
}
.ja-content > ul li,
.ja-content > ol li {
	margin-bottom: 0.25rem;
}
.ja-content > ul li > p ~ ul,
.ja-content > ol li > p ~ ul {
	margin-top: -0.5rem;
	margin-bottom: 1rem;
}
.ja-content > .table,
.ja-content > .table-responsive .table {
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}
@media (max-width: 991.98px) {
	.ja-content > .table.table-bordered,
	.ja-content > .table-responsive .table.table-bordered {
		border: 0;
	}
}
.ja-content > .table thead,
.ja-content > .table-responsive .table thead {
  	border-bottom: 2px solid currentcolor;
}
.ja-content > .table tbody:not(:first-child),
.ja-content > .table-responsive .table tbody:not(:first-child) {
	border-top: 2px solid currentcolor;
}
.ja-content > .table th:first-child,
.ja-content > .table td:first-child,
.ja-content > .table-responsive .table th:first-child,
.ja-content > .table-responsive .table td:first-child {
	padding-left: 0;
}
.ja-content > .table th:not(:last-child),
.ja-content > .table td:not(:last-child),
.ja-content > .table-responsive .table th:not(:last-child),
.ja-content > .table-responsive .table td:not(:last-child) {
	padding-right: 1.5rem;
}
.ja-content > .table th,
.ja-content > .table td:first-child > code,
.ja-content > .table-responsive .table th,
.ja-content > .table-responsive .table td:first-child > code {
	white-space: nowrap;
}

.badge-dot {
	position: absolute;
	border-radius: 4px;
	height: 8px;
	min-width: 0;
	padding: 0;
	width: 8px;
	margin-left: -.3125rem;
	--bs-bg-opacity: .85;
	animation: badgeDot 5s infinite;
	background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))
}
.badge-dot:empty {
	display: inline-block;
}
@keyframes badgeDot {
	0% {background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity));}
	50% {background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity));}
	100% {background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity));}
}

/* Sidenav */
.sidenav {
	top: 0;
	left: 0;
	transform: translateX(-100%);
	position: fixed;
	z-index: 1035;
	background-color: #fff;
	overflow: hidden;
	width: 240px;
	height: 100vh;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);
}
.sidenav-collapse,
.sidenav-menu {
	list-style: none;
	position: relative;
	padding: 0 .2rem;
	margin: 0;
}
.sidenav-menu > li.border-top + li.border-top {
	display: none;
}
.sidenav-collapse {
	display: none;
	padding: 0;
}
.sidenav-collapse.collapsing,
.sidenav-collapse.show {
	display: block;
}
.sidenav-collapse .sidenav-link {
	font-size: .78rem;
	height: 1.5rem;
}
.sidenav-item {
	position: relative;
	margin: 1px 4px 0;
}
.sidenav-item:first-child {
	margin-top: .25rem;
}
.sidenav-link {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: .89rem;
	padding: 1rem 1.5rem;
	height: 3rem;
	color: rgba(var(--bs-black-rgb),.65);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 5px;
	transition: all .3s linear;
	text-decoration: none;
}
.sidenav-link.active {
	background-color: rgba(var(--js-brand-color-rgb), .10);
}
.sidenav-link:active,
.sidenav-link:focus,
.sidenav-link:hover {
	color: rgba(var(--bs-black-rgb),.85);
	background-color: rgba(var(--js-brand-color-rgb), .15);
	outline:none;
}
.sidenav-link i:not(.rotate-icon) {
	color: var(--bs-gray-500);
	font-size: 1rem;
	transition: color .3s linear;
}
.sidenav-link.active i:not(.rotate-icon),
.sidenav-link:active i:not(.rotate-icon),
.sidenav-link:focus i:not(.rotate-icon),
.sidenav-link:hover i:not(.rotate-icon) {
	color: rgba(var(--js-brand-color-rgb),.85);
}
.rotate-icon {
	position: absolute;
	right: 0;
	margin-left: auto;
	margin-right: .8rem;
	transition: transform .3s;
}
.sidenav-toggle::after,
.stepper-toggle::after {
	width: 1.25em;
	line-height: 0;
	content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	transition: transform .35s ease;
	position: absolute;
	right: .5rem;
}
.sidenav-toggle[aria-expanded="true"]::after,
.stepper-toggle[aria-expanded="true"]::after {
	transform: rotate(180deg);
}

/* Loader */
.loading-backdrop {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.4);
	z-index: 1065;
 }
.loading-dots {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	color: var(--js-brand-color);
	z-index: 1056;
 }
 .loading-dots > span {
	display: inline-block;
	vertical-align: middle;
	width: .75rem;
	height: .75rem;
	margin: 0 .125rem;
	background: var(--js-brand-color);
	border-radius: 50%;
	-webkit-animation: loader 0.9s infinite alternate;
	animation: loader 0.9s infinite alternate;
}
.loading-dots > span:nth-of-type(2) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.loading-dots > span:nth-of-type(3) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
@-webkit-keyframes loader {
	0% {
		width: .75rem;
		height: .75rem;
		opacity: .9;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		width: 1.5rem;
		height: 1.5rem;
		opacity: .1;
		-webkit-transform: translateY(-21px);
		transform: translateY(-21px);
	}
}
@keyframes loader {
	0% {
		width: .75rem;
		height: .75rem;
		opacity: .9;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		width: 1.5rem;
		height: 1.5rem;
		opacity: .1;
		-webkit-transform: translateY(-21px);
		transform: translateY(-21px);
	}
}
.ja-callout {
	padding: 1rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background-color: var(--bd-callout-bg, var(--bs-gray-100));
	border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
	border-top-right-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
}
 .ja-callout h4 {
	margin-bottom: .25rem;
}
 .ja-callout>:last-child {
	margin-bottom: 0;
 }
 .ja-callout+.ja-callout {
	margin-top: -.25rem;
 }
 .ja-callout .highlight {
	background-color: rgba(0,0,0,0.05);
 }
 .ja-callout-info {
	--bd-callout-bg: rgba(var(--bs-info-rgb), .075);
	--bd-callout-border: rgba(var(--bs-info-rgb), .5);
 }
 .ja-callout-warning {
	--bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
	--bd-callout-border: rgba(var(--bs-warning-rgb), .5);
 }
 .ja-callout-danger {
	--bd-callout-bg: rgba(var(--bs-danger-rgb), .075);
	--bd-callout-border: rgba(var(--bs-danger-rgb), .5);
 }
 .ja-callout-success {
	--bd-callout-bg: rgba(var(--bs-success-rgb), .075);
	--bd-callout-border: rgba(var(--bs-success-rgb), .5);
 }



.ja-container,
.ja-footer {
	background-color: #edf1f6;
}
.ja-main .card {
	--bs-card-border-width: 0;
	--bs-card-box-shadow: 0 1rem 1rem -.75rem rgba(105,96,215,.175);
}
.checkList .articleItem>.card {
	--bs-card-border-width: .125rem;
	--bs-card-border-color: transparent;
}
.checkList .articleItem.active>.card {
	--bs-card-border-width: .125rem;
	--bs-card-border-color: var(--bs-primary);
	--bs-card-box-shadow: 0;
}
.card.border-primary,
.card.border-secondary,
.card.border-success,
.card.border-danger,
.card.border-warning,
.card.border-info,
.card.border-light,
.card.border-dark {
	--bs-card-border-width: .1rem !important;
}
.offcanvas dd>.card {
	--bs-card-box-shadow: 0 !important;
	--bs-card-spacer-y: 0.5rem;
	--bs-card-spacer-x: 0.5rem;
}
.offcanvas dd>.card:first-of-type {
	margin-top: .5rem;
}
.content .page-title {
	font-weight: 400;
}
.content .lead {
  	font-size: 1.1rem;
	color: var(--bs-gray-700);
}
.breadcrumb {
	--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%23adb5bd'/%3E%3C/svg%3E");
	--bs-breadcrumb-divider-color: var(--bs-gray-500);
	--bs-breadcrumb-font-size: .75rem;
}

.ja-link,
a.ja-link,
.breadcrumb-item>a {
	font-weight: 700;
	text-decoration: none;
}
.ja-link:hover,
a.ja-link:hover,
.breadcrumb-item>a:hover {	
	text-decoration: none;
	box-shadow: 0 2px;
}

.loginBody {
	background-image: url("../img/bg_01.jpg");
	background-size: cover;
	background-attachment: fixed;
}
.loginBody .ja-container {
	background-color: unset;
}
.loginBody .ja-footer {
	background-color: rgba(0,0,0,.25);
}

.ja-login {
	min-height: calc(100vh - 70px - 48px - 48px);
}
.ja-faq-content .accordion {
	--bs-accordion-active-bg: var(--bs-primary);
	--bs-accordion-active-color: var(--bs-white);
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-border-width: 0;
}
.ja-faq-content .accordion-item {
	box-shadow: 0 1rem 1rem -.75rem rgba(105,96,215,.175);
}
.ja-faq-content .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
	--bs-accordion-inner-border-radius: 0;
}
.ja-faq-content .accordion-body > *:last-child {
	margin-bottom: 0;
}
.ja-faq-content .accordion-body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}


@media (max-width: 991.98px) {
	.ja-faq-main {
		margin-inline: auto
	}
}
@media (min-width: 768px) {
	.ja-faq-main {
		display:grid;
		grid-template-areas:"ftoc" "fcontent";
		grid-template-rows:auto auto 1fr;
		gap:inherit
	}
}
@media (min-width: 992px) {
	.ja-faq-main {
		grid-template-areas:"ftoc fcontent";
		grid-template-rows: 1fr auto;
		grid-template-columns: 1fr 2fr;
		column-gap: 1rem;
	}
}
.ja-faq-toc {
	grid-area:ftoc
}
.ja-faq-content {
	grid-area:fcontent;
	min-width:1px
}
@media (min-width: 992px) {
	.ja-faq-toc {
		position:-webkit-sticky;
		position:sticky;
		top:5rem;
		right:0;
		z-index:2;
		overflow-y:auto
	}
}

.card-body .row + .row {
	margin-top: 0;
}
.insertedContent > p:last-of-type {
	margin-bottom: 0;
}
.card .card,
.modal .card {
	background-color: rgba(0,0,0,.08);
	box-shadow: none;
}
.card+.card {
	margin-top: 1rem;
}
dd>.card+.card {
	margin-top: .25rem;
}
.articleItemInvalid > .card {
	box-shadow: 0 0 0 1px var(--bs-danger);
}
.card.card-disabled {
	background-color: rgba(0,0,0,.06);
	box-shadow: none;
}
.articleItem {
	--bs-gutter-y: 1rem;
}
p+.articleItem {
	margin-top: 0;
}
.card-footer .form-check {
	margin-bottom: 0;
}

.stepper {
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
	transition: height .2s ease-in-out;
}
.stepper .stepper-step {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
}
.stepper .stepper-step:not(:last-child):after {
	position: absolute;
	left: 2.25rem;
	height: calc(100% - 2.45rem);
	top: 3rem;
	width: 1px;
	margin-top: .5rem;
	content: "";
	background-color: rgba(0,0,0,.1)
}
.stepper .stepper-content {
	overflow: hidden;
	padding: .5rem 1.5rem .5rem 3.75rem;
	transition: height .3s ease-in-out, margin-top .3s ease-in-out, margin-bottom .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out;
}
.stepper .stepper-head {
	padding: 1.5rem;
}
.stepper .stepper-head-icon {
	margin-right: .75rem;
}
.stepper .stepper-head-text {
	font-weight: 600;
}
.stepper-content {
	left: 0;
}
.stepper-head {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: unset;
	line-height: 1.3;
	cursor: pointer;
}
.stepper-head:hover {
	color: rgba(var(--bs-black-rgb),.85);
	background-color: rgba(var(--js-brand-color-rgb), .15);
}
.stepper-head:focus {
	outline: none;
}
.stepper-head-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: calc(1.275rem + .3vw);
	width: 1.5rem;
	height: 1.5rem;
}
.stepper-head[aria-expanded="true"] {
	color: rgba(var(--js-brand-color-rgb),.85);
}

.progress-registration {
	flex-grow:100;
	height: .25rem;
}
.card {
	overflow: hidden;
	box-shadow: var(--bs-card-box-shadow);
	transition: all 0.2s ease-in-out;
}
.card-alert {
	position: relative;
	margin: calc(var(--bs-card-spacer-y) * -1) calc(var(--bs-card-spacer-x) * -1);
	margin-bottom: var(--bs-card-spacer-y);
	padding: 1rem;
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border-color: var(--bs-alert-border-color);
}
.card-warning>.card-header {
	background-color: rgba(var(--bs-warning-rgb),.25);
}
.card-danger>.card-header {
	background-color: rgba(var(--bs-danger-rgb),.25);
}
.card-success>.card-header {
	background-color: rgba(var(--bs-success-rgb),.25);
}
.card-info>.card-header {
	background-color: rgba(var(--bs-info-rgb),.25);
}
.card-header>div,
.card-footer>div {
	min-height: 2rem;
}
dd .card-header>div,
dd .card-footer>div {
	min-height: unset;
}
.card-header>*+* {
	margin-left: 1rem;
}
.collapse-button {
	position: relative;
	padding-left: 1.5rem;
}
.collapse-button::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform 0.2s ease-in-out;
	transform: rotate(-90deg);
}
.collapse-button:not(.collapsed)::before {
	transform: rotate(0deg);
}
dt {
	font-weight: 600;
}

.form-password,
.was-validated .form-password:valid,
.was-validated .form-password:invalid {  
	padding-right: calc(1.5em + .75rem);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye' viewBox='0 0 16 16'%3E%3Cpath d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/%3E%3Cpath d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E");;
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-password.visible,
.was-validated .form-password.visible:valid,
.was-validated .form-password.visible:invalid {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-eye-slash' viewBox='0 0 16 16'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E");
}
.toggle-password-label {
	text-indent: -9999px;
	display: block;
	width: 2.25rem;
	height: 2.25rem;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

.form-floating + .toggle-password-label {
	height: 3.5rem;
}

.max-w-250px {
	max-width: 250px;
}
.max-h-4 {
	max-height: 4rem;
	overflow-y: scroll;
}
.w-0 {
	width: 0!important;
}
.w-md-33 {
	width: 100%
}
@media (min-width: 768px) {
	.w-md-33 {
		width: 33.33333%
	}
}

.form-preview .btn-check:disabled + .btn, 
.form-preview .btn-check[disabled] + .btn,
.form-preview .form-check-input:disabled,
.form-preview .form-check-input:disabled ~ .form-check-label, 
.form-preview .form-check-input[disabled] ~ .form-check-label {
	opacity: 1;
}
.form-preview .form-check-input:checked {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

a.btn-dot {
	position: relative;
	color: #000;
	text-decoration: none;
}
a.btn-dot:hover {
	color: #000;
}
a.btn-dot.active::after {
	content: "";
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 3px;
	background-color: #fff;
}
a.btn-dot::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	border-radius: 3px;
	background-color: #fff;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}
a.btn-dot:hover::before {
	transform: scaleX(1);
}


.offcanvas-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.articleItem > .card {
	--bs-card-spacer-y: .5rem;
}
.articleItem > .card:hover {
	--bs-card-box-shadow: none;
}
.articleItem > .offcanvas {
	--bs-offcanvas-width: 500px;
}
.articleItem.noCardShadow {
	--bs-gutter-y: .5rem;
}

.articleItem.noCardShadow > .card {
	--bs-card-box-shadow: 0 !important;
	--bs-card-bg: rgba(0, 0, 0, 0.03);
	--bs-card-spacer-y: 0.5rem;
}

dl > dt,
.dt {
	text-transform: uppercase;
	font-size: .875em;
	color: var(--bs-gray);
}
dl > dd,
.dd {
	margin-bottom: .75rem;
	word-break: break-word;
	
}
@media (min-width: 576px) {
	.row.dl-sm-3-9 > dt {
		flex: 0 0 auto;
		width: 25%;
		margin-bottom: .5rem;
	}
	.row.dl-sm-3-9 > dd {
		flex: 0 0 auto;
		width: 75%;
	}
}

.alert-muted {
	--bs-alert-color: var(--bs-gray-dark);
	--bs-alert-bg: var(--bs-gray-100);
	--bs-alert-border-color: var(--bs-gray);
}

.offcanvas > .alert {
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
}
.offcanvas .accordion {
	--bs-accordion-btn-padding-y: .5rem;
	--bs-accordion-border-radius: 0;
	--bs-accordion-btn-focus-box-shadow: none;
}

.offcanvas .accordion-collapse {
	max-height: 10rem;
	overflow-y: auto;
}

.toast-container {
	top: 4rem !important;
}
.toast-container > .toast {
	--bs-toast-spacing: .5rem;
}
.form-control.disabled {
	background-color: #e9ecef;
	opacity: 1;
}
.form-control.disabled:focus {
	border-color: #ced4da;
	box-shadow: none;
}

.list-header {
	position: sticky;
	z-index: 1;
	top: 4rem;
	background-color: var(--bs-body-bg);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1.5rem;
	padding-bottom: .5rem;
	text-transform: uppercase;
}
.list-footer {
	position: sticky;
	z-index: 2;
	bottom: 1rem;
	margin-top: 1rem;
}
.offcanvas-filter {
	--bs-offcanvas-width: 300px;
}
.offcanvas-filter .offcanvas-body {
	--bs-offcanvas-padding-x: 0;
}
.message-avatar-img {
	border-radius: 50%;
    box-shadow: 0 0 5px #ddd;
    width: 50px;
    height: 50px;
}
.kontoAfiliacje-img {
    width: 10%;
    float: left;
}
.carousel-indicators {
   bottom: -50px;
}

.btn-group-inline > .btn {
	margin: .25rem .125rem;
}
.img-cover-right {
	min-height: 18rem;
	object-fit: cover;
	object-position: right center;
}

.card-img+.card-body,
.min-height-16vh {
	min-height: 16vh;
}
.card-img .badge {
	position: absolute;
	top: 1rem;
	right: 1rem;
	--bs-badge-padding-x: 1rem;
	--bs-badge-padding-y: .5rem;
}
.badge-xl {
	--bs-badge-padding-x: 1rem;
	--bs-badge-padding-y: .5rem;
}
.card-img .card-img-mask {
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
}
.card-img img {
	transition: 300ms all ease-in-out;
	object-fit: scale-down;
	height: 24vh;
}
.card-img-cover img {
	object-fit: cover;
}
.card:hover .card-img img {
	transform: scale(1.1);
}
.img-mask {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-attachment: fixed;
	transition: all .3s linear;
	mix-blend-mode: multiply;
	--bs-mask-opacity: .2;
}
.img-mask-dark {
	background-color: rgba(var(--bs-dark-rgb), var(--bs-mask-opacity));
}
.img-mask-primary {
	background-color: rgba(var(--bs-primary-rgb), var(--bs-mask-opacity));
}
.img-mask-secondary {
	background-color: rgba(var(--bs-secondary-rgb), var(--bs-mask-opacity));
}
.img-mask-info {
	background-color: rgba(var(--bs-info-rgb), var(--bs-mask-opacity));
}
.img-mask-warning {
	background-color: rgba(var(--bs-warning-rgb), var(--bs-mask-opacity));
}
.img-mask-danger {
	background-color: rgba(var(--bs-danger-rgb), var(--bs-mask-opacity));
}
.img-mask-success {
	background-color: rgba(var(--bs-success-rgb), var(--bs-mask-opacity));
}

.card-hover:hover {
	--bs-card-box-shadow: none;
}
.card-hover:hover .img-mask {
	--bs-mask-opacity: .1;
}
.card.active {
	--bs-card-border-width: .125rem;
	--bs-card-border-color: var(--bs-primary);
}
.card-danger.active {
	--bs-card-border-color: var(--bs-danger);
}

.owl-nav {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 1rem !important;
}
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
	padding: .25rem .75rem !important;
	position: absolute;
	bottom: 0;
	margin: 0;
}
.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 0;
}
.owl-carousel .owl-nav button.owl-prev {
	left: 0;
	right: auto;
}
.owl-dots {
	padding: 0 2rem;
}
.owl-carousel .card {
	--bs-card-box-shadow: 0;
}
.owl-flex .owl-stage {
	display: flex;
}
.owl-flex .aticle-box {
	height:100%;
}

/*Select2 ReadOnly Start*/
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #eee;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

/*Select2 ReadOnly End*/

.max-width-11rem {
	max-width: 11rem;
}
.min-width-3rem {
	min-width: 3rem;
}
.min-width-0 {
	min-width: 0;
}

.dropdown > .btn {
	max-width: 100%;
}
.h-1 {
	height: .25rem; 
}
.h-2 {
	height: .5rem; 
}
.h-3 {
	height: 1rem; 
}

.iframe-fluid {
	padding: 56.25% 0 0 0;
	position: relative;
}
.iframe-fluid > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}