/* to refresh web page, use ctrl-shift-R */
/*span.ss_h {background-color:rgba(208,0,0,0.36);} 
span.ss_e { background: rgba(58,67,208,0.5);} 
span.diso { background: rgba(208,132,18,0.41); } 
*/
span.ss_h {background: rgba(228,0,0,0.42);} 
span.ss_e { background: rgba(0,191,255,0.7);}  
span.diso { background: rgba(222,184,135,0.8); } /*burlywood*/
span.htp { background: rgba(144,238,144,0.8); } /*lightgreen*/
span.ppm3 { background: rgba(203,195,227,0.8); } /*lightgreen*/
span.ppm3full { background: rgba(220,180,200,0.8); } /*lightgreen*/
span.af2domains { background: rgba(192,192,192,0.8); } /*silver*/
span.sequenceBold { font-weight: 600; border-bottom: 0.15em solid rgba(128,128,128,0.78); }
span.snv {color:darkblue; background-color:magenta;}
span.splice0 {color:black;background-color:lightgreen}
span.splice1 {color:blue;background-color:lightgreen}
span.splice2 {color:red;background-color:lightgreen}
table, th, td { border:1px solid black; margin: 5px;}
img { border: 20px solid #EEE; }
figcaption {text-align:center;}
/*
*/
/* gradient from http://www.perbang.dk/rgbgradient/  */
/*
span.al2co0123 {color:F7E2E3}
span.al2co45 {color:E9AAAD}
span.al2co67 {color:DB7176}
span.al2co8 {color:BF000A;background-color:C8C8C8;}
span.al2co9 {color:FF0000;background-color:grey;}
*/
span.al2co0123 {color: ffbbbb;}
span.al2co45 {color:ff9999; background-color:E8E8E8;}
span.al2co67 {color:ff6868; background-color:C8C8C8;}
span.al2co8 {color:ff3333;background-color:404040;}
span.al2co9 {color:FF0000;background-color:black;}
span.plddt01234 {color:orange;background-color:orange;}
span.plddt56 {color:yellow;background-color:yellow;}
span.plddt78 {color:lightblue;background-color:lightblue;}
span.plddt9 {color:blue;background-color:blue;}
span.htpS {color:red;background-color:rgba(144,238,144,0.8);}
span.htpM {color:blue;background-color:rgba(144,238,144,0.8);}
span.stmiM {color:black;background-color:yellow;}
span.stmiI {color:black;background-color:yellow;}
span.stmiT {color:darkred;background-color:yellow;}
span.stmiS {color:red;background-color:yellow;}
pre{line-height:118%;}
h4.protein {line-height:150%;}
h5.protein {line-height:150%;}
.char {display: inline-block;
        position: relative;
    }
.char::before {
    content: '.';
    display: inline-block;

    /* position the dot underneath the character */
    position: absolute;
    bottom: -0.3em;
    left: 0;

    /* center the dot horizontally */
    text-align: center;
    width: 100%;

    /* ... (style the dot to your liking) */
}
/*
*/
/*
ul {
   height: 100px;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}
 */