/*

    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    #E0EBF4/*   Light Background Colour*/
/*    Main Background Colour     White/*   Main Background Colour*/


.RecordCard_HeadingRow {
    background-color: var(--DarkBackgroundColour);
    border-bottom: solid 1px #57566F;
    color: var(--MainBackgroundColour);
    height: 28px;
    padding: 0px;
    padding-left: 3px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 2em;
}

.RecordCard_HeadingRowTaller {
    background-color: var(--DarkBlue) /*   Light Background Colour*/;
    border-bottom: solid 1px #57566F;
    color: var(--MainBackgroundColour);
    height: 45px;
    padding: 0px;
    padding-left: 3px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 2em;
}

.RCPageView {
    height: 385px;
    width: 756px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.HPPageView {
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
}

.AccTabRCPageView {
    /*height:385px;*/
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #EDF7EB;
}

.AccRCPageView {
    height: 510px;
    width: 700px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.CusRCPageView {
    height: 480px;
    width: 700px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.RCPageViewContent {
    width: 737px;
}

.AccRCPageViewContent {
    width: 680px;
}

.RCEditPageViewContent {
    min-width: 520px;
}

.RCPageViewContent_Grid {
    width: 737px;
    border: solid 1px #57566F;
    border-bottom-width: 2px;
    background-color: var(--MainBackgroundColour);
    cursor: default;
    line-height: normal;
}

.AccRCPageViewContent_Grid {
    width: 680px;
    border: solid 1px #57566F;
    border-bottom-width: 2px;
    background-color: var(--MainBackgroundColour);
    cursor: default;
    line-height: normal;
}

.RCPageViewContent_Details {
    width: 737px;
    border: solid 1px #57566F;
    border-bottom-width: 2px;
    background-color: var(--MainBackgroundColour);
    cursor: default;
    line-height: normal;
}


.HPPageViewContent {
    width: 100%;
}

    .HPPageViewContent > tbody > tr > td:first-child {
        min-width: 240px;
    }

    .HPPageViewContent > tbody > tr > td:nth-child(2) {
        width: 100%;
    }

    .HPPageViewContent > tbody > tr > td > select {
        width: 100%;
        max-width: 349px;
    }

    .HPPageViewContent > tbody > tr > td > textarea {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* ExpandingTextBox User Control */
    .HPPageViewContent > tbody > tr > td > .expandingArea {
        width: 100%;
        max-width: 350px;
    }

    .HPPageViewContent > tbody > tr > td > input:not([type="checkbox"]):not([type="button"]) {
        width: 100%;
        max-width: 349px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-height: 18px;
        outline-color: black;
        outline-style: solid;
        outline-width: thin;
        border: none;
        margin-left:1px;
    }

/*.HPPageViewContent>tbody>tr>td input[type="checkbox"]
{
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}*/

.LCPageView {
    height: 385px;
    width: 876px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.LCPageViewContent {
    width: 857px;
}

.LCPageViewContent_Grid {
    width: 857px;
    border: solid 1px #57566F;
    border-bottom-width: 2px;
    background-color: var(--MainBackgroundColour);
    cursor: default;
    line-height: normal;
}

.LCPageViewContent_Details {
    width: 857px;
    border: solid 1px #57566F;
    border-bottom-width: 2px;
    background-color: var(--MainBackgroundColour);
    cursor: default;
    line-height: normal;
}

.LargeButton {
    font-family: var(--actis-font-family);
    font-size: 14px !important;
    background-color: Transparent;
    border-color: var(--DisabledColour);
    border-width: 1px;
    border-style: solid;
}

.ErrorLabel {
    color: var(--SoftRed);
}

.column_1 {
    width: 170px;
}

.column_1_hp {
    min-width: 240px;
}

.column_2 {
    width: 560px;
}

.column_2_db {
    width: 410px;
}

.column_2_hp {
    width: 100%;
}

    .column_2_hp select {
        width: 100%;
        max-width: 350px;
    }

.Account_rc_Table {
    max-width: 500px;
    float: left;
    margin-right: 20px;
}

    .Account_rc_Table td {
        max-width: 450px;
    }

        .Account_rc_Table td:first-child {
            max-width: 170px;
            white-space: nowrap;
        }

        .Account_rc_Table td input {
            padding: 5px;
        }

            .Account_rc_Table td input[type='button'] {
                padding: 5px;
                background-image: url(images/ButtonGradientHP.png);
                border-radius: 3px;
                color: var(--MainForeColour);
                border-color: grey;
            }

                .Account_rc_Table td input[type='button']:hover {
                    border-color: var(--button-border-hover);
                }

                .Account_rc_Table td input[type='button'][disabled='disabled'] {
                    color: grey;
                    cursor: no-drop;
                }

        .Account_rc_Table td select {
            padding: 5px;
        }

#budget_lblTotalCost.OverBudget {
    color: var(--SoftRed);
}

.RCScroll {
    width: 17px;
    height: 17px;
    -moz-user-select: none;
    -webkit-user-select: none;
    z-index: 100;
    position: absolute;
    right: 20px;
    padding: 0px;
    cursor: pointer;
}

    .RCScroll:hover span {
        display: inline-block;
        position: absolute;
        height: 17px;
        width: 100px;
        background-color: var(--MainBackgroundColour);
        border: 1px solid var(--MainForeColour);
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        right: 30px;
        z-index: 1000;
        font-size: small;
        color: var(--MainForeColour);
    }


.RCScrollUp {
    top: 0px;
}

.RCScrollDown {
    bottom: 0px;
}

.RCScroll.img {
    color: var(--GridBorderColour);
    font-size: 10px !important;
    border-radius: 50%;
    border-color: var(--GridBorderColour);
    border-style: solid;
    border-width: thin;
}

    .RCScroll.img::before {
        position: relative;
        top: 2px;
        left: 4px;
    }

    .RCScroll.img:hover {
        color: var(--MainBackgroundColour);
        cursor: pointer;
        background-color: var(--Pink);
        border-color: var(--Pink);
    }

.RCScroll span {
    display: none;
}

.RCScrollUp:hover span {
    top: 0px;
}


.RCScrollDown:hover span {
    bottom: 0px;
}

.RCPageViewWithListBox {
    height: 385px;
    width: 800px;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.RCPageViewContentWithListBox {
    width: 250px;
}

.AccSummaryCardFormView {
    background-color: var(--MainBackgroundColour) /*   Main Background Colour*/;
    border-width: 0px;
    border-color: #57566F;
    border-style: solid;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    top: -2px;
    left: 1px;
    z-index: 98;
    min-width: 721px;
}

.HPSummaryCardFormView {
    /*background-color: var(--MainBackgroundColour)   Main Background Colour;*/
    border: 0px solid var(--DarkBlue);
    position: relative;
    padding: 0px;
    margin-right: 5px;
    /*top:-2px;
  left:1px;*/
    z-index: 98;
    min-width: 721px;
    overflow: auto;
}

.AccSummaryCardFormViewMax {
    background-color: var(--MainBackgroundColour) /*   Main Background Colour*/;
    border: none;
    border-left: 0px solid #57566F;
    position: relative;
    z-index: 98;
    min-width: 721px;
}

.SummaryCardFormView {
    background-color: var(--MainBackgroundColour) /*   Main Background Colour*/;
    border-width: 1px;
    border-color: #57566F;
    border-style: solid;
}

.AccRCFrame {
    background-color: var(--MainBackgroundColour);
    border-style: none;
    /*height:559px;*/
    padding-top: 5px;
    /*width:722px;*/
}

.HPFrame {
    background-color: var(--MainBackgroundColour);
    border-style: none;
}

.BudgetRCFrame {
    background-color: var(--MainBackgroundColour);
    border-style: none;
    height: 200px;
    padding-top: 5px;
    width: 615px;
}

.AccFrame {
    background-color: var(--OldLightBackgroundColour);
    border: solid 1px #919B9C;
    padding-left: 5px;
}

.half_column_1 {
    width: 110px;
}

.half_column_2 {
    width: 254px;
}

.RC_background {
    background-color: var(--MainBackgroundColour);
    border: 0px solid #57566F;
}

.Menu_background {
    /*background-color: #D5DED3;*/
    background-color: #EDF7EB;
    border: 1px solid #57566F;
}

.SectionHeader {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--DarkBackgroundColour);
    margin-bottom: 8px;
    margin-top: 18px;
    font-weight: bold;
    color: var(--DarkBackgroundColour);
}

    .SectionHeader tbody tr td {
        position: relative;
        text-align: left;
    }

        .SectionHeader tbody tr td span {
            position: relative;
            color: var(--DarkBackgroundColour);
            font-weight: bold
        }

.SectionContent {
    position: relative;
}