.UbiHMI-bar-wrap 
{
    overflow: hidden;
    position: relative;
    background: lightgray;
    display: inline-block;
}

.UbiHMI-horizontal .UbiHMI-bar {
    height: inherit;
    background: lightgreen;
    text-align: center;
    
}

.UbiHMI-vertical .UbiHMI-bar {
    height: inherit;
    background: lightgreen;
    text-align: center;
    position: relative;
    left: 0;
    bottom: -100%;
    transform: translate(0, -100%);
}

.UbiHMI-bar-label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.UbiHMI-vertical .UbiHMI-bar-label 
{
    writing-mode: tb-rl;
}

.UbiHMI-link 
{
    text-decoration:underline;
    cursor: pointer;
}

.UbiHMI-roles div
{
    margin-left: 3em;
}

.UbiHMI-role-header td 
{
    padding: 1ex 0 1ex 2em;
}

.UbiHMI-roles p 
{
    margin: 0.5em 2em 0.5em 5ex;
    display: inline-block;
}

#UbiHMI-chooser
{
    display: inline-block;
}

#UbiHMI-chooser h3 
{
    margin-top: 0px;
}

#UbiHMI-chooser button
{
    margin-bottom: 1ex; 
}

span.Ubi-copyright-notice { display: none; }

[v-cloak] { display: none }

.UbiHMI-report-wrap {
    overflow: auto;
}
#UbiHMI-loading
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
}