.activity_list li.item {
    margin-bottom: 5px;    
}

.activity_list li.grouping > ul {
    margin-bottom: 20px;
}

.activity_list li.item > span.icon {
    width: 20px;
    height: 20px;
    margin-left: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}

.activity_list li.item > span.inside {
    width: calc(100% - 142px);
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.activity_list li.item > span.inside + span {
    width: 70px;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.activity_list li.item span {
    vertical-align: top; line-height: 20px;
}

.activity_list li.item span.title {
    line-height: 1.1em;
    max-height: 51px;
    overflow: hidden;
}


.activity_list li.item:after {
    content: "."; display:block; clear:both; height:0; visibility:hidden;
}

header > h0 + h2 + span[data-widget='stars'] {
    top: 30px;
}

span[data-widget='stars'] > span {
    margin-right: 2px;
}

header > h0 + h2 + span[data-widget='stars'] > span {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

span[data-widget='stars'] > span:last-child {
    margin-right: 0px;
}

header > h0 + h2 + span.price {
    font-size: 40px;
    line-height: 40px;
    top: 30px;
}

ul.split.reviews > li span { vertical-align: top; line-height: 20px; }

ul.split.reviews > li span[data-widget] { margin-right: 10px; }

.blocks > li > span > span.padded {
    margin: 20px; 
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

ul.steps.collection > li.selected,
ul.steps.collection > li.done {
    font-family: 'ptrootbold',Arial,Helvetica,freesans,sans-serif; 
}

ul.chat {
    margin: 10px;
    width: calc(100% - 20px);
}

ul.chat > li {
    line-height: 1.3em;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
}

ul.chat > li:last-child { margin-bottom: 0px !important; }

ul.chat > li > span {
    max-width: 70%;
}

ul.chat > li.message > span.right {
    text-align: right;
    float: right;
    background-color: rgba(0, 255, 0, 0.258);
}

ul.chat > li.system > span {
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(255, 206, 0, 0.26) !important;
}

ul.chat > li:after {
    content: "."; display:block; clear:both; height:0; visibility:hidden;
}

section.activity_list > ul.selectable > li.selected {
    border-color: #f00 !important;
}

section.activity_list li.item {
    position: relative;
}

section.activity_list li.item > span.status {
    position: absolute;
    width: 3px;
    left: 0px;
    top: 0px;
    height: 100%;
    background-color: #999;
}

section.activity_list li.item > span.status.pending { background-color: #f80 !important; }

section.activity_list li.item > span.status.cancelled { background-color: #f00 !important; }

section.activity_list li.item > span.status.accepted,
section.activity_list li.item > span.status.open { background-color: #090 !important; }