/*
.transcricao span {
    line-height: 1.5em;
    display: inline-block;
    transition: transform 0.3s ease;
}
.transcricao span:hover {
    margin-bottom: 1.5em;
    transform: translateY(-5px);
}
.transcricao span {
    padding: 0.1em 0.25em;
    border-radius: 0.1rem;
}
*/

.transcricao span.agora {
    color: var(--bs-primary);
    background: var(--bs-primary-light) !important;
    font-weight: bolder;
}

.transcricao span.lido {
    background: var(--bs-light-active);
}

.transcricao {
    --bs-background-light: #ffeeba; /* Light Primary */
    --bs-background-light-1: #d4edda; /* Light Success */
    --bs-background-light-2: #f8d7da; /* Light Danger */
    --bs-background-light-3: #cce5ff; /* Light Info */
    --bs-background-light-4: #f5d6f4; /* Light Purple */
    --bs-background-light-5: #e2f3f5; /* Light Cyan */
    --bs-background-light-6: #fff3cd; /* Light Warning */
    --bs-background-light-7: #d6d8db; /* Light Secondary */
    --bs-background-light-8: #f8d7da; /* Light Danger */

    --bs-color-light: #ffc107; /* Yellow */
    --bs-color-light-1: #28a745; /* Green */
    --bs-color-light-2: #dc3545; /* Red */
    --bs-color-light-3: #007bff; /* Blue */
    --bs-color-light-4: #6f42c1; /* Purple */
    --bs-color-light-5: #17a2b8; /* Teal */
    --bs-color-light-6: #fd7e14; /* Orange */
    --bs-color-light-7: #6610f2; /* Indigo */
    --bs-color-light-8: #e83e8c; /* Pink */
}

.transcricao span[o="0"] { border-bottom: solid 2px var(--bs-background-light); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light); }
.transcricao span[o="1"] { border-bottom: solid 2px var(--bs-background-light-1); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-1); }
.transcricao span[o="2"] { border-bottom: solid 2px var(--bs-background-light-2); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-2); }
.transcricao span[o="3"] { border-bottom: solid 2px var(--bs-background-light-3); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-3); }
.transcricao span[o="4"] { border-bottom: solid 2px var(--bs-background-light-4); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-4); }
.transcricao span[o="5"] { border-bottom: solid 2px var(--bs-background-light-5); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-5); }
.transcricao span[o="6"] { border-bottom: solid 2px var(--bs-background-light-6); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-6); }
.transcricao span[o="7"] { border-bottom: solid 2px var(--bs-background-light-7); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-7); }
.transcricao span[o="8"] { border-bottom: solid 2px var(--bs-background-light-8); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-8); }
.transcricao span[o="9"] { border-bottom: solid 2px var(--bs-background-light-9); box-shadow: 0rem 0.2rem 0.2rem var(--bs-background-light-9); }

.transcricao span[o="0"].lido { background: var(--bs-background-light) !!important; }
.transcricao span[o="1"].lido { background: var(--bs-background-light-1) !!important; }
.transcricao span[o="2"].lido { background: var(--bs-background-light-2) !!important; }
.transcricao span[o="3"].lido { background: var(--bs-background-light-3) !!important; }
.transcricao span[o="4"].lido { background: var(--bs-background-light-4) !!important; }
.transcricao span[o="5"].lido { background: var(--bs-background-light-5) !!important; }
.transcricao span[o="6"].lido { background: var(--bs-background-light-6) !!important; }
.transcricao span[o="7"].lido { background: var(--bs-background-light-7) !!important; }
.transcricao span[o="8"].lido { background: var(--bs-background-light-8) !!important; }
.transcricao span[o="9"].lido { background: var(--bs-background-light-9) !!important; }



.selection > .select2-selection {
    /*height: 1.5em;*/
    min-height: 3.3rem;
}


label.error {
    color: var(--bs-danger);
    font-size: 0.9em;
    padding-left: 0.5em;
    font-weight: bold;
}



.pointer {
    cursor: pointer !important;
}

td {
  height: 50px;
  vertical-align: middle;
}


mark .tag {
    background-color: var(--bs-color-light);
}