.activityinfo {
    display: flex;
}

.activityinfo .nameAndTime {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.activityinfo .nameAndTime > div {
    font-family: "Metropolis Semi Bold";
    font-size: 24px;
    letter-spacing: 0.24px;
    color: #333;
    margin: 7px 0;
}

.activityinfo .nameAndTime > div:hover {
    color: #0eb5fe;
}

.activityinfo .nameAndTime .activityName {
    display: flex;
    cursor: pointer;
    text-transform: capitalize;
    align-items: center;
}

.activityinfo .nameAndTime .activityName.processing {
    color: #c8c8c7;
    cursor: default;
}

.activityinfo .nameAndTime .activityName.warnings > span {
    color: #fa9c30;
}

.activityinfo .nameAndTime .activityName > span {
    font-family: "Metropolis Regular Italic";
    text-transform: lowercase;
    padding-left: 10px;
    color: #7c7c7c;
    font-size: 15px;
}

/* .activityinfo .nameAndTime .activityName.standalone {
    font-family: "Metropolis Bold";
    color: #0eb5fe;
} */