:root {
}

@media (min-width: 992px) {
	:root,
	:host {
		margin-left: 0;
		margin-right: 0;
	}
}

#spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease-out, visibility 0s linear .5s;
	z-index: 99999;
}

#spinner.show {
	transition: opacity .5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}

.container-wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: space-between;
}

.bi-2 {
	font-size: 16px;
}

.asset-meta {
	background-color: #0006;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 2;
	padding: 5px 10px;
	line-height: 1.2;
}
.meta-author {
	color: #aaa;
	font-size: 0.8rem;
}
.meta-title {
	color: #fff;
	font-weight: 600;
}

/* ----- SEARCH input ----- */

[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	height: 16px;
	width: 16px;
	margin-left: .4em;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
	cursor: pointer;
}

/* ----- End of Search ----- */

.input-group-flat .input-group-text:last-child {
	box-shadow: none;
	padding: .375rem .75rem;
}
.logo img {
	height: 30px;
	width: 30px;
}
.logo-wrapper  h1 {
	vertical-align: middle;
}
a.ref-no-link,
a.ref-no-link:hover {
	text-decoration: none;
	color: inherit;
}

.dropdown-menu {
	background-color: var(--tblr-gray-700);
}
.dropdown-item:hover, .dropdown-item:focus {
	background-color: var(--tblr-gray-600);
}
.dropdown-toggle-lg:after {
	content: "";
	display: inline-block;
	vertical-align: 0.306em;
	width: 0.5em;
	height: 0.5em;
	border-bottom: 2px var(--tblr-border-style);
	border-left: 2px var(--tblr-border-style);
	margin-right: 0.1em;
	margin-left: 0.7em;
	transform: rotate(-45deg);
}

.card-header-tabs {
	background: var(--tblr-gray-100);
}
.card-header-tabs .nav-link {
	background-color: var(--tblr-nav-link-hover-bg);
}

.btn-md {
	--tblr-btn-padding-y: 0.25rem;
	--tblr-btn-padding-x: 0.5rem;
	--tblr-btn-font-size: 0.875rem;
	--tblr-btn-border-radius: var(--tblr-border-radius-md);
}
.btn-outline-primary.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-primary-rgb), 0.2);
}
.btn-outline-secondary.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-secondary-rgb), 0.2);
}
.btn-outline-success.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-success-rgb), 0.2);
}
.btn-outline-warning.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-warning-rgb), 0.2);
}
.btn-outline-danger.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-danger-rgb), 0.2);
}
.btn-outline-info.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-info-rgb), 0.2);
}
.btn-outline-light.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-light-rgb), 0.2);
}
.btn-outline-dark.btn-shade {
	--tblr-btn-bg: rgba(var(--tblr-dark-rgb), 0.2);
}

.modal-footer {
	justify-content: center;
}