.incentiveActivity {
}

.incentiveActivity .activityIcon {
	float: left;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	border-radius: 50%;
	margin: 5px 0 0 2px;
}

.incentiveActivity .activityName {
	float: left;
	line-height: 25px;
	margin: 5px 0 0 5px;
}

.incentiveActivity .ticketIcon {
	float: right;
	width: 36px;
	height: 36px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/ticket_s_v1.png);
	background-size: 36px 36px;
	margin: 0 2px 0 0;
	display: none;
}

.incentiveActivity.tickets .ticketIcon {
	display: block;
}

.incentiveActivity .coinIcon {
	float: right;
	width: 26px;
	height: 24px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/coin_s_v1.png);
	background-size: 26px 24px;
	margin: 5px 2px 0 0;
	display: none;
}

.incentiveActivity.coins .coinIcon {
	display: block;
}

.incentiveActivity .rewardValue {
	float: right;
	margin: 5px 5px 0 0;
}

.incentiveActivity .earned {
	margin: 0 0 0 5px;
}

.incentiveActivity .bar {
	position: relative;
	width: 100%;
	height: 16px;
	background-color: #e0e0e0;
}

.incentiveActivity .bar.empty {
	background-color: #ffffff;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

.incentiveActivity .complete {
	position: absolute;
	left: 0;
	height: 100%;
}

.incentiveActivity.tickets .complete {
	background-color: #A5DC82;
}

.incentiveActivity.coins .complete {
	background-color: #A5DC82;
}

.incentiveActivity .incomplete {
	position: absolute;
	height: 100%;
	background-color: #f0f0f0;
}

.incentiveActivity .bar .progressValue {
	position: absolute;
	line-height: 16px;
	margin: 0 5px;
}

.incentiveActivity .bar .progressValue.leftAnchor {
}

.incentiveActivity .bar .progressValue.rightAnchor {
	color: #ffffff;
}

.incentiveActivity .tick {
	position: absolute;
	width: 2px;
	top: 0;
	height: 100%;
	margin: 0 0 0 -1px;
}

.incentiveActivity .tick.complete {
	background-color: #69ABA3;
}

.incentiveActivity .tick.incomplete {
	background-color: #C9C9C9;
}

.incentiveActivity .breakdownSection {
	margin: 5px 0;
	display: none;
}

.incentiveActivity .breakdownToggle {
	width: 14px;
	height: 8px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/toggledown_s_v1.png);
	background-size: 14px 8px;
	margin: 0 0 0 10px;
}

.incentiveActivity .breakdownSection.expanded .breakdownToggle {
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/toggleup_s_v1.png);
}

.incentiveActivity .breakdownContainer {
	display: none;
}

.incentiveActivity .breakdownSection.expanded .breakdownContainer {
	display: block;
}

.incentiveActivity .breakdown {
	margin: 5px 0 0 0;
}

.incentiveActivity .breakdown .sessionIconContainer {
	float: left;
	width: 26px;
	height: 26px;
	background-color: #E95D5D;
	border-radius: 50%;
	margin: 0 0 0 5px;
}

.incentiveActivity .breakdown .sessionIcon {
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
}

.incentiveActivity .breakdown .avatar {
	width: 26px;
	height: 26px;
	background-size: 26px 26px;
}

.incentiveActivity .breakdown .sessionName {
	float: left;
	margin: 0 0 0 5px;
	line-height: 26px;
}

.incentiveActivity .breakdown .gaugeContainer {
	float: right;
	margin: 0 5px 0 0;
}

.incentiveActivity .breakdown .progress {
	float: right;
	margin: 0 5px 0 0;
}

.incentiveActivity .breakdown .progressValue {
	float: left;
	line-height: 26px;
}

.incentiveActivity .breakdown .progressUnits {
	float: left;
	margin: 0 0 0 5px;
	line-height: 26px;
}