#dashboard
	width: 100%
	padding: 0 20px

.d-activity
	font-size: .9em

	$activity-highlight-color: #00cc9f

	ul
		cursor: default
		padding: 0 10px
		color: $color-text-dark-primary
		list-style: none
		border-left: thin solid rgba($activity-highlight-color, .2)

		li
			padding: 7px 0

		span.date
			color: darken($activity-highlight-color, 5%)
			position: relative

			&:before
				content: ''
				display: block
				position: absolute
				bottom: 5px
				left: -13px
				width: 5px
				height: 5px
				border-radius: 50%
				background-color: $color-background-light
				border: thin solid $activity-highlight-color

		span.actor
			padding: 0 5px
			color: $color-text-dark