@checkin-color: #d89c71;
@note-color: #00BCD4;
@list-color: #9C27B0;
@mood-color: #FFC107;
@food-color: #E040FB;
@health-color: #E91E63;
@habit-color: #FF9800;
@calendar-color: #FF5722;
@activity-color: #2196F3;
@place-color: #4CAF50;
@money-color: #B7C341;

.title-font {
	
}

.type-and-time {
	padding: 10px 0 0 0;
	.type {
		text-align: center;
		.icon {
			font-size: 1.5em;
		}
	}
	.timestamp {
		.humantime {
			text-align: center;
			font-size: 11px;
		}
	}
}
.timeline {
	.type-and-time {
		&.acty, &.acty .fa {
			color: @activity-color;
		}
		&.plcs, &.plcs .fa {
			color: @place-color;
		}
		&.ckin, &.ckin .fa {
			color: @checkin-color;
		}
		&.note, &.note .fa {
			color: @note-color;
		}
		&.hlth, &.hlth .fa {
			color: @health-color;
		}
		&.food, &.food .fa {
			color: @food-color;
		}
		&.mood, &.mood .fa {
			color: @mood-color;
		}
		&.mney, &.mney .fa {
			color: @money-color;
		}
		&.cldr, &.cldr .fa {
			color: @calendar-color;
		}
		&.habt, &.habt .fa {
			color: @habit-color;
		}
		&.list, &.list .fa {
			color: @list-color;
			margin: 0 !important;
		}
	}
	.timeline-detail {
		.activity-card {
			.title {
				color: @activity-color;
			}	
		}
		.place-card {
			&.plcs .title {
				color: @place-color;
				.title-font;
			}
			&.ckin .title {
				color: @checkin-color;
				.title-font;
			}
		}
		.note-card {
			.title {
				color: @note-color;
				.title-font;
			}
		}
		.mood-card {
			.title {
				color: @mood-color;
				.title-font;
			}
		}
		.fitness-card {
			.title {
				color: @health-color;
				.title-font;
			}
		}
		.food-card {
			.title {
				color: @food-color;
				.title-font;
			}
		}
		.finance-card {
			.title {
				color: @money-color;
				.title-font;
			}
		}
		.calendar-card {
			.title {
				color: @calendar-color;
				.title-font;
			}
		}
		.habit-card {
			.title {
				color: @habit-color;
				.title-font;
			}
		}
		.list-card {
			.title {
				color: @list-color;
				.title-font;
			}
		}
	}
}