#tblFinalContainer, #tblDraftContainer{
        overflow:auto;
    }

.compare-true {
    background-color: #ffd498 !important;
    color: black !important;
}

.manual-select {
    background: #f9f090 !important;
    color: black !important;
}

.top-select {
    background-color: #d5ea64 !important;
    color: black !important;
}

.rp-select {
    background-color: #00877c !important;
    color: black !important;
}

.rp-select.r-xmd-select {
    background: black !important;
    color: white !important;
}
.vaclabels.r-xmd-select.selected-td {
    background: black !important;
    color: white !important;
}
.rp-select.r-xm-select {
    background: purple !important;
    color: white !important;
}
.vaclabels.r-xm-select.selected-td {
    background: purple !important;
    color: white !important;
}
.rp-select.r-xd-select {
    background: #D47B22 !important;
    color: white !important;
}
.vaclabels.r-xd-select.selected-td {
    background: #D47B22 !important;
    color: white !important;
}
.rp-select.r-md-select {
    background: green !important;
    color: white !important;
}
.vaclabels.r-md-select.selected-td {
    background: green !important;
    color: white !important;
}
.rp-select.r-d-select {
    background: yellow !important;
    color: black !important;
}
.vaclabels.r-d-select.selected-td {
    background: yellow !important;
    color: black !important;
}
.rp-select.r-m-select {
    background: #0000FF !important;
    color: white !important;
}
.vaclabels.r-m-select.selected-td {
    background: #0000FF !important;
    color: white !important;
}
.rp-select.r-x-select {
    background: #FF0000 !important;
    color: white !important;
}
.vaclabels.r-x-select.selected-td {
    background: #FF0000 !important;
    color: white !important;
}

.vac-select {
    background-color:#00877c !important;
    color: black !important;
}

.seq-select {
    background-color: #00877c !important;
    color: black !important;
}

.selected-td {
    color: black !important;
}

.header-row {
    border: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    text-align: center;
}

.header-col {
    border: none;
    color: white;
    width: inherit;
    float: left;
    margin-left: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
}

#tblFinal td {
    padding: 5px !important;
    text-align: center;
    border: 1px solid;
    color: black;
    border-color: black;
    font-weight: bold;
    min-width: 75px;
    max-width: 75px;
    width: 75px;
}


#tblFinal, #tblDraft td:hover {
    cursor: pointer;
    box-shadow: 0 0 5px;
}

#tblDraft td {
    padding: 5px !important;
    text-align: center;
    border: 1px solid;
    color: black;
    border-color: black;
    font-weight: bold;
    min-width: 75px;
    max-width: 75px;
    width: 75px;
}

.empty-cell {
    border: none !important;
}

td.seqlabels {
    background: white;
    color: black !important;
    width: 30%;
}

td:not(.seq-select) .header-col {
    color: black;
}

td.manual-select > div > label {
    color: black;
}

td.rplabels {
    background: white;
    color: black !important;
    border: 1px solid;
    border-color: black;
    font-weight: bold;
    min-width: 75px;
    max-width: 75px;
}

td.vaclabels {
    background: white;
    color: black !important;
    border: 1px solid;
    border-color: black;
    font-weight: bold;
    min-width: 75px;
    max-width: 75px;
}

td.vac {
/*    background: #37424A;
    color: white !important;*/
}

td.rp {
    background: white;
}

td.disabled {
    background: #BCBDBC;
    color: black !important;
    font-weight: bold;
}

.shiftButton {
    height: 25px !important;
    line-height: 10px !important;
    margin: 2px 5px 9px 5px;
    color: white !important;
}


.homology-div {
    overflow: auto;
    max-height: 780px;
}

.homology-spinner {
    margin-top: 10%;
    /*margin-right: 20%;*/
}

.panel-body .fa-refresh:hover {
    cursor: pointer;
}

.clear-btn {
    float: left;
    padding: 2px;
    line-height: 16px;
    height: 20px;
}

td.vac.top-select {
    color: black !important;
}

td.vac.manual-select {
    background: #f9f090 !important;
    color: black !important;
}

.seq-div {
    float: left;
    width: 250px;
}

.vaclabels.rp-select.selected-td {
    background: #37424A !important;
    color: white !important;
}

.checked-td {
    border-width: 6px 6px !important;
    border-color: #96ba04  !important;
}

#analysis-options tr, #analysis-options td {
    border: 1px solid grey;
    border-collapse:collapse;
    max-height: 18px;
}