/* SMALL */
@media screen and (max-width: 39.9375em) {
  .highScoreRow { font-size: 16px; }
}


/* MEDIUM */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .highScoreRow { font-size: 16px; }
}


/* LARGE *//* X-LARGE */
@media screen and (min-width: 64em) {
  .highScoreRow { font-size: 20px; }
}

	.resultRow:nth-child(odd) {
		background-color: #868686;
	}

	.resultRow:nth-child(even) {
		background-color: #ababab;
	}
	
	.resultRow {
		border-radius: 10px;
		height: 86px;
		clear: both;
	}

	.resultRow.resultRowRank1 {
		border-radius: 10px;
		height: 104px;
		clear: both;
		background-color: #87b656;
		border: 3px solid #2a9dba;
	}
	
	.resultRowNarrow {
		margin: 0px 30px 0px 30px;
	}

	.resultRow:nth-child(odd) .resultRank {
		background-color: #676767;
		border: 8px solid #a2a2a2;
	}

	.resultRow:nth-child(even) .resultRank {
		background-color: #838383;
		border: 8px solid #bebebe;
	}

	.resultRank {
		float: left;
		min-width: 60px;
		border-radius: 30px;
		margin: 12px 10px 10px 12px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		font-size: 30px;
		padding: 0px 3px 0px 3px;
	}

	.resultRow.resultRowRank1 .resultRank {
		background-color: #688c42;
		border: 8px solid #a3c77d;
	}

	.resultSelfie {
		float: left;
		width: 62px;
		height: 62px;
		overflow: hidden;
		margin: 12px 10px 10px 12px; 
		border-radius: 1px;
		border: 2px solid #c7c7c7;
		background: #ffffff url('/images/quad_dash/avatarHeader.png') no-repeat top left;
	}

	.resultRowRank1 .resultSelfie {
		width: 84px;
		height: 84px;
		margin: 6px 0px 10px 0px; 
		border: 2px solid #fae46c;
	}
	
	.resultDate {
		font-size:12px;
		font-weight: bold;
	}

	.resultRow:nth-child(odd) .resultDate {
		color: #bebebe;
	}

	.resultRow:nth-child(even) .resultDate {
		color: #d2d2d2;
	}
	
	.resultRowRank1 .resultDate {
		color: #bed7a4;
	}
	
	.resultName {
		xfloat: left;
		xwidth: 400px;
		height: 82px;
		xmargin: 20px 0px 2px 10px;
		padding-left:10px;
		xline-height: 86px;
		font-size: 30px;
		font-weight: bold;
		color: #ffffff;
		overflow: hidden;

		line-height: normal;
		padding-top: 26px;
		white-space: nowrap;
	}

	.resultRowRank1 .resultName {
		color: #fae46c;
		font-size: 34px;
		line-height: normal;
		padding-top: 28px;
		white-space: nowrap;
		height: 94px;
	}
	
	.resultRow:nth-child(odd) .resultTime {
		border-left: 6px solid #a7a7a7;
	}

	.resultRow:nth-child(even) .resultTime {
		border-left: 6px solid #c2c2c2;
	}

	.resultTime {
		float: right;
		width: 80px;
		height: 82px;
		margin: 2px 0px 2px 0px;
		line-height: 86px;
		font-size: 24px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
	}

	.resultRow.resultRowRank1 .resultTime {
		width: 90px;
		font-size: 26px;
		border-left: 0px solid #a7ca84;
		line-height: 80px;
	}

	.resultRow.resultRowRank1 .resultTimeOuter {
		border-left: 8px solid #a7ca84;
	}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dedede;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #dedede;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #dedede;
}

	#prizeSelfie {
		width: 62px;
		height: 62px;
		overflow: hidden;
		margin: 12px auto 10px auto; 
		border-radius: 1px;
		border: 2px solid #c7c7c7;
		background: #ffffff url('/images/quad_dash/avatarHeader.png') no-repeat top left;
	}
	
	#prizeName {
		margin: 20px auto 2px auto;
		font-size: 30px;
		font-weight: bold;
		color: #000000;
		overflow: hidden;
	}

#prizeDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    xcursor:			pointer;
    xopacity:		0.9;
    background-color: rgba( 255, 255, 255, 0.9 );
    xbackground: rgba( 255, 255, 255, 1 ) 
                url('/images/quad_dash/quad_dash_logo.png') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.prize {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.prize #prizeDiv {
    display: block;
}


#claimPrizeDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    xcursor:			pointer;
    xopacity:		0.9;
    background-color: rgba( 255, 255, 255, 0.9 );
    xbackground: rgba( 255, 255, 255, 1 ) 
                url('/images/quad_dash/quad_dash_logo.png') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.claimPrize {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.claimPrize #claimPrizeDiv {
    display: block;
}

.claimPrize_amazon {
	background: #ffffff url('/images/quad_dash/dash_guy_amazon.gif') no-repeat 30px 30px;
	text-align:center;
	border-radius:5px;
	padding:20px;
	min-height:200px;
}

.claimPrize_starbucks {
	background: #ffffff url('/images/quad_dash/dash_guy_starbucks.gif') no-repeat 30px 30px;
	text-align:center;
	border-radius:5px;
	padding:20px;
	min-height:200px;
}

.buttonToggleOne {
	background-color: #ccd9e9;
	color: #000000;
	border:1px solid #3366ac;
	xborder-left:1px solid #3366ac;
	cursor: pointer;
	box-sizing: border-box;
	width: 140px;
	padding: 0px 5px 0px 5px;
	height: 40px;
	font-family: 'Gilroy_SemiBold', sans-serif; 
	font-size: 17px;
	font-weight: normal;
	line-height: 38px;
	xtext-transform: uppercase;
	xdisplay: inline-block;
	text-align: center;
	float: left;
}

.buttonToggleOne.buttonToggleOneActive {
	background-color: #3366ac;
	color: #ffffff;
}

.buttonToggleOne:hover {
	background-color: #3366ac;
}