html, body {
    background-color: #2b303b;
}

#hp-rcv, .tip, #turnLabel, #healLabel, #semlaLabel, #damageLabel, #rcvLabel, #basehpLabel, #dmgreductionLabel, #carrychainLabel {
    color: white;
}

.damage.STR, li.STR, #gather {
    background-color: #bf616a;
}

.damage.QCK, li.QCK {
    background-color: #96b5b4;
}

.damage.DEX, li.DEX {
    background-color: #a3be8c;
}

.damage.PSY, li.PSY {
    background-color: #ebcb8b;
}

.damage.INT, li.INT {
    background-color: #b48ead;
}

li.STR > div, li.QCK > div, li.DEX > div, li.PSY > div, li.INT > div {
    color: #2d2d2d !important;
}

.popover {
    background-color: #4d4d4d;
}
.popover-title {
    background-color: #4d4d4d !important;
    color: #eeeeee;
}
.popover-data .information {
    background-color: #4d4d4d !important;
    color: #eeeeee;
}
.popover-data .header {
    background-color: #3c3c3c !important;
    color: #eeeeee;
}

.noUi-target {
    border: none;
}

.panel {
    background-color: #4f5b66;
}

#menu li {
    border-bottom: 2px solid #343d46;
}

.unit {
    border-color: white;
    color: white;
}

@media (hover) {
    .unit:hover {
        border-color: white;
        color: white;
    }
}

.modal-header {
    background-color: #65737e;
}

.modal-body , .floatThead-table tr > th {
    background-color: #eff1f5;
}

.modal-footer {
    background-color: #dfe1e8;
}

.unitLevel {
    color: black;
}

.btn.trigger > i {
    color: white;
}

@media (hover) {
    .btn.trigger > i:hover {
        color: black;
    }

    .rotater:hover .fa {
        color: white !important;
    }
}

.fa-spin {
    color: black !important;
}