.view-activity {
	> .list {
		margin: 0;
		padding: 0;
		width: 100%;

		> .item {
			list-style: none;
			padding: 10px 0;
			margin: 5px 0;
			white-space: nowrap;
			position: relative;

			> .dash {
				position: absolute;
				top: 19px;
				left: -20px;
				background-color: map-get($gray-shades, 200);
				height: 3px;
				width: 10px;
			}

			> .spacer {
				display: inline-block;
				padding-left: 10px;
			}

			> .details {
				vertical-align: top;
				display: inline-block;

				> .doc {
					color:  map-get($gray-shades, 700);
					font-size: 1.4rem;
					font-weight: 300;
					letter-spacing: 0.5px;
				}

				> .note {
					color: map-get($yellow-shades, 800);
					font-size: 1.2rem;
					font-weight: 400;
					margin-top: 5px;
				}
			}
		}
	}

	> .list-timeline {
		border-left: 5px solid map-get($gray-shades, 200);
		padding-left: 20px;
	}
}
