/* Global page and element settings ----------------------------------------------------- */ body { font-size: 16px; font-family: "Montserrat", Helvetica, sans-serif !important; } /* Colors */ .dark-blue { color: #20364c !important; } p, table, tr, td, ul, li, blockquote, nav, a, footer, dl, dt, dd { font-size: 1.1rem; font-weight: 400; } /* ul { width: 100%; padding: 32px; } .row { width: 100%; display: table; } */ .convo-table { width: 95%; padding-top: 10rem; padding-left: 2.5rem; } html { scroll-padding-top: 10rem; } .spka { /* text-align: right; */ color: #0274ba; } .spkb { text-align: left; color: #700303; } /* .text { background: #e7fefc; } */ .half-audio { padding: 4%; } .stuck-audio { position: fixed; top: 0; width: 100%; background: #e7fefc; } /* Transcript styles */ .movControl, .movControla, .movControlb { background: #FFFFFF; color: #999; font-size: 20px; cursor: pointer; } .selected { background: #D7F0FF; } span[name="utterance"]:hover { cursor: pointer; } .uttPlaying { background: #FFF68F; } em.linenumber { display: inline-block; width: 60px; color:#999; font-style: normal; background:#FFFFFF; text-align: right; padding-right: 16px; } td { vertical-align: top; }