.tableCodecVariants, .thCV, .tdCV {
    border-top: 1px solid #ddd;
    padding: 0.3em !important;
    font-size: small;
}

.tdCV-center {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 0.3em !important;
    font-size: small;
}

.thCV-center {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 0.3em !important;
    font-size: small;
}

.colcheck {
    padding: 0.1em;
    text-align: center;
    font-weight: bold;
    color: green;
}

.colcross {
    padding: 0.1em;
    text-align: center;
    font-weight: bold;
    color: red;
}

#super {
    vertical-align: super;
    font-size: small;
    color: #337ab7;
}

.details {
    text-align: left;
    position: absolute;
    top: 0;
    transform: translateY(0%) scale(0);
    transition: transform 0.1s ease-in;
    transform-origin: left;
    display: inline;
    background-color: antiquewhite;
    z-index: 20;
    min-width: 29ch;
    padding: 0.2em;
    border: 1px solid gray;
    border-radius: 5px;
    color: gray;
    border-color: gray;
    font-weight: normal;
}

.has-details {
    position: relative;
}

.has-details:hover span {
        transform: translateY(10%) scale(1)
}