.snapCursor_Default {
    cursor: pointer;
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 1px 1px 1px 1px;
    border: 2px solid transparent;
    background-color: #686868;
}

.snapCursor_Perf {
    cursor: pointer;
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 1px 1px 1px 1px;
    border: 2px solid transparent;
    background-color: var(--SoftRed);
}

.snapCursor_Acc {
    cursor: pointer;
    height: 100px;
    width: 100px;
    display: inline-block;
    margin: 1px 1px 1px 1px;
    border: 2px solid transparent;
    background-color: var(--Green);
}

.SnapHeader {
    color: var(--MainBackgroundColour);
    background-color: var(--DarkBackgroundColour);
    border: solid 1px #57566F;
    font-size: small;
    font-weight: bold;
    width: 210px;
}

.DiagramSnapHeader {
color: var(--MainBackgroundColour);
background-color: var(--DarkBackgroundColour);
border:solid 1px #57566F;
font-size:small;
font-weight: bold;
width: 195px;
display:inline-block;
}

.Links {
    list-style-image: none;
    color: var(--MainForeColour);
}

/* if a select element is put inside a snap, it may disappear */
/* use this class to prevent */
.snap_select {
    visibility: visible !important;
}