@charset "utf-8";
/* CSS Document */
:root {
	--company-color-primary: #f7941e;
	--company-heading-primary: #ffc107;
	--company-heading-secondary: #f7941e;
	--card-header-colour: #50505c;
	--card-header-colour-light: #d4d5df;
}

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-color: var(--card-header-colour-light) !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: 200px;
}

#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: 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-10 {
	width: 10%;
}

.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-85 {
	width: 85%;
}

.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 {
	display: none;
}

.tbTableSearch {
	border-radius: .25rem;
	padding-left: .5rem;
	border: none;
}

.cardAddLink {
	padding-top: .25rem;
}

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

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

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

.inductionpage {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

.pertrain-body {
	min-height: 100%;
	display: grid;
	grid-template-rows: 1fr auto;
}

.assessment-block {
	margin: auto;
	min-width: 80%;
}

.pt-border-primary {
	border: solid 1px var(--card-header-colour);
}

.small-placeholder-text::placeholder {
	font-size: .8em;
}


/* 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;
}

/* Photo.razor.css */
#canvas { display: none; }
#camera, #output { overflow: hidden; }
#video, #photo { position: relative; left: -25%; max-height: 200px !important; }

.client-logo { text-align: center; }
.client-logo img { max-width: 100%; max-height: 17rem; }


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