/* LOG REPORTS OUTPUT */
/* make .load-um-report-log-manager fill all flex columns */
.load-um-report-log-manager {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}
span.load-um-report-log-manager::before {
    content: url(../../icons/list-tree-reports-solid.svg);
    display: inline-block;
    width: 25px;
    color: #ccc;
    filter: invert(87%) sepia(4%) saturate(5%) hue-rotate(324deg) brightness(94%) contrast(93%);
    cursor: pointer;
}
span.um-report-log-status span.um-report-log-status-icon {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}
span.um-report-log-status span.um-report-log-status-icon::before{
    display: inline-block;
    width: 15px;
    margin-right: 5px;
    cursor: pointer;
}
span.um-report-log-status span.um-report-log-status-icon.selected::before{
    color: #9463ae;
    filter: invert(47%) sepia(20%) saturate(1188%) hue-rotate(235deg) brightness(91%) contrast(85%);
}
.um-report-log-output h2 {
    margin: 0;
    padding: 0.5em;
    font-size: 100%;
    text-transform: uppercase;
    background-color: var(--nv-dark-bg);
    color: var(--nv-text-dark-bg);
}
.um-report-log-output p {
    margin: 0;
    padding: 0;
}
.um-report-log-output p > span {
    margin-right: 1em;
}
.um-report-log-output p > span.um-report-log-status {
    margin-right: 0;
    float: right;
}

/*where data-status=active*/
span.um-report-log-status span.um-report-log-status-icon[data-status="active"]::before{
    width: 17px;
    content: url(../../icons/active-status.svg);
}
/*where data-status=trash*/
span.um-report-log-status span.um-report-log-status-icon[data-status="trash"]::before{
    content: url(../../icons/trash-status.svg);
}
/*where data-status=refresh*/
span.um-report-log-status span.um-report-log-status-icon[data-status="refresh"]::before{
    content: url(../../icons/refresh-item.svg);
    top: 0;
    left: 50%;
    transform: translate(-50%, 0px);
    position: absolute;
}
.um-report-log-patient-id {
    color: #ccc;
    margin-right: 5px;
}
.um-report-log-patient-id.active {
    color: #000;
    font-weight: bold;
}
.um-report-log-report.spam {
    color: rgb(176, 148, 148);
}
.um-report-log-report.trash {
    color: #ccc;
}
.um-report-log-report {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 10px;
}
span.um-report-log-saved-icon:before {
    display: inline-block;
    width: 16px;
    vertical-align: middle;
}
span.um-report-log-saved-icon.saved::before{
    content: url(../../icons/saved-solid.svg);
}
span.um-report-log-saved-icon.progress::before{
    content: url(../../icons/progress-solid.svg);
}
.um-report-log-report.trash span.um-report-log-saved-icon.progress::before,
.um-report-log-report.spam span.um-report-log-saved-icon.progress::before,
.um-report-log-report.trash span.um-report-log-saved-icon.saved::before {
    color: #ccc;
    filter: invert(87%) sepia(4%) saturate(5%) hue-rotate(324deg) brightness(94%) contrast(93%);
}