body {
    padding: 1em;
}

.soteria-tooltip-outer .soteria-tooltip-inner {
    display: none;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    /*    top: -5px;
    left: 105%;*/
}

.soteria-tooltip-outer .soteria-tooltip-inner::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.soteria-tooltip-outer:hover .soteria-tooltip-inner {
    display: block;
}

.soteria-content-outer .soteria-content-inner {
    display: none;
}

.soteria-tooltip-outer:hover .soteria-tooltip-inner {
    display: block;
}

.activity-row {
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}

.activity-head {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    color: white;
    padding: 1em;
    border-radius: 6px;
    width: 300px;
}

.status-Unknown {
    background: grey;
}

.status-Running {
    background: white;
    color: black;
    border: 1px solid green;
}

.status-Completed {
    background: green;
}

.status-Warning {
    background: orange;
}

.status-Failed {
    background: red;
}

.status-Skipped {
    background: white;
    color: black;
    border: 1px solid grey;
}

.status-Conflict {
    background: white;
    color: black;
    border: 1px solid red;
}

.status-Vanished {
    background: white;
    color: black;
    border: 1px solid black;
}

.status-Deleted {
    background: black;
}

.activity-name {
    display: block;
}

.activity-summary {
    display: block;
}

.activity-tasks {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-left: 5px;
}

.activity-task-status {
    display: inline;
    width: 10px;
    margin-right: 4px;
    border-radius: 6px;
}