.selected-disabled,
.selected-disabled:active,
.selected-disabled:hover,
.selected-disabled:focus,
.selected {
    outline: 1px solid rgba(234, 214, 119, 0.9);
    color: rgba(234, 214, 119, 0.9);
    background: rgba(40, 40, 40, 1);
}

.selected-disabled {
    cursor: default;
}

.selected:active,
.selected:focus,
.selected:hover {
    background: rgba(50, 50, 50, 1) !important;
    color: rgba(234, 214, 119, 0.9) !important;
}

.negative {
    background: rgba(155, 0, 0, 1);
    border: none;
    outline: 1px solid rgba(234, 214, 119, 0.9);
    color: rgba(234, 214, 119, 0.9);
}

.negative:active,
.negative:focus,
.negative:hover {
    background: rgba(170, 0, 0, 1);
    border: none;
    outline: 1px solid rgba(234, 214, 119, 0.9);
    color: rgba(234, 214, 119, 0.9);
}

.common-btn:hover {
    background: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .2);
    cursor: pointer;
}


.rel-button.shield {
    background: rgb(0 188 205);
    color: rgb(255 255 255);
}

.rel-button.shield:hover {
    background: rgb(0, 162, 177);
    color: rgb(255 255 255);
}


.empty-button.good,
.rel-button.good {
    background: rgb(136 220 118);
    color: rgb(27, 114, 9, 1);
}

.rel-button.good:hover {
    background: rgb(127, 204, 110);
    color: rgb(27, 114, 9, 1);
}