/*

    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
    
*/


/*    Hover Background Colour    #5A94C3;/*   Hover Background Colour*/



.comboBox {
    border: 1px solid #A6A7AA;
    background-color: var(--MainBackgroundColour);
}

.comboBoxHover {
    border: 1px solid #555555;
    background-color: var(--MainBackgroundColour);
}

.comboDropDown {
    border: 1px solid #868686;
    background-color: var(--MainBackgroundColour);
    padding: 1px;
    padding-right: 0px;
    width: 500px;
    cursor: default;
}

.comboTextBox {
    border: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.comboTextBoxHover {
    background-color: #B2B4BF;
}

.comboItem {
    font-family: var(--actis-font-family);
    font-size: 11px;
    border: 1px solid var(--MainBackgroundColour);
}

.comboItemHover {
    background-color: #5A94C3; /*   Hover Background Colour*/
    font-family: var(--actis-font-family);
    font-size: 11px;
    color: var(--MainBackgroundColour);
    border: 1px solid #DBCE99;
}

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

    .dataRow:hover {
        background-color: #5A94C3; /*   Hover Background Colour*/
        color: var(--MainBackgroundColour);
    }


.dataCell {
    cursor: default;
    padding: 3px;
    border: 1px solid var(--MainBackgroundColour);
    border-right-color: #EAE9E1;
    border-bottom-color: #EAE9E1;
    font-family: var(--actis-font-family);
    font-size: 10px;
}