/*

    Too change the basic colour scheme do a global find and replace 
    using the the text below from the # to the final / as the search term
    and an identical replace term with only the 6 hex chanracter changed to the desired values
    
*/

/*    Light Background Colour     White/*   Light Background Colour*/
/*    Light Background Colour    #E0EBF4/*   Old Light Background Colour*/
/*    Medium Border Colour       #679EC9;/*   Medium Border Colour*/

.Grid {
	border: solid 1px var(--DarkBlue); /*   Medium Border Colour*/
	border-bottom-width: 2px;
	background-color: var(--LightBackgroundColour) /*   Light Background Colour*/;
	cursor: default;
}

.BorderlessGrid {
	border: none;
	background-color: var(--LightBackgroundColour) /*   Light Background Colour*/;
	cursor: default;
}


.ListManagerGrid {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px var(--DarkBlue); /*   Medium Border Colour*/
	background-color: var(--LightBackgroundColour) /*   Light Background Colour*/;
	cursor: default;
}

.ListManagerGridNoBackground {
	border: solid 1px #bdbed4;
	border-bottom-width: 2px;
	background-color: none;
	cursor: default;
}

.RCMultiValuePropertyGrid {
	border: solid 1px #7F9DB9;
	background-color: var(--MainBackgroundColour);
	cursor: default;
	margin-bottom: 1px;
}

.AccGridHeader {
	background-color: var(--DarkBackgroundColour);
	border-bottom: solid 1px #679EC9; /*   Medium Border Colour*/
	height: 28px;
	padding-left: 3px;
	color: var(--MainBackgroundColour);
	font-weight: bold;
	vertical-align: middle;
}

.GridHeader {
	background-color: var(--DarkBackgroundColour); /*   Dark Background Colour*/
	border-bottom: solid 1px #679EC9; /*   Medium Border Colour*/
	height: 28px;
	padding-left: 3px;
	color: var(--MainBackgroundColour);
	font-weight: bold;
	vertical-align: middle;
}

.GridHeaderText {
	color: var(--MainBackgroundColour);
	margin-right: 10px;
}

.LMGridFooter {
	padding: 5px;
	vertical-align: bottom;
}

.GridFooter {
	padding: 5px;
	height: 48px;
	vertical-align: bottom;
}

.GridFooterSmall {
	padding: 5px;
	height: 30px;
	vertical-align: bottom;
}

.GridFooterText {
	color: var(--MainForeColour);
}

.HeadingRow {
	background-color: #E9E9EB;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
}

	.HeadingRow div {
		position: relative;
		padding-right: 10px;
	}

.HeadingCell {
	background-color: #E9E9EB;
	padding: 5px 0px 5px 5px;
}

.HeadingCell_Double {
	background-color: #E9E9EB;
	padding: 5px 0px 5px 5px;
}

.HeadingCell_Report {
	background-color: #E9E9EB;
	padding: 0px 5px 0px 5px;
}

.HeadingCellHover {
	background-color: #F6F6F7;
	cursor: e-resize;
}

	.HeadingCellHover div {
		cursor: pointer !important;
	}

.HeadingCellActive {
	background-color: #F6F6F7;
}

.HeadingRow td.FirstHeadingCell {
	background-color: #E0DFE3;
}

.HeadingCellText {
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.SortedDataCell {
	background-color: #F5F5F5;
}

.GroupHeading {
	color: #706F91;
	background-color: #679EC9; /*   Medium Border Colour*/
	font-weight: bold;
	border-bottom: solid 2px #A5A4BD;
	padding-top: 10px;
	padding-bottom: 3px;
	cursor: default;
}

.GroupByCell {
	cursor: pointer;
}

.GroupByText {
	color: var(--MainBackgroundColour);
	font-weight: bold;
	padding-right: 5px;
}

.SliderPopup {
	background-color: #FFF4D7;
	border: solid 1px #4B4B6F;
	border-top-color: #9495A2;
	border-left-color: #9495A2;
	width: 150px;
	height: 30px;
}

.MSHeadingRow {
	background-color: #E9E9EB;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 7px;
	font-weight: bold;
	text-align: left;
	height: 24px;
}

.MSHeadingRowDoubleHeight {
	background-color: #E9E9EB;
	padding: 3px;
	padding-top: 5px;
	padding-bottom: 7px;
	font-weight: bold;
	text-align: left;
	height: 24px;
}

.MSRow {
	background-color: var(--MainBackgroundColour);
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	height: 20px;
}

	.MSRow td {
		border-bottom: solid 1px #EAE9E1;
	}

.Profile1 {
	background-color: #FF8080;
}

.Profile2 {
	background-color: #8080FF;
}

.Profile3 {
	background-color: #80FF80;
}

.Profile4 {
	background-color: #80FFFF;
}

.Profile5 {
	background-color: #FF80FF;
}

.MSSelectedRow {
	background-color: var(--Yellow);
	padding: 2px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: solid 1px #4B4B6F;
	border-top: solid 1px #4B4B6F;
	border-right: none;
	height: 20px;
}

	.MSSelectedRow td {
		border-bottom: solid 1px #4B4B6F;
		border-top: solid 1px #4B4B6F;
	}

.Row {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 2px 3px 1px 3px;
	line-height: 20px;
}

.ListManagerRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.RedRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 20px;
	color: var(--SoftRed);
}

.GreyRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 20px;
	color: GrayText;
}

.BlueRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 20px;
	color: blue;
}

.GreenRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 20px;
	color: green;
}

.DeletedRow {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	line-height: 20px;
	color: GrayText;
	text-decoration: line-through;
}

.Row_SWOT {
	cursor: pointer;
	height: 15px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
	border-style: none;
}

.Row_Report {
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
	height: 20px;
	padding: 3px;
	padding-top: 2px;
	padding-bottom: 1px;
}

	.Row_Report td.DataCell {
		border-bottom: solid 1px #EAE9E1;
		border-right: solid 1px #EAE9E1;
	}

.Row td.DataCell {
	border-bottom: solid 1px #EAE9E1;
}

.RCMultiValuePropertyRow {
	background-color: var(--MainBackgroundColour);
}

	.RCMultiValuePropertyRow td {
		border-bottom: solid 1px #EAE9E1;
		padding-left: 2px;
	}

.RCMultiValuePropertyRowBinleys {
	background-color: var(--LightBlue);
}

	.RCMultiValuePropertyRowBinleys td {
		border-bottom: solid 1px #EAE9E1;
		padding-left: 2px;
	}

.cfRow_LessThanOneMonth,
.cfRow_LessThanTwoMonths,
.cfRow_MoreThanTwoMonths,
.cfRow_LessThanOneMonth_Key,
.cfRow_LessThanTwoMonths_Key,
.cfRow_MoreThanTwoMonths_Key {
	color: black;
}

.cfRow_LessThanOneMonth {
	background-color: var(--Green_o75);
}

.cfRow_LessThanTwoMonths {
	background-color: var(--LightBlue_o75);
}

.cfRow_MoreThanTwoMonths {
	background-color: var(--SoftRed_o75);
}

.cfRow_LessThanOneMonth_Key {
	background-color: var(--Green_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}

.cfRow_LessThanTwoMonths_Key {
	background-color: var(--LightBlue_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}

.cfRow_MoreThanTwoMonths_Key {
	background-color: var(--SoftRed_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}

.cfRow_MeetingCreated {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #BFF7F3;
}

.cfRow_MeetingWithdrawn {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #D9FBF8;
}

.cfRow_MeetingSubmitted {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F7F9D5;
}

.cfRow_MeetingClosed {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #AEA8F5;
}

.cfRow_MeetingPartiallyAuthorised {
	border: 2px solid white;
	background-color: #F7F9D5;
	font-style: italic;
}

.cfRow_MeetingAuthorised {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #ADED76;
}

.cfRow_MeetingDeclined {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F5B2B2;
}

.cfRow_MeetingReOpened {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #E2FFCA;
}

.cfRow_MeetingOverBudget {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #FD7575;
}


.cfRow_MeetingCreated_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #BFF7F3;
	text-align: center;
}

.cfRow_MeetingWithDrawn_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #D9FBF8;
	text-align: center;
}

.cfRow_MeetingSubmitted_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F7F9D5;
	text-align: center;
}

.cfRow_MeetingClosed_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #AEA8F5;
	text-align: center;
}

.cfRow_MeetingPartiallyAuthorised_key {
	border: 2px solid white;
	background-color: #F7F9D5;
	text-align: center;
	font-style: italic;
}

.cfRow_SelectedMeetingPartiallyAuthorised {
	border: 2px solid white;
	background-color: #FFEEC2 !important;
	text-align: center;
	font-style: italic;
}

.cfRow_MeetingAuthorised_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #ADED76;
	text-align: center;
}

.cfRow_MeetingDeclined_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F5B2B2;
	text-align: center;
}

.cfRow_MeetingReOpened_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #E2FFCA;
	text-align: center;
}

.cfRow_MeetingOverBudget_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #FD7575;
	text-align: center;
}

.MeetingLegendSelected {
	border: 2px solid var(--DarkBackgroundColour);
}

/* This must occur AFTER The conditional formatting classes!! */
.Row_SelectedRow {
	background-color: var(--Yellow) !important;
	padding-top: 1px;
	height: 19px;
	border: none;
	opacity: 0.75;
}

.ListManagerRow_SelectedRow {
	background-color: var(--Yellow);
}

.Row_SelectedRow_SWOT_Red {
	background-color: #F18371;
	padding-top: 1px;
}

.Row_Hover_SWOT_Red {
	background-color: #E7B2A9;
	padding-top: 1px;
}

.Row_Hover_SWOT_Blue {
	background-color: #8CACD0;
	padding-top: 1px;
}

.Row_SelectedRow_SWOT_Blue {
	background-color: #55A2F9;
	padding-top: 1px;
}

.Row_SelectedRow td.DataCell {
	border-bottom: solid 1px #EAE9E1;
	border-top: solid 1px #EAE9E1;
}

.ScrollBar {
	background-color: #D0D1DF;
}

.ScrollGrip {
	background-color: #CFCFDC;
}

.ScrollPopup {
	background-color: lightyellow;
	border: 1px solid var(--GridBorderColour);
	border-right-width: 2px;
	border-bottom-width: 2px;
	height: 23px;
	width: 100px;
}

.DashboardGrid {
	border: 1px solid #7C7C94;
	background-color: var(--MainBackgroundColour);
	cursor: pointer;
}

.DashboardHeadingRowGridView {
	background-color: #E9E9EB;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	text-align: left;
	height: 3px;
	line-height: 0px;
}

.DashboardHeadingRow {
	background-color: #E2E2E2;
}

.DashboardHeadingCell {
	background-color: #E2E2E2;
	border: 1px solid var(--MainBackgroundColour);
	border-right-color: #B5B5B5;
	border-bottom-color: #B5B5B5;
	padding: 0px;
	padding-left: 1px;
}

.DashboardHeadingCellText {
	font-family: var(--actis-font-family);
	font-size: small;
	font-weight: bold;
	text-align: left;
}

.DashboardRow {
	background-color: var(--MainBackgroundColour);
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	cursor: pointer;
	padding: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.DashboardSelectedRow {
	background-color: var(--Yellow);
	cursor: pointer;
	padding: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.ListManagerGrid td.DataCell {
	cursor: default;
	padding: 0px;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCell {
	cursor: default;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	font-family: var(--actis-font-family);
	font-size: small;
	padding: 0px 1px 0px 3px;
	margin: 0px 1px 0px 3px;
}

.DataCell_NoLines {
	cursor: default;
	padding: 3px;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCell_AS {
	cursor: default;
	padding: 0px 3px 0px 3px;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCell_BP {
	cursor: default;
	margin-left: 3px;
	margin-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCell_LM {
	cursor: default;
	padding: 0px 1px 0px 3px;
	margin: 0px 1px 0px 3px;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCell_SWOT {
	cursor: default;
	padding: 3px;
	border-style: none;
	font-family: var(--actis-font-family);
	font-size: small;
}

.DataCellRed {
	cursor: default;
	padding: 3px;
	border-right: 1px solid #EAE9E1;
	border-bottom: 1px solid #EAE9E1;
	background-color: var(--MainBackgroundColour);
	color: #FF0000;
	font-family: var(--actis-font-family);
	font-size: small;
	height: 20px;
}

.DataCellGreyed {
	background-color: #F8D7D2 !important;
}

.DataCellGreen {
	background-color: #C5FFC1 !important;
}

.DataRow td.FirstDataCell {
	padding-left: 3px;
}

.CellDrillDownHeading {
	white-space: nowrap;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 3px;
	vertical-align: middle;
}

.ListManager_Filter_Span {
	font-size: 12px;
	padding-right: 10px;
	display: inline-block;
	position: relative;
}

.ListManager_RefreshGrid {
	cursor: pointer;
	font-size: 22px;
}

.ListManager_RefreshGridOnly {
	margin-left: 5px;
	cursor: pointer;
	width: 23px;
	height: 22px;
	font-size: 22px;
	color: var(--MainForeColour);
}

.ListManager_Filter_Image {
	font-size: 22px;
	margin-right: 5px;
}

.ListManagerFilterDialogDiv {
	background-color: var(--MainBackgroundColour);
	padding: 15px;
}

.LMG_Filter_Span {
	padding-right: 10px;
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	top: -5px;
}

.LMG_Select {
	color: var(--MainBackgroundColour);
	font-size: 13px;
	padding-left: 4px;
	padding-right: 4px;
	background-color: var(--NewDarkBackgroundColour);
	position: relative;
	width: auto;
	min-width: 200px;
}

/* RadDropDownList Actis skin in Lightweight */

/* global */

.RadDropDownList_Actis {
	color: var(--MainBackgroundColour);
}

	/* styling the selection area of the RadDropDownList */

	.RadDropDownList_Actis .rddlInner {
		border-color: var(--NewDarkBackgroundColour);
		color: var(--MainBackgroundColour);
		background-color: var(--NewDarkBackgroundColour);
	}

	.RadDropDownList_Actis .rddlHovered,
	.RadDropDownList_Actis .rddlFocused {
		border-color: var(--MainBackgroundColour);
		color: var(--MainBackgroundColour);
		background-color: var(--background-hover);
	}

/* styling the drop-down of the RadDropDownList */

.rddlPopup_Actis {
	border-color: var(--NewDarkBackgroundColour);
	color: var(--NewDarkBackgroundColour);
	background-color: var(--MainBackgroundColour);
}

	.rddlPopup_Actis .rddlHeader,
	.rddlPopup_Actis .rddlFooter {
		border-color: #679EC9;
	}

	.rddlPopup_Actis .rddlItem {
		background-color: var(--DarkBlue);
		color: var(--MainBackgroundColour);
	}

	.rddlPopup_Actis .rddlItemHovered,
	.rddlPopup_Actis .rddlItemLoading {
		color: var(--MainBackgroundColour);
		background-color: var(--background-hover);
	}

.rddlList:not(:has(.rddlItemHovered)) .rddlItemSelected {
	color: var(--MainBackgroundColour);
	background-color: var(--background-hover);
}

div.RadGrid {
	border-color: #ccc;
	color: var(--DarkBlue);
	background-color: var(--MainBackgroundColour)
}

	div.RadGrid table > tbody > tr {
		height: 20px !important;
	}
	/*
This was presumably required by the ListManagerGrid control, but it messes up the sizing of the grid
on the CustomerHPSamples page. The ListManagerGrid control is not currently in use but if it ever
gets reinstated we'll need to revisit this.

div.RadGrid .rgDataDiv {
    height: auto !important;
}
*/
	div.RadGrid tr {
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
	}

	div.RadGrid td {
		-webkit-user-select: none;
		user-select: none;
	}

	div.RadGrid .rgInput, div.RadGrid .rgEditRow > td > [type="text"], div.RadGrid .rgEditForm td > [type="text"], div.RadGrid .rgBatchContainer > [type="text"], div.RadGrid .rgFilterBox {
		border-color: #b3b3b3;
		color: var(--DarkBlue);
		background-color: var(--MainBackgroundColour)
	}

		div.RadGrid .rgInput:hover, div.RadGrid .rgEditRow > td > [type="text"]:hover, div.RadGrid .rgEditForm td > [type="text"]:hover, div.RadGrid .rgBatchContainer > [type="text"]:hover, div.RadGrid .rgFilterBox:hover {
			border-color: var(--GridBorderColour);
			color: var(--DarkBlue);
			background-color: var(--MainBackgroundColour)
		}

		div.RadGrid .rgInput:focus, div.RadGrid .rgEditRow > td > [type="text"]:focus, div.RadGrid .rgEditForm td > [type="text"]:focus, div.RadGrid .rgBatchContainer > [type="text"]:focus, div.RadGrid .rgFilterBox:focus {
			border-color: #676767;
			color: var(--DarkBlue);
			background-color: var(--MainBackgroundColour)
		}

	div.RadGrid .rgActionButton {
		color: inherit
	}

.rgHeaderWrapper .rgHeaderDiv {
	border-color: #ccc
}

div.RadGrid .rgHeader, div.RadGrid th.rgResizeCol, div.RadGrid .rgHeaderWrapper {
	border: 0;
	background-color: #e6e6e6;
}

div.RadGrid .rgMultiHeaderRow .rgHeader, div.RadGrid .rgMultiHeaderRow .rgResizeCol {
	border-left: 1px solid #ccc
}

div.RadGrid th.rgSorted {
	background: var(--PaleGrey);
	background-image: linear-gradient(FFDB99,#D9B573);
	border-left-color: orange;
	border-right-color: orange;
}

div.RadGrid .rgHeader {
	color: var(--DarkBlue);
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	background-color: #E9E9EB;
	padding: 2px 3px;
}

	div.RadGrid .rgHeader a {
		color: #333;
		font-weight: bold;
	}

div.RadGrid .rgRow > td, div.RadGrid .rgAltRow > td, div.RadGrid .rgEditRow > td, div.RadGrid .rgFooter > td {
	border-style: solid;
	border-width: 0 0 1px 0
}

div.RadGrid .rgRow > td {
	border: 1px solid #E9E9E0 !important;
	border-top-width: 0;
	border-left-width: 0;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0px 3px 0px 5px !important;
	font-size: 13px;
	color: var(--DarkBlue);
}

div.RadGrid .rgAltRow > td {
	border: 1px solid #E9E9E0 !important;
	border-top-width: 0;
	border-left-width: 0;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 0px 3px 0px 5px !important;
	font-size: 13px;
	color: var(--DarkBlue);
}

div.RadGrid .rgRow .rgSorted {
	border-bottom-color: #ccc;
	background-color: var(--PaleGrey);
	border-right-color: orange;
	border-left-color: orange;
}

div.RadGrid .rgAltRow .rgSorted {
	border-bottom-color: #b3b3b3;
	background-color: var(--PaleGrey);
	border-right-color: orange;
	border-left-color: orange;
}

div.RadGrid .rgActiveRow td:not(.rgExpandCol) {
	box-shadow: inset 0 5px 5px -5px #676767,inset 0 -5px 5px -5px #676767
}

div.RadGrid .rgActiveRow td:first-child:not(.rgExpandCol), div.RadGrid .rgActiveRow .rgExpandCol + td {
	box-shadow: inset 0 5px 5px -5px #676767,inset 0 -5px 5px -5px #676767,inset 5px 0 5px -5px #676767
}

div.RadGrid .rgActiveRow td:not(.rgExpandCol):last-child {
	box-shadow: inset 0 5px 5px -5px #676767,inset 0 -5px 5px -5px #676767,inset -5px 0 5px -5px #676767
}

div.RadGrid .rgActiveCell {
	box-shadow: inset 0 0 5px #676767
}

div.RadGrid .rgSelectedRow .rgSorted, div.RadGrid .rgHoveredRow .rgSorted, div.RadGrid .rgEditRow .rgSorted {
	background-color: var(--PaleGrey);
}

div.RadGrid .rgRow a, div.RadGrid .rgAltRow a, div.RadGrid .rgFooter a, div.RadGrid .rgEditForm a, div.RadGrid .rgEditRow a, div.RadGrid .rgHoveredRow a {
	color: #1976d2
}

div.RadGrid .rgMasterTable .rgSelectedCell, div.RadGrid .rgSelectedRow {
	background-image: linear-gradient(#9a9a9a,#808080);
	color: var(--MainBackgroundColour)
}

	div.RadGrid .rgSelectedCell a, div.RadGrid .rgSelectedRow a {
		color: var(--MainBackgroundColour)
	}

div.RadGrid .rgHoveredRow {
	background-image: linear-gradient(gainsboro,#c2c2c2);
	color: var(--MainForeColour);
}

	div.RadGrid .rgHoveredRow > td {
		border-bottom-color: var(--GridBorderColour);
	}

		div.RadGrid .rgHoveredRow > td.rgSorted {
			border-bottom-color: var(--GridBorderColour)
		}

div.RadGrid .rgRow .lmcfRow_LessThanOneMonth,
div.RadGrid .rgRow .lmcfRow_LessThanTwoMonths,
div.RadGrid .rgRow .lmcfRow_MoreThanTwoMonths,
div.RadGrid .rgRow .lmcfRow_LessThanOneMonth_key,
div.RadGrid .rgRow .lmcfRow_LessThanTwoMonths_key,
div.RadGrid .rgRow .lmcfRow_MoreThanTwoMonths_key,
div.RadGrid .rgAltRow .lmcfRow_LessThanOneMonth,
div.RadGrid .rgAltRow .lmcfRow_LessThanTwoMonths,
div.RadGrid .rgAltRow .lmcfRow_MoreThanTwoMonths,
div.RadGrid .rgAltRow .lmcfRow_LessThanOneMonth_key,
div.RadGrid .rgAltRow .lmcfRow_LessThanTwoMonths_key,
div.RadGrid .rgAltRow .lmcfRow_MoreThanTwoMonths_key {
	color: black;
}

/* All these 3 custom background colours only apply to rules where OverallTarget is Y.
	This rule defines generic colour when OverallTarget is Y and Last Contact Date rules is not specific.
	In other words, it is used when Last Contact Date is not less than one month or between one month and two months. 
	That is to say, it is used when Last Contact Date is more than two months.
*/
div.RadGrid .rgRow .lmcfRow_MoreThanTwoMonths,
div.RadGrid .rgAltRow .lmcfRow_MoreThanTwoMonths {
	background-color: var(--SoftRed_o75);
}

/* First specific Last Contact Date rule: Last Contact Date is less than one month.
	This rule only applies when OverallTarget is Y. 
	And overrides the generic .lmcfRow_MoreThanTwoMonths rule when Last Contact Date is less than one month.
*/
div.RadGrid .rgRow .lmcfRow_LessThanOneMonth.lmcfRow_MoreThanTwoMonths,
div.RadGrid .rgAltRow .lmcfRow_LessThanOneMonth.lmcfRow_MoreThanTwoMonths {
	background-color: var(--Green_o75);
}

/* Second specific Last Contact Date rule: Last Contact Date is between one month and two months.
	This rule only applies when OverallTarget is Y.
	And overrides the generic .lmcfRow_MoreThanTwoMonths rule when Last Contact Date is between one month and two months.
*/
div.RadGrid .rgRow .lmcfRow_LessThanTwoMonths.lmcfRow_MoreThanTwoMonths,
div.RadGrid .rgAltRow .lmcfRow_LessThanTwoMonths.lmcfRow_MoreThanTwoMonths {
	background-color: var(--LightBlue_o75);
}

.lmcfRow_LessThanOneMonth_key {
	background-color: var(--Green_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}

.lmcfRow_LessThanTwoMonths_key {
	background-color: var(--LightBlue_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}

.lmcfRow_MoreThanTwoMonths_key {
	background-color: var(--SoftRed_o75);
	text-align: left;
	font-size: 12px;
	padding-left: 15px;
}


div.RadGrid .rgSelectedRow > td {
	border-bottom-color: orange !important;
	border-top-color: orange !important;
	background-color: var(--Yellow) !important;
}

div.RadGrid .rgEditRow {
	background: rgba(204,204,204,0.75);
	color: #333
}

div.RadGrid .rgDeletedRow > td {
	border-color: #a6a6a6;
	color: #333
}

	div.RadGrid .rgDeletedRow > td a {
		color: #333
	}

div.RadGrid .rgBatchOverlay {
	background: rgba(204,204,204,0.75)
}

div.RadGrid .rgBatchUndoDeleteButton {
	border-color: #b3b3b3;
	color: var(--DarkBlue);
	background-color: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
}

	div.RadGrid .rgBatchUndoDeleteButton:hover {
		border-color: var(--GridBorderColour);
		color: var(--MainForeColour);
		background-color: #c2c2c2;
		background-image: linear-gradient(gainsboro,#c2c2c2)
	}

div.RadGrid .rgDrag {
	background-image: url('WebResource.axd?d=oSLr170F9xai4IG54cbvKBtsoaFBemeMQJHiiDU-qJGxuPwXywtBSam_X_hkn7MkBB0Fyn6CcseEaQczl6xD_79odkmhL4JGeEBJb1A76My70_C42lVBC1T8XR-a1iN8MZOnqt3YngOTHPIbhjSmHyY55pMocIXmF6c-RBZ6B0E1&t=636335408960000000')
}

html div.RadGrid .rgFooterDiv td, html div.RadGrid .rgFooter td {
	background: #e6e6e6
}

div.RadGrid .rgFooterWrapper {
	background: #e6e6e6;
	border-top: thin solid #cdcdcd;
	border-bottom: thin solid var(--MainBackgroundColour)
}

div.RadGrid .rgFooter > td, div.RadGrid .rgFooter > td.rgGroupCol {
	border-bottom: thin solid var(--MainBackgroundColour)
}

div.RadGrid .rgFooterWrapper .rgFooter > td {
	border-bottom: 0
}

div.RadGrid .rgStatus {
	border-color: #c9c9c9
}

	div.RadGrid .rgStatus div {
		background-image: url('WebResource.axd?d=m7Favqp7Lm7yLcXBzozJHnbW2S1vPBBjCDtjjZDGjTAdumnPbUSLjuGGGjb1cLERTLaEOhafxv-lGcb-Pbcfc3WvFaOhUlIxWG5DJBJ1icCn_efN930VScYwd0xyEGqICwkbe5PbLi3tPgv8XwjUcj674C5Hjlej0d_f2vtAXTk1&t=636335408960000000')
	}

.GridReorderTop_Actis, .GridReorderBottom_Actis {
	color: #838383
}

div.RadGrid .rgFilterRow {
	background: #e6e6e6
}

	div.RadGrid .rgFilterRow > td {
		border-bottom: thin solid #cdcdcd
	}

div.RadGrid .rgFilter {
	border: thin solid;
	border-color: #b3b3b3;
	color: var(--DarkBlue);
	background-color: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
}

	div.RadGrid .rgFilter:hover, div.RadGrid .rgFilter:focus {
		border-color: var(--GridBorderColour);
		color: var(--MainForeColour);
		background-color: #c2c2c2;
		background-image: linear-gradient(gainsboro,#c2c2c2)
	}

div.RadGrid .rgFilterActive, div.RadGrid .rgFilterActive:hover, div.RadGrid .rgFilterActive:focus {
	border-color: #676767;
	color: var(--MainBackgroundColour);
	background-color: #808080;
	background-image: linear-gradient(#9a9a9a,#808080);
	box-shadow: inset 0 0 6px rgba(165,165,165,0.5)
}

div.RadGrid .rgFiltered {
	border-color: #1667b7;
	color: var(--MainBackgroundColour);
	background-color: #1976d2;
	background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0))
}

	div.RadGrid .rgFiltered:hover, div.RadGrid .rgFiltered:focus {
		border-color: #12579b;
		color: var(--MainBackgroundColour);
		background-color: #1667b7;
		background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0))
	}

	div.RadGrid .rgFiltered.rgFilterActive {
		border-color: #0f4880;
		color: var(--MainBackgroundColour);
		background-color: #12579b;
		background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0))
	}

div.RadGrid .rgOptions {
	color: #333
}

div.RadGrid .rgOptSelected {
	color: #1976d2
}

.RadMenu_Actis .rgHCMClear, .RadMenu_Actis .rgHCMFilter {
	border-color: #b3b3b3;
	background: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6);
	color: #333
}

	.RadMenu_Actis .rgHCMClear:hover, .RadMenu_Actis .rgHCMFilter:hover {
		border-color: var(--GridBorderColour);
		background: #c2c2c2;
		background-image: linear-gradient(gainsboro,#c2c2c2)
	}

.RadMenu_Actis_Context .rgFilterApply, .RadMenu_Actis_Context .rgFilterCancel {
	border-color: #b3b3b3;
	color: var(--DarkBlue);
	background-color: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
}

div.RadMenu_Actis_Context .rlbGroup {
	border-color: #e6e6e6
}

div.RadGrid .rgGroupPanel {
	border: 0;
	border-bottom: thin solid #ccc;
	background-image: linear-gradient(#e5e5e5,#eee)
}

div.RadGrid .rgGroupItem {
	border: thin solid #b3b3b3;
	background: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
}

div.RadGrid .rgCollapseIcon:before {
	content: "\e015"
}

div.RadGrid .rgExpandIcon:before {
	content: "\e014"
}

div.RadGrid td.rgGroupCol, div.RadGrid td.rgExpandCol {
	border-color: #d9d9d9;
	background: #d9d9d9
}

div.RadGrid .rgGroupHeader {
	background: #d9d9d9;
	color: var(--MainForeColour);
}

	div.RadGrid .rgGroupHeader td {
		border-bottom: thin solid #d9d9d9
	}

		div.RadGrid .rgGroupHeader td.rgGroupCol {
			border-top-color: #828282
		}

div.RadGrid .rgDetailTable {
	border-color: #828282
}

div.RadGrid .rgCommandCell {
	border-color: #b3b3b3;
	color: var(--DarkBlue);
	background-color: #e6e6e6;
	background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
}

	div.RadGrid .rgCommandCell .t-button:hover {
		border-color: var(--GridBorderColour);
		color: var(--MainForeColour);
		background-color: #c2c2c2;
		background-image: linear-gradient(gainsboro,#c2c2c2)
	}

	div.RadGrid .rgCommandCell .t-button:focus, div.RadGrid .rgCommandCell .t-button:active {
		border-color: #676767;
		color: var(--MainBackgroundColour);
		background-color: #808080;
		background-image: linear-gradient(#9a9a9a,#808080)
	}

div.RadGrid .rgPagerCell {
	border-color: var(--MainBackgroundColour);
	color: var(--MainForeColour);
	background-color: var(--MainBackgroundColour);
	height: 29px;
}

	div.RadGrid .rgPagerCell .rgNumPart a {
		border-radius: 2px;
	}

		div.RadGrid .rgPagerCell .rgNumPart a:hover {
			color: var(--button-colour-hover);
			border-color: var(--button-border-hover);
			background-color: var(--button-backgroud-hover);
			background-image: none;
		}

		div.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
			border-color: var(--button-border-colour);
			color: var(--button-colour);
			background-color: var(--button-background);
		}

	div.RadGrid .rgPagerCell .rgPagerButton, div.RadGrid .rgPagerCell .rgActionButton {
		border-width: 1px;
		border-style: solid;
		border-radius: 2px;
		border-color: var(--button-border-colour);
		color: var(--button-colour);
		background-color: var(--button-background);
		background-image: none;
	}

		div.RadGrid .rgPagerCell .rgPagerButton:hover, div.RadGrid .rgPagerCell .rgActionButton:hover {
			border-color: var(--button-border-hover);
			color: var(--button-colour-hover);
			background-color: var(--button-backgroud-hover);
			background-image: none;
		}

.rgCellSelectorArea_Actis, .GridRowSelector_Actis {
	background: #4c4e54
}

.GridItemDropIndicator_Actis {
	border-top: 1px dashed var(--GridBorderColour);
}

.GridToolTip_Actis {
	border: 1px solid #828282;
	padding: 3px;
	background: var(--MainBackgroundColour);
	color: #333
}

.ListManagerScrollOuter {
	border-collapse: collapse;
	border: thin solid var(--MainForeColour);
}

.ListManagerScrollInner {
	position: relative;
	height: 100%;
	border: 0px solid transparent !important;
}

.FloatingFooter {
	position: absolute;
	left: 0px;
	background-color: #e6e6e6;
	empty-cells: show;
	line-height: 1.4285;
}

.RadGrid {
	border-width: thin;
}

	.RadGrid .rgRow > td {
		padding-right: 1px !important;
	}

	.RadGrid .t-font-icon {
		font-size: 13px;
	}

.rgAdvPart {
	display: none;
}

.RadMenu_Actis {
	background-color: var(--MainBackgroundColour);
}

	.RadMenu_Actis .rmSlide {
		background-color: var(--MainBackgroundColour);
	}

	.RadMenu_Actis .rcbSlide {
		background-color: var(--MainBackgroundColour);
	}

	.RadMenu_Actis .rmBottomArrow,
	.RadMenu_Actis .rmTopArrow {
		background-color: #E0EBF4
	}

.ListManagerScrollInner > table {
	border: none;
}

.mnuListManager .rmLeftImage {
	height: 16px !important;
	width: 16px !important;
	margin-left: 0px !important;
}

.LMGSeparator {
	border-top: 1px solid #679EC9;
}

.ListManagerGrid_RefreshGridOnly {
	margin-left: 5px;
	margin-top: 3px;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

div.RadGrid .rgRow .lmcfRow_MeetingCreated,
div.RadGrid .rgAltRow .lmcfRow_MeetingCreated,
div.RadGrid .rgRow .lmcfRow_MeetingWithdrawn,
div.RadGrid .rgAltRow .lmcfRow_MeetingWithdrawn,
div.RadGrid .rgRow .lmcfRow_MeetingSubmitted,
div.RadGrid .rgAltRow .lmcfRow_MeetingSubmitted,
div.RadGrid .rgRow .lmcfRow_MeetingClosed,
div.RadGrid .rgAltRow .lmcfRow_MeetingClosed,
div.RadGrid .rgRow .lmcfRow_MeetingPartiallyAuthorised,
div.RadGrid .rgAltRow .lmcfRow_MeetingPartiallyAuthorised,
div.RadGrid .rgRow .lmcfRow_MeetingAuthorised,
div.RadGrid .rgAltRow .lmcfRow_MeetingAuthorised,
div.RadGrid .rgRow .lmcfRow_MeetingDeclined,
div.RadGrid .rgAltRow .lmcfRow_MeetingDeclined,
div.RadGrid .rgRow .lmcfRow_MeetingReOpened,
div.RadGrid .rgAltRow .lmcfRow_MeetingReOpened,
div.RadGrid .rgRow .lmcfRow_MeetingOverBudget,
div.RadGrid .rgAltRow .lmcfRow_MeetingOverBudget {
	color:black;
}

div.RadGrid .rgRow .lmcfRow_MeetingCreated,
div.RadGrid .rgAltRow .lmcfRow_MeetingCreated {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #BFF7F3;
}

div.RadGrid .rgRow .lmcfRow_MeetingWithdrawn,
div.RadGrid .rgAltRow .lmcfRow_MeetingWithdrawn {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #D9FBF8;
}

div.RadGrid .rgRow .lmcfRow_MeetingSubmitted,
div.RadGrid .rgAltRow .lmcfRow_MeetingSubmitted {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F7F9D5;
}

div.RadGrid .rgRow .lmcfRow_MeetingClosed,
div.RadGrid .rgAltRow .lmcfRow_MeetingClosed {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #AEA8F5;
}

div.RadGrid .rgRow .lmcfRow_MeetingPartiallyAuthorised,
div.RadGrid .rgAltRow .lmcfRow_MeetingPartiallyAuthorised {
	border: 2px solid white;
	background-color: #F7F9D5;
	font-style: italic;
}

div.RadGrid .rgRow .lmcfRow_MeetingAuthorised,
div.RadGrid .rgAltRow .lmcfRow_MeetingAuthorised {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #ADED76;
}

div.RadGrid .rgRow .lmcfRow_MeetingDeclined,
div.RadGrid .rgAltRow .lmcfRow_MeetingDeclined {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F5B2B2;
}

div.RadGrid .rgRow .lmcfRow_MeetingReOpened,
div.RadGrid .rgAltRow .lmcfRow_MeetingReOpened {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #E2FFCA;
}

div.RadGrid .rgRow .lmcfRow_MeetingOverBudget,
div.RadGrid .rgAltRow .lmcfRow_MeetingOverBudget {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #FD7575 !important;
}

.lmcfRow_MeetingCreated_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #BFF7F3;
	text-align: center;
}

.lmcfRow_MeetingWithdrawn_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #D9FBF8;
	text-align: center;
}

.lmcfRow_MeetingSubmitted_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F7F9D5;
	text-align: center;
}

.lmcfRow_MeetingClosed_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #AEA8F5;
	text-align: center;
}

.lmcfRow_MeetingPartiallyAuthorised_key {
	border: 2px solid white;
	background-color: #F7F9D5;
	text-align: center;
	font-style: italic;
}

.lmcfRow_MeetingAuthorised_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #ADED76;
	text-align: center;
}

.lmcfRow_MeetingDeclined_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #F5B2B2;
	text-align: center;
}

.lmcfRow_MeetingReOpened_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #E2FFCA;
	text-align: center;
}

.lmcfRow_MeetingOverBudget_key {
	border: 2px solid var(--MainBackgroundColour);
	background-color: #FD7575;
	text-align: center;
}

div.RadGrid .rgHeader.rgHeaderOver {
	background-color: #F6F6F7;
	background-image: none;
}

div.RadGrid .rgHeader.rgHeaderOver a {
	cursor: pointer;
}

div.RadGrid .rgMasterTable, div.RadGrid .rgDetailTable, div.RadGrid .rgEditForm table {
	border-collapse: collapse;
	border-spacing: 0
}

/* Remove all borders from RadGrid header table */
.rgHeaderDiv .rgMasterTable.rgClipCells[rules="all"] {
	border: none !important;
	border-collapse: collapse !important;
}

	.rgHeaderDiv .rgMasterTable.rgClipCells[rules="all"] td,
	.rgHeaderDiv .rgMasterTable.rgClipCells[rules="all"] th,
	.rgHeaderDiv .rgMasterTable.rgClipCells[rules="all"] tr {
		border: none !important;
	}

div.RadMenu_Default .rmGroup .rmFocused > .rmLink {
	border-color: transparent;
	box-shadow: none;
}

div.RadGrid_Default .rgAltRow {
	color: var(--DarkBlue);
	background-color: var(--MainBackgroundColour);
}

div.RadGrid .rgCheck input {
    height: 14px;
    position: relative;
    top: 3px;
}

/*header context menu*/
.RadMenu .rmGroup .actiscontext.rmLink {
	padding: 1px 32px;
	height: 20px;
	line-height: 20px;
}

/*grid data context menu*/
.RadMenu .rmGroup .actiscontext .rmLink {
	padding: 1px 32px;
	height: 20px;
	line-height: 20px;
	color: var(--DarkBlue);
}

.RadGrid .rgMobileForm a.rgButtonSortClear {
    display: none;
}

.RadGrid .rgMobileForm a.rgButtonSortDesc {
    border-bottom: 0;
}