.incentive {
	background: #ffffff;
	display: none;
}

.incentive .incentiveDetails {
	position: relative;
	background-color: #ffffff;
	height: 160px;
	padding: 10px;
}

.incentive .listContainer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.incentive .listDivider {
	height: 5px;
	background-color: #d0d0d0;
}

.incentive .left {
	float: left;
}

.incentive .rewardSection {
	border: 1px solid #f0f0f0;
	border-radius: 4px;
	padding: 5px;
	display: none;
}

.incentive .rewardText {
    margin: 0 0 2px 0
}

.incentive.tickets .ticketSection {
	display: flex;
	justify-content: flex-end;
	border: none;
}

.incentive .ticketSection .ticketIcon {
	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 5px;
}

.incentive.coins .coinSection {
	display: flex;
}

.incentive .coinSection .coinIcon {
	/*float: left;*/
	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: 0 5px;
}

.incentive .coinSection .balance {
	/*float :left;*/
	margin: 0 0 0 5px;
}

.incentive .incentiveDetails .gaugeContainer, .incentive .incentiveDetails .values {
	position: absolute;
	width: 140px;
	height: 140px;
	left: 50%;
	top: 10px;
	margin: 0 0 0 -70px;
}

.incentive .right {
}

.incentive .todayLabel {
	text-align: center;
	margin: 20px 0 0 0;
}

.incentive.incentiveActivity .todayLabel {
	font-weight: bold;
}

.incentive.tickets .todayLabel {
	color: #A5DC82;
}

.incentive.coins .todayLabel {
	color: #A5DC82;
}

.incentive .todayValue {
	text-align: center;
}

.incentive.incentiveActivity .todayValue {
	font-weight: bold;
}

.incentive.tickets .todayValue {
	color: #A5DC82;
}

.incentive.coins .todayValue {
	color: #A5DC82;
}

.incentive .monthLabel {
	text-align: center;
	margin: 5px 0 0 0;
}

.incentive.incentiveHistory .monthLabel {
    font-weight: bold;
}

.incentive.tickets .monthLabel {
	color: #6BAEA5;
}

.incentive.coins .monthLabel {
	color: #6BAEA5;
}

.incentive .monthValue {
	text-align: center;
}

.incentive.incentiveHistory .monthValue {
    font-weight: bold;
}

.incentive.tickets .monthValue {
	color: #6BAEA5;
}

.incentive.coins .monthValue {
	color: #6BAEA5;
}

.incentive .listSeparator {
	height: 5px;
	background-color: #f0f0f0;
}

.incentive .dailyMaxSection {
	position: absolute;
	bottom: 0;
}
.incentive .coinSection {
	width: 100%;
	justify-content: flex-end;
}

.incentive .rewardText.smallText,
.incentive .balance,
.incentive .coinIcon.coin-balance {
	align-self: center;
	font-size: 16px;
}

.incentive .rewardSection.coinSection {
	border: none;
}