#event-status{color: #333;}
#event-status > strong {display: block; margin-top: 8px}
#event-status > span{float: right;}
#event-status .event--single{background: #eee; border: solid 1px #aaa; padding: 10px 20px;  border-radius: 8px; margin-bottom: 15px}


.progress-bar > span{display: block; padding: 10px 20px;}
.progress-bar > strong{margin-top: 8px}

.progress-bar-container {

    position: relative;
    width: 100%;
    height: 55px;
    background-color: #eee;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;

}


.progress-bar {
    width: 0%;
    height: 100%;
    background-color: #ddd;
    transition: width 6s linear;
}

.cancel-event {
  position: absolute;
  right: 10px;
    border: solid 1px #ddd
    color: white;
    padding: 5px 10px;
    cursor: pointer;
}