.activity {
	position: relative;
}

.activity .historyButton {
	float: right;
	width: 26px;
	height: 26px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/calendar_s_v1.png);
	background-size: 26px 26px;
	margin: 8px 10px 0 0;
}

.activity.userActivity .historyButton {
	display: none;
}

.activity .top {
	position: relative;
	/*background-color: #f0f0f0;
	height: 40px;*/
}

.activity .totals {
	display: none;
	width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.activity .chart {
	position: relative;
	background-color: #e0e0e0;
	height: 28px;
}

.activity .bottom {
	position: relative;
	background-color: #f0f0f0;
	height: 20px;
}

.activity .bar {
	position: absolute;
	height: 100%;
}

.activity .totalDurationSpacer {
	float: left;
	width: 5px;
	height: 5px;
}

.activity .totalDurationValue {
	line-height: 26px;
}

.activity .totalDurationLabel {
	margin: 7px 0 0 0;
}

.activity .label {
	position: absolute;
	top: 2px;
}

.activity .totals .activitySection {
	float: left;
	margin: 2px 5px;
}

.activity .totals .activitySection .icon {

	margin:auto;
}

.activity .totals .activitySection.empty .icon {
	display: none;
}

.activity .totals .activitySection .text {
	text-align: center;
}

.activity .totals .activitySection.empty .text {
	display: none;
}

.activity .totals .activitySection .dot {
	width: 8px;
	height: 8px;
	background-color: #cacaca;
	border-radius: 50%;
	display: none;
	margin: 0 6px;
}

.activity .totals .activitySection.empty {
	width: 21px;
}

.activity .totals .activitySection.empty .dot {
	display: block;
}

.activity .totals .durationSection .icon {
	width: 26px;
	height: 26px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/clock-blue%403x.png);
	background-size: 26px 26px;
}

.activity .totals .caloriesSection .icon {
	width: 17px;
	height: 24px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/calories-blue%403x.png);
	background-size: 17px 24px;
}

.activity .totals .strokesSection .icon {
	width: 17px;
	height: 24px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/d/en_US/gv/i/strokes_s_v1.png);
	background-size: 17px 24px;
}

.activity .totals .stepsSection .icon {
	width: 21px;
	height: 26px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/steps-blue%403x.png);
	background-size: 21px 26px;
}

.activity .totals .distanceSection .icon {
	width: 18px;
	height: 25px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/activity/distance-blue%403x.png);
	background-size: 18px 25px;
}

.activity .rest {
	line-height: 28px;
	text-align: center;
}