@charset "utf-8";
/* CSS Document */
:root {
	--company-color-primary: #f7941e;
	--company-heading-primary: #ffc107;
	--company-heading-secondary: #f7941e;
	--card-header-colour: rgb(1, 22, 39);
}

body, html, .container .appcontainer {
	height: 100% !important;
}

body, html {
	background-color: var(--bs-gray-100);
	width: 100%;
}

.text-lightbutton {
	color: var(--bs-gray-300);
}

.workflow {
	background: var(--card-header-colour);
	padding: 1rem;
	margin: 2rem;
	color: white;
}

.table-nowrap td, .table-nowrap th {
	min-width: 1rem;
	white-space: nowrap;
}

/* spinner */
.lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
}

	.lds-dual-ring:after {
		content: " ";
		display: block;
		width: 64px;
		height: 64px;
		margin: 8px;
		border-radius: 50%;
		border: 6px solid #fff;
		border-color: #fff transparent #fff transparent;
		animation: lds-dual-ring 1.2s linear infinite;
	}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}


.breadcrumbs {
	background: var(--company-color-primary);
	line-height: .8rem;
	padding: .5rem 1rem;
	margin-top: 0rem;
	margin-bottom: 1rem;
	border-top: solid thin;
	border-color: var(--card-header-colour);
}

.profilepicture {
	max-width: 10rem;
	aspect-ratio: 9/10
}

.required::after, .strict::after {
	content: '*';
	color: var(--bs-danger);
	margin-left: .1rem;
}

.animateonhover:hover {
	transition-duration: 500ms;
	transform: scale(105%);
}

.pt-bg-primary {
	background-color: var(--company-color-primary);
}

.pt-bg-cardheader {
	background: var(--card-header-colour) !important;
}

.pt-bg-cardheaderLight {
	background: rgba(4, 86, 110, .7) !important;
}

.btn-light:hover {
	color: white;
	background: rgba(4, 86, 110, .2) !important;
}

.pt-text-primary {
	color: var(--company-color-primary) !important;
}

.navbar-toggler:focus {
	box-shadow: 0 0 0 0;
}

.Searchbox {
	min-width: 100px;
	max-width: 300px;
}

.datebox {
	min-width: 80px;
	max-width: 165px;
}

#divExportMenuContainer, .trAssessment {
	display: none;
}

.my-badge {
	min-width: 150px;
}

.LimitTheTruncute {
	min-width: 60px !important;
}

.EvenoutTheTruncute {
	min-width: 1px !important;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	text-align: center;
}

.dropdown-menu {
	background: #E0E0E0;
}

.icon {
	padding-left: 1em;
	height: 2em;
}

.pt-mw-50 {
	min-width: 50%;
}

.icon-sml {
	height: 1rem;
}

.pt-sidebar {
	width: 250px;
	background-color: #DDDDDD;
}

.usertop {
	display: none;
}

.card {
	box-shadow: 4px 8px 16px 2px rgba(0, 0, 0, .2) !important;
	margin-bottom: 2rem;
	background-color: white;
}

.card-header {
	background: var(--card-header-colour);
	color: white;
	font-weight: bold;
}

.offcanvas.show {
	padding: 30px;
	width: auto;
	align-content: end;
	background-image: var(--bs-gradient) !important;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}


.bg-course {
	background-color: #E3E3E3;
	color: #313131;
	border-top-right-radius: .5rem;
	border-top-left-radius: .5rem;
}

	.bg-course:hover {
		background-color: #CDCDCD;
	}

.assessment-question {
	background-color: #E0E0E0;
}

.form-signin {
	width: 100%;
	max-width: 400px;
	padding: 15px;
	margin: auto;
}

	.form-signin .checkbox {
		font-weight: 400;
	}

	.form-signin .form-floating:focus-within {
		z-index: 2;
	}

	.form-signin input[type="email"] {
		margin-bottom: -1px;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}

	.form-signin input[type="password"] {
		margin-bottom: 10px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

th.text-rotate {
	vertical-align: bottom;
	text-align: center;
}

	th.text-rotate span {
		writing-mode: vertical-rl;
		transform: rotate(180deg);
		white-space: nowrap;
	}

.instructions {
	background-color: cornsilk;
	font-style: italic;
	padding: 1rem;
	margin-top: 3rem;
}

	.instructions::before {
		content: 'Developers note: ';
		font-weight: bold;
	}

.question {
	background-color: #51E5FD;
	font-style: italic;
	padding: 1rem;
	margin-top: 1rem;
}

	.question::before {
		content: 'Question: ';
		font-weight: bold;
	}

.btn-test::before {
	content: "<div>asdkjfhsdf<div>";
}

.bg-image {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	z-index: 0;
}

.floatbottom {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

@media only screen and (max-width: 992px) {
	.hidemedium {
		display: none !important;
	}
}

@media only screen and (max-width: 768px) {
	.hidesmall {
		display: none !important;
	}

	.pt-sidebar {
		width: auto;
	}

	.user {
		display: none;
	}

	.usertop {
		display: contents;
	}
}

@media (max-width: 576px) {
	.pt-sidebar {
		display: none !important;
	}
}

.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}

.validation-message {
	color: red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-50 { width: 50%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }

.modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0;
				 background-color: rgba(0,0,0,0.5); z-index: 2000; display: flex;
				 align-items: center; justify-content: center; flex-direction: column;
				 --sk-color: white; }

#tblClients_filter, #tblSites_filter, #tblAllVisitors_filter, #tblExpectedVisitors_filter,
	#tblCurrentVisitors_filter, #tblVisits_filter, #tblStaff_filter, #tblContractor_filter,
	#tblGenericImages_filter, #tblMyImages_filter, #tblImageLibrary_filter { display: none; }
.tbTableSearch { border-radius: .25rem; padding-left: .5rem; border: none; }
.cardAddLink { padding-top: .25rem; }

.smallPt { font-size: .75rem; }

.blazored-toast-heading { font-weight: 300 !important; font-size: 1.1rem !important; }

.dbAnimation { position: absolute; left: 5px; top: 5px; }

.card-body .card {
	margin-bottom: 0px !important;
}

.imageicon { width: 4rem; height: 4rem; overflow: hidden; text-align: center; }
	.imageicon img { position: relative; top: 50%; transform: translateY(-50%);
					 max-width: 100%; max-height: 100%; object-fit: contain; }

/* summernote customisations */
.note-form-label { display: block; }
.note-image-input, .note-link-text { margin-bottom: 1rem; }
.note-link-url { margin-bottom: .25rem; }
/*  fix for dropdown missing in bs5 was to use lite but lite double entered dropdown chevrons; this fixes it */
.note-editor .dropdown-toggle::after { all: unset; }
.note-editor .note-dropdown-menu, .note-editor .note-modal-footer { box-sizing: content-box; }
/* restore editor font to bs5 default */
.note-frame { font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,
				  "Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji",
				  "Segoe UI Symbol","Noto Color Emoji" !important; }
.note-editing-area { background-color: white; }


.fit-to-div { position: relative; width: 100%; height: 100%; }
.fit-to-div img { position: absolute; overflow: hidden; width: 100%;
				height: 100%; object-fit: cover; object-position: top; }