/* Not provided in Bootstrap */

.color-orange {
	color: orange;
}

.section-header {
	/*TODO: Remove once all references are removed. */
	background-color: #FF69B4;
}

.card_container {
	padding: 1rem;
}

.w-2 {
	width: 2%;
}

.w-3 {
	width: 3%;
}

.w-4 {
	width: 4%;
}

.w-5 {
	width: 5%;
}

.w-7 {
	width: 7%;
}

.w-8 {
	width: 8%;
}

.w-10 {
	width: 10%;
}

.w-14 {
	width: 14%;
}

.w-15 {
	width: 15%;
}

.w-16 {
	width: 16%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-90 {
	width: 90%;
}

.w-100 {
	width: 100%;
}

.vw-80 {
	width: 80vw;
}

.max-width-65 {
	max-width: 65%;
}

.job-page-body {
	overflow: auto;
	min-height: calc(60vh - 3rem);
	max-height: calc(60vh - 3rem);
}

.page-body {
	overflow: auto;
	min-height: calc(60vh + 1rem);
	max-height: calc(60vh - 3rem);
}

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

.btn.btn-default i.colour-brownishgrey, .btn.btn-icon i.colour-brownishgrey {
	color: var(--brownish-grey);
}

.colour-brownishgrey {
	color: var(--brownish-grey);
}

.colour-warmgrey {
	color: var(--warm-grey);
}

.colour-white {
	color: var(--White);
}

.btn.btn-default:hover i.colour-brownishgrey {
	color: white
}

.btn.btn-default.background-colour-grey {
	color: black;
	background-color: #f3f2f2;
}

	.btn.btn-default.background-colour-grey:hover {
		color: white;
		background-color: #5d78ff;
	}

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

@media (min-width:768px) {
	.pm-table-mh {
		height:34rem;
		max-height: 34rem;
	}
}

@media (min-width:1024px) {
	.pm-table-mh {
		height:39rem;
		max-height: 39rem;
	}
}

@media (min-width:1399px) {
	.pm-table-mh {
		height:14rem;
		max-height: 14rem;
	}
}

.ba-bd-table-overflow {
	overflow-x: auto;
	overflow-y: auto;
}

.custom-folderarrowtogglenew:before {
	content: url("../_content/Blazor.Shared.Components/icons/folder_with_arrow.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);
}

.chatbubble-outline-icon-smaller {
	content: url("../_content/Blazor.Shared.Components/icons/a-icon-chat-bubble-outline.png");
	width: 1rem;
	height: 1rem;
}

.close-icon-brownishgrey {
	content: url("../_content/Blazor.Shared.Components/icons/a-icon__close-brownishgrey.svg");
}

.pen-icon-brownishgrey {
	content: url("../_content/Blazor.Shared.Components/icons/a-icon__pencil-20px-brownishgrey.svg");
}

.clock-fast {
	content: url("../_content/Blazor.Shared.Components/icons/clock-fast.svg");
	width: 27px;
	height: 27px;
}

.clock-fast-green {
	content: url("../_content/Blazor.Shared.Components/icons/clock-fast-green.svg");
	width: 27px;
	height: 27px;
}

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

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

.opacity-3 {
	opacity: 50%;
}

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

.checkbox {
	width: 1rem;
	height: 1rem;
}

.table-header-empty {
	font-size: 1rem;
	opacity: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
	visibility: hidden;
}

.table-content {
	height: 1.25rem;
	font-size: 1rem !important;
	position: relative !important;
}

	.table-content.colour-grey {
		color: var(--grey-seven) !important;
	}

.opacity-25 {
	opacity: 0.25;
}

.opacity-50 {
	opacity: 0.5;
}

.disabled-checkbox {
	opacity: 0.5;
	pointer-events: none;
}

.darkgray {
	color: var(--disabled-text-colour);
}

.pon {
	background-image: none !important;
	border-color: #e2e5ec !important;
}

.border-bottom {
	border-bottom: 2px solid lightgray;
}

.opacity-3 {
	opacity: 50;
}

.grayscale {
	filter: grayscale(100%);
}

.job-status-dropdown {
	width: 11rem;
}

.job-status-dropdown {
	width: 11rem;
}

.pm-home {
	overflow: hidden;
	min-height: 90vh;
	max-height: 90vh;
}

.project-dashboard-content {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 75vh;
	min-height: 70vh;
}

.project-jobs-table {
	max-height: 58vh;
}

.project-quotes-table {
	max-height: 65vh;
}

.overflow-y-height-100{
	overflow-y:auto;
	height:100%;
}

.vertical-align-contents {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.job-colour-column-draggable {
	box-shadow: 0 1px 3px 0 rgba(120, 120, 120, 0.25);
}

.minw-2 {
	min-width: 5rem;
}

.sgs-colour-dropdown .dropdown-menu.show {
	overflow-y: auto;
	height: 50vh;
}

.icon-bar {
	min-width: 36rem;
	max-width: 36rem;
}

.basic-details-content {
	min-height: 2.1rem;
}



.techspec-checkbox-tp {
	padding-top: 35px;
}

.techspec-checkbox {
	padding-left: 0;
	left: -30px;
}

.techspec-warning {
	font-size: 0.875rem;
	color: var(--warning-orange);
	padding-left: 2px;
	padding-right: 2px;
}

.project-link-button {
	color: #0056b3;
	max-width: 300px;
	text-decoration: none !important;
}

.table-child-row-borderless {
	border-top-style: hidden;
}

.imported-content > .attributes,
.imported-content-attributes {
	background-color: var(--moderate-grey)
}

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

.unitSwitch > div > label {
	width: 4em;
}

@media (max-width: 1280px) {

	input[type=date] {
		min-width: 8rem;
		padding-left: 0.3rem;
	}

	input[type="date"]::-webkit-inner-spin-button,
	input[type="date"]::-webkit-calendar-picker-indicator {
		display: none;
		-webkit-appearance: none;
	}
}

/*
.btn-secondary.dropdown-toggle, .btn-secondary.active, .btn-secondary:focus {
	color: var(--accent-blue);
	background-color: white;
}

*/

.btn-secondary:hover {
	color: #595d6e !important;
	border-color: #e2e5ec;
	background-color: #f4f5f8 !important;
}

.dot-gain-card {
	background-color: #F9F9F9;
	width: 100%;
}

/*@-moz-document url-prefix() {
	.btn-secondary:focus.btn-secondary:disabled {
		color: #595d6e !important;
		border-color: #e2e5ec;
		background-color: #f4f5f8 !important;
		opacity: 1.0;
	}
}*/

.dropdown-item-ellipsis {
	color: #74788d !important;
}

.default-icon {
	content: url('/_content/Blazor.Shared.Components/icons/file.svg');
}

.pdf-icon {
	content: url('/_content/Blazor.Shared.Components/icons/file-pdf.svg');
}

.excel-icon {
	content: url('/_content/Blazor.Shared.Components/icons/file-excel.svg');
}

.word-icon {
	content: url('/_content/Blazor.Shared.Components/icons/file-word.svg');
}

.powerpoint-icon {
	content: url('/_content/Blazor.Shared.Components/icons/file-powerpoint.svg');
}

.image-icon {
	content: url('/_content/Blazor.Shared.Components/icons/image.svg');
}

.emailbody {
	background-color: #ecebea;
	border-style: inset;
	border-width: 1px;
}

.grid-label {
	font-size: 0.9rem;
	word-wrap: break-word;
}

.ellipsis-icon-sizing {
	width: 18px;
	height: 18px;
}

.instruction-expandable-display {
	white-space: pre-line;
	word-break:break-word;
}

.instruction-expandable-display-parent {
	border-bottom: 0px;
}

.icon-med {
	font-size: 1.6em !important;
}

.despatch-address-verified {
	background-color: #DFF1E1;
}

.despatch-address-not-verified {
	background-color: #FCEDEA;
}

.despatch-address-form {
	margin: 0.5rem;
	padding: 0.5rem;
	border-radius: 4px;
}

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

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

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

.select-item-status-edit {
	width: 100%;
}

	.select-item-status-edit > div {
		width: 100% !important;
	}

.btn-outline-danger {
	color: var(--error-red) !important;
	border-color: var(--error-red) !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}

	.btn-outline-danger:hover {
		color: var(--error-red) !important;
		border-color: var(--error-red) !important;
		background-color: #f7f8fa !important;
	}

.stage-notes-btn {
	top: -8px;
	position: relative;
}

.padding-top-55 {
	padding-top: 55px;
}

.receipt-required-check label.custom-control-label {
	padding-top: 0.25rem;
	padding-left: 0.25rem;
}

.datagrid-header-action {
	position: relative;
	top: -3px;
	margin-left: 5px !important;
}

.icon-dynamic-form {
	content: url("../_content/Blazor.Shared.Components/icons/dynamic_form-24px.svg");
}

.icon-autofill {
	content: url("../_content/Blazor.Shared.Components/icons/Autofill.svg");
	height: 18px;
}

.icon-sort-disabled::after {
	content: "arrow_upward";
}

.icon-sort-asc::after {
	content: "arrow_upward";
}

.icon-sort-desc::after {
	content: "arrow_downward";
}

.updatabledatagrid-row-error {
	background-color: #fee;
}

	.updatabledatagrid-row-error .cell-sticky-0,
	.updatabledatagrid-row-error .cell-sticky-1 {
		background-color: #fee;
	}

.form-control.is-invalid {
	/* Be aware, this extends the existing is-invalid class in global.css
		and is being used to prevent other classes (such as border-info)
		from removing the validation failure colouring. */
	border-color: var(--error-red) !important;
	background-color: var(--error-red-transparent) !important;
}

.scroll-link-nav span {
	padding-right: 0.75rem;
}

.item-due-dates-update-table-area {
	overflow-x: auto;
	overflow-y: auto;
	max-height: 30vh;
}

.item-due-dates-sticky-header {
	position: sticky;
	top: 0px;
	z-index: 1000;
	background-color: var(--module-background-color);
}

.background-field {
	background-color: var(--field-background-color);
	color: var(--text-color);
}

.border-black {
	border-color: #bfbfbf;
}

.icon-warning {
	color: var(--error-red);
}

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

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

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

.background-info {
	background-color: #d5dbf0;
}

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

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

.border-success {
	border-color: var(--success-light-green);
}

.border-due-date {
	border: 2px;
}

.cell-border-danger {
	border-color: var(--error-red);
}

.overflow-vertical {
	overflow-y: auto;
	overflow-x: hidden !important;
}

.batch-action-lhs-active {
	background-color: var(--module-background-color);
	border-left-color: var(--accent);
	border-left-width: thick;
	font-weight: bold;
}

.batch-action-lhs-inactive {
	background-color: var(--background-color);
	color: var(--disabled-text-colour);
}

.batch-action-rhs {
	border-top: 1px solid #ebedf2;
	border-right: 1px solid #ebedf2;
	border-bottom: 1px solid #ebedf2;
}

.batch-action-modal {
	padding: 0px;
	height: 80vh;
	overflow-y: hidden !important;
	overflow-x: hidden;
}

	.batch-action-modal.show-y-overflow {
		overflow-y:auto !important;
	}

.max-height-inherit {
	max-height: inherit;
}

.height-min-content {
	height: min-content;
}

.ba-add-stage-table {
	max-height: 22rem;
	margin-top: auto;
	overflow-y: auto;
}

.ba-add-stage-modal {
	height: 50rem;
}

.ba-add-stage-warning-area {
	min-height: 7rem;
}

.pb-1-25-rem {
	/* 20px */
	padding-bottom: 1.25rem;
}

.ba-add-stage-checkboxes {
	float: right;
	margin-right: 2.25rem;
}

.ba-job-selected-row-bg {
	background-color: var(--background-color);
}

.ba-job-unselected-row-bg {
	background-color: var(--grey-background);
}

.ba-add-stage-content {
	background: var(--background-color);
}

.ba-add-stage-migrate-table {
	background: white;
}

.update-instructions-modal-text {
	min-height: 3rem;
}

.update-instructions-modal-text-batch-action {
	height: 25rem;
	max-height: 25rem;
}

.ba-ad-stage-job-no-header {
	min-width: 7rem;
}

.ba-ad-stage-job-desc-header {
	min-width: 11rem;
}

.accordion-expanded {
	background-color: var(--background-color);
}

.upload-area {
	border: 1px dashed var(--moderate-darker-grey);
	background-color: var(--grey-three);
	color: var(--grey-eight);
	text-align: center;
	cursor: pointer;
	position: relative;
	height: 200px;
}

	.upload-area > div {
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 100%;
	}

	.upload-area:hover {
		border: 1px dashed var(--grey-eight);
	}

	.upload-area input[type=file] {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
		top: 0;
		left: 0;
	}

	.upload-area i.fas {
		color: var(--grey-eight);
		font-size: 5em;
		margin-bottom: 1rem;
	}

.redo-button {
	vertical-align: unset;
}

.li-bracket {
	counter-reset: list;
	padding-left: 0;
	margin-bottom: 0;
}

	.li-bracket > li {
		list-style: none;
	}

		.li-bracket > li:before {
			content: counter(list) ") ";
			counter-increment: list;
		}

.ba-add-stage-reason-success {
	background-color: var(--success-light-green);
}

.ba-add-stage-reason-error {
	background-color: var(--error-red);
}

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

.spin-icon {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	transform-origin: 35% 60%;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.preflight-upload-table {
	max-height: 518px;
	overflow-y: scroll;
	margin-bottom: 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
}

	.preflight-upload-table table {
		margin-bottom: 0;
		border-top: 0 !important;
	}

	.preflight-upload-table th {
		background: white;
		position: sticky;
		top: 0;
	}

.badge-material-icon-not-empty {
	position: relative;
	top: -50%;
	left: 60%;
	font-size: 0.5rem;
	border: 1px solid;
	border-color: #FFFFFF;
	background-color: #E30000;
	height: 10px;
	z-index: 99;
}

.multi-job-excluded-items-table {
	overflow-x: hidden;
	max-height: 25vh;
	overflow-y: auto;
}

.batch-shipment-page-body {
	height: calc(100% - 4rem); /*for footer*/
}

.batch-shipment-page-body-with-breadcrumb {
	height: calc(100% - 6rem); /*for footer*/
}

.wrap-text {
	word-break: break-all
}
.new-line-replace-br {
	white-space: pre-line;
	text-align: center;
}

.resize-both textarea{
	resize:both;
}

.clone-techspec-input > div > label {
	display: contents;
}

	.clone-techspec-input > div > label > span {
		margin-top: 0.25rem;
		margin-left: -0.5rem;
	}

	.clone-techspec-input > input {
		margin-top: -0.5rem;
	}

.colour-set-select {
	max-width:32rem;
	min-width:17rem;
}

.flex-basis-300 {
	flex-basis: 300px;
}

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

.mt-neg0-3 {
	margin-top: -0.3rem;
}

.list-overflow-auto {
	overflow: auto;
	max-height: 100px;
}

.job-nav-print {
	top: 4px;
	position: relative;
}

.AddPONSummary {
	width: max-content;
}

.audit-Modal-Expanded-Content-BG {
	background-color: var(--field-disabled-color);
}