:root {
	--primary-button-hover: #2e40d4;
	--success-green: #34aa44;
	--success-light-green: #D6EEDA;
	--error-red: #e6492d;
	--error-red-transparent: #e6492d1a;
	--error-light-red: #FCE5E5;
	--warning-orange: #FF9E2C;
	--warning-light-orange: #FFECD5;
	--warning-light-yellow: #f6ea11;
	--White: #ffffff;
	--Black: #000000;
	--water-blue: #1665d8;
	--charcoal-grey: #3e3f42;
	--slate-grey: #6b6c6f;
	--bluey-grey: #9ea0a5;
	--warm-grey: #969492;
	--light-grey: #8f8f8f47;
	--very-light-blue-two: #e2e5ed;
	--pale: #ecebea;
	--very-light-blue: #eaedf3;
	--dark-5: rgba(22, 29, 37, 0.05);
	--selected-table-row: #E5EEF9;
	--moderate-dark-grey: #dbdbdb;
	--moderate-darker-grey: #c5c5c5;
	--grey-three: #f3f2f2;
	--grey-five: #dddbda;
	--grey-six: #c9c7c5;
	--grey-seven: #b0adab;
	--grey-eight: #969492;
	--grey-nine: #706e6b;
	--grey-eleven: #3e3e3c;
	--accent-blue: #1b6be0;
	--purple: #603794;
	--pale-grey-blue: #EDF3FA;
	--progress-bar-in-progress: #ff9e2c8f;
	--progress-bar-started: #34aa44a1;
	--progress-bar-overdue: #e6492da8;
	--progress-bar-complete: #34aa44a1;
	--blue20: #ccdef6;
	--blue08: #e5eef9;
	--pale-green: #E3F3E5;
	--pale-red: #FDEDEA;
	--pale-blue: #D1E1F9;
	--pale-orange: #FFECB6;
}

body:after {
	display: none;
	content: url(../icons/a-icon__logout-20-hover.svg) url(../icons/a-icon__timer-20-hover.svg) url(../icons/a-icon__home-20-hover.svg) url(../icons/a-icon__bell-20-hover.svg) url(../icons/a-icon__setting-20-hover.svg);
}

app {
	overflow-y: hidden;
	overflow-x: hidden;
}

button {
	text-transform: uppercase;
}

.dropdown-menu > .dropdown-item > i.fas, .dropdown-menu > .dropdown-item > div.fas, .dropdown-menu > .dropdown-item > .fas {
	color: #706E6B;
}

.dropdown-menu > div > .dropdown-item, .dropdown-menu > div > .dropdown-title {
	outline: none !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 0.7rem 1.2rem;
}

	.dropdown-menu > div > .dropdown-item [class^="fa-"],
	.dropdown-menu > div > .dropdown-item [class*=" fa-"] {
		font-size: 1.4rem;
	}

table {
	border-collapse: collapse;
	width: 100%;
	border-color: var(--bluey-grey);
}

	table tbody tr td {
		font-size: 13px;
		font-weight: normal;
		line-height: 1.57;
		letter-spacing: normal;
	}

		table tbody tr td .dataview-truncate-ellipsis-label {
			align-items: center;
			display: flex
		}

.daterangepicker .calendar-table td {
	font-size: 10px;
	line-height: 14px;
}

.daterangepicker .calendar-table th {
	font-size: 10px;
	color: var(--grey-eight);
}

.calendar-icon {
	font-size: 1.5rem;
}

.calendar-icon-empty {
	color: var(--grey-seven)
}

tr th .dropdown .dropdown-menu li a {
	font-size: 14px;
	line-height: 1.57;
	color: var(--charcoal-grey);
}

.dropdown-menu {
	z-index: 225;
}

thead.sticky-header {
	background: var(--background-color);
	position: sticky;
	top: 0;
}

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

.toast-success {
	background-color: #28a745;
}

.cursor-grab {
	cursor: grab !important;
}

.cursor-grabbing {
	cursor: grabbing !important;
}

.cursor-resize-ew {
	cursor: ew-resize !important;
}

.cursor-resize-ns {
	cursor: ns-resize !important;
}

.toast-error {
	background-color: #dc3545;
}

.form-control.is-valid.green-border {
	border-color: #28a745;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

	.form-control.is-valid.green-border:focus {
		border-color: #28a745;
		-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
		box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
	}

.kt-aside-menu {
	height: auto !important;
}

.valid-feedback.green {
	color: #28a745
}

.form-control.is-valid.modified {
	border-color: #1dc9b7;
	padding-right: calc(1.5em + 1.3rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.325rem);
	background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

.form-control.valid.modified:focus {
	border-color: #1dc9b7;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.25);
}

.form-control.valid.modified ~ .valid-feedback,
.form-control.valid.modified ~ .valid-tooltip {
	display: block;
}

.form-control.invalid {
	border-color: #fd397a;
	padding-right: calc(1.5em + 1.3rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fd397a' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fd397a' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
	background-repeat: no-repeat;
	background-position: center right calc(0.375em + 0.325rem);
	background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}

	.form-control.invalid:focus {
		border-color: #fd397a;
		-webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 122, 0.25);
		box-shadow: 0 0 0 0.2rem rgba(253, 57, 122, 0.25);
	}

	.form-control.invalid ~ .invalid-feedback .form-control.invalid ~ .invalid-tooltip {
		display: block;
	}

hr.divider {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

.table tbody tr td {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.57;
	letter-spacing: normal;
	vertical-align: middle;
	border-top: 0;
}

tr {
	border-bottom: 1px solid var(--grey-six);
}

.table.table-head-border thead th,
.table.table-head-border thead td {
	border-top: 1px solid var(--very-light-blue);
}

.table.table-row-border-outline tr {
	border: 1px solid var(--very-light-blue);
}

.table-header-bottom-border {
	border-bottom: 1px solid var(--grey-six);
}

/*.table-hover tbody tr:hover {
	color: #F9F9F9;
	background-color: #F9F9F9;
}*/

/*	.table-hover tbody tr:hover label {
		background-color: #F9F9F9;
	}*/

/*Accordion*/

.accordion .card {
	background-color: inherit;
}

	.accordion .card .card-header {
		background-color: #CCDEF6;
	}

.sorting_disabled .dropdown .dropdown-toggle:after {
	content: none
}

.sorting_disabled .dropdown {
	display: inline;
}

	.sorting_disabled .dropdown .dropdown-menu {
		border-radius: 4px;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
		border: solid 1px var(--very-light-blue) !important;
		background-color: var(--White);
	}

		.sorting_disabled .dropdown .dropdown-menu li a {
			font-size: 14px;
			line-height: 1.57;
			color: var(--charcoal-grey);
		}

.job-status-dropdown .dropdown-menu .inner .dropdown-menu li a span.fa-circle {
	vertical-align: middle;
	top: 0;
	font-size: 5px;
	color: #bcbcbc;
}

.job-status-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .fa-circle {
	vertical-align: middle;
	top: 0;
	font-size: 5px;
	color: #bcbcbc;
}

.job-flags-dropdown .dropdown-menu .inner .dropdown-menu li a span.fa-circle {
	vertical-align: middle;
	top: 0;
	font-size: 5px;
	color: #bcbcbc;
}

.job-flags-dropdown .dropdown-toggle .filter-option .filter-option-inner .filter-option-inner-inner .fa-circle {
	vertical-align: middle;
	top: 0;
	font-size: 5px;
	color: #bcbcbc;
}

@media (min-width: 1025px) {
	.kt-container {
		padding: 0px
	}
}

#kt_aside, #kt_aside_close_btn {
	margin-top: 51px;
	opacity: 1 !important; /*// needed to overwrite keen themes issue on the nav bar*/
}

.info:before {
	content: url('../icons/a-icon__info -20px.svg');
}

.info-blue:before {
	content: url('../icons/a-icon__info_blue -20px.svg');
}

.export:before {
	content: url('../icons/a-icon__export.svg');
}

.table-filter:before {
	content: url('../icons/a-icon__filterdescend-20px.svg');
}

.table-filter-applied:before {
	content: url('../icons/a-icon__filterdescendapplied-20px.svg');
}

.sort-asc:before {
	content: url('../icons/a-icon__sortascend-20px.svg');
}

.sort-asc-applied:before {
	color: var(--accent);
	content: url('../icons/a-icon__sortascendapplied-20px.svg');
}

.sort-desc-applied:before {
	color: var(--accent);
	content: url('../icons/a-icon__sortdescendapplied-20px.svg');
}

.arrows-down:before {
	content: url('../icons/a-icon__downarrow-20.svg');
}

.filter-image:before {
	content: url("../icons/a-icon__filterDescend-14px.png");
}

.lock-image:before {
	content: url("../icons/a-icon__lock-14.svg");
}

.greenlight:before {
	content: url("../icons/a-icon__greenlight.svg");
}

.note:before {
	content: url("../icons/a-icon__note -20px.svg");
}

.hover-cursor-pointer .greenlight:hover {
	opacity: 80%;
}

.greenlight-green:before {
	content: url("../icons/a-icon__greenlight-green.svg");
}

.checklist:before {
	content: url("../icons/a_icon__checklist.svg");
}

.clipboard:before {
	content: url("../icons/a-icon__clipboard.png")
}

.arrow-down:before {
	content: url("../icons/a-icon__downArrow-20px.png");
}

.arrow-up:before {
	content: url("../icons/a-icon__upArrow-20px.png");
}

.arrow-left:before {
	content: url("../icons/a-icon__leftArrow-15px-warm-grey.svg");
}

.icon-status-green {
	content: url('../icons/icon-status-green-20.svg')
}

.icon-status-yellow {
	content: url('../icons/icon-status-yellow-20.svg')
}

.icon-status-red {
	content: url('../icons/icon-status-red-20.svg')
}

.icon-rotate-45 {
	transform: rotate(-45deg);
}

.hover-cursor-pointer:hover {
	cursor: pointer;
}

.document_download {
	content: url('../icons/a-icon__download.svg');
}

.pmd_download {
	content: url('../icons/a-pmd_icons.svg');
}

.paused {
	content: url('../icons/a-icon__paused.svg');
}

.refresh-icon:before {
	content: url('../icons/Refresh-24px.svg');
}

.icon-view-other-jobs {
	content: url('../icons/View-Other-Jobs-Icon.svg');
}

.icon-open-project {
	content: url('../icons/Open-Project-Icon.svg');
}

.icon-small {
	width: 1.15rem;
}

.icon-FFU-Check {
	content: url('../icons/FFU.svg');
}

span.btn.btn-link.disabled.pagebutton.showing-results {
	font-size: 14px;
	line-height: 1.57;
	color: var(--slate-grey);
}

span.btn.btn-link.disabled.pagebutton.showing-results {
	font-size: 14px;
	line-height: 1.57;
	color: var(--slate-grey);
}

.table th,
.table td,
.table thead th {
	vertical-align: middle;
}

.kt-checkbox.kt-checkbox--solid > span {
	width: 1.25rem;
	height: 1.25rem;
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 var(--dark-5), inset 0 2px 0 0 rgba(255, 255, 255, 0.05);
	border: solid 1px var(--warm-grey) !important;
	background-image: linear-gradient(to top, #f6f7f9, var(--White));
}

table thead tr th a .kt-menu__link-icon.sort-asc,
table thead tr th a .kt-menu__link-icon.sort-asc-applied,
table thead tr th a .kt-menu__link-icon.sort-desc-applied,
table thead tr th a .kt-menu__link-icon.table-filter,
table thead tr th a .kt-menu__link-icon.table-filter-applied {
	padding-left: 0.3rem;
	position: relative;
}

.kt-table-head-content {
	white-space: nowrap;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.header {
	font-size: 20px;
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.36px;
	color: #000000;
	white-space: nowrap;
}

.main-login-container {
	background-image: url(../img/loginbackground.jpg);
	background-size: auto;
}

.loginLogo {
	content: url(../img/LogoLarge.png);
}

.loading-splash {
	mix-blend-mode: multiply;
}

.wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}

#formContent {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: #fff;
	padding: 30px;
	width: 90%;
	max-width: 450px;
	position: relative;
	padding: 0px;
	-webkit-box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 30px 60px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
}


/* FORM TYPOGRAPHY*/

.login-button {
	width: 80%;
	height: 3rem;
	background-color: var(--water-blue);
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 4px;
	margin: 5px 22.9px 33px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

	.login-button:hover {
		background-color: #39ace7;
		cursor: pointer;
	}

	.login-button:active {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-o-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
	}

.login-textbox {
	height: 3rem;
	width: 85%;
	border: 2px solid #f6f6f6;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

	.login-textbox:focus {
		background-color: #fff;
		border-bottom: 2px solid #5fbae9;
	}


/* ANIMATIONS */


/* Simple CSS3 Fade-in-down Animation */

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/* Simple CSS3 Fade-in Animation */

.underlineHover:after {
	display: block;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 2px;
	background-color: var(--warm-grey);
	content: "";
	transition: width 0.2s;
}

.underlineHover:hover {
	color: var(--warm-grey);
}

	.underlineHover:hover:after {
		width: 100%;
	}


/* OTHERS */

*:focus {
	outline: none;
}

.login-information-label {
	font-size: 10px;
	line-height: 1.6;
	color: var(--warm-grey);
}

.main-login-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.password-textbox {
	background-color: var(--White);
	border: none;
	color: #0d0d0d;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	height: 3rem;
	width: 85%;
	border: 2px solid #f6f6f6;
	border-radius: 4px;
}

.sgsco-logo {
	height: 2.5rem;
}

.Remember-me {
	height: 16px;
	font-size: 10px;
	font-weight: normal;
	color: var(--warm-grey);
	float: left;
	margin-top: 0.8125rem;
	margin-left: 0.25rem;
}

.line-height-2 {
	line-height: 2;
}

.login-label {
	line-height: 1;
	width: 85%;
}

.btn:disabled {
	pointer-events: none;
	color: var(--charcoal-grey);
}

.btn-primary {
	letter-spacing: 0.5px;
	background-color: var(--accent-blue);
}

.btn-drag-drop {
	background-color: #ffffff;
	border-color: #bcbcbc
}

.column-view-dropzone {
	border: 2px dashed #ebedf2;
	padding: 5px 20px;
}

.btn-secondary {
	color: var(--accent-blue);
	background-color: white;
	color: var(--warm-grey);
}

	.btn-secondary:enabled:hover {
		background-color: var(--pale-grey-blue);
		color: var(--warm-grey);
	}

.btn-text {
	background-color: transparent;
	color: var(--accent-blue);
}

	.btn-text:enabled:hover {
		background-color: var(--pale-grey-blue);
		color: var(--accent-blue);
	}

	.btn-text:disabled {
		background-color: transparent;
	}

.dark-grey {
	color: var(--grey-eleven);
}

.grey-seven {
	color: var(--grey-seven);
}

.grey-nine {
	color: var(--grey-nine);
}

.manage-table-view__border {
	border: solid;
	color: #F7F6F6;
}

.bluey-grey {
	color: var(--bluey-grey)
}

.grey-five {
	color: var(--grey-five)
}

.bg-grey-three {
	background-color: var(--grey-three)
}

.btn-light.manage-table-view__makedefault {
	color: #8CB4EF;
}

.border-curve:first-child {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}

.border-curve:not(:first-child) {
	border-top-width: 0rem;
}

.border-curve:last-child {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top-width: 0rem;
}

.table-view-content {
	color: #F7F6F6;
	align-items: center;
}

.border-top {
	border-top: solid 1px #929292
}

.column-modal-header {
	font-size: 1.23rem;
	font-weight: 500;
	line-height: 1.5;
}

.column-modal-sub-header {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.17;
}

.fade-layer {
	opacity: 0.4;
	pointer-events: none;
}

.draggable {
	cursor: grab !important;
	border: 0;
}

	.draggable:active {
		cursor: grabbing !important;
	}

.draggable-container-small {
	min-height: 6.5rem;
	max-height: 6.5rem;
}

.draggable-container-default {
	min-height: 11.5rem;
	max-height: 11.5rem;
}

.custom-columns-modal-width {
	max-width: 46vw;
	min-width: 46vw;
}

.column-button-margin {
	margin: 0.3125rem;
}

.datatable-right {
	right: 3.125rem;
}

.loginHeaderText {
	font-size: 10px;
	color: #969492;
}

.loginFooterMargin {
	margin-bottom: 2rem;
}

.custom-column-preview {
	color: lightgrey;
}

.icon-rotate-45 {
	transform: rotate(-45deg);
}

/*Custom CSS*/

.font-size-1 {
	font-size: 1rem;
}

.font-size-1-5 {
	font-size: 1.5rem;
}

.header-18 {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.36px;
	color: #000000;
}

.subheader-highlight {
	border-radius: 0.5rem;
	background-color: #fafaf9;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	cursor: pointer;
}

.label-header-title {
	font-size: 14px;
	align-self: flex-end;
	/*	color: #000000;*/
}

.label-header-sub-title {
	font-size: 12px;
	color: var(--warm-grey);
}

.i-vertical-align-mid:before {
	vertical-align: middle;
	padding-left: 1rem;
}

.autoScroll-y {
	overflow-y: auto;
	height: 65vh;
}

.div-border-right {
	border-right: 1px inset lightgrey;
}

.div-border {
	border: 1px solid lightgrey;
}

.production-art-checklist {
	width: auto;
	height: auto;
	font-size: inherit;
	font-weight: 500;
	border-radius: 0.25rem;
	background-color: #fafaf9;
	padding: 0.25rem 0.25rem 0rem 0.25rem;
}

.w-max-content {
	width: max-content;
}

.modal-title {
	text-align: center;
	font-weight: bold !important;
	letter-spacing: 0.36px;
}

.modal-content {
	z-index: 1050;
}

.modal-multiple-option-content-container {
	height: 20rem;
	padding-top: 1rem;
}

.modal-multiple-option-search-container {
	overflow: hidden;
	padding-left: 0.5rem
}

.modal-multiple-option-search-title-container {
	float: left;
}

.modal-multiple-option-hr {
	margin-top: 0.7rem
}

.modal-save-view-height {
	height: 3.5rem;
}

.h-10 {
	height: 10%;
}

.h-20 {
	height: 20%;
}

.h-70 {
	height: 70%;
}

.h-80 {
	height: 80%;
}

.w-3 {
	width: 3%;
}

.w-10 {
	width: 10%;
}

.w-12 {
	width: 12%;
}

.w-16 {
	width: 16%;
}

.w-17 {
	width: 17%;
}

.w-18 {
	width: 18%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-65 {
	width: 65%;
}

.w-82 {
	width: 82%;
}

.w-90 {
	width: 90%;
}

.w-100 {
	width: 100%;
}

.width-100 {
	width: 100px;
}

.width-150 {
	width: 150px;
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.table-row-selected {
	background-color: var(--selected-table-row);
	color: var(--selected-table-row);
}

.break-words {
	word-break: break-word;
}

.divider {
	width: 0.250rem;
	height: 2rem;
	background-color: #dddbda;
	margin-left: 0.625rem;
	margin-right: 0.625rem;
}

.table-layout-fixed {
	table-layout: fixed;
}

.table-borderless {
	border-collapse: separate;
}

.d-contents {
	display: contents;
}

.p-initial {
	position: initial;
}

.overflow-x-auto {
	width: 100%;
	overflow-x: auto;
}

.align-self-flex-end {
	align-self: flex-end;
}

.align-self-center {
	align-self: center;
}


.anchor {
	cursor: pointer;
	color: blue;
}

	.anchor:hover {
		text-decoration: underline;
	}

.bluey-grey-link {
	color: var(--bluey-grey);
}

	.bluey-grey-link:hover {
		color: var(--slate-grey);
	}

tbody.table-body-row-no-border > tr,
tbody.table-body-row-no-border > tr > td {
	border: none;
}

.dropzone-list {
	padding: 1.875rem;
	border-radius: 4px;
	border: 0.1rem dashed var(--grey-six);
	list-style: none;
}

	.dropzone-list.empty-dropzone-list {
		background-color: var(--pale-grey-blue);
	}

	.dropzone-list.no-drop {
		border: 0.2rem dashed red;
	}

	.dropzone-list.can-drop {
		border: 0.2rem dashed green;
	}

.embedded-auto-scroll {
	max-height: calc(100vh - 170px);
	overflow-y: auto;
	overflow-x: hidden;
}

@media screen and (min-height: 927px) {
	.embedded-auto-scroll {
		max-height: calc(100vh - 147px);
	}
}

@media (min-width: 1400px) {
	.modal-xl {
		max-width: 1299px !important;
	}
}

@media (max-width: 1024px) {
	.profile-nav-mobile {
		height: 4rem;
		display: block !important;
	}

	.profile-label-justify-content {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}
}

@media (min-width: 1024px) {
	.profile-nav-mobile {
		display: none !important;
	}

	.profile-label-justify-content {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important;
	}
}

.breadcrumb-item + .breadcrumb-item::before {
	vertical-align: middle;
	display: inline-block;
	padding-right: 0.5rem;
	color: #6c757d;
	content: url("../icons/a-icon__rightArrow -15px.svg");
}

.btn-moderate-grey {
	border: 1px solid var(--moderate-darker-grey);
	background-color: var(--grey-three);
}

	.btn-moderate-grey:hover {
		background-color: var(--moderate-dark-grey);
	}

.btn-moderate-grey-disabled {
	background-color: var(--grey-three);
	cursor: default !important;
}

.alert.alert-danger {
	background: #B33A3A;
	border: 1px solid #B33A3A;
	color: #ffffff;
}

.btn-group-small label {
	height: 2rem;
	display: flex;
}

.modal-accordion-row {
	padding-left: 1.75rem;
}

.horizontal-divider {
	border-bottom: 1px solid var(--light-grey);
}

.disabled-list-item-opacity {
	opacity: 0.6;
}

.dataview {
	flex-flow: row;
	display: flex;
}

.label-error {
	background-color: var(--error-red);
	border-radius: 0.3rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	color: var(--White);
}

.label-warning {
	background-color: var(--warning-orange);
	border-radius: 0.3rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	color: var(--White);
}

.label-white {
	background-color: var(--White);
	border-radius: 0.3rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	color: var(--Black);
}

.modalSave-OverwriteButtonContainer {
	text-align: right;
	margin-top: 1.5rem;
}

.modal-container {
	overflow-wrap: normal;
}

.NotificationArea {
	position: fixed;
	bottom: 1rem;
	right: 1rem;
}

.Notification {
	border: 1px blue solid;
	border-radius: 0.5rem;
}

.font-xxs {
	font-size: 0.5rem;
}

.padding-s {
	padding: 0.5rem;
}

.padding-m {
	padding: 1rem;
}

.padding-l {
	padding: 1.5rem;
}

.priority-red {
	color: red;
}

.min-width-20 {
	min-width: 20%;
}

.border-rounded-s {
	border-radius: 4px;
}

.border-1s {
	border-width: 1px;
	border-style: solid;
}

.border-0 {
	border: 0px;
}

.resize-none {
	resize: none;
}

.bluey-grey-border {
	border-color: var(--bluey-grey);
}

.water-blue-border {
	border-color: var(--water-blue);
}

.accent-blue-border {
	border-color: var(--accent-blue);
}

.grey-border {
	border-color: var(--grey-six);
}

.water-blue {
	color: var(--water-blue);
}

.location-icon {
	content: url("../icons/Location.svg");
}

.new-window-icon {
	content: url("../icons/New-Window.svg");
}

.Error-Notification {
	border-color: red;
}

.unit-conversion-input-type {
	bottom: 0.7rem;
	right: 0.8rem;
}

@media (max-height: 580px) {
	.scrollTable-search-results {
		max-height: 50vh;
		min-height: 40vh;
		overflow-x: auto;
	}
}

@media (min-height: 581px) {
	.scrollTable-search-results {
		max-height: 65vh;
		min-height: 50vh;
		overflow-x: auto;
	}
}

.scrollTable-horizontal {
	max-height: 65vh;
	min-height: 50vh;
	overflow-x: auto;
}

.scrollTable-horizontal-55 {
	max-height: 55vh;
	min-height: 50vh;
	overflow-x: auto;
}

.scrollTable-vertical {
	overflow-y: auto;
}

.scrollTable-file-listing {
	max-height: 26vh;
	min-height: 26vh;
	overflow-x: auto;
	overflow-y: auto;
}

.scrollTable-listing-mh-49vh {
	max-height: 49vh;
	min-height: 26vh;
	overflow-x: auto;
	overflow-y: auto;
}

.scrollTable-listing-mh-40vh {
	max-height: 40vh;
	min-height: 26vh;
	overflow-x: auto;
	overflow-y: auto;
}

.ov-y-hidden {
	overflow-y: hidden !important;
}

.mxw-150 {
	max-width: 150px;
}

.mxw-100 {
	max-width: 150px;
}

.mxw-50 {
	max-width: 150px;
}

.maxWidth-550 {
	max-width: 550px;
}

.mw-90 {
	min-width: 90px;
}

.mw-100 {
	min-width: 100px;
}

.mw-125 {
	min-width: 125px;
}

.mw-150 {
	min-width: 150px;
}

.mw-200 {
	min-width: 200px;
}

.mw-260 {
	min-width: 260px;
}

.mw-300 {
	min-width: 300px;
}

.mw-44vw {
	min-width: 44vw
}

.mw-56vw {
	min-width: 56vw
}

.mw-fit-content {
	min-width: fit-content;
}

.spacer-m {
	height: 5rem;
}

.fixed-footer {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
}

.custom-extended-dropdown.btn-primary.dropdown-toggle {
	display: inline-block;
	width: 100%;
	height: calc(1.5em + 1.3rem + 2px);
	padding: 0.65rem 0.5rem 0.65rem 1rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--label-colour);
	vertical-align: middle;
	background: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) no-repeat right 1rem center/8px 10px;
	border: 1px solid var(--border-color);
	border-radius: 0.25rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	content: "";
	text-transform: unset;
	text-align: left;
}

	.custom-extended-dropdown.btn-primary.dropdown-toggle:after {
		content: "";
		margin-left: unset;
		vertical-align: unset;
		padding-left: unset;
		float: right;
		border-top: 0.5em solid;
		border-left: 0.5em solid transparent;
		border-right: 0.5em solid transparent;
		margin-top: 0.6em;
	}

.dropdown-menu {
	border-radius: 4px;
	border: 1px solid var(--grey-six) !important;
}

.dropdown-item {
	cursor: pointer;
}

.dropdown-header {
	padding: 0 1rem 0.7rem;
	clear: both;
	font-weight: bold;
	color: inherit;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid var(--border-color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

	.dropdown-header > .dropdown-link {
		color: var(--link-colour) !important;
		cursor: pointer;
		text-decoration: underline !important;
	}

.dropdown-footer {
	padding-top: 0.5rem;
	clear: both;
	font-weight: bold;
	color: inherit;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-top: 1px solid var(--border-color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.button_noclick, .button_noclick .material-icons, .button_noclick .material-design-icons-parent, .button_noclick:hover {
	cursor: default !important;
	opacity: 1 !important;
}

.padding-top-tiny {
	padding-top: 0.125rem;
}

.padding-top-0-75rem {
	padding-top: 0.75rem;
}

.col-resizing {
	cursor: col-resize !important;
	border-right: 1px solid var(--pale-grey-blue);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.col-resizable {
	cursor: ew-resize;
}

.scrollable-menu {
	height: auto;
	max-height: 22vh;
	overflow-x: hidden;
}

#fullTagText {
	vertical-align: -1.7px;
}

.systemTag {
	min-width: 20px;
	min-height: 20px;
}

.tag-Red {
	cursor: default;
	color: white;
	background-color: var(--error-red);
}

.tag-Orange {
	cursor: default;
	color: white;
	background-color: var(--warning-orange);
}

.tag-Blue {
	cursor: default;
	color: white;
	background-color: var(--accent-blue);
}

.tag-Green {
	cursor: default;
	color: white;
	background-color: var(--success-green);
}

.tag-Grey {
	cursor: default;
	color: white;
	background-color: var(--grey-nine);
}

.tag-GreySix {
	cursor: default;
	color: white;
	background-color: var(--grey-six);
}

.tag-Purple {
	cursor: default;
	color: white;
	background-color: var(--purple);
}

.tag-Yellow {
	cursor: default;
	color: black;
	background-color: yellow;
}

.tag-Free {
	cursor: default;
	color: white;
	background-color: red;
}

.tag-RedAccent {
	cursor: default;
	color: var(--error);
	border: 2px solid var(--error);
}

.spinner {
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

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

.line-height-reduced {
	line-height: 0.5rem;
}

.height-half-screen {
	min-height: 50vh;
	max-height: 50vh;
}

.viewport-95-percent {
	min-width: 95vw;
	max-width: 95vw;
	min-height: 95vh;
	max-height: 95vh;
}

.operator_instructions_active:before {
	cursor: pointer;
	content: url('/_content/Blazor.Shared.Components/icons/Instructions-Active.svg');
}

label.custom-control-label {
	padding-top: 0.25rem;
}

	label.custom-control-label::before {
		width: 1.3rem;
		height: 1.3rem;
	}

	label.custom-control-label::after {
		width: 1.3rem;
		height: 1.3rem;
	}

.shake {
	transform-origin: center center;
	animation: shake-base 1s ease-in-out;
}

@keyframes shake-base {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}

	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.custom-select:disabled {
	color: var(--grey-six);
	background-color: var(--grey-two);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid, .custom-select.is-invalid, .was-validated .custom-select:invalid {
	background-position: top calc(0.2em + 0.325rem) right calc(0.575em + 0.925rem);
	background-color: var(--error-red-transparent);
}

.form-control.is-invalid:not([type='checkbox']) {
	border-color: var(--error-red);
	background: url("../icons/a-icon__error -20px.svg") no-repeat right 1rem center/14px 20px;
	background-color: var(--error-red-transparent);
}

.form-control.is-invalid-20 {
	border-color: var(--error-red);
	background: url("../icons/a-icon__error -20px.svg") no-repeat right 1rem center/20px 20px;
	background-color: var(--error-red-transparent);
}

.form-control > span.material-icons {
	position: relative;
	top: -0.0725em;
}


.custom-date-picker {
	padding-top: 0.625rem;
}

	.custom-date-picker.is-invalid input {
		border-color: var(--error-red);
		background: #fcecea;
	}

.custom-control-input {
	z-index: 1;
	transform: translate(-18px, 5px);
}

	.was-validated .custom-control-input:invalid ~ .custom-control-label,
	.custom-control-input.is-invalid ~ .custom-control-label {
		color: var(--error-red);
	}

		.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
		.custom-control-input.is-invalid ~ .custom-control-label::before {
			border-color: var(--error-red);
		}

	.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
	.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
		border-color: var(--error-red);
		background-color: var(--error-red);
	}


/*Responsive Design*/

@media all and (max-width: 240px) {
	#toast-container-blazor > div {
		padding: 8px 8px 8px 50px;
		width: 11em;
	}

		#toast-container-blazor > div.rtl {
			padding: 8px 50px 8px 8px;
		}

	#toast-container-blazor .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

	#toast-container-blazor .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 241px) and (max-width: 480px) {
	#toast-container-blazor > div {
		padding: 8px 8px 8px 50px;
		width: 18em;
	}

		#toast-container-blazor > div.rtl {
			padding: 8px 50px 8px 8px;
		}

	#toast-container-blazor .toast-close-button {
		right: -0.2em;
		top: -0.2em;
	}

	#toast-container-blazor .rtl .toast-close-button {
		left: -0.2em;
		right: 0.2em;
	}
}

@media all and (min-width: 481px) and (max-width: 768px) {
	#toast-container-blazor > div {
		padding: 15px 15px 15px 50px;
		width: 25em;
	}

		#toast-container-blazor > div.rtl {
			padding: 15px 50px 15px 15px;
		}
}

#toast-container-blazor {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	/*overrides*/
}

	#toast-container-blazor * {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	#toast-container-blazor > div {
		position: relative;
		pointer-events: auto;
		overflow: hidden;
		margin: 0 0 6px;
		padding: 15px 15px 15px 50px;
		width: 300px;
		border-radius: 3px 3px 3px 3px;
		background-position: 15px center;
		background-repeat: no-repeat;
		-webkit-box-shadow: 0 0 12px #999999;
		box-shadow: 0 0 12px #999999;
		color: #FFFFFF;
		opacity: 0.8;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		filter: alpha(opacity=80);
	}

		#toast-container-blazor > div.rtl {
			direction: rtl;
			padding: 15px 50px 15px 15px;
			background-position: right 15px center;
		}

		#toast-container-blazor > div:hover {
			-webkit-box-shadow: 0 0 12px #000000;
			box-shadow: 0 0 12px #000000;
			opacity: 1;
			-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			filter: alpha(opacity=100);
			cursor: pointer;
		}

	#toast-container-blazor > .toast-info {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
	}

	#toast-container-blazor > .toast-error {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
	}

	#toast-container-blazor > .toast-success {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
	}

	#toast-container-blazor > .toast-warning {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
	}

	#toast-container-blazor.toast-top-center > div,
	#toast-container-blazor.toast-bottom-center > div {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	#toast-container-blazor.toast-top-full-width > div,
	#toast-container-blazor.toast-bottom-full-width > div {
		width: 96%;
		margin-left: auto;
		margin-right: auto;
	}

	#toast-container-blazor > div:hover {
		-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.125);
		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.125);
	}

.toast-notification {
	border-radius: 0.3rem;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
	margin: 0.5rem;
}

.toast-notification-warning {
	background-color: var(--warning-light-orange);
	border: solid var(--warning-orange) 1px;
}

.toast-notification-error {
	background-color: var(--error-light-red);
	border: solid var(--error-red) 1px;
}

.toast-notification-info {
	background-color: var(--pale-blue);
	border: solid var(--accent-blue) 1px;
}

.toast-notification-success {
	background-color: var(--success-light-green);
	border: solid var(--success-green) 1px;
}

.toast-notification-close {
	content: url("../icons/a-icon__close-10px.svg");
}

.toast .toast-title {
	color: #FFFFFF;
}

.notification-position-fixed {
	position: fixed;
	bottom: 4rem;
	right: 1rem;
	text-align-last: end;
	z-index: 1050;
}

.maxWidth-5percent {
	max-width: 5%;
}

.minWidth-12rem {
	min-width: 12rem;
}

.white-space-pre-line {
	white-space: pre-line;
}

.color-error-red {
	color: var(--error-red)
}

.checklist-void-tooltip-icon {
	content: url('../icons/a-icon__info_blue -20px.svg');
}

.accordion-blue {
	background-color: #E5EEF9;
}

.mh-25-overflow-y {
	overflow-x: hidden;
	max-height: 25vh;
	min-height: 25vh;
	overflow-y: auto;
}

.mh-40-overflow-y {
	overflow-x: hidden;
	max-height: 40vh;
	overflow-y: auto;
}

.mh-50-overflow-y {
	overflow: auto;
	max-height: 50vh;
}

.wider-content-dropdown {
	max-height: 22vh;
	overflow-y: auto;
	min-width: 100%;
	width: max-content;
}

.NoResize {
	resize: none;
}

.calculator-icon {
	content: url("../icons/Calculator.svg");
}

.toast-global {
	bottom: 7em;
	right: 3em;
	position: absolute;
	border: 1px solid #d8dce6;
}

.footer-offset {
	padding-bottom: 5rem;
}

.pause-icon-positioning {
	left: 12.6rem;
	bottom: 2.2rem;
	height: 0.1rem;
	width: 14rem;
}

.height-2-rem {
	height: 2rem;
}

.height-4-rem {
	height: 4rem;
}

.width-2-rem {
	width: 2rem;
}

.pale-grey-blue-background {
	background-color: var(--pale-grey-blue);
}

.pale-green-background {
	background-color: var(--pale-green);
}

.pale-red-background {
	background-color: var(--pale-red);
}

.progress-bar-not-started {
	min-height: 3rem;
	background-color: transparent;
	color: var(--charcoal-grey);
}

.progress-bar-started {
	min-height: 3rem;
	background-color: var(--progress-bar-started);
	color: var(--charcoal-grey);
}

.progress-bar-in-progress {
	min-height: 3rem;
	background-color: var(--progress-bar-in-progress);
	color: var(--charcoal-grey);
}

.progress-bar-overdue {
	min-height: 3rem;
	background-color: var(--progress-bar-overdue) !important;
	color: var(--charcoal-grey);
}

.progress-bar-complete {
	min-height: 3rem;
	background-color: var(--progress-bar-complete) !important;
	color: var(--charcoal-grey);
}

.progress {
	font-size: inherit;
}

.tablelayout-fixed {
	table-layout: fixed;
}

.tube-stop {
	font-size: 1.5rem;
	color: var(--grey-six);
}

	.tube-stop i {
		color: revert;
	}

	.tube-stop.success {
		color: var(--accent-blue);
	}

	.tube-stop.current {
		color: var(--accent-blue);
	}

	.tube-stop.error {
		color: var(--error-red);
	}

.tube-stop-link {
	color: var(--grey-six);
}

	.tube-stop-link.current {
		color: var(--accent-blue);
	}

.tube-stop-connector {
	border-color: var(--grey-six);
}

	.tube-stop-connector active {
		border-color: var(--accent-blue);
	}

	.tube-stop-connector error {
		border-color: var(--error-red);
	}

.hover-red:hover {
	color: var(--error-red)
}

.hover-blue:hover {
	color: var(--accent-blue)
}

.vh-62 {
	height: calc(62vh);
}

.vh-80 {
	height: calc(80vh);
}

.doc-pane-container {
	min-height: 50rem;
}

.doc-grid-card {
	min-height: 10rem;
	min-width: 15rem;
}

.doc-icon-card {
	min-width: 2rem;
	min-height: 3rem;
}

.operator-instruction-menu {
	background-color: var(--pale-grey-blue);
}

.confirmation-text {
	color: var(--warm-grey);
}

.dropdown-submenu {
	position: relative;
}

	.dropdown-submenu > .dropdown-menu {
		top: 0;
		left: 100%;
		margin-top: -6px;
		margin-left: -1px;
		-webkit-border-radius: 0 6px 6px 6px;
		-moz-border-radius: 0 6px 6px;
		border-radius: 0 6px 6px 6px;
	}

	.dropdown-submenu:hover > .dropdown-menu {
		height: -webkit-fill-available;
		display: block;
		overflow: auto;
	}

	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}

	.dropdown-submenu:hover > a:after {
		border-left-color: #fff;
	}

	.dropdown-submenu.pull-left {
		float: none;
	}

		.dropdown-submenu.pull-left > .dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}

.bg-blue08 {
	background-color: var(--blue08);
}

.color-dark-grey {
	color: darkgrey;
}

.colour-accent-blue {
	color: var(--accent-blue);
}

.btn-group > .datatable-overflow,
.btn-group > .datatable-overflow:focus {
	background-color: var(--grey-three);
	border-radius: 4px !important;
}

.form-label {
	color: var(--grey-nine);
	padding-bottom: 6px;
}

.xl-box {
	width: 45rem;
	height: 8rem;
	border-radius: 4px;
	border: 1px solid var(--warm-grey);
}

	.xl-box.error {
		border-color: var(--error-red);
	}

	.xl-box.xxl {
		height: 11rem;
	}

.mh-20rem {
	max-height: 20rem;
}

.h-20rem {
	height: 20rem;
}

.maxh-55vh {
	max-height: 55vh;
}

.home-white {
	content: url('../icons/a-icon__home-20-white.svg');
}

.creation-success-icon {
	content: url('../icons/a-icon__checkmark -20px-white.svg');
}

.creation-success-circle {
	background: var(--accent);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	padding: 35px;
}

.batch-upversion-success {
	background: var(--accent);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	text-align: center;
	padding: 35px;
	color: white;
}

.batch-upversion-error {
	background: var(--error);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	text-align: center;
	padding: 35px;
	color: white;
}

.dropdown-content {
	position: absolute;
	z-index: 1021;
	display: none;
	min-width: 6.25rem;
	max-height: 50vh;
	margin: 0;
	overflow-y: auto;
	box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
	will-change: width, height;
}

	.dropdown-content li {
		width: 100%;
		clear: both;
		line-height: 1.3rem;
		text-align: left;
		text-transform: none;
		cursor: pointer;
	}

		.dropdown-content li > a,
		.dropdown-content li > span {
			display: block;
			padding: .5rem;
			font-size: .9rem;
			color: #4285f4;
		}

.expanded-drop-active {
	border: 1px solid #5897fb;
	border-top: none;
}

.expanded-drop {
	width: 100%;
	margin-top: -1px;
	position: absolute;
	z-index: 9999;
	top: 100%;
	background: #fff;
	color: #000;
	border: 1px solid #aaa;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
	box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.expanded-container,
.expanded-drop,
.expanded-search,
.expanded-search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.expanded-results {
	max-height: 200px;
	margin: 4px 4px 4px 0;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-tap-highlight-color: transparent;
}

	.expanded-results li {
		list-style: none;
		display: list-item;
		background-image: none;
	}

		.expanded-results li.expanded-result-with-children > .expanded-result-label {
			font-weight: 700;
		}

	.expanded-results .expanded-result-label {
		padding: 3px 7px 4px;
		margin: 0;
		cursor: pointer;
		min-height: 1em;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.expanded-results ul.expanded-result-sub {
		margin: 0;
		padding-left: 0;
	}

	.expanded-results li {
		list-style: none;
		display: list-item;
		background-image: none;
	}

.expanded-results-dept-1 .expanded-result-label {
	padding-left: 20px;
}

.expanded-results .expanded-result-label {
	padding: 3px 7px 4px;
	margin: 0;
	cursor: pointer;
	min-height: 1em;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.treeview-container {
	list-style-type: none;
}

.treeview-docs span {
	top: -3px;
	position: relative;
}

	.treeview-docs span:hover {
		cursor: pointer;
	}

.treeview-unselected {
	content: url('/_content/Blazor.Shared.Components/icons/Folder-Full.svg');
}

.treeview-selected {
	content: url('/_content/Blazor.Shared.Components/icons/Folder-Outline.svg');
}

.docemailbar {
	padding-bottom: 1rem;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.docemail-empty {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
}

.treeview-chevron {
	width: 1.5rem;
}

.no-interaction {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-app-region: no-drag;
}

.doc-email-pane-minh {
	min-height: 25rem;
}

.icon-container {
	width: 3rem;
	height: 2rem;
}

.radio-button-large {
	width: 100%;
	height: 1.5rem;
}

.cust-download-doc-list {
	max-height: 45rem;
	overflow-y: auto;
	overflow-x: hidden;
}

	.cust-download-doc-list > div:nth-child(2n) {
		background-color: var(--very-light-blue);
	}

.file-upload-input > input {
	width: 25rem;
}

.min-content-minw {
	min-width: -moz-min-content; /* Firefox */
	min-width: -webkit-min-content; /* Chrome */
	min-width: min-content;
}

.max-content-maxw {
	max-width: intrinsic; /* Safari/WebKit uses a non-standard name */
	max-width: -moz-max-content; /* Firefox/Gecko */
	max-width: -webkit-max-content; /* Chrome */
	max-width: max-content;
}

.resize-border-divider {
	margin-left: 0.58rem;
	position: absolute;
	height: 100%;
}

.resize-handle {
	display: block;
	z-index: 990;
	background-color: white;
	width: 1.25rem;
	height: 2.5rem;
	border-radius: 0.5rem;
}

.handle :hover {
	cursor: grab;
}

.handle > div {
	position: absolute;
	top: 50%;
	border-radius: 3px;
	background-color: #ffffff;
	padding: 0 3px 2px 3px;
	width: 18px;
	height: 26px;
	background-repeat: no-repeat;
	background-position: center;
}

.grab-handle-icon {
	background-image: url(/_content/Blazor.Shared.Components/icons/Drag.svg);
	width: 0.62rem;
	height: 1.01rem;
}

.grabarea {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	top: 0;
	left: 0;
}

.modal-height-75 {
	height: 75vh;
}

.priority-icon {
	max-width: 1.5rem;
	content: url('../icons/Star-Icon.svg');
}

.clone-icon {
	content: url('../icons/a-icon__clone%20-20px.svg');
}

	.clone-icon.large {
		width: 3rem;
		height: 8rem;
	}

.clone-plus-icon {
	content: url('../icons/a-icon__clone_plus.svg');
}

	.clone-plus-icon.large {
		width: 3rem;
		height: 8rem;
	}

.on-hold-icon {
	content: url('../icons/On-Hold.svg');
}

	.on-hold-icon.large {
		width: 3rem;
		height: 8rem;
	}

.notes-icon {
	content: url('../icons/a-icon__chatBubble.svg');
}

.audit-icon {
	content: url('../icons/Eye-Icon.svg');
}

.folder-outline-icon {
	content: url('../icons/Folder-Outline.svg');
}

.print-icon {
	content: url('../icons/a-icon__print.svg');
}

.cross-icon {
	max-width: 1.5rem;
	content: url('../icons/a-icon__close.png');
}

.check-icon {
	max-width: 1.5rem;
	content: url('../icons/a-icon__checkmark -20px.png');
}

.btn-group > .checklist-btn:not(:last-child):not(.dropdown-toggle) {
	color: var(--grey-eleven);
	background-color: var(--grey-three);
	border-radius: 4px;
}


.custom-control.custom-checkbox {
	margin-right: 0;
	display: flex;
	padding-bottom: 0.5rem;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__heading .kt-menu__link-icon,
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-icon {
	color: #706e6b;
}

.jobinstruction-list {
	max-height: 51.5rem;
	overflow-y: auto;
	overflow-x: hidden;
}

.email-attachment-label {
	font-size: smaller;
}

	.email-attachment-label:hover {
		text-decoration: underline;
		color: blue;
		cursor: pointer;
	}

.treeview-folder-icon {
	min-height: 2.3rem;
}

.resize-container-grid {
	display: grid;
}

.doc-resize-containers-l {
	overflow: auto;
	min-width: 15rem;
}

.doc-resize-containers-r {
	overflow: auto;
	min-width: 30rem;
}

.email-upload-resize-container-l {
	overflow: auto;
	min-width: 15rem;
	min-height: 65vh;
	max-height: 65vh;
}

.email-upload-resize-container-l-batch {
	overflow: auto;
	min-width: 15rem;
	min-height: 56vh;
	max-height: 56vh;
}

.email-upload-resize-container-r {
	overflow: auto;
	min-width: 30rem;
}

.instructions-resize-container {
	min-width: 30rem;
}

.min-height-30 {
	min-height: 30vh
}

.min-height-35 {
	min-height: 35vh
}

.text-secondary {
	color: #706E6B !important;
}

.tooltip-inner {
	max-width: 200rem;
	padding: 0.75rem 1rem;
	color: #595d6e;
	text-align: center;
	background-color: #ffffff;
}

.kt-header--fixed .kt-header {
	box-shadow: none;
}

.data-view-overflow-menu .dropdown-menu {
	width: 16rem;
	min-width: fit-content;
}

.data-view-overflow-menu .dropdown-menu-wide {
	width: 24rem;
}

.expandable-table {
	margin-top: 0.05rem;
	margin-bottom: 0.05rem;
}

.job-colours-table-container {
	min-width: 100rem;
}

.no-results-padding {
	padding-left: 30vw;
}

.kt-portlet.profile-portlet {
	box-shadow: 10px 0px 50px 10px rgb(0 0 0 / 5%);
}

.kt-nav.kt-nav--v4 .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link, .kt-nav.kt-nav--v4 .kt-nav__item > .kt-nav__link.active, .kt-nav.kt-nav--v4 .kt-nav__item.kt-nav__link--active > .kt-nav__link {
	background-color: rgba(93, 120, 255, 0.05);
}

.kt-nav .kt-nav__item > .kt-nav__link.active .kt-nav__link-icon, .kt-nav .kt-nav__item > .kt-nav__link.active .kt-nav__link-text, .kt-nav .kt-nav__item > .kt-nav__link.active .kt-nav__link-arrow, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow {
	color: #5d78ff;
}

.user-profile-icon {
	color: #706e6b;
	padding-top: 0.35rem;
	padding-right: 2rem;
	float: right;
}

	.user-profile-icon:hover {
		color: #5d78ff;
	}

.profile-content {
	height: 40vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.profile-widget {
	width: 25rem;
	right: 10px;
	float: right;
}

	.profile-widget .profile-initial {
		height: 5rem;
		width: 5rem;
		background-color: #354e76;
		border-radius: 50%;
		color: #ffffff;
	}

		.profile-widget .profile-initial h1 {
			color: #ffffff;
			font-weight: bolder;
			margin-top: 0;
			margin-bottom: 0;
		}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	margin: 5px;
}

.shift-patterns-container {
	overflow-y: auto;
	overflow-x: auto;
	max-height: 50vh;
}

@media screen and (max-height: 927px) {
	.shift-patterns-container {
		max-height: calc(50vh - 147px);
	}
}

.wait-cursor, .wait-cursor * {
	cursor: wait;
}

.barcode-form {
	max-width: 80rem;
}

.barcode-form-button-container {
	max-width: 15rem;
	min-width: 15rem;
	padding-bottom: 2rem;
}

.checkbox-container {
	min-width: 7rem;
	max-width: 15rem;
	display: flex;
	padding-bottom: 1rem;
}

.checkbox-container-minwidth {
	min-width: 25rem;
	display: flex;
	padding-bottom: 1rem;
}

.align-items-baseline {
	align-items: baseline;
}

.font_size_115_percent {
	font-size: 115%;
}

/*.btn-secondary:hover span {*/
/*Needs to have important right now, the css for task status needs reworking because it has so many importants in i can not use hierarchy */
/*background-color: #f4f5f8 !important;
}*/



.hover-over-message {
	position: relative;
	left: -50%;
	color: black;
	border-radius: 1rem;
	border: 2px var(--grey-six) solid;
	background-color: white;
	min-width: 25rem;
	align-content: center;
	padding: 1rem;
	z-index: 2;
	text-align: center;
	max-height: 70vh;
	overflow: auto;
}

	.hover-over-message.otp-task-list-child {
		left: -47%;
		min-width: 27rem;
	}

		.hover-over-message.otp-task-list-child:before {
			left: 34%;
			top: auto;
			bottom: -16px;
			border-top: 16px solid var(--grey-six); /* IE8 Fallback */
			border-top: 16px solid var(--grey-six);
			border-bottom: 0px;
		}

.hover-over-message-parent {
	align-content: center;
	position: absolute;
	top: 2.9rem;
	left: 50%;
}

	.hover-over-message-parent:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		left: -3%;
		top: -23px;
		border: 10px solid transparent;
		border-bottom: 16px solid var(--grey-six); /* IE8 Fallback */
		border-bottom: 16px solid var(--grey-six);
		z-index: 2;
	}

.hover-over-message-warning {
	position: inherit;
	left: -50%;
	color: black;
	border-radius: 1rem;
	border: 2px var(--grey-six) solid;
	background-color: var(--warning-light-yellow);
	min-width: 35rem;
	align-content: center;
	padding: 1rem;
	z-index: 2;
	text-align: inherit;
	pointer-events: none;
}

	.hover-over-message-warning:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		left: 5%;
		top: -26px;
		border: 10px solid transparent;
		border-bottom: 16px solid var(--grey-six); /* IE8 Fallback */
		border-bottom: 16px solid var(--warning-light-yellow);
		z-index: 2;
		pointer-events: none;
	}

.hover-over-message-warning-parent {
	align-content: center;
	position: absolute;
	top: 2.8rem;
	left: -35%;
}

.overflow-wrap-anywhere {
	overflow-wrap: anywhere;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.btn-icon:disabled {
	border: none;
}

.kt-tooltip {
	pointer-events: none;
}

.cia-tooltip {
	color: var(--error);
	font-size: 14pt
}

.cursor-no-drop:hover {
	cursor: no-drop !important;
}

.cursor-no-drop {
	opacity: 0.5;
}

.popover {
	pointer-events: none;
}

tr.task-status-notstarted {
	color: var(--text-color);
}

	tr.task-status-notstarted.btn span {
		color: var(--Task-not-started);
	}

.task-status-complete, tr.task-status-complete, tr.task-status-complete label, tr.task-status-complete .fas.fa-check {
	font-weight: 600;
	color: var(--Task-complete);
}

.cursor-pointer {
	cursor: pointer;
}

.custom-arrowtoggle:before {
	content: url("../icons/a-icon__carat-20-warm-grey.svg");
	display: inline-block;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	vertical-align: text-top;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.custom-arrowtoggle.collapsed:before {
	content: url("../icons/a-icon__carat-20-warm-grey.svg");
	vertical-align: baseline;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.custom-arrowtoggle.expanded:before {
	content: url("../icons/a-icon__carat-20-warm-grey.svg");
	display: inline-block;
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	vertical-align: text-top;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.min40-max60vh {
	min-height: 40vh;
	max-height: 60vh;
}

.min40-max70vh {
	min-height: 40vh;
	max-height: 70vh;
}

.mh-70vh {
	max-height: 70vh;
}

.mh-60vh {
	max-height: 60vh;
}

.minw-max-content {
	min-width: max-content;
}

.btn.disabled {
	cursor: default;
	pointer-events: none;
}

.background-color-blue20 {
	background-color: var(--blue20)
}

.pale-orange-background {
	background-color: var(--pale-orange)
}

.grey-six-shadow-border {
	border-style: hidden;
	box-shadow: 0 0 0 1px var(--grey-six);
}

.green {
	color: green;
}

.red {
	color: red;
}

.v-divider {
	border-left: 1px var(--grey-three) solid;
	display: inline-block;
}

.h-divider {
	border-bottom: 1px var(--grey-three) solid;
	display: inline-block;
}

.material-design-icons-parent {
	padding: 0.5rem 0.75rem;
}

.material-icons, .material-icons-outlined {
	cursor: default;
}

button .material-icons, button .material-icons-outlined, a .material-icons, a .material-icons-outlined {
	cursor: pointer;
}

	button .material-icons:hover, button .material-icons-outlined:hover, a .material-icons:hover, a .material-icons-outlined:hover {
		opacity: 80%;
	}

.material-icons.md-18, .material-icons-outlined.md-18 {
	font-size: 18px;
}

.material-icons.md-24, .material-icons-outlined.md-24 {
	font-size: 24px;
}

.material-icons.md-30, .material-icons-outlined.md-30 {
	font-size: 30px;
}

.material-icons.md-36, .material-icons-outlined.md-36 {
	font-size: 36px;
}

.material-icons.md-48, .material-icons-outlined.md-48 {
	font-size: 48px;
}

.material-icons.md-130, .material-icons-outlined.md-130 {
	font-size: 130px;
}

ul {
	list-style-type: none;
}

	ul.list-style-type-disc {
		list-style-type: disc;
	}

.quick-access-icon {
	content: url('../icons/Quick-Access.svg');
}

.quick-access-dot-icon {
	content: url('../icons/Quick-Access-Dot.svg');
}

.dataview-truncate-ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	height: 100%;
}

.dataview-truncate-ellipsis-label {
	height: 40px;
	overflow: hidden;
}

.dataview-header-actions {
	float: right;
	position: relative;
	top: -2em;
}

.dataview-header-container {
	height: 23px;
	overflow: hidden;
}

.max-content-minw {
	width: max-content;
	min-width: 100%;
}

/*This is needed for the tags because font awesome is forcing them down and making them not aligned*/
.pt-1px {
	padding-top: 1px;
}

.advanced-search-footer {
	height: calc(100% - 4rem);
}

.h-auto {
	height: auto;
}

.mandatory-flag {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	color: #F00;
}

.disabled {
	pointer-events: none;
	cursor: default;
	color: var(--charcoal-grey);
	opacity: 0.65;
}

/*Tooltip custom*/
.tooltip-custom-container {
	position: static;
}

.tooltip-custom-content {
	max-height: 27rem;
	width: 38rem;
	padding: 1rem;
	z-index: 1000;
	display: none;
	position: fixed;
}

.fileimportdisabled {
	background-color: #dddddd;
}

.navbar-toggler {
	background-color: rgba(255, 255, 255, 0.1);
	box-shadow: none; /*Override keen*/
}

	.navbar-toggler .material-icons {
		text-shadow: 0 0 10px #2c6397;
	}

select[multiple] {
	background-color: var(--background-color);
}

	select[multiple]:focus {
		background-color: var(--background-color);
	}

.navbar.notification-bar {
	left: auto;
	bottom: 0;
	flex-flow: column nowrap;
	align-items: flex-start;
	position: fixed;
	top: 4rem; /*Match header height to it doesnt overlap*/
	right: 0;
	z-index: 1030;
	background-color: var(--navmenu-background-colour);
	box-shadow: 0px 20px 20px #888888;
	width: 30rem;
	overflow-y: scroll;
	overflow-x: hidden;
	border-radius: 6px;
}

	.navbar.notification-bar .notification-icon {
		color: var(--header-pill-background-color);
		background: var(--tertiary-color);
		padding: 0.2rem;
		border-radius: 50%;
		float: right;
	}

	.navbar.notification-bar .notification-contents > div, .navbar.notification-bar .notification-sticky-top-bar > div {
		margin: 0 1rem;
	}

	.navbar.notification-bar .see-more {
		text-decoration: underline;
	}

	.navbar.notification-bar .notification-sticky-top-bar {
		position: fixed;
		top: 4rem;
		z-index: 999;
		background-color: var(--navmenu-background-colour);
	}

	.navbar.notification-bar .notification-contents {
		margin-top: 8rem; /*Needed to get under sticky top bar*/
	}

		.navbar.notification-bar .notification-contents .notification-tile.notification-unread, .navbar.notification-bar .notification-contents .notification-unread .notification-overflow-button > button {
			border-color: var(--notification-unread-background-colour);
			background-color: var(--notification-unread-background-colour);
			border-radius: 4px;
		}

		.navbar.notification-bar .notification-contents .notification-tile.notification-read, .navbar.notification-bar .notification-contents .notification-read .notification-overflow-button > button {
			border-color: var(--notification-read-background-colour);
			background-color: var(--notification-read-background-colour);
			border-radius: 4px;
		}

		.navbar.notification-bar .notification-contents .notification-tile.system-notification-unread, .navbar.notification-bar .notification-contents .system-notification-unread .notification-overflow-button > button {
			border-color: var(--system-notification-unread-background-colour);
			background-color: var(--system-notification-unread-background-colour);
			border-radius: 4px;
		}

		.navbar.notification-bar .notification-contents .notification-tile.system-notification-read, .navbar.notification-bar .notification-contents .system-notification-read .notification-overflow-button > button {
			border-color: var(--system-notification-read-background-colour);
			background-color: var(--system-notification-read-background-colour);
			border-radius: 4px;
		}

		.notification-icon.system-icon {
			color: #e39266 !important;
			background: #fcd7c0 !important;

		}

		.navbar.notification-bar .notification-sticky-top-bar .notification-overflow-button > div, .navbar.notification-bar .notification-contents .notification-overflow-button > div {
			left: auto;
			right: 0;
		}

		.navbar.notification-bar .notification-contents .notification-overflow-button > div {
			top: 25%;
		}

.notification-bar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.performance-metric-icon {
	background-color: var(--accent);
	border-color: var(--accent);
}

	.performance-metric-icon:hover {
		background-color: var(--accent-hover);
		border-color: var(--accent-hover);
	}

.performance-metric {
	border: 2px solid var(--grey-five);
}

.line-height-75 {
	line-height: 75%;
}

.job-summary-expandable-caret {
	position: relative;
	left: -0.4rem;
}

.profile-widget-tooltip {
	width: auto;
}

.display-block {
	display: block !important;
}

.background-color-field-disabled-color {
	background-color: var(--field-disabled-color) !important;
}

.color-warning-orange {
	color: var(--warning-orange);
}

.systemTask-icon {
	padding: 0.2rem;
	font-size: 1rem;
	border: solid 0px var(--border-color);
	border-radius: 100%;
	color: var(--header-background-colour);
	background-color: var(--module-background-color);
}

.task-status-failed > .status-text {
	color: var(--Task-background-failed);
}

.task-status-failed > .status-icn,
.task-status-failed > div > .dropdown-toggle {
	color: var(--Task-background-failed);
}

.task-status-failed.btn:disabled {
	opacity: 0.8;
	color: var(--Task-background-failed);
	border-color: var(--Task-background-failed);
}

.container-systemtask-modal {
	z-index: 1000;
	transform: translateY(0.5rem);
}

.container-systemtask-modal_right.error-system-task {
	left: -29rem;
}

.container-systemtask-modal_right.success-system-task {
	left: -19rem;
}

.success-system-task {
	width: 20rem;
}

.container-systemtask-modal_right::after {
	top: -0.8rem; /* Top right */
	left: 19rem;
}

.container-systemtask-modal_left::after {
	top: -0.8rem; /* Top left */
	left: 0.8rem;
}

.container-systemtask-modal_reason {
	max-height: 10rem;
	width: 30rem;
	overflow: auto;
}

.container-systemtask-modal_reason p {
	color: inherit !important;
}

div.flex-grow-1:has(input.is-invalid), div.flex-grow-1 > input.is-invalid {
	border-color: var(--error-red);
	background-color: #f9edea;
}

div.flex-grow-1:has(input:disabled), div.flex-grow-1 > input:disabled {
	background-color: var(--field-disabled-color);
	border-color: var(--border-color);
}

.toast-bottom-right {
	right: 1rem;
	bottom: 4rem;
}

.toast-warning {
	background-color: #F89406;
}

.table-jobteam {
	height: calc(70vh - 20rem);
	min-height: 40vh;
	overflow: auto;
}

.ul-pull-left {
	margin-left: -35px;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

	.tooltip-container:hover::after {
		content: '';
		position: absolute;
		left: 100%;
		top: 0;
		bottom: 0;
		width: 0.5rem;
	}

	.tooltip-custom {
		position: relative;
		cursor: pointer;
	}

	.tooltip-custom:hover::after {
		content: attr(data-tooltip);
		white-space: pre-line;
		position: absolute;
		left: 0;
		top: 115%;
		background: #333;
		color: #fff;
		padding: 6px 10px;
		/* border-radius: 4px; */
		z-index: 1000;
		width: 435px;
		background-color: #ffffff;
		color: #000000d4;
		border: solid 1px #000000d4;
	}