﻿
#blazor-error-ui {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
	}

.text-truncate-1, .text-truncate-2, .text-truncate-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.text-truncate-1 {
	-webkit-line-clamp: 1;
}

.text-truncate-2 {
	-webkit-line-clamp: 2;
}

.text-truncate-3 {
	-webkit-line-clamp: 3;
}

.i8-avatar {
	width: 32px;
	height: 32px;
	font-size: 1.25rem;
	display: flex;
	overflow: hidden;
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 1;
	user-select: none;
	border-radius: 50%;
	justify-content: center;
	padding: 0.5rem;
}

	.i8-avatar.i8-avatar-sm {
		width: 24px;
		height: 24px;
		font-size: .875rem;
	}

	.i8-avatar.i8-avatarr-md {
		width: 40px;
		height: 40px;
		font-size: 1.25rem;
	}

	.i8-avatar.i8-avatar-lg {
		width: 56px;
		height: 56px;
		font-size: 1.75rem;
	}

.i8-file-upload {
	cursor: pointer;
	position: relative;
	vertical-align: inherit;
	border: inherit;
	padding: inherit;
}

	.i8-file-upload input[type=file] {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		font-size: 0;
	}

.i8-validation-issues-popover {
	max-width: 25rem;
	width: 25rem;
}

.i8-validation-comment-popover {
	max-width: 820px;
	width: 50vw;
}

.i8-validation-communication-popover {
	max-width: 820px;
	width: 50vw;
	height: 70vh;
}

.flag {
	margin: 0.1rem !important;
	box-shadow: 0 0 0.1rem 0.1rem rgba(0,0,0,.075) !important;
}

.customScrollBar::-webkit-scrollbar-button:horizontal:increment, body::-webkit-scrollbar-button:horizontal:increment {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEA+QLMGAIMGAIMGAIMBAUIGQoZU5HAwB+ZgDtGYq3fgAAAABJRU5ErkJggg==)
}

	.customScrollBar::-webkit-scrollbar-button:horizontal:increment:hover, body::-webkit-scrollbar-button:horizontal:increment:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEA+QLMGAIMGAIMGAIMBAUIGQoZU5HAwB+ZgDtGYq3fgAAAABJRU5ErkJggg==)
	}

.customScrollBar::-webkit-scrollbar-button:horizontal:decrement, body::-webkit-scrollbar-button:horizontal:decrement {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAiSURBVHgBY2BEAxQJMKAJMKAJMKAJMOATgIkQMBTBooZfAH56AO2yINTrAAAAAElFTkSuQmCC)
}

	.customScrollBar::-webkit-scrollbar-button:horizontal:decrement:hover, body::-webkit-scrollbar-button:horizontal:decrement:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAiSURBVHgBY2BEAxQJMKAJMKAJMKAJMOATgIkQMBTBooZfAH56AO2yINTrAAAAAElFTkSuQmCC)
	}

.customScrollBar::-webkit-scrollbar-button:vertical:increment, body::-webkit-scrollbar-button:vertical:increment {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAfSURBVHgBY2BEA7QTYIAChAoYH6EFxkeYwQBj0MelAH3GAO2C9+AaAAAAAElFTkSuQmCC)
}

	.customScrollBar::-webkit-scrollbar-button:vertical:increment:hover, body::-webkit-scrollbar-button:vertical:increment:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAfSURBVHgBY2BEA7QTYIAChAoYH6EFxkeYwQBj0MelAH3GAO2C9+AaAAAAAElFTkSuQmCC)
	}

.customScrollBar::-webkit-scrollbar-button:vertical:decrement, body::-webkit-scrollbar-button:vertical:decrement {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEXM09b///8OmaLeAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEAzQVYIAzYHwGGAvOZ4AyIXyECH1cCgB/GgDtpWTgqAAAAABJRU5ErkJggg==)
}

	.customScrollBar::-webkit-scrollbar-button:vertical:decrement:hover, body::-webkit-scrollbar-button:vertical:decrement:hover {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABlBMVEWdtMT///8YSU3FAAAAAnRSTlP/AOW3MEoAAAAgSURBVHgBY2BEAzQVYIAzYHwGGAvOZ4AyIXyECH1cCgB/GgDtpWTgqAAAAABJRU5ErkJggg==)
	}


.customScrollBar::-webkit-scrollbar-track, body::-webkit-scrollbar-track {
	background: inherit;
}

.customScrollBar::-webkit-scrollbar, body::-webkit-scrollbar {
	height: 18px;
	width: 18px
}

	.customScrollBar::-webkit-scrollbar:disabled, body::-webkit-scrollbar:disabled {
		display: none
	}

.customScrollBar::-webkit-scrollbar-button, .customScrollBar::-webkit-scrollbar-corner, body::-webkit-scrollbar-button, body::-webkit-scrollbar-corner {
	cursor: pointer;
	background: inherit
}

	.customScrollBar::-webkit-scrollbar-button:horizontal:decrement, .customScrollBar::-webkit-scrollbar-button:horizontal:decrement:hover, .customScrollBar::-webkit-scrollbar-button:horizontal:increment, .customScrollBar::-webkit-scrollbar-button:horizontal:increment:hover, .customScrollBar::-webkit-scrollbar-button:vertical:decrement, .customScrollBar::-webkit-scrollbar-button:vertical:decrement:hover, .customScrollBar::-webkit-scrollbar-button:vertical:increment, .customScrollBar::-webkit-scrollbar-button:vertical:increment:hover, body::-webkit-scrollbar-button:horizontal:decrement, body::-webkit-scrollbar-button:horizontal:decrement:hover, body::-webkit-scrollbar-button:horizontal:increment, body::-webkit-scrollbar-button:horizontal:increment:hover, body::-webkit-scrollbar-button:vertical:decrement, body::-webkit-scrollbar-button:vertical:decrement:hover, body::-webkit-scrollbar-button:vertical:increment, body::-webkit-scrollbar-button:vertical:increment:hover {
		height: 18px;
		width: 18px;
		background-position: 50%
	}


.customScrollBar::-webkit-scrollbar-thumb, .customScrollBar::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb:hover {
	border-radius: 9px;
	border: solid 6px transparent;
	background-clip: content-box
}

.customScrollBar::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
	background-color: var(--primary)
}

	.customScrollBar::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover {
		/*8background-color: #98a3a6*/
		background-color: #98a3a6
	}

	.customScrollBar::-webkit-scrollbar-thumb:vertical, body::-webkit-scrollbar-thumb:vertical {
		min-height: 50px
	}

	.customScrollBar::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:horizontal {
		min-width: 50px
	}

a {
	outline: none;
}

/* Blazorize fix: Layout Fixed Header need to have z-index 1030 */
.b-layout-header-fixed {
	z-index: 1030;
}

iframe {
	border: 0;
}

.dropdown.show > .dropdown-backdrop {
	position: fixed;
	inset: 0;
	z-index: 10;
}

.input-group-btn {
	padding: unset;
	margin: unset;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	border: unset;
	box-shadow: inherit;
}

.input-group-sm .blazored-typeahead,
.input-group-sm .blazored-typeahead.valid.modified,
.input-group-sm .blazored-typeahead .blazored-typeahead__input {
	border: none;
	border-radius: revert;
}

	.input-group-sm .blazored-typeahead .blazored-typeahead__input,
	.input-group-sm .blazored-typeahead .blazored-typeahead__input-mask,
	.input-group-sm .blazored-typeahead .blazored-typeahead__clear {
		padding: 0.25rem 0.5rem;
	}

	.input-group-sm .blazored-typeahead .blazored-typeahead__input-icon {
		width: 30px
	}

		.input-group-sm .blazored-typeahead .blazored-typeahead__input-icon svg {
			width: 15px;
			height: 15px
		}

.b-bar-vertical-inline-hide[data-collapse=small] {
	display: none;
}

.b-bar-vertical-inline-small[data-collapse=small] {
	display: flex;
}

@media (min-width: 576px) {
	.b-bar-vertical-inline-sm-hide[data-collapse=small] {
		display: none;
	}

	.b-bar-vertical-inline-sm-small[data-collapse=small] {
		display: flex;
	}

	.position-sm-static {
		position: static !important;
	}

	.position-sm-relative {
		position: relative !important;
	}

	.position-sm-absolute {
		position: absolute !important;
	}

	.position-sm-fixed {
		position: fixed !important;
	}

	.position-sm-sticky {
		position: sticky !important;
	}
}

@media (min-width: 768px) {
	.b-bar-vertical-inline-md-hide[data-collapse=small] {
		display: none;
	}

	.b-bar-vertical-inline-md-small[data-collapse=small] {
		display: flex;
	}

	.position-md-static {
		position: static !important;
	}

	.position-md-relative {
		position: relative !important;
	}

	.position-md-absolute {
		position: absolute !important;
	}

	.position-md-fixed {
		position: fixed !important;
	}

	.position-md-sticky {
		position: sticky !important;
	}
}

@media (min-width: 992px) {
	.b-bar-vertical-inline-lg-hide[data-collapse=small] {
		display: none;
	}

	.b-bar-vertical-inline-lg-small[data-collapse=small] {
		display: flex;
	}

	.position-lg-static {
		position: static !important;
	}

	.position-lg-relative {
		position: relative !important;
	}

	.position-lg-absolute {
		position: absolute !important;
	}

	.position-lg-fixed {
		position: fixed !important;
	}

	.position-lg-sticky {
		position: sticky !important;
	}
}

@media (min-width: 1200px) {
	.b-bar-vertical-inline-xl-hide[data-collapse=small] {
		display: none;
	}

	.b-bar-vertical-inline-xl-small[data-collapse=small] {
		display: flex;
	}

	.position-xl-static {
		position: static !important;
	}

	.position-xl-relative {
		position: relative !important;
	}

	.position-xl-absolute {
		position: absolute !important;
	}

	.position-xl-fixed {
		position: fixed !important;
	}

	.position-xl-sticky {
		position: sticky !important;
	}
}