.tab-content>.tab-pane {
	display: none;
}

.tab-content>.active {
	display: block;
}

.tab {
	margin-bottom: 2rem;
}

.tab .nav-tabs {
	border: 0;
}

.tab .nav-tabs .nav-link {
	background: transparent;
	border: 0;
	color: #343a40;
	padding: 0.75rem 1rem;
}

.tab .nav-tabs .nav-link.active {
	background: #fff;
	color: #343a40;
}

.tab .nav-tabs .nav-link:hover:not(.active) {
	color: #3b7ddd;
}

.tab .nav-tabs .nav-link svg {
	height: 20px;
	width: 20px;
}

.tab .tab-content {
	background: #fff;
	border-radius: 0 0 0.2rem 0.2rem;
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	padding: 1.25rem;
}

.tab .tab-content p:last-child {
	margin-bottom: 0;
}

.tab-primary .nav-tabs .nav-link.active {
	background: #3b7ddd;
	border-bottom-color: #3b7ddd;
	color: #fff;
}

.tab-primary .tab-content {
	background: #3b7ddd;
	color: #fff;
}

.tab-primary .h1,
.tab-primary .h2,
.tab-primary .h3,
.tab-primary .h4,
.tab-primary .h5,
.tab-primary .h6,
.tab-primary h1,
.tab-primary h2,
.tab-primary h3,
.tab-primary h4,
.tab-primary h5,
.tab-primary h6 {
	color: #fff;
}

.tab-secondary .nav-tabs .nav-link.active {
	background: #6c757d;
	border-bottom-color: #6c757d;
	color: #fff;
}

.tab-secondary .tab-content {
	background: #6c757d;
	color: #fff;
}

.tab-secondary .h1,
.tab-secondary .h2,
.tab-secondary .h3,
.tab-secondary .h4,
.tab-secondary .h5,
.tab-secondary .h6,
.tab-secondary h1,
.tab-secondary h2,
.tab-secondary h3,
.tab-secondary h4,
.tab-secondary h5,
.tab-secondary h6 {
	color: #fff;
}

.tab-success .nav-tabs .nav-link.active {
	background: #1cbb8c;
	border-bottom-color: #1cbb8c;
	color: #fff;
}

.tab-success .tab-content {
	background: #1cbb8c;
	color: #fff;
}

.tab-success .h1,
.tab-success .h2,
.tab-success .h3,
.tab-success .h4,
.tab-success .h5,
.tab-success .h6,
.tab-success h1,
.tab-success h2,
.tab-success h3,
.tab-success h4,
.tab-success h5,
.tab-success h6 {
	color: #fff;
}

.tab-info .nav-tabs .nav-link.active {
	background: #17a2b8;
	border-bottom-color: #17a2b8;
	color: #fff;
}

.tab-info .tab-content {
	background: #17a2b8;
	color: #fff;
}

.tab-info .h1,
.tab-info .h2,
.tab-info .h3,
.tab-info .h4,
.tab-info .h5,
.tab-info .h6,
.tab-info h1,
.tab-info h2,
.tab-info h3,
.tab-info h4,
.tab-info h5,
.tab-info h6 {
	color: #fff;
}

.tab-warning .nav-tabs .nav-link.active {
	background: #fcb92c;
	border-bottom-color: #fcb92c;
	color: #fff;
}

.tab-warning .tab-content {
	background: #fcb92c;
	color: #fff;
}

.tab-warning .h1,
.tab-warning .h2,
.tab-warning .h3,
.tab-warning .h4,
.tab-warning .h5,
.tab-warning .h6,
.tab-warning h1,
.tab-warning h2,
.tab-warning h3,
.tab-warning h4,
.tab-warning h5,
.tab-warning h6 {
	color: #fff;
}

.tab-danger .nav-tabs .nav-link.active {
	background: #dc3545;
	border-bottom-color: #dc3545;
	color: #fff;
}

.tab-danger .tab-content {
	background: #dc3545;
	color: #fff;
}

.tab-danger .h1,
.tab-danger .h2,
.tab-danger .h3,
.tab-danger .h4,
.tab-danger .h5,
.tab-danger .h6,
.tab-danger h1,
.tab-danger h2,
.tab-danger h3,
.tab-danger h4,
.tab-danger h5,
.tab-danger h6 {
	color: #fff;
}

.tab-light .nav-tabs .nav-link.active {
	background: #f5f7fb;
	border-bottom-color: #f5f7fb;
	color: #fff;
}

.tab-light .tab-content {
	background: #f5f7fb;
	color: #fff;
}

.tab-light .h1,
.tab-light .h2,
.tab-light .h3,
.tab-light .h4,
.tab-light .h5,
.tab-light .h6,
.tab-light h1,
.tab-light h2,
.tab-light h3,
.tab-light h4,
.tab-light h5,
.tab-light h6 {
	color: #fff;
}

.tab-dark .nav-tabs .nav-link.active {
	background: #212529;
	border-bottom-color: #212529;
	color: #fff;
}

.tab-dark .tab-content {
	background: #212529;
	color: #fff;
}

.tab-dark .h1,
.tab-dark .h2,
.tab-dark .h3,
.tab-dark .h4,
.tab-dark .h5,
.tab-dark .h6,
.tab-dark h1,
.tab-dark h2,
.tab-dark h3,
.tab-dark h4,
.tab-dark h5,
.tab-dark h6 {
	color: #fff;
}

.tab-title {
	font-size: 0.925rem;
}

.tab-vertical .nav-tabs {
	flex-direction: column;
	float: left;
}

.tab-vertical .nav-tabs .nav-link {
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0;
}

.tab-vertical .tab-content {
	overflow: auto;
}

.nav {
	--bs-nav-link-padding-x: 1rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: var(--bs-link-color);
	--bs-nav-link-hover-color: var(--bs-link-hover-color);
	--bs-nav-link-disabled-color: var(--bs-secondary-color);
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.nav-link {
	background: none;
	border: 0;
	color: var(--bs-nav-link-color);
	display: block;
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
	.nav-link {
		transition: none;
	}
}

.nav-link:focus,
.nav-link:hover {
	color: var(--bs-nav-link-hover-color);
	text-decoration: none;
}

.nav-link:focus-visible {
	box-shadow: 0 0 0 0.25rem rgba(59, 125, 221, 0.25);
	outline: 0;
}

.nav-link.disabled {
	color: var(--bs-nav-link-disabled-color);
	cursor: default;
	pointer-events: none;
}

.nav-tabs {
	--bs-nav-tabs-border-width: var(--bs-border-width);
	--bs-nav-tabs-border-color: var(--bs-border-color);
	--bs-nav-tabs-border-radius: var(--bs-border-radius);
	--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
	--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
	--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
	--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
	border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
	border: var(--bs-nav-tabs-border-width) solid transparent;
	border-top-left-radius: var(--bs-nav-tabs-border-radius);
	border-top-right-radius: var(--bs-nav-tabs-border-radius);
	margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: var(--bs-nav-tabs-link-hover-border-color);
	isolation: isolate;
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
	background-color: transparent;
	border-color: transparent;
	color: var(--bs-nav-link-disabled-color);
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color: var(--bs-nav-tabs-link-active-bg);
	border-color: var(--bs-nav-tabs-link-active-border-color);
	color: var(--bs-nav-tabs-link-active-color);
}

.nav-tabs .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
}

.nav-pills {
	--bs-nav-pills-border-radius: var(--bs-border-radius);
	--bs-nav-pills-link-active-color: #fff;
	--bs-nav-pills-link-active-bg: #3b7ddd;
}

.nav-pills .nav-link {
	border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
	background-color: transparent;
	border-color: transparent;
	color: var(--bs-nav-link-disabled-color);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: var(--bs-nav-pills-link-active-bg);
	color: var(--bs-nav-pills-link-active-color);
}

.nav-underline {
	--bs-nav-underline-gap: 1rem;
	--bs-nav-underline-border-width: 0.125rem;
	--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
	gap: var(--bs-nav-underline-gap);
}

.nav-underline .nav-link {
	border-bottom: var(--bs-nav-underline-border-width) solid transparent;
	padding-left: 0;
	padding-right: 0;
}

.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
	border-bottom-color: currentcolor;
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
	border-bottom-color: currentcolor;
	color: var(--bs-nav-underline-link-active-color);
	font-weight: 600;
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
	flex: 1 1 auto;
	text-align: center;
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
	width: 100%;
}

.nav-item .indicator {
	background: #3b7ddd;
	border-radius: 50%;
	box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
	color: #fff;
	display: block;
	font-size: 0.675rem;
	height: 18px;
	padding: 1px;
	position: absolute;
	right: -8px;
	text-align: center;
	top: 0;
	transition: top 0.1s ease-out;
	width: 18px;
}

.nav-item:hover .indicator {
	top: -4px;
}

.nav-item a:focus {
	outline: 0;
}

* {
	/* border: 1px solid red; */
}

.content {
	background-color: #ededed !important;
}

.footer {
	background-color: #222222 !important;
	padding: 1rem 0;
}

.f7 {
	background-color: #f7f7f7;
}

.text-vertical-center {
	vertical-align: middle !important;
}

.tvc {
	vertical-align: middle !important;
}


.badge-animate {
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.6);
	}

	70% {
		box-shadow: 0 0 0 8px rgba(255, 193, 7, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 193, 7, 0);
	}
}

.badge-fade {
	animation: fadeBadge 2s infinite;
}

@keyframes fadeBadge {

	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}
}

.badge-sup {
	font-size: 0.55rem;
	position: relative;
	top: -0.5em;
}