/*    Light Background Colour    #E0EBF4/*   Light Background Colour*/
/*    Medium Border Colour     #5A94C3/*   Medium Border Colour*/

[class*='TreeView'] {
    --MediumBorderColour: #292961;
}

.TreeView {
    background-color: var(--MainBackgroundColour);
    padding-top: 4px;
    padding-left: 1px;
    border: solid 1px var(--MediumBorderColour) /*   Medium Border Colour*/;
    cursor: default;
}

.TreeViewGradientFill {
    background: #D4D4E2 url('images/vertical_1px.png') repeat-y;
    padding-top: 4px;
    padding-left: 1px;
    border: solid 1px var(--MediumBorderColour) /*   Medium Border Colour*/;
    cursor: default;
}

.TreeNode {
    padding: 2px 3px 1px 3px;
}

.GrayedTreeNode {
    padding: 2px 3px 1px 3px;
    color: var(--DisabledColour);
    cursor: default;
}

.HoverTreeNode {
    text-decoration: underline;
    padding: 2px 3px 1px 3px;
    cursor: pointer;
}

.SelectedTreeNode {
    background-color: var(--DisabledColour);
    color: var(--MainBackgroundColour);
    padding: 2px 3px 1px 3px;
    cursor: default;
}

.NodeEdit {
    border: solid 1px var(--DisabledColour);
}