/***************************************** activity stream styling **********************************************************/
.activity-container {width:100%; -moz-box-sizing: border-box;font-size:12px;background:#fff;/*border:1px solid #cde;*/}
.empty-act-history {color: #333333;font-size: 14px;padding: 10px 1px;display: block;}
.activity-container a {color:var(--main-color);;text-decoration:none}
.activity-container a:hover {color:var(--select-color)}
.act-year {width:100%;background:#fff;color:#000;text-align:left;font-size:18px;padding:7px 0px;position:relative;overflow:visible;font-weight: bold;/*border-bottom:1px solid #ebeff2*/}
.act-month {width:100%;text-align:left;padding:7px 0px;position:relative;background:#fff;font-size:16px;/*border-bottom:1px solid #e7e2e2;*/}
.act-year > a {padding-left:10px;}
.act-month > a {padding-left:40px;}
/*.act-year.active{background:#DADDE0}*/
/*.act-month.active{background:#FAEBD7}*/

/*.act-year.active:after {
    border-left: 12px solid rgba(0, 0, 0, 0);
    border-right: 12px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #DADDE0;
    bottom: -8px;
    content: " ";
    font-size: 0;
    height: 0;
    left: 50%;
    line-height: 0;
    margin-left: -12px;
    position: absolute;
    width: 0;
	z-index:1;
}
.act-month.active:after {
	border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 8px solid #FAEBD7;
    bottom: -7px;
    content: " ";
    font-size: 0;
    height: 0;
    left: 50%;
    line-height: 0;
    margin-left: -10px;
    position: absolute;
    width: 0;
}
*/
.act-content {width:100%; -moz-box-sizing: border-box;box-sizing:border-box;}
/* status span */
.act-status {color:#fff;font-size:11px;border-radius:5px;padding:3px 5px;}
.act-status .running {background:#3498DB;}
.act-status .scheduled {background:#F1C40F}
.act-status .pending {background:#FFAA55}
.act-status .completed {background:#2ECC71}
.act-status .canceled {background:#C0392B}

/* activity widths */
.act-content .act-img {width:4%;text-align: center;}
.act-content .user-info {width:21%;color:#0a5;}
.act-content .user-info > div {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right: 5px;}
.act-content .act-info {width:48%;font-size:12px;color:#777;}
.act-content .act-status {width:15%}
.act-content .act-action {width:10%}

.act-content .act-info span {vertical-align:middle; margin:0px 5px;} 
.act-content .user-info  span {font-size:11px;color:#909090;/*font-style:italic;*/}
.act-content:nth-child(odd){background:#f5f5f5;}
.act-content {/*border-bottom:1px solid #fff;*/padding:5px 5px 5px 60px;}
.act-content img {border-radius:3px;height:30px;}
.act-content > div {display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* counters */
.act-counter{margin:0px 6px; font-size:18px;}