/*

    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: 16px;
}

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

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

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

.LMG_Filter_Span {
    padding-right: 10px;
    display: inline-block;
    position: relative;
    color: var(--MainBackgroundColour);
}

.LMG_Select {
    color: var(--MainBackgroundColour);
    font-size: 14px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: var(--NewDarkBackgroundColour);
    position: relative;
    top: -3px;
    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 {
        border-color: var(--MainBackgroundColour);
        color: var(--MainBackgroundColour);
        background-color: #679EC9;
    }

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

/* 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 .rddlItemHovered, .rddlPopup_Actis .rddlItemLoading {
        color: var(--NewDarkBackgroundColour);
        background-color: var(--MainBackgroundColour);
    }

    .rddlPopup_Actis .rddlItemSelected {
        color: var(--MainBackgroundColour);
        background-color: #679EC9;
    }

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

    .RadGrid_Actis table > tbody > tr {
        height: 21px !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.

.RadGrid_Actis .rgDataDiv {
    height: auto !important;
}
*/
    .RadGrid_Actis .rgInput, .RadGrid_Actis .rgEditRow > td > [type="text"], .RadGrid_Actis .rgEditForm td > [type="text"], .RadGrid_Actis .rgBatchContainer > [type="text"], .RadGrid_Actis .rgFilterBox {
        border-color: #b3b3b3;
        color: var(--DarkBlue);
        background-color: var(--MainBackgroundColour)
    }

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

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

    .RadGrid_Actis .rgActionButton {
        color: inherit
    }

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

.RadGrid_Actis .rgHeader, .RadGrid_Actis th.rgResizeCol, .RadGrid_Actis .rgHeaderWrapper {
    border: 0;
    border-bottom: 1px solid #ccc;
    background-color: #e6e6e6;
    background-image: linear-gradient(#fafafa,#e6e6e6)
}

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

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

.RadGrid_Actis .rgHeader {
    color: var(--DarkBlue);
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 2px 1px 2px 5px !important;
    border-right: thin solid grey;
}

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

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

.RadGrid_Actis .rgRow > td {
    border: thin solid #E9E9E0 !important;
    border-left: thin solid var(--MainBackgroundColour) !important;
    border-bottom: thin solid var(--MainBackgroundColour) !important;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0px 3px 0px 5px !important;
    font-size: 13px;
    color: rgb(63,63,63)
}

.RadGrid_Actis .rgAltRow {
    color: rgb(63,63,63);
}

    .RadGrid_Actis .rgAltRow > td {
        border: 1px solid #E9E9E0 !important;
        border-left: 1px solid var(--MainBackgroundColour) !important;
        border-bottom: 1px solid var(--MainBackgroundColour) !important;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        padding: 0px 3px 0px 5px !important;
        font-size: 13px;
        color: rgb(63,63,63)
    }

.RadGrid_Actis .rgRow .rgSorted {
    border-bottom-color: #ccc;
    background-color: #FFDB99;
    border-right-color: orange;
    border-left-color: orange;
}

.RadGrid_Actis .rgAltRow .rgSorted {
    border-bottom-color: #b3b3b3;
    background-color: #FFDB99;
    border-right-color: orange;
    border-left-color: orange;
}

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

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

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

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

.RadGrid_Actis .rgSelectedRow .rgSorted, .RadGrid_Actis .rgHoveredRow .rgSorted, .RadGrid_Actis .rgEditRow .rgSorted {
    background-color: transparent
}

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

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

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

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

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

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

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

    .RadGrid_Actis .rgSelectedRow > td.rgSorted {
        border-bottom-color: orange !important;
        background-color: #FFDB99 !important;
        border-top-color: orange !important;
    }

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

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

    .RadGrid_Actis .rgDeletedRow > td a {
        color: #333
    }

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

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

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

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

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

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

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

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

.RadGrid_Actis .rgStatus {
    border-color: #c9c9c9
}

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

.GridReorderTop_Actis, .GridReorderBottom_Actis {
    color: #838383
}

.RadGrid_Actis .rgFilterRow {
    background: #e6e6e6
}

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

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

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

.RadGrid_Actis .rgFilterActive, .RadGrid_Actis .rgFilterActive:hover, .RadGrid_Actis .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)
}

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

    .RadGrid_Actis .rgFiltered:hover, .RadGrid_Actis .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))
    }

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

.RadGrid_Actis .rgOptions {
    color: #333
}

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

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

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

.RadGrid_Actis .rgCollapseIcon:before {
    content: "\e015"
}

.RadGrid_Actis .rgExpandIcon:before {
    content: "\e014"
}

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

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

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

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

.RadGrid_Actis .rgDetailTable {
    border-color: #828282
}

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

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

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

.RadGrid_Actis .rgPagerCell {
    border-color: #b3b3b3;
    color: var(--DarkBlue);
    background-color: #e6e6e6;
    height: 29px;
}

    .RadGrid_Actis .rgPagerCell .rgNumPart a {
        border-radius: 2px;
        color: inherit
    }

        .RadGrid_Actis .rgPagerCell .rgNumPart a:hover {
            border-color: var(--GridBorderColour);
            color: var(--MainForeColour);
            background-color: #c2c2c2;
            background-image: linear-gradient(gainsboro,#c2c2c2)
        }

        .RadGrid_Actis .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-color: #1976d2;
            color: #1976d2;
            background: 0
        }

    .RadGrid_Actis .rgPagerCell .rgPagerButton, .RadGrid_Actis .rgPagerCell .rgActionButton {
        border-width: thin;
        border-style: solid;
        border-radius: 2px;
        border-color: #b3b3b3;
        color: var(--DarkBlue);
        background-color: #e6e6e6;
        background-image: linear-gradient(var(--MainBackgroundColour),#e6e6e6)
    }

        .RadGrid_Actis .rgPagerCell .rgPagerButton:hover, .RadGrid_Actis .rgPagerCell .rgActionButton:hover {
            border-color: var(--GridBorderColour);
            color: var(--MainForeColour);
            background-color: #c2c2c2;
            background-image: linear-gradient(gainsboro,#c2c2c2)
        }

.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 {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
    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;
}

.lmcfRow_LessThanOneMonth.lmcfRow_MoreThanTwoMonths {
    color: Fuchsia !important;
}

.lmcfRow_LessThanTwoMonths.lmcfRow_MoreThanTwoMonths {
    color: blue !important;
}

.lmcfRow_MoreThanTwoMonths {
    color: var(--SoftRed) !important;
}

.lmcfRow_LessThanOneMonth_key {
    color: Fuchsia;
    text-align: left;
    font-size: 12px;
    padding-left: 15px;
}

.lmcfRow_LessThanTwoMonths_key {
    color: blue;
    text-align: left;
    font-size: 12px;
    padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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