.dark {
    background-color: rgb(32, 32, 32);
    color: white;
}

.dark .panel {
    background-color: rgb(46, 46, 46);
}


.dark .button {
    background-color: rgb(31, 31, 31);
    border-color: white !important;
    color: white !important
}

.dark .button-no-button {
    border: 0 !important;
    color: white !important;
    width: 100%;
    text-align: left;
}

.dark .button-no-button:hover {
    cursor: pointer;
}

.dark .w3-button:hover {
    background-color: rgb(82, 82, 82) !important;
}

.dark .selected {
    color: rgb(39, 234, 17) !important
}


.dark .button-transcend {
    background-color: #065c21 !important;
}

.dark .button-transcend:hover {
    background-color: #137030 !important;
}

.dark .button-evil {
    background-color: #4B0317 !important;
}


.dark .button-evil:hover {
    background-color: #641028 !important;
}

.dark .button-collapse {
    background-color: rgb(63, 41, 111) !important;
}

.dark .button-collapse:hover {
    background-color: rgb(85, 62, 136) !important;
}


.dark .btn:disabled,
.dark .button:disabled:not(.w3-button) {
    background: #2a2a2a !important;
    color: #666666 !important;
    border: 0.0625em solid #444444 !important;
}