.seq, .ali {
    font-family: monospace, 'Courier New', Courier !important;
    background-color: lightgray;
    margin-left: 0px;

}
.seq {
    width: 100%;
    overflow-x: scroll;
}

.seqline {
    background-color: transparent;
    color: darkgray;
}
.base-n { 
    background-color: transparent;
    color: lime ;
}
.base-a { 
    background-color: transparent;
    color: darkgoldenrod;
}
.base-t { 
    background-color: transparent;
    color: red;
}
.base-g { 
    background-color: transparent;
    color: blue;
}
.base-c { 
    background-color: transparent;
    color: green;
}
.aliseqs, .alinames {
    white-space: nowrap !important;
    overflow-x: scroll !important;
}
.alinames {
    width: 20% !important;
    background-color: darkgray;
    color: white;
}
.scrollable {
    width: 100%;
    overflow-x: scroll;
}
.scrollable > pre {
    overflow-x: scroll;
    max-width: 100%;
}
.legendOfTheSupertribes {
    font-weight: bold;
    display: inline-block;
    margin-right: 2em;
    margin-top: 1em;
}