/* tmp.css 
tmp_43f8ab05.css
Custom CSS for TMP release 2+ 
Take care to only add specific CSS for TMP Release 2+ 

Last modified Jady Mulqueeney 19 July 2023
*/

/* html, */
html body.tmp {
	background-color: #fff;
	padding-bottom: 0;
}

/* enable sticky footer effect in mobile */
#wrapper {
	min-height: calc(100vh - 182px);
}

/* enable sticky footer effect in tablet & desktop */
@media only screen and (min-width: 768px) {
	div#wrapper {
		min-height: calc(100vh - 112px);
	}
}

/* footer {
	display: block !important;
} */

.tmp-main-content .tmp-section h3,
.tmp-main-content .entitylist h3 {
	padding-left: 0;
	background-image: none;
	filter: none;
}


/* Profile section */
.tmp-profile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.tmp-profile-img {
	/* float: left; */
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background-color: #eee;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
	margin: 2px auto 6px auto;
	/* background: url('/profile_tmp-trainees.svg') no-repeat; */
}

.tmp-profile-img-fellow {
	/* background: url('/profile_tmp-supervisors.svg') no-repeat; */
	background: #004987 url("/profile_tmp-user-sprite.svg") no-repeat -1px -163px;
}

.tmp-profile-img-trainee {
	/* background: url('/profile_tmp-trainees.svg') no-repeat; */
	background: #004987 url("/profile_tmp-user-sprite.svg") no-repeat -1px 0px;
}

.note-text,
.tmp-section-profile-text {
	font-size: 13px;
	font-weight: 400;
	padding: 0 15px;
	color: #111;
}

@media only screen and (min-width: 992px) {
	.tmp-section-profile {
		margin-top: 56px;
	}

	.tmp-profile {
		display: flex;
		flex-direction: row;
		justify-content: end;
		text-align: left;
	}

	.tmp-profile-img {
		text-align: left;
		margin: 2px 4px 15px 0;
	}
}

.tmp-section-profile-text span,
.tmp-section-profile-text div {
	white-space: nowrap;
}

.tmp-section-profile-text #userHospital {
	white-space: normal;
}

.tmp-section-profile-text #userFullName {
	font-weight: 600;
}

.tmp-section-profile-text #userRole {
	font-weight: 400;
}

.tmp-section-profile-text #userRole::before {
	content: " | ";
}

.tmp-main-content .highlight a.btn,
.tmp-main-content .tmp-section-profile a.btn,
.tmp-main-content .tmp-section-profile-trainee a.btn {
	padding-top: 8px;
	margin-top: 2px;
}

/* .tmp-section-profile + .page-copy + .tmp-section-profile-trainee {
	margin-top: -20px;
} */

.row .highlight,
.tmp-section .highlight {
	padding: 13px;
	background-color: #f4f4f4;
}

.tmp-requirement-form .highlight {
	margin-bottom: 15px;
}

.tmp-section #traineeFullName {
	display: block;
	font-size: 15px;
	font-weight: 600;
}

.tmp-profile-trainee {
	float: left;
	width: 44px;
	height: 44px;
	background: #004987 url("/profile_tmp-user-sprite.svg") no-repeat 0px 0px;
	border-radius: 50%;
	margin-right: 12px;
	margin-top: -2px;
}

.tmp-icon-msf {
	float: left;
	width: 44px;
	height: 44px;
	background: #004987 url("/profile_tmp-user-sprite.svg") no-repeat 0px -540px;
	border-radius: 50%;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 60px;
}

.btn-profile-change {}

/* END Profile section */

/* 
.custom-btn {
	border-radius: 25px !important;
} */

.loaderHospitals {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #004987;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	/* Safari */
	animation: spin 2s linear infinite;
	position: fixed;
	top: 50%;
	left: 50%;
}


/* Datatable styling */
table.dataTable tbody td {}

.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td,
fieldset table.table.table-responsive thead th,
table.table.table-responsive thead th {
	padding: 8px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	font-weight: 400;
	color: #111;
}

table.dataTable tbody td a {
	cursor: pointer;
}

table.dataTable tbody td a:hover,
table.dataTable tbody td a:focus {
	text-decoration: none;
}

table.dataTable.no-footer {
	border-bottom: 1px solid #ddd !important;
}

@media only screen and (max-width: 767px) {
	.table-responsive {
		border: 0;
	}
}

.dataTables_wrapper {
	font-size: inherit;
}

table#tblTraineeRotations_Supervisor,
table#tblTraineeResearches_Supervisor {
	width: 100% !important;
}

table#tblTraineeRotations_Supervisor th,
table#tblTraineeRotations_Supervisor th {
	width: auto !important;
}

/* END Datatable styling */


/* Datatable Paginate styling */
.tmp-section .dataTables_wrapper .dataTables_paginate {
	float: left;
	text-align: left;
	padding-top: 21px;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
	height: 32px;
	width: 32px;
	max-width: 32px;
	padding: 6px 12px;
	font-size: 12px;
	margin-left: 0;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #666 !important;
	background: none !important;
	background-color: #fff !important;
	border: 1px solid transparent;
	border-radius: 0;
}

.tmp-section .dataTables_wrapper .dataTables_paginate span .paginate_button {
	top: -12px;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #333 !important;
	border: 1px solid transparent;
	background: none !important;
	background-color: #fff !important;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	color: #fff !important;
	border: 0;
	background: none !important;
	background-color: #004987 !important;
	cursor: default;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	background: none;
	border: 0;
	background-color: #00284a !important;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.next,
.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.next::before {
	content: ">";
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	width: 32px;
	background-color: #fff;
	height: 32px;
	padding: 6px 12px;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
	content: "<";
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	width: 32px;
	background-color: #fff;
	height: 32px;
	padding: 6px 12px;
}

.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled::before,
.tmp-section .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled::before {
	cursor: not-allowed;
}

/* END Datatable Paginate styling */


/* General CSS */
@media only screen and (min-width: 992px) {
	table.table td div.dropdown.action button.btn-default {
		height: 32px;
		width: 32px;
	}
}

html[dir=ltr] .crmEntityFormView .cell .field-label-to-heading {
	display: inline-block;
	float: none;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0;
	padding-bottom: 0;
}

.table-responsive {
	overflow-x: inherit;
}

.label-important {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	background-color: #E8F1F9;
	color: #111;
}

.label-supervisor {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	background-color: #ebf9e8;
	color: #111;
}

.label-trainer {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	background-color: #f0e8f9;
	color: #111;
}

.tmp-main-content .tmp-section h3 {
	/* font-size: 17px; */
	filter: none !important;
	padding-left: 0 !important;
}

.tmp-main-content .tmp-section h4 {
	margin-top: 30px;
}

.tmp-main-content .tmp-section h4 .label {
	padding: 2px 6px 4px 6px;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: #111;
	filter: none;
}

.tmp-main-content .tmp-section h4 .label+.label {
	border-radius: 0 0.25em 0.25em 0;
	margin-left: -5px;
}

.label-due-by-rotation {
	background-color: #C2E1FC;
}

.label-due-by-set {
	background-color: #F8D5AC;
}

.label-due-later {
	background-color: #ddd;
}

.label-excellence {
	display: inline-block;
	padding: 4px 8px;
	background-color: #CEFADD;
}

.label-development {
	display: inline-block;
	padding: 4px 8px;
	background-color: #F8D5AC;
}

.label-excellence label,
.label-development label {
	padding-bottom: 0;
}

.tmp-main-content .tmp-section.tmp-section-helptext,
.tmp-main-content .tmp-section-helptext {
	margin-bottom: 0;
}

.tmp-section-helptext+fieldset {
	margin-top: 20px;
}

/* .control >  */
.tmp-section-helptext {
	margin-top: 8px;
}

.tmp-section-helptext p,
.tmp-section-helptext li {
	font-size: 13px;
	color: #666;
	margin: 0;
	white-space: normal;
}

.tmp-section-helptext li {
	margin-left: 45px;
}

.tmp-section-helptext p strong {
	font-weight: 600;
}

.tmp-section-helptext a span.fa {
	text-decoration: none;
}

.tmp-section-helptext h2 {
	font-size: 26px;
	margin-top: 5px;
}

.req-rotation {
	background-color: #87cefa;
	border-radius: 3px;
	color: #000000;
	padding: 4px 8px;
	font-weight: 700;
	font-size: 10px;
}

.req-set {
	background-color: #ffcc99;
	border-radius: 3px;
	color: #000000;
	padding: 4px 8px;
	font-weight: 700;
	font-size: 10px;
}

.req-others {
	background-color: #d3d3d3;
	border-radius: 3px;
	color: #000000;
	padding: 4px 8px;
	font-weight: 700;
	font-size: 10px;
}


/* Style the contents of the Assign Trainer iFrame 
	jQuery CSS addClass .body-assign-trainer, .iframe-assign-trainer 
	in TMP MHR Trainee Progress Record Template web template
*/
.body-assign-trainer {
	height: auto;
}

.iframe-assign-trainer form#content_form {
	margin: 0;
}

.iframe-assign-trainer .crmEntityFormView .actions {
	margin: 0;
}

html[dir=ltr] .iframe-assign-trainer .crmEntityFormView .cell .field-label {
	float: none;
	display: block;
}

.iframe-assign-trainer .crmEntityFormView .cell .field-label .control {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
	.iframe-assign-trainer #racs_traineeprogress_name {
		width: 90vw !important;
	}
}

div.modal-header>button.form-close {
	position: absolute;
	top: 13px !important;
	right: 15px;
	height: 36px;
	width: 36px;
	cursor: pointer;
	font-size: 30px;
	font-weight: 500;
	color: #666;
}

div.modal-header>button.form-close:hover {
	opacity: 1;
	color: #111;
}

/* Level of entrustment label colors */
span.label-level-of-entrustment {
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	background-color: transparent;
	color: #111;
}

span.label-level-of-entrustment a {
	color: #00284a;
}

span.label-level-of-entrustment a:hover {
	color: #00284a;
	text-decoration: none;
}

span.label-level-of-entrustment>span.label-level-of-entrustment,
span.label-level-of-entrustment:hover>span.label-level-of-entrustment {
	padding: 0;
	background-color: transparent;
}

td[title^='1'] span.label.label-level-of-entrustment,
td[aria-label="1. Direct Guidance"] span.label.label-level-of-entrustment {
	background-color: #f7be78;
}

td[aria-label="1. Direct Guidance"] span.label.label-level-of-entrustment:hover {
	background-color: #fccd95;
}

td[title^='2'] span.label.label-level-of-entrustment,
td[aria-label="2. Monitoring and supervision"] span.label.label-level-of-entrustment {
	background-color: #f8df7a;
}

td[aria-label="2. Monitoring and supervision"] span.label.label-level-of-entrustment:hover {
	background-color: #f8e59b;
}

td[title^='3'] span.label.label-level-of-entrustment,
td[aria-label="3. Minimal or no supervision"] span.label.label-level-of-entrustment {
	background-color: #e5f195;
}

td[aria-label="3. Minimal or no supervision"] span.label.label-level-of-entrustment:hover {
	background-color: #f0f8ba;
}

td[title^='4'] span.label.label-level-of-entrustment,
td[aria-label="4. Safe and competent"] span.label.label-level-of-entrustment {
	background-color: #8cf08e;
}

td[aria-label="4. Safe and competent"] span.label.label-level-of-entrustment:hover {
	background-color: #aff7b0;
}

td[title^='5'] span.label.label-level-of-entrustment,
td[aria-label="5. Supervise others"] span.label.label-level-of-entrustment {
	background-color: #76dbb1;
}

td[aria-label="5. Supervise others"] span.label.label-level-of-entrustment:hover {
	background-color: #93e2c1;
}
/* END Level of entrustment label colors */


/* mimic an alert-warning */
table.dataTable tbody td.dataTables_empty {
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #faebcc;
	border: 1px solid #f5d99e;
	font-size: 13px;
	color: #000;
}

/* fix the double icon in Launch lookup modal */
div.input-group-btn button .fa,
.subscription-jdocs div.input-group-btn button .fa,
.exemption div.entitylist-search button .fa,
.support div.entitylist-search button .fa,
.support div.case-deflection button.search-apply .fa,
div.events-search form div.input-group-btn a.events-search-remove .fa,
div.events-search form div.input-group-btn button.btn-default .fa,
#EntityFormControl_EntityFormView div.input-group-btn button.btn-default .fa {
	/* top: -4px; */
	font-size: 0px;
}

/* MSF Accordion open close icon */
#msfmaindiv fieldset .accordion-toggle {
	padding: 10px 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}

#msfmaindiv fieldset .accordion-toggle::after {
	position: relative;
	top: 0px;
	right: 6px;
	margin-top: -48px;
	float: right;
	font-family: "Glyphicons Halflings";
	font-size: 14px;
	color: #111;
	content: "\e259";
	/*down*/
}

#msfmaindiv fieldset .accordion-toggle[aria-expanded=false]::after {
	content: "\e257";
	/*left*/
}

#msfmaindiv fieldset .accordion-toggle[aria-expanded=true]::after {
	content: "\e259";
	/*down*/
}

#msfmaindiv fieldset .accordion-toggle.collapsed::after {
	content: "\e257";
	/*left*/
}

#msfmaindiv fieldset .accordion-toggle legend.section-title {
	filter: none !important;
	padding-left: 0;
	background-image: none;
}

@media only screen and (max-width: 767px) {
	#msfmaindiv fieldset .accordion-toggle legend.section-title {
		padding-left: 10px;
	}
}

#msfmaindiv fieldset .accordion-toggle {
	text-decoration: none;
}

#msfmaindiv fieldset .accordion-toggle legend.section-title h3 {
	margin: 10px 0 15px;
	padding-bottom: 10px;
	font-size: 18px;
	color: #111;
	font-weight: 600;
	text-decoration: none;
	border-bottom: 0;
	filter: none;
	border-bottom: 2px solid #ddd;
}

.btn-group-sm>.btn,
.btn-sm {
	padding: 6px 10px 5px 10px !important;
	font-size: 12px !important;
	height: 30px !important;
}

/* Case Notes styles including TMP MHR Case Notes Edit Form (displays in iFrame therefore global CSS required) */
.tmp-section-casenotes .btn.btn-link {
	padding: 2px 15px;
	font-size: 15px;
	line-height: 1;
	font-weight: normal;
	text-transform: unset;
	text-decoration: none;
	letter-spacing: 0;
}

.tmp-section-casenotes .btn.btn-link:hover,
.tmp-section-casenotes .btn.btn-link:focus {
	text-decoration: underline;
}

form[action*='Edit-case-notes'] .tab-title {
	display: none;
}

form[action*='Edit-case-notes'] .crmEntityFormView table.section td {
	width: calc(100vw - 1em);
	vertical-align: top;
}

form[action*='Edit-case-notes'] .crmEntityFormView .actions {
	text-align: right;
}

form[action*='Edit-case-notes'] .crmEntityFormView .actions input.btn {
	float: none;
}

form[action*='Edit-case-notes'] .crmEntityFormView .cell input[type=text],
form[action*='Edit-case-notes'] input[type=text],
form[action*='Edit-case-notes'] .crmEntityFormView .form-control,
form[action*='Edit-case-notes'] .crmEntityFormView .readonly {
	width: 100%;
	border: 0;
	padding: 10px 0;
}

form[action*='Edit-case-notes'] .crmEntityFormView .form-control[disabled] {
	background-color: transparent;
}

form[action*='Edit-case-notes'] .crmEntityFormView textarea.textarea {
	height: auto;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	padding: 10px;
}

form[action*='Edit-case-notes'] .crmEntityFormView .cell {
	padding: 0 15px 20px 0;
}

form[action*='Edit-case-notes'] .crmEntityFormView .validators span {
	display: none;
}

form[action*='Edit-case-notes'] .crmEntityFormView .zero-cell,
form[action*='Edit-case-notes'] .crmEntityFormView td:empty {
	padding: 0;
}

/* form[action*='Edit-case-notes'] .crmEntityFormView .input-group .input-group-btn {
	display: none;
} */

form[action*='Edit-case-notes'] .crmEntityFormView .status-cell .control span.status {
	font-size: 15px;
	font-weight: 300;
}

form[action*='Edit-case-notes'] #MessagePanel .close {
	float: right;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
	color: #000;
	text-shadow: none;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: -2px;
}

@media only screen and (max-width: 480px) {
	#tblTrainees_Supervisor {
		margin-top: 0;
	}

	form[action*='Edit-case-notes'] .crmEntityFormView table.section {
		width: 100%;
	}

	form[action*='Edit-case-notes'] .crmEntityFormView .cell,
	form[action*='Edit-case-notes'] .crmEntityFormView .form-control,
	form[action*='Edit-case-notes'] .crmEntityFormView .readonly,
	form[action*='Edit-case-notes'] .crmEntityFormView .status-cell .control span.status {
		display: flex;
		flex-direction: column;
		width: calc(100vw - 30px);
	}

	form[action*='Edit-case-notes'] .crmEntityFormView .input-group .form-control,
	form[action*='Edit-case-notes'] .crmEntityFormView .input-group .readonly {
		width: calc(100vw - 72px);
	}
}

/* END Case Notes styles */

/* Additional status colours */
.tmp-rowcolor {
	background-color: #fff;
}

.tmp-rowcolor td {
	border-top: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.table-fluid .tmp-rowcolor td[data-th=Status] {
	position: relative;
	padding-left: 2rem !important;
	padding-right: 0;
	background-image: none;
}

.table-fluid .tmp-rowcolor td[data-th=Status]::before {
	width: unset;
	margin-left: unset;
	padding-right: unset;
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -20px;
}

@media only screen and (min-width: 640px) {
	.tmp-rowcolor td[data-th=Status] {
		background-position: 0px 10px;
	}
}

@media only screen and (max-width: 767px) {
	.table-fluid .tmp-rowcolor td[data-th=Status] {
		padding-left: 3.3rem !important;
	}
	.table-fluid .tmp-rowcolor td[data-th=Status]::before {
		left: 9px !important;
	}
}

/* Not Started */
.tmp-rowcolor-not-started {
	background-color: #fff; /* white */
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-not-started td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-not-started td[data-th=Status]::before {
	background-position-y: 0px;
}

/* Draft */
.tmp-rowcolor-draft {
	background-color: #FFF7EA !important; /* Yellow */
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-draft td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-draft td[data-th=Status]::before {
	background-position-y: -20px;
}

/* Submitted to Assessor */
.tmp-rowcolor-submittedtoassessor {
	background-color: #DFF0FF !important; /* blue */
}
.tmp-rowcolor-submittedtoassessor td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-submittedtoassessor td[data-th=Status]::before {
	background-position-y: -80px;
}

/* Under Assessor Review */
.tmp-rowcolor-underassessorreview {
	background-color: #DFF0FF !important; /* blue */
}
.tmp-rowcolor-underassessorreview td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-underassessorreview td[data-th=Status]::before {
	background-position-y: -60px;
}

/* Rejected By Supervisor */
.tmp-rowcolor-rejectedbysupervisor {
	background-color: #FFF0F0 !important; /* red */
}
.tmp-rowcolor-rejectedbysupervisor td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-rejectedbysupervisor td[data-th=Status]::before {
	background-position-y: -140px;
}

/* Submitted to STB */
.tmp-rowcolor-submittedtostb {
	background-color: #DFF0FF !important; /* blue */
}
.tmp-rowcolor-submittedtostb td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-submittedtostb td[data-th=Status]::before {
	background-position-y: -80px;
}

/* Under STB Review */
.tmp-rowcolor-understbreview {
	background-color: #DFF0FF !important; /* blue */
}
.tmp-rowcolor-understbreview td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-understbreview td[data-th=Status]::before {
	background-position-y: -60px;
}

/* Approved by STB */
.tmp-rowcolor-approvedbystb {
	background-color: #EAFFFB !important; /* green */
}
.tmp-rowcolor-approvedbystb td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-approvedbystb td[data-th=Status]::before {
	background-position-y: -100px;
}

/* Rejected by STB */
.tmp-rowcolor-rejectedbystb {
	background-color: #FFF0F0 !important; /* red */
}
.tmp-rowcolor-rejectedbystb td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-rejectedbystb td[data-th=Status]::before {
	background-position-y: -140px;
}

/* Completed */
.tmp-rowcolor-completed {
	background-color: #EAFFF6; /* green */
}
.tmp-rowcolor-completed td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-completed td[data-th=Status]::before {
	background-position-y: -100px;
}

/* Pending */
.tmp-rowcolor-pending {
	background-color: #f4f4f4; /* grey */
}
.tmp-rowcolor-pending td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-pending td[data-th=Status]::before {
	background-position-y: -40px;
}

/* Exempt-RPL */
.tmp-rowcolor-exempt-rpl {
	background-color: #ECECFF !important; /* purple */
}
.tmp-rowcolor-exempt-rpl td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-exempt-rpl td[data-th=Status]::before {
	background-position-y: -120px;
}

/* Exempt-Waived */
.tmp-rowcolor-exempt-waived {
	background-color: #ECECFF !important; /* purple */
}
.tmp-rowcolor-exempt-waived td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-exempt-waived td[data-th=Status]::before {
	background-position-y: -120px;
}

/* Exempt-Credit */
.tmp-rowcolor-exempt-credit {
	background-color: #ECECFF !important; /* purple */
}
.tmp-rowcolor-exempt-credit td[data-th=Status] {
	background-image: none;
}
.table-fluid .tmp-rowcolor.tmp-rowcolor-exempt-credit td[data-th=Status]::before {
	background-position-y: -120px;
}
/* END Table Row Status Colours */


/* DataTable Status Colours */
/* In-Progress */
table.dataTable tr.statuscolour-in-progress {
	background-color: #FFF7EA; /* yellow */
}
table.dataTable tr.statuscolour-in-progress td[title="In-Progress"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-in-progress td[title="In-Progress"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -20px;
}

/* Not Started */
table.dataTable tr.statuscolour-not-started {
	background-color: #fff; /* white */
}
table.dataTable tr.statuscolour-not-started td[title="Not Started"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-not-started td[title="Not Started"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: 0px;
}

/* Submitted to STB */
table.dataTable tr.statuscolour-submitted-to-stb {
	background-color: #DFF0FF; /* blue */
}
table.dataTable tr.statuscolour-submitted-to-stb td[title="Submitted to STB"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-submitted-to-stb td[title="Submitted to STB"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -80px;
}

/* Under STB Review */
table.dataTable tr.statuscolour-under-stb-review {
	background-color: #DFF0FF; /* blue */
}
table.dataTable tr.statuscolour-under-stb-review td[title="Under STB Review"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-under-stb-review td[title="Under STB Review"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -60px;
}

/* Submitted to Assessor */
table.dataTable tr.statuscolour-submitted-to-assessor {
	background-color: #DFF0FF; /* blue */
}
table.dataTable tr.statuscolour-submitted-to-assessor td[title="Submitted to Assessor"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-submitted-to-assessor td[title="Submitted to Assessor"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -80px;
}

/* Approved by STB */
table.dataTable tr.statuscolour-approved-by-stb {
	background-color: #EAFFFB; /* green */
}
table.dataTable tr.statuscolour-approved-by-stb td[title="Approved by STB"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-approved-by-stb td[title="Approved by STB"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -100px;
}

/* Rejected by STB */
table.dataTable tr.statuscolour-rejected-by-stb {
	background-color: #FFF0F0; /* red */
}
table.dataTable tr.statuscolour-rejected-by-stb td[title="Rejected by STB"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-rejected-by-stb td[title="Rejected by STB"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -140px;
}

/* Under Assessor Review */
table.dataTable tr.statuscolour-under-assessor-review {
	background-color: #DFF0FF; /* blue */
}
table.dataTable tr.statuscolour-under-assessor-review td[title="Under Assessor Review"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-under-assessor-review td[title="Under Assessor Review"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -60px;
}

/* Completed */
table.dataTable tr.statuscolour-completed {
	background-color: #EAFFFB; /* green */
}
table.dataTable tr.statuscolour-completed td[title="Completed"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-completed td[title="Completed"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -100px;
}

/* Rejected by Supervisor */
table.dataTable tr.statuscolour-rejected-by-supervsior {
	background-color: #FFF0F0; /* red */
}
table.dataTable tr.statuscolour-rejected-by-supervsior td[title="Rejected by Supervisor"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-rejected-by-supervsior td[title="Rejected by Supervisor"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -140px;
}

/* Draft */
table.dataTable tr.statuscolour-draft {
	background-color: #FFF7EA; /* yellow */
}
table.dataTable tr.statuscolour-draft td[title="Draft"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-draft td[title="Draft"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -20px;
}

/* Pending */
table.dataTable tr.statuscolour-pending {
	background-color: #f4f4f4; /* grey */
}
table.dataTable tr.statuscolour-pending td[title="Pending"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-pending td[title="Pending"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -40px;
}

/* Exempt-RPL */
table.dataTable tr.statuscolour-exempt-rpl {
	background-color: #ECECFF; /* purple */
}
table.dataTable tr.statuscolour-exempt-rpl td[title="Exempt-RPL"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-exempt-rpl td[title="Exempt-RPL"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -120px;
}

/* Exempt-Waived */
table.dataTable tr.statuscolour-exempt-waived {
	background-color: #ECECFF; /* purple */
}
table.dataTable tr.statuscolour-exempt-waived td[title="Exempt-Waived"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-exempt-waived td[title="Exempt-Waived"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -120px;
}

/* Exempt-Credit */
table.dataTable tr.statuscolour-exempt-credit {
	background-color: #ECECFF; /* purple */
}
table.dataTable tr.statuscolour-exempt-credit td[title="Exempt-Credit"] {
	position: relative;
	padding-left: 2rem;
	padding-right: 0;
}
table.dataTable tr.statuscolour-exempt-credit td[title="Exempt-Credit"]::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 9px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
	background-position-y: -120px;
}
/* END DataTable Status Colour */


/* Requirement Status Form Fields Colouring */
.status-cell .control span.status {
	display: block;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d5d5d5;
	cursor: not-allowed;
	position: relative;
	padding-left: 28px;
	padding-right: 0;
}
.status-cell .control span.status::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 7px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("/sprite-statuscolour.svg") no-repeat;
}

/* In-Progress */
.status-cell .control span.status.status-in-progress {
	background-color: #FFF7EA;
	border-color: #d5c9b6;
	background-image: none;
}
.status-cell .control span.status.status-in-progress::before {
	background-position-y: -20px;
}

/* Not Started */
.status-cell .control span.status.status-not-started {
	background-color: #fff; /* white */
	border-color: #d5d5d5;
	background-image: none;
}
.status-cell .control span.status.status-not-started::before {
	background-position-y: 0px;
}

/* Submitted to STB */
.status-cell .control span.status.status-submittedtostb {
	background-color: #DFF0FF; /* blue */
	border-color: #BED7EC;
	background-image: none;
}
.status-cell .control span.status.status-submittedtostb::before {
	background-position-y: -80px;
}

/* Under STB Review */
.status-cell .control span.status.status-understbreview {
	background-color: #DFF0FF; /* blue */
	border-color: #BED7EC;
	background-image: none;
}
.status-cell .control span.status.status-understbreview::before {
	background-position-y: -60px;
}

/* Approved by STB */
.status-cell .control span.status.status-approvedbystb {
	background-color: #EAFFFB; /* green */
	border-color: #bcd9cd;
	background-image: none;
}
.status-cell .control span.status.status-approvedbystb::before {
	background-position-y: -100px;
}

/* Rejected by STB */
.status-cell .control span.status.status-rejectedbystb {
	background-color: #FFF0F0; /* red */
	border-color: #dbbebe;
	background-image: none;
}
.status-cell .control span.status.status-rejectedbystb::before {
	background-position-y: -140px;
}

/* Submitted to Assessor */
.status-cell .control span.status.status-submittedtoassessor {
	background-color: #DFF0FF; /* blue */
	border-color: #BED7EC;
	background-image: none;
}
.status-cell .control span.status.status-submittedtoassessor::before {
	background-position-y: -80px;
}

/* Under Assessor Review */
.status-cell .control span.status.status-underassessorreview {
	background-color: #DFF0FF; /* blue */
	border-color: #BED7EC;
	background-image: none;
}
.status-cell .control span.status.status-underassessorreview::before {
	background-position-y: -60px;
}

/* Completed */
.status-cell .control span.status.status-completed {
	background-color: #EAFFFB; /* green */
	border-color: #bcd9cd;
	background-image: none;
}
.status-cell .control span.status.status-completed::before {
	background-position-y: -100px;
}

/* Rejected by Supervisor */
.status-cell .control span.status.status-rejectedbysupervisor {
	background-color: #FFF0F0; /* red */
	border-color: #dbbebe;
	background-image: none;
}
.status-cell .control span.status.status-rejectedbysupervisor::before {
	background-position-y: -140px;
}

/* Draft */
.status-cell .control span.status.status-draft {
	background-color: #FFF7EA;
	border-color: #d5c9b6;
	background-image: none;
}
.status-cell .control span.status.status-draft::before {
	background-position-y: -20px;
}

/* Pending */
.status-cell .control span.status.status-pending {
	background-color: #f4f4f4 !important; /* grey */
	border-color: #d5d5d5 !important;
	background-image: none !important;
}
.status-cell .control span.status.status-pending::before {
	background-position-y: -40px;
}

/* Exempt-RPL */
.status-cell .control span.status.status-exempt-rpl {
	background-color: #ECECFF; /* purple */
	border-color: #D3D3ED;
	background-image: none;
}
.status-cell .control span.status.status-exempt-rpl::before {
	background-position-y: -120px;
}

/* Exempt-Waived */
.status-cell .control span.status.status-exempt-waived {
	background-color: #ECECFF; /* purple */
	border-color: #D3D3ED;
	background-image: none;
}
.status-cell .control span.status.status-exempt-waived::before {
	background-position-y: -120px;
}

/* Exempt-Credit */
.status-cell .control span.status.status-exempt-credit {
	background-color: #ECECFF; /* purple */
	border-color: #D3D3ED;
	background-image: none;
}
.status-cell .control span.status.status-exempt-credit::before {
	background-position-y: -120px;
}

/* Rotation Completed */
.status-cell .control span.status.status-completed {
	background-color: #EAFFFB; /* green */
	border-color: #bcd9cd;
	background-image: none;
}
.status-cell .control span.status.status-completed::before {
	background-position-y: -100px;
}
/* END Requirement Status Form Fields Colouring */

.alert-info {
	border-color: #8fc4cf;
}