#editButtonsDiv .btn {
    border-radius: 15px !important;  
}

.edit,
.clickEdit,
.showChild,
.exButton1,
.exButton2,
.perms {
    background-color: transparent !important;
    color: var(--oxidised-copper) !important;
    text-align: center;
    vertical-align: middle;
}

.edit:hover,
.clickEdit:hover,
.showChild:hover,
.exButton1:hover,
.exButton2:hover {
    background-color: var(--oxidised-copper) !important;
    color: var(--alternate-text) !important;
    cursor: pointer;
}

.undelete {
    color: var(--positive-colour) !important;
    background-color: transparent !important;
    text-align: center;
    vertical-align: middle;
}

.undelete:hover {
    color: var(--default-background) !important;
    background-color: var(--positive-colour) !important;
    cursor: pointer;
}

.notesCell {
    color: var(--oxidised-copper) !important;
}

.notesCell:hover {
    color: var(--oxidised-copper-light) !important;
}

/*
.delete {
    background-color: inherit !important;
    color: var(--negative-colour) !important;
}

.delete:hover {
    background-color: var(--negative-colour) !important;
    color: var(--alternate-text) !important;
    cursor: pointer;
}
*/
.dataTable .odd,
.dataTable .even {
    background-color: transparent !important;
}
 
table.dataTable.display>tbody>tr.odd>.sorting,
table.dataTable.display>tbody>tr.odd>.sorting_2,
table.dataTable.display>tbody>tr.odd>* {
    box-shadow:none;
}

.btn-info {
    background-color: var(--oxidised-copper) !important; /*important required to override bootstrap*/
    border-color: var(--oxidised-copper);
}

/*removed from main, probably not needed now*/
.table-hover tbody tr:hover th.add {
    background-color: #62bd3c;
}

/* next line allows the span to be coloured too */
.table-hover tbody tr:hover th .add {
    background-color: #62bd3c;
}

.table-hover tbody tr:hover td.edit {
    background-color: #4f9dc4;
}

/* next line allows the span to be coloured too */
.table-hover tbody tr:hover td .edit {
    background-color: #4f9dc4;
}

#helpDiv {
    display: none;
    width: calc(50vw - 10px);
    background-color: var(--default-background);
    position: absolute;
    top: 100px;
    right: 10px;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
    z-index: var(--layer-help);
    cursor: grab;
    height: calc(100vh - 110px);
    max-height: calc(100vh - 110px);
}

#helpDivTitle {
    background-color: var(--oxidised-copper);
    color: var(--alternate-text);
    padding: 5px;
}

#helpDivExit {
    float: right;
    color: red;
    cursor:pointer;
}

#helpDivExit {
    color: var(--alternate-text);
    float: right;
    padding: 3px;
    line-height: 1em;
}

#helpDivExit:hover {
    float: right;
    color: var(--standard-text);
    background-color: var(--negative-colour);
}

#helpDivContent {
    padding: 10px;
    max-height:calc(100% - 2rem);
    overflow:hidden;
    overflow-y: scroll;
}


/* this stuff is to override styles in linked libraries like bootstrap */
.btn-success {
    background-color: var(--positive-colour);
    border-color: var(--positive-colour);
}