#loginCtr{
	margin-top:10vh;
}

#mainHeader{
	background-color:var(--color-primary);
}

div.navtab-container a.nav-link.disabled{
	cursor:not-allowed;
}
div.navtab-container div.tab-content{
	padding:1rem;
	background-color:#FFF;
	border:1px solid;
	border-color:transparent #dee2e6 #dee2e6 #dee2e6;
}
div.navtab-container div.tab-content{
	display:none;
}
div.navtab-container div.tab-content.active{
	display:block;
}

/* Widget fixes: */
div.input-group span.input-group-text.is-invalid{
	border-color:#dc3545;
	color:#dc3545;
	background-color:#f8d7da;
}
span.tox-statusbar__branding{
	display:none;
}
.tox-dialog__body > .tox-dialog__body-nav div:nth-child(3){
	display:none;
}
.tox-dialog__body > .tox-dialog__body-nav div:nth-child(4){
	display:none;
}
textarea.is-invalid + .tox.tox-tinymce{
	border-color:#dc3545;
}
div.input-group.date-time-picker input.is-invalid + span{
	color:#dc3545;
	border-color:#dc3545;
}
div.input-group.date-time-picker{
	flex-wrap:nowrap;
}
.table>:not(:first-child){
	border-top-width:1px;
}
.table-xs > :not(caption) > * > * {
  padding: 0.15rem 0.25rem;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-accent-bg:transparent;
	color: var(--bs-table-striped-color);
}
.table-striped > tbody > tr:nth-of-type(even) > * {
	--bs-table-accent-bg:var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}
table.table.dragging tbody, table.table.dragging tbody button {
	cursor:move;
}
table.table.dragging tbody tr.dragging td {
	border-top-width:2px;
	border-bottom-width:2px;
	border-top-color:var(--bs-dark);
	border-bottom-color:var(--bs-dark);
}
.tree-view{
	overflow:auto;
	padding:0.5rem;
}
.tree-view.is-invalid{
	background-image:none;
}
.tree-view > .tree-list:nth-child(1){
	padding-left:0;
	margin-bottom:0;
}
.tree-view .tree-list{
	padding-left:1.5rem;
}
.tree-view .tree-item{
	list-style:none;
}
.tree-view .tree-item.disabled label{
	color:var(--bs-gray-500);
}
.tree-view .tree-wrapper{
	display:flex;
}
.tree-view .tree-wrapper a{
	margin-right:0.4rem;
}
.tree-view .tree-wrapper a i.bi::before{
	transform:rotate(90deg);
	transition:all 0.3s;
}
.tree-view .tree-wrapper a.collapsed i.bi::before{
	transform:rotate(0deg);
	transition:all 0.3s;
}
.tree-view .tree-wrapper :last-child{
	margin-right:0.5rem;
}

.floating-bottom-label{
	transform:translateY(-3.25rem) translateY(0.1rem) scale(.8);
	position:absolute;
	background-color:#fff;
	padding:0 0.25rem;
}

/* SelectFilter */
div.select-filter ul.dropdown-menu{
	overflow-y:auto;
	max-height:min(40rem, 50vh);
}
button.select-filter > span{
	margin-right:1.75rem;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
button.btn-clear-select-filter{
	position:absolute;
	top:50%;
	right:1.5rem;
	transform:translateY(-50%)!important;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
	padding:0.25rem 0.3rem;
	color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity));
}
button.btn-clear-select-filter:hover{
	color:var(--bs-primary);
}

/* LinearSpinner */
.linear-spinner-container{
	height:0.2rem;
	width:100%;
	overflow:hidden;
	background-color:#e0ecff;
}
.linear-spinner-value{
	width:100%;
	height:100%;
	background-color:#0d6efd;
	animation:indeterminateAnimation 1s infinite linear;
	transform-origin:0% 50%;
}

/* TagBox */
.tagbox{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-content:flex-start;
	gap:0.25rem;
	padding:0.25rem;
	min-height:2.4rem;
}
.tagbox .tagbox-item{
	display:flex;
	align-items:center;
	padding:0.15rem 0.25rem 0.15rem 0.5rem;
	user-select:none;
	border:1px solid transparent;
}
.tagbox-item button{
	font-size:0.75rem;
	margin-left:0.15rem;
	margin-right:0.15rem;
}
.tagbox-item button:focus{
	box-shadow:none;
}
.tagbox .tagbox-input{
	width:100%;
	border:0;
	background:transparent;
	outline:0;
}
.tagbox-hidden-dropdown{
	height:0;
}
.tagbox-hidden-dropdown input{
	height:0;
	width:100%;
	border:0;
	outline:0;
	background:transparent;
}
.tagbox.sortable .tagbox-item{
	cursor:pointer;
}
.tagbox.sortable .tagbox-item.dragging{
	border:1px dashed #333;
	background-color:#0d6efd !important;
}
.tagbox.sortable .tagbox-item:hover button{
	filter:invert(1) grayscale(100%) brightness(200%); 
}

/* SelectFilter */
div.select-filter + label.floating-bottom-label{
	background:linear-gradient(180deg, transparent 0%, #fff1 35%, #fff 55%, #fff 100%);
}

fieldset.fieldset{
	border:1px solid var(--bs-gray-500);
	padding:0.5rem;
	border-radius:0.25rem;
	background-color:var(--bs-gray-100);;
}
fieldset.fieldset legend{
	font-family:inherit;
	font-size:1rem;
	width:inherit;
	float:inherit;
	padding:0 0.25rem;
	margin-left:0.5rem;
	margin-bottom:0;
}

fieldset.image-picker{
	border:1px solid var(--bs-gray-500);
	padding:0.5rem;
	border-radius:0.25rem;
	background-color:var(--bs-gray-100);;
}
fieldset.image-picker legend{
	font-family:inherit;
	font-size:1rem;
	width:inherit;
	float:inherit;
	padding:0 0.25rem;
	margin-left:0.5rem;
	margin-bottom:0;
}
fieldset.image-picker a:hover button{
	opacity:1 !important;
	transition:opacity 0.3s ease;
}

.placeholder{opacity:0.15;}
@keyframes placeholder-glow{50%{opacity:0;}}

/* Animations */
button.btn.loading{
	pointer-events:none;
	user-focus:none;
}
button.btn.loading i.bi:before{
	content:'\f3e5';
	animation:spin 2s linear infinite;
}
.rotate{
	animation:spin 2s linear infinite;
	line-height:0;
}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes indeterminateAnimation{
	0% {transform:translateX(0) scaleX(0);}
	40% {transform:translateX(0) scaleX(0.4);}
	100% {transform:translateX(100%) scaleX(0.5);}
}

.w-30{width:30%;}
.w-40{width:40%;}
.w-60{width:60%;}
.w-70{width:70%;}
.h-30{height:30%;}
.h-40{height:40%;}
.h-60{height:60%;}
.h-70{height:70%;}
.width-1{width:1rem;}
.width-2{width:2rem;}
.width-3{width:3rem;}
.width-4{width:4rem;}
.width-5{width:5rem;}
.width-6{width:6rem;}
.width-7{width:7rem;}
.width-8{width:8rem;}
.width-9{width:9rem;}
.width-10{width:10rem;}
.width-12{width:12rem;}
.width-14{width:14rem;}
.width-15{width:15rem;}
.width-16{width:16rem;}
.width-18{width:18rem;}
.width-20{width:20rem;}
.width-22{width:22rem;}
.width-24{width:24rem;}
.width-26{width:26rem;}
.width-28{width:28rem;}
.width-30{width:30rem;}
.height-0-25{height:0.25rem;}
.height-0-5{height:0.5rem;}
.height-0-75{height:0.75rem;}
.height-1{height:1rem;}
.height-1-5{height:1.5rem;}
.height-1-75{height:1.75rem !important;}
.height-2{height:2rem;}
.height-3{height:3rem;}
.height-4{height:4rem;}
.height-5{height:5rem;}
.height-6{height:6rem;}
.height-7{height:7rem;}
.height-8{height:8rem;}
.height-9{height:9rem;}
.height-10{height:10rem;}
.height-12{height:12rem;}
.height-13{height:13rem;}
.height-14{height:14rem;}
.height-15{height:15rem;}
.height-16{height:16rem;}
.height-18{height:18rem;}
.height-20{height:20rem;}
.min-height-4{min-height:4rem;}
.min-height-6{min-height:6rem;}
.min-height-8{min-height:8rem;}
.min-height-10{min-height:10rem;}
.min-height-12{min-height:12rem;}
.min-height-14{min-height:14rem;}
.min-height-16{min-height:16rem;}

.fs-7{font-size:.9rem !important;}
.fs-8{font-size:.8rem !important;}
.fs-9{font-size:.75rem !important;}
.fs-10{font-size:.65rem !important;}

.cursor-pointer{cursor:pointer;}
.cursor-not-allowed{cursor:not-allowed;}

.object-fit-cover{object-fit:cover;}
.object-fit-contain{object-fit:contain;}
.content-box{box-sizing:content-box;}
.list-style-none{list-style:none;}