.row
{
    margin-top: 5px;
}

.listRow
{
    height: 80px;
}

.mobileHeaderRow
{
    height: 60px;
}

.mobileRow
{
    height: 40px;
}

.col-one-fifth
{
    width: 20%;
    float: left;
}

.valuecolor
{
    color: blue;
}

.highlightcolor
{
    color: green;
}

.largetext
{
    font-size: larger;
}

.errorcolor
{
    color: red;
}

.errorlinecolor
{
    color: darkblue;
}

.sessionid
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* A basic tooltip: https://www.w3schools.com/css/css_tooltip.asp */
.basictooltip
{
    position: relative;
    display: inline-block;
 }

.basictooltip .basictooltiptext
{
    visibility: hidden;
    width: 150px;
    background-color: gray;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -100px;
}

.basictooltip:hover .basictooltiptext
{
    visibility: visible;
}

/* Reduce browser text size when the view is reduced, so that text fits */
@media all and (max-width: 992px)
{
    body
    {
        font-size: 0.85em;
    }
}