:root {
	--JobStatus-none: #8F8F8F;
	--JobStatus-dormant: #FF2E6C;
	--JobStatus-on-approval: #1b6be0;
	--JobStatus-quotation: #603794;
	--JobStatus-on-hold: #969492;
	--JobStatus-ready-invoice: #1665d8;
	--JobStatus-closed-pending-pon: #E30000;
	--JobStatus-complete: #34aa44;
	--JobStatus-invoiced: #969492;
	--JobStatus-priority: #000;
	--JobStatus-integration: #000;
	--JobStatus-tasks-complete: #000;
	--JobStatus-live: #3E3E3C;
	--success-green: #34aa44;
	--Task-not-started: #000;
	--Task-in-progress: #090;
	--Task-complete: #006900;
	--Task-on-approval: #00f;
	--Task-approved: #0000fb;
	--Task-amends-required: red;
	--Task-on-hold: #999;
	--Task-abandoned: red;
	--Task-paused: #FF9E2C;
	--Task-background-not-started: #eee;
	--Task-background-in-progress: #eee;
	--Task-background-complete: #cfc;
	--Task-background-on-approval: #eee;
	--Task-background-approved: #9cf;
	--Task-background-amends-required: #fcc;
	--Task-background-on-hold: #eee;
	--Task-background-abandoned: #eee;
	--Task-background-paused: #eee;
	--JobFlag-no-flagged: #f34545;
	--JobFlag-attention-required: #00f;
	--JobFlag-pending-information: #6161fb;
	--JobFlag-invoicing-issue: #facf55;
	--ItemStatus-live: #3E3E3C;
	--ItemStatus-complete: #34aa44;
	--ItemStatus-dormant: #FF2E6C;
	--ItemStatus-on-hold: #969492;
	--Status-background: #eee;
}

.bootstrap-select .dropdown-menu.inner {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.57;
	letter-spacing: normal;
}

.dataview-select-overlay {
	position: absolute;
	display: contents;
}


.item-status-live,
/* this next section is needed otherwise blazor's class overrides it. */
.item-status-live > span {
	color: var(--ItemStatus-live) !important;
}

.item-status-background-live {
/*	background-color: #E5EEF9 !important;*/
}

.item-status-complete,
/* this next section is needed otherwise blazor's class overrides it. */
.item-status-complete > span {
	color: var(--ItemStatus-complete) !important;
}

.item-status-background-complete {
	background-color: #f0faf1 !important;
}

.item-status-dormant,
/* this next section is needed otherwise blazor's class overrides it. */
.item-status-dormant > span {
	color: var(--ItemStatus-dormant) !important;
}

.item-status-background-dormant {
	background-color: white !important;
}

.item-status-on-hold,
/* this next section is needed otherwise blazor's class overrides it. */
.item-status-on-hold > span {
	color: var(--ItemStatus-onhold) !important;
}

.item-status-background-on-hold {
	background-color: #ECEBEA !important;
}

.jobstatus-round-border-box {
	border: 2px solid;
	padding: 6px;
	border-radius: 0.3rem;
	font-size: 4px !important;
}

.status-text {
	vertical-align: bottom;
	margin-left: 8px;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-not-started .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-not-started .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-not-started .text {
	color: var(--Task-not-started);
}

.task-status-not-started > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-not-started .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-not-started .fa-circle {
	color: var(--Task-not-started) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-in-progress .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-in-progress .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-in-progress .text {
	color: var(--Task-in-progress);
}

.task-status-in-progress > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-in-progress .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-in-progress .fa-circle {
	color: var(--Task-in-progress) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-complete .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-complete .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-complete .text {
	color: var(--Task-complete);
}

.task-status-complete > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-complete .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-complete .fa-circle {
	color: var(--Task-complete) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-on-approval .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-on-approval .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-on-approval .text {
	color: var(--Task-on-approval);
}

.task-status-on-approval > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-on-approval .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-on-approval .fa-circle {
	color: var(--Task-on-approval) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-approved .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-approved .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-approved .text {
	color: var(--Task-approved);
}

.task-status-approved > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-approved .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-approved .fa-circle {
	color: var(--Task-approved) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-amends-required .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-amends-required .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-amends-required .text {
	color: var(--Task-amends-required);
}

.task-status-amends-required > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-amends-required .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-amends-required .fa-circle {
	color: var(--Task-amends-required) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-on-hold .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-on-hold .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-on-hold .text {
	color: var(--Task-on-hold);
}

.task-status-on-hold > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-on-hold .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-on-hold .fa-circle {
	color: var(--Task-on-hold) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-paused .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-paused .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-paused .text {
	color: var(--Task-paused);
}

.task-status-paused > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-paused .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-paused .fa-circle {
	color: var(--Task-paused) !important;
}

.bootstrap-select .dropdown-menu.inner > li.selected > .task-status-abandoned .text, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-abandoned .text, .bootstrap-select .dropdown-menu.inner > li > .task-status-abandoned .text {
	color: var(--Task-abandoned);
}

.task-status-abandoned > .fa-circle, .bootstrap-select .dropdown-menu.inner > li:hover > .task-status-abandoned .fa-circle, .bootstrap-select .dropdown-menu.inner > li > .task-status-abandoned .fa-circle {
	color: var(--Task-abandoned) !important;
}

.bootstrap-select > .dropdown-toggle.btn-light.task-status-not-started, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-not-started {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-not-started);
	color: var(--Task-not-started);
}

.bootstrap-select > .dropdown-toggle.btn-light.task-status-abandoned, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-abandoned {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-abandoned);
	color: var(--Task-abandoned);
}


.bootstrap-select > .dropdown-toggle.btn-light.task-status-on-hold, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-on-hold {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-on-hold);
	color: var(--Task-on-hold);
}

.bootstrap-select > .dropdown-toggle.btn-light.task-status-paused, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-paused {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-paused);
	color: var(--Task-paused);
}

.bootstrap-select > .dropdown-toggle.btn-light.task-status-amends-required, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-amends-required {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-amends-required);
	color: var(--Task-amends-required);
}


.bootstrap-select > .dropdown-toggle.btn-light.task-status-approved, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-approved {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-approved);
	color: var(--Task-approved);
}


.bootstrap-select > .dropdown-toggle.btn-light.task-status-on-approval, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-on-approval {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-on-approval);
	color: var(--Task-on-approval);
}


.bootstrap-select > .dropdown-toggle.btn-light.task-status-complete, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-complete {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-complete);
	color: var(--Task-complete);
}


.bootstrap-select > .dropdown-toggle.btn-light.task-status-in-progress, .bootstrap-select > .dropdown-toggle.btn-secondary.task-status-in-progress {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: var(--Task-background-in-progress);
	color: var(--Task-in-progress);
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-dormant, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-dormant {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
	color: red;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-job, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-job {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-complete, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-complete {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #cfc;
	color: #090;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-invoiced, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-invoiced {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #fff;
	color: #999;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-onapproval, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-onapproval {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #00f;
	color: #00f;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-live, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-live {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
	color: #000;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-taskscomplete, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-taskscomplete {
	border-radius: 4px;
	border: solid 1px #009900;
	background-color: #eee;
	color: #000;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-closedpendingpon, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-closedpendingpon {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #fcc;
	color: red;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-onhold, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-onhold {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
	color: #999;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-paused, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-paused {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
	color: #999;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-priority, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-priority {
	border-radius: 4px;
	border: none 1px #999999;
	background-color: #fff;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-integration, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-integration {
	border-radius: 4px;
	border: none 1px #999999;
	background-color: #fff;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-template, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-template {
	border-radius: 4px;
	border: solid 1px var(--JobStatus-template);
	background-color: rgba(88, 64, 60, 0.1);
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-on-approval, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-on-approval {
	border-radius: 4px;
	border: solid 1px #999999;
	background-color: #eee;
	color: #00f;
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-draft, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-draft {
	border-radius: 4px;
	border: solid 1px var(--JobStatus-draft);
}

.bootstrap-select > .dropdown-toggle.btn-light.job-status-readyinvoice, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-readyinvoice {
	border-radius: 4px;
	border: solid 1px var(--JobStatus-ready-invoice);
}


.bootstrap-select > .dropdown-toggle.btn-light.job-status-quotation, .bootstrap-select > .dropdown-toggle.btn-secondary.job-status-quotation {
	border-radius: 4px;
	border: solid 1px var(--JobStatus-quotation);
	background-color: rgba(230, 73, 45, 0.1);
}

.job-flag-btn {
	padding: 0.40rem 1rem !important;
}

.job-flag-remove {
	background: url("../icons/flags/flag-default.svg");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px; /*or your image's width*/
	height: 20px; /*or your image's height*/
	margin: 0;
	padding: 0;
}

.job-flag-attention-required {
	background: url("../icons/flags/flag-red.svg");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px; /*or your image's width*/
	height: 20px; /*or your image's height*/
	margin: 0;
	padding: 0;
}

.job-flag-pending-information {
	background: url("../icons/flags/flag-yellow.svg");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px; /*or your image's width*/
	height: 20px; /*or your image's height*/
	margin: 0;
	padding: 0;
}

.job-flag-invoicing-issue {
	background: url("../icons/flags/flag-green.svg");
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px; /*or your image's width*/
	height: 20px; /*or your image's height*/
	margin: 0;
	padding: 0;
}

.text-transform-none {
	text-transform: none !important;
}

select {
	border-radius: 4px;
	border: solid 1px #d8dce6;
	background-color: var(--White);
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.custom-select {
	border: 1px solid var(--border-color);
	background-color: var(--module-background-color);
}

	.custom-select.is-invalid {
		border-color: var(--error-red) !important;
		background: url("../icons/a-icon__error -20px.svg") no-repeat right 1rem center/14px 20px;
	}

select.arrows {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC');
	background-position: calc(100% - .5rem), 100% 0;
	background-size: 1.0em 1.0em;
	background-repeat: no-repeat;
}

select option[selected] {
	background-color: #DDDBDA;
}

.select-wrapper > ul li.select-toggle-all label {
	padding-left: 38px;
}

.select-wrapper > ul li label {
	top: 0;
	font-size: .9rem;
	color: #4285f4;
	-webkit-transform: none;
	transform: none;
}

.multiselect-dropdown-control {
	padding-left: 2.5rem;
}

.expanded-result-selectable .expanded-match, .expanded-result-unselectable .expanded-match {
	text-decoration: underline;
}

.task-status-datatable-dropdown {
	min-width: 12rem;
}

	.task-status-datatable-dropdown:disabled {
		opacity: 0.3;
	}