body {
    padding: 4px !important;
}

p {
    margin: 0;
    padding: 0;
}


.processing {
    color: #443333 !important;
}


em {
    color: #dA570f;
    font-style: normal;
    --display: inline-block;

    background: url(/static/underline.svg) 0 100% repeat-x;
    border-radius: .2em;

    padding-bottom: 3px;
    margin: 0px;
}

em.active {
    background: #fdc;
    -webkit-transition: background-color .25s, color .25s;

    padding: 3px 2px;
    margin: 0 -2px;
}


em.active.current {
    -webkit-transition: background-color 0s, color 0s;
    background: #DA570F;
    color: #fff;

    padding: 3px 2px;
    margin: 0 -2px;
}



em.blue {
    color: #10807F;
    background: url(/static/underline-blue.svg) 0 100% repeat-x;
}

em.blue.active {
    background: #cfe6e5;
}

em.blue.active.current {
    background: #10807F;
    color: #fff;
}


em.blue.active.current em.blue {
    color: #066060;
}


em.purple {
    color: #4d0063;
    background: url(/static/underline-purple.svg) 0 100% repeat-x;
}

em.purple.active {
    background: #e6dfe5;
}

em.purple.active.current {
    background: #4d0063;
    color: #fff;

}



em.disabled {
    background: url(/static/underline-disabled.svg) 0 100% repeat-x;
    color: #999;
}

em.disabled.active {
    background: #eee;
}

em.disabled.active.current {
    background: #999;
    color: #fff;
}