.view-activity {
	margin: 50px;

	.title {
		font-size: 1.8rem;
		font-weight: bold;
		margin: 0 0 30px 0;
		color: $color-gray;		
	}

	> .list {
		margin: 0 0 50px 0;
		padding: 0;
		width: 100%;

		> .item {
			@include ease-in();
			list-style: none;
			padding: 10px 0;
			margin: 5px 0;
			white-space: nowrap;
			position: relative;

			> .dash {
				position: absolute;
				top: 19px;
				left: -20px;
				background-color: $color-border;
				height: 3px;
				width: 10px;
			}

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

			> .details {
				@include ease-in();
				vertical-align: top;
				display: inline-block;

				> .doc {
					font-size: 1.2rem;
					font-weight: normal;
					color: $color-off-black;
					letter-spacing: 0.5px;
				}

				> .note {
					color: $color-gray;
					font-size: 1rem;
					margin-top: 2px;
				}
			}
		}
	}
	
	> .list-timeline {
		border-left: 5px solid $color-border;
		padding-left: 20px;
		margin-left: 30px;
	}
}
