:root {
	--tblr-warning: #f76707;
	--tblr-warning-rgb: 247, 103, 7;
	--tblr-warning-fg: var(--tblr-light);
	--tblr-warning-darken: #de5d06;
	--tblr-warning-lt: #fef0e6;
	--tblr-warning-lt-rgb: 254, 240, 230;
}

.Xpage {
	min-height: calc(100vh - 56px);
}

@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;
}

.navbar .navbar-nav .nav-link {
	border-radius: 0;
}

.nav-item.active .nav-link {
	background-color: #066fd152;
}

.nav-link-icon:has(.bi) {
	font-size: 16px;
	text-align: end;
}

.nav-item.active:after {
	border-bottom-width: 2px !important;
}

.tblr-icon svg {
	font-size: 1rem;
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: bottom;
}

.nav-item.nav-separator {
	padding: 0 10px;
	cursor: default;
}

.nav-item.nav-separator::after {
	content: "|";
}