body {
		padding-top: 71px;
}

@media (min-width: 1400px) {
		.container, .container-lg, .container-md, .container-sm, .container-xl {
				max-width: 1140px;
		}
}

.cl-wrapper {
		display: flex;
		flex-direction: column;
		height: calc(100vh - 71px - 0.25rem);
}

.wrapper-sidebar {
		flex: 0 1 auto;
}

.wrapper-content {
		flex: 1 1 auto;
		height: 100%;
}

.wrapper-footer {
		flex: 0 1 auto;
}

.main {
		height: 100%;
}

.anchor {
		margin-top: -100px;
		padding-top: 100px;
}


/* ---------------------------------------------------
Utilities
----------------------------------------------------- */
.courier-prime {
		font-family: 'Courier Prime';
}

.bg-gradient-grey {
		background: #020202;
		background: -moz-linear-gradient(top, #020202 0%, #030303 3%, #3d3d3d 23%, #797979 49%, #b9b9b9 76%, #d6d6d6 100%);
		background: -webkit-linear-gradient(top, #020202 0%,#030303 3%,#3d3d3d 23%,#797979 49%,#b9b9b9 76%,#d6d6d6 100%);
		background: linear-gradient(to bottom, #020202 0%,#030303 3%,#3d3d3d 23%,#797979 49%,#b9b9b9 76%,#d6d6d6 100%);
}
.bg-gradient-red {
		background: #64030a;
		background: -moz-linear-gradient(top, #64030a 0%, #760105 3%, #893739 23%, #a7726e 49%, #bfa5a6 76%, #d6d6d6 100%);
		background: -webkit-linear-gradient(top, #64030a 0%,#760105 3%,#893739 23%,#a7726e 49%,#bfa5a6 76%,#d6d6d6 100%);
		background: linear-gradient(to bottom, #64030a 0%,#760105 3%,#893739 23%,#a7726e 49%,#bfa5a6 76%,#d6d6d6 100%);
}
.bg-gradient-red2 {
		background: #64030a;
		background: -moz-linear-gradient(top, #64030a 0%, #760105 3%, #893739 23%, #a7726e 49%, #bbb 100%);
		background: -webkit-linear-gradient(top, #64030a 0%,#760105 3%,#893739 23%,#a7726e 49%,#bbb 100%);
		background: linear-gradient(to bottom, #64030a 0%,#760105 3%,#893739 23%,#a7726e 49%,#bbb 100%);
}

.bg-grey {
	background-color: #E4E4E4;
}


/* ---------------------------------------------------
HEADER, Nav 1
----------------------------------------------------- */
#navbar-top {
		border-bottom: 2px solid #eaeaea;
		background-color: #fff;
		padding: 0.233rem 0;
		height: 71px;
		min-width: 320px;
}
#navbar-top .title-long {
		display: inline;
}
#navbar-top .title-short {
		display: none;
}
#navbar-top .nav-link {
		color: #000 !important;
		cursor: pointer;
		font-size: 14px;
		font-weight: 500;
}
#navbar-top .nav-link a {
		text-decoration: none;
}

#nav-1 .nav-item {
		padding: 0 0.5rem;
}
#nav-1 .nav-link {
		padding: 0 0.5rem;
}
#nav-1 .active > .nav-link,
#nav-1 .nav-link.active,
#nav-1 .nav-link.show,
#nav-1 .show > .nav-link {
		border-bottom: 1px solid black;
		width: 100%;
}

#navbar-top-user-nav .nav-item:not(:last-child) {
		margin-right: 15px;
}
#navbar-top-user-nav .nav-link .fa-2x {
		vertical-align: middle;
		font-size: 2em;
		margin-right: 0.5rem;
		line-height: 3.5rem;
		color: #000;
}
#navbar-top-user-nav .nav-link > div {
		display: inline-block;
		vertical-align: middle;
}
#navbar-top-user-nav .nav-link > div > * {
		display: block;
}

@media (max-width: 1199.97px) {
		#navbar-top-user-nav ul li {
				margin-right: 0 !important;
		}
		#navbar-top-user-nav .nav-link .fa-2x {
				font-size: 1.5em !important;
		}
}

/* ---------------------------------------------------
Nav 2
----------------------------------------------------- */
#nav-2,
#nav-2-opener {
		background: #fff;
		border-bottom: 2px solid #eaeaea;
		height: 50px;
		z-index: 1029;
}
#nav-2.fixed-top,
#nav-2-opener.fixed-top {
		top: 71px
}
#nav-2-opener a {
		color: var(--navbar-light-active-link);
		padding: 10px 0.5rem;
		vertical-align: bottom;
}
#nav-2 .nav-link,
#nav-2-opener a {
		font-weight: 500;
}
#nav-2 .title-long {
		display: none;
}
#nav-2 .title-short {
		display: inline;
}

#nav-2 ~ .wrapper,
#nav-2-opener ~ .wrapper {
		margin-top: 51px;
}

@media (max-width: 450px) {
		#nav-2 .nav-link, #nav-2-opener a {
				font-size: 0.68rem;
				line-height: 1.93015;
		}
}
@media (min-width: 768px) {
		#nav-2 .title-long {
				display: inline;
		}
		#nav-2 .title-short {
				display: none;
		}
		#nav-2-opener ~ .wrapper {
				margin-top: 0;
		}
}
@media (min-width: 1200px) {
		#nav-2 {
				display: none;
		}
		#nav-2 ~ .wrapper {
				margin-top: 0;
		}
}

/* ---------------------------------------------------
Sidebar, Nav 3
----------------------------------------------------- */
.dynamic-fixed.fixed-top {
		z-index: 1029 !important;
}

.offcanvas-start, .offcanvas-end, .offcanvas-top, .offcanvas-bottom {
		border: 0px;
}
.offcanvas-header {
		min-height: 71px;
		border-bottom: 2px solid #eaeaea;
}
.offcanvas ::-webkit-scrollbar {
		width: 5px !important;
		height: 5px !important;
}
.offcanvas ::-webkit-scrollbar-track {
		background: #f1f1f1;
}
.offcanvas ::-webkit-scrollbar-thumb {
		background: #888;
}
.offcanvas ::-webkit-scrollbar-thumb:hover {
		background: #555;
}

#offcanvasSidebar .nav-1 {
		flex-direction: row!important;
		justify-content: space-between!important;
		padding: 0 0.5rem;
		margin: -1rem -1rem 0 -1rem;
		background: #f4f4f4;
		border-bottom: .125rem solid #eaeaea;
}
#offcanvasSidebar .nav-1 .nav-item .nav-link {
		padding: 19px 0.5rem 5px;
		font-size: 12px;
}
#offcanvasSidebar .title-long {
		display: none;
}
#offcanvasSidebar .title-short {
		display: inline;
}
@media (min-width: 768px) {
		#offcanvasSidebar {
				visibility: visible !important;
				transform: none;
				width: 270px;
				top: 71px;
				border-right: 2px solid #eaeaea;
		}
		#offcanvasSidebar .offcanvas-header {
				display: none;
		}
		#offcanvasSidebar ~ #nav-2-opener {
				display: none;
		}
		#offcanvasSidebar ~ .wrapper {
				margin-left: 270px;
				height: 100%;
		}
}
@media (min-width: 1200px) {
		#offcanvasSidebar .nav-1 {
				display: none;
		}
}

#nav-3 .nav-tabs {
		border: none;
}
#nav-3 .nav-item {
		margin: 0;
		padding: 0;
}
#nav-3 .nav-link {
		color: #2c2c2c;
		cursor: pointer;
		font-weight: 400;
		font-size: 14px;
		text-align: left;
		padding: 0.7rem 0.5rem;
}
#nav-3 .nav-link.active {
		border-bottom: none;
		width: 100%;
		background-color: #f3f3f3;
}
#nav-3 .sidebar-title {
		text-transform: uppercase;
		color: #6e6e6e;
		font-size: 11px;
}
#nav-3 .sidebar-category {
		text-transform: uppercase;
		color: #dc3545;
		font-size: 14px;
		font-weight: 600;
		padding-bottom: 0.25rem;
		margin-top: 1rem;
}
#nav-3 .sidebar-link {
		color: #6e6e6e;
		font-size: 11px;
		padding: unset;
		text-decoration: underline;
		font-weight: unset;
		padding: 0.5rem;
}

#dropdownMenuButton {
		width: 52px;
		padding: 0 4px 0 4px;
		box-shadow: var(--shadow);
		margin-right: 1rem;
		-webkit-animation: menuButtonPulse 1.5s infinite;
}
#dropdownMenuButton:hover {
		box-shadow: var(--shadow-sm);
		-webkit-animation: none;
		transform: scale(0.95, 0.95);
}
#dropdownMenuButton img {
		transition: transform 0.15s ease-in-out;
}
@-webkit-keyframes menuButtonPulse {
		0% {
						@include transform(scale(.9));
						box-shadow: var(--shadow);
						transform: scale(1, 1);
		}
		50% {
						@include transform(scale(.9));
						box-shadow: var(--shadow);
						transform: scale(1, 1);
		}
		75% {
						@include transform(scale(1));
						box-shadow: var(--shadow-sm);
						transform: scale(0.95, 0.95);
		}
		100% {
						@include transform(scale(.9));
						box-shadow: var(--shadow);
						transform: scale(1, 1);
		}
}



/* ---------------------------------------------------
Search
----------------------------------------------------- */
.identifier {
		display: flex;
		flex-wrap: wrap;
		padding: 0 0;
		margin: 0;
		list-style: none;
}
.identifier-item+.identifier-item::before {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		content: "/";
}

.position-absolute.search-results {
		max-height: 75vh;
		overflow: auto;
		top: 0.25rem;
		box-shadow: var(--shadow-lg);
		border-radius: 0.25rem;
		border: 1px solid var(--card-border);
}
.search-results .name {
		font-weight: bold;
}
.search-results .muted {
		color: inherit;
		opacity: 0.7;
}



/* ---------------------------------------------------
Borders, Text-Colors, Buttons
----------------------------------------------------- */
.border-2 {
	border-width: 2px !important;
	border-style: solid !important;
}
.border-top-2 {
	border-top-width: 2px !important;
	border-style: solid !important;
}
.border-top-3 {
	border-top-width: 3px !important;
	border-style: solid !important;
}
.border-top-6 {
	border-top-width: 6px !important;
	border-style: solid !important;
}

.btn-success.pulse-button {
		box-shadow: 0 0 0 0 rgba(7, 157, 70,.5);
		-webkit-animation: successpulse 1.5s infinite;
}
.btn-success.pulse-button:hover {
		-webkit-animation: none;
}
@-webkit-keyframes successpulse {
		0% {
				@include transform(scale(.9));
		}
		70% {
				@include transform(scale(1));
				box-shadow: 0 0 0 30px rgba(7, 157, 70, 0);
		}
		100% {
				@include transform(scale(.9));
				box-shadow: 0 0 0 0 rgba(7, 157, 70, 0);
		}
}

.btn-primary.pulse-button{
		box-shadow: 0 0 0 0 rgba(203, 21, 49,.5);
		-webkit-animation: primarypulse 1.5s infinite;
}
.btn-primary.pulse-button:hover {
		-webkit-animation: none;
}
@-webkit-keyframes primarypulse {
		0% {
				@include transform(scale(.9));
		}
		70% {
				@include transform(scale(1));
				box-shadow: 0 0 0 30px rgba(203, 21, 49, 0);
		}
		100% {
				@include transform(scale(.9));
				box-shadow: 0 0 0 0 rgba(203, 21, 49, 0);
		}
}





.pricing {
		height: 7em;
		width: 7em;
		border-radius: 50%;
		text-decoration: none;
		text-align: center;
		align-items: 700;
		justify-content: center;
		display: flex;
		align-items: center;
		font-size: 1.2em;
		background: #dc3545;
		color: #fff;
		font-weight: bold;
		transform: rotate(8deg);
}

.article h1, .article h2, .article h3, .article h4, .article h5 {
		margin-bottom: 1.5rem !important;
}
.article a {
		text-decoration: underline;
}

.iframe-container iframe {
		height: 500px !important;
		width: 100% !important;
		top: 0;
}

.carousel-item .height-250 {
		height: 312px;
}
.referent-img img {
	padding: 2px;
	box-shadow: 0 0.175rem 0.35rem rgb(0 0 0 / 26%) !important;
	background-color: #fff;
	border: 2px solid #7d7d7d;
	border-radius: 0.25rem;
	max-width: 100%;
	height: auto;
}
@media (max-width: 991.98px) {
		.carousel-item .height-250 {
				height: 200px;
		}
}
@media (max-width: 767.98px) {
		.carousel-item .height-250 {
				height: 275px;
		}
		.referent-img {
				text-align: center;
				margin-right: 0 !important;
		}
}
@media (max-width: 575.98px) {
		.carousel-item .height-250 {
				height: 325px;
		}
}



#toast-container {
	position: fixed!important;
	bottom: 1rem;
	right: 0;
	max-height: calc(100vh - 7.5rem);
	overflow: auto;
	max-width: 75vw;
	pointer-events: none;
}
.toast-info {
		background-color: #2F96B4 !important;
		--toast-bg: #2F96B4 !important;
		--toast-header-bg: #2F96B4 !important;
}
.toast-error {
		background-color: #BD362F !important;
		--toast-bg: #BD362F !important;
		--toast-header-bg: #BD362F !important;
}
.toast-success {
		background-color: #51A351 !important;
		--toast-bg: #51A351 !important;
		--toast-header-bg: #51A351 !important;
}
.toast-warning {
		background-color: #F89406 !important;
		--toast-bg: #F89406 !important;
		--toast-header-bg: #F89406 !important;
}
.toast-header {
		color: inherit;
}
.tfcookie-modal {
	display: block !important;
	font-size: 1rem;
}
.tfcookie-modal .modal-header {
	display: block;
	text-align:center;
}
.tfcookie-modal .modal-footer {
	border: 0px;
	justify-content: center;
}
.tfcookie-modal .tfcookie-options .form-check {
	display: inline-block;
}
.tfcookie-modal .tfcookie-options .form-check-input {
	width: 1.2em;
	height: 1.2em;
	margin-top: 0;
}
.tfcookie-modal .tfcookie-options .form-check-label {
	color: var(--heading);
	font-weight: var(--heading-fontweight);
	font-family: var(--heading-fontfamily);
	line-height: var(--heading-lineheight);
	padding-left: 0.5rem;
	font-size: 1.5rem;
}
.tfcookie-modal .tfcookie-options .tfcookie-description {
	font-size: 0.9rem;
}
.tfcookie-modal .tfcookie-options .col {
	text-align: center;
	display: flex;
	flex-direction: column;
}
.tfcookie-modal .tfcookie-options .col > :first-child {
	background-color: #f4f4f4;
	padding: 0.75rem 0.5rem 0.5rem 0.5rem;
	flex: 1 1 auto !important;
	font-weight: 500;
	border: 1px solid var(--modal-header-border);
}