:root {
  --nav-width: 200px;
  --nav-collapse-width: 67vw;

  --header-height: 60px;

  --nav-bg-color: #03370ceb;
  --active-color: #fff;
  --notif-bgColor: red;
  --brandPrimary: #03370c;
  --brandPrimaryHighlight: #1f742e;
}

@font-face {font-family: Augusta; src: url("https://break50.app/assets/font/AugGa_1.woff2");}
@font-face {font-family: Augusta_Bold; src: url("https://break50.app/assets/font/AugGa_2.woff2");}


			* {font-family: helvetica neue, sans-serif; box-sizing: border-box;} 
			html {margin:0; padding:0 0px; scroll-behavior: smooth; scroll-padding-bottom: 20vh; height: 100vh;  width: 100vw; position: fixed;}
			.left {float: left;} .clear {clear:both;}  
			.center {text-align: center; text-wrap-style: balance;} .justify {text-align: justify;}
			.tal {text-align: left !important;} .tac {text-align: center !important;} .tar {text-align: right !important;}
			.bold {font-family: Augusta_Bold, helvetica neue bold, sans-serif;}
			.bLeft {border-left: solid 1px #fff;} .bRight {border-right: solid 1px #fff;} .bTop {border-top: solid 1px #fff;} .bBot {border-bottom: solid 1px #fff;} 
			.opacity {opacity: 0; display: none;} .fcFFF {color: #ffffff; text-shadow: 2px 2px 3px #000000;}
			.metroscapButton {width: 100%; height: 65px; background-color: #1ec100; border: solid 4px #fff; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: 1.2em; opacity: 0.9;}
			.joinPoolButton {
				padding: 3% 3%; 
				font-size: 8pt; 
				text-transform: uppercase; 
				background-color: green; 
				border: solid 1px #fff; 
				display: block; 
				width: 80%; 
				margin: 0 auto; 
				text-align: center; 
				border-radius: 3vmin;
				color: #ffffff;
			}
			.dashButton {padding: 3% 8%; text-decoration: none; border: solid 2px #fff; background-color: #03370ccf; text-transform: uppercase;}
			.joinPoolButton {
				padding: 3% 3%; 
				font-size: 8pt; 
				text-transform: uppercase; 
				background-color: green; 
				border: solid 1px #fff; 
				display: block; 
				width: 80%; 
				margin: 0 auto; 
				text-align: center; 
				border-radius: 3vmin;
				color: #ffffff;
			}
			.dashButton {padding: 3% 8%; text-decoration: none; border: solid 2px #fff; background-color: #03370ccf; text-transform: uppercase; display: block; margin: 10% 0; color: #ffffff;}
			
			
			input.textBox, select.textBox {width: 100%; border: solid 1px #fff; margin: 5px 0 15px 0; height: 50px; font-size: 18pt; color: #FFF; background-color: #0000006e;}
			textarea.textArea {width: 100%; border: solid 1px #fff; margin: 5px 0 15px 0; height: 11vmax; font-size: 1.2rem; color: #FFF; background-color: #0000006e;}
			.appBack { background-size: 100vw 100vh; background-color: #000; background-repeat:no-repeat;} 
			.secTitle {text-shadow: 2px 2px #000000; padding: 0; margin: 10% 0 0 0; color: #ffffff;}
			.uMsg {position: fixed; top: 10px; right: 10px; background-color: var(--notif-bgColor); display: flex; width: 2vh; height: 2vh; text-align: center; align-content: center; justify-content: center; align-items: center; clip-path: circle(); font-size: 10pt;}
			
			body {width: 100vw; height: 100vh; padding: 0; margin:0; scrollbar-width: none;}
			
			main {padding: 0vh 0 5vh 0; margin: 0; height: 93%; overflow-y: scroll; scrollbar-width: none;}
				.mainPads {padding: 0 2vmin;}
				
			a {text-decoration: none; color: #ffffff; text-transform: uppercase;}
			p {margin: 0; padding:0;} 
			
			a.makeNewGolfer {padding: 2vh 11vw; background-color: #1000ffd1; border: solid #fff 3px; box-shadow: 0px 0px 16px 4px #092503c4; display: block; margin: 3vh auto 1vh auto;}
		.w100, .w95, .w90, .w85, .w80, .w75, .w70, .w66, .w65, .w60, .w55, .w50, .w45, .w40, .w35, .w33, .w30, .w25, .w20, .w15, .w10 {display: block; padding: 1% 2%;}
		.w100 {width: 100%;} .w90 {width: 90%;} .w85 {width: 85%;} .w80 {width: 80%;} .w75 {width: 75%;} .w70 {width: 70%;} .w66 {width: 66.6666%;} .w65 {width: 65%;} .w60 {width: 60%;} .w55 {width: 55%;} .w50 {width: 50%;} .w45 {width: 45%;} .w40 {width: 40%;} .w35 {width: 35%;} .w33 {width: 33.3333%;} .w30 {width: 30%;} .w25 {width: 25%;} .w20 {width: 20%;} .w15 {width: 15%;} .w10 {width:10%;}
		.wGrids {display: grid; align-items: center; align-content: center; justify-content: center; justify-items: center;}

/*************  APPLICATION HEADER CSS ***************/
				
				#applicationHeader {list-style: none; display: block; width: 100%; height: auto; padding:0; margin:0;position:fixed;left:0;top:0;z-index: 100;box-shadow:0px 2px 6px 3px #0000006b; background-color: var(--brandColor-A); border-bottom: solid 1px var(--brandColor-B);}
					#applicationHeader li {float: left; padding: 1% 0 1% 1%; text-transform: uppercase;}
						#headerA {width: 20%; text-align: left;}
						#headerB {width: 60%; text-align: center;}
						#headerC {width: 20%; text-align: right;}
						.headerLink {background-color:#00000000; color: #fff; font-size: 0.85em; display: block; width: 100%; height: 100%; padding: 0;}
						.hlAppName {padding: 5% 0;} .hlSettings {padding-right: 6%;}
						#appName {font-size: 1.4rem; font-weight: bold; text-transform: none !important;}
				
				#golferActions {list-style: none; display: block; width: 100%; height: auto; padding:0; margin:0;position:fixed;left:0;bottom:0;z-index: 100;border-top:solid 3px #fff;}
				#golferActions li {float: left; padding: 0 0 0 0; width: 20%;text-transform: uppercase; text-align: center;}
					.actionLink {background-color:#000; color: #fff; font-size: 7.5pt; text-align: center; display: block; border:solid 1px #333; width: 100%; height: 8%; padding: 15% 5px 18% 5px;} 

@media only screen and (orientation: landscape) {
	.hlAppName {padding: 2% 0;}
}

/************* dashBoard-2024 CSS *****************/
#numRoundsHeader li {margin: 0 0 1% 0;padding: 2.5% 2%; font-size: 10pt;}
					
	#numRoundsPlayed {text-align: justify; padding: 2% 4%; text-shadow: 1px 1px #000000; color: #fff;}
	#numRoundsHeader {height: 10vh; list-style: none; display: block; overflow-y: scroll; margin: 0; padding: 0;}
		#numRoundsHeader li.numRoundsInfo {font-size: 0.8em; margin: 0 0 1% 0; padding: 2% 2%; border-bottom: solid 1px #ffffff; background-color: #000000a6;}
		#numRoundsHeader li.numRoundsTotals{font-size: 0.8em; margin: 0 0 1% 0; padding: 2% 2%; background-color: #ffffffa6; color: #000000;}
			#roundFrontNine, #roundBackNine, #roundAll18, #roundTotalHolesPlayed {width: 25%; display: inline-block; text-transform: uppercase;}
			#roundFrontNine {text-align: left;}
			#roundBackNine, #roundAll18 {text-align:center;}
			#roundTotalHolesPlayed {text-align: right;}
	
 


li.roundsInfo, li.poolsInfo {padding: 2.5% 2%; height: 40px; overflow: hidden; list-style: none; display:block; background-color: #03370cf5; border-bottom: solid 2px #fff; font-weight: bold; font-size: 11pt; color: #ffffff; margin-bottom: 1.5%;}
ul#myRounds, ul#myPools {margin: 0; padding: 0; min-height: max-content; max-height: 18vh; box-shadow: 0px 2px 6px 2px #00000073; overflow-y: scroll;} 

#myRounds li, #roundsHeader li {margin: 0 0 1% 0;padding: 2.5% 2%; font-size: 10pt;}
#myPools li, #poolsHeader li {margin: 0 0 1% 0;padding: 2.5% 2%; font-size: 10pt;}
	.nineHoleRound {font-weight: normal;}	
	.roundAverages {background-color: #03370cba; border-top: solid 2px #fff; font-weight: bold; color: #fff; border-bottom: none;}
	.poolAverages {background-color: #00000082; border-top: solid 2px #fff; font-weight: bold; color: #fff; border-bottom: none;}

.roundsInfo span, .recentRounds span, .recentPools span, .roundAverages span {margin: 0 0 0 0; display: inline-block;} 
.recentPools span {color: #000 !important;} 
#roundDate {width: 20%;} #roundTees {width: 42%} #roundScore {width: 18%; margin-right: 0;} #roundESCScore {width: 9%; margin-right: 0;} #roundDiff {width: 11%; margin:0;}

.poolsInfo span, .recentPools span {font-size: 10pt; font-weight: bold; display: inline-block; text-transform: none;}
.poolsInfo span {text-transform: uppercase;}
#poolName {width: 44%; text-align: left;} #poolPurse {width: 15%; text-align: center; color: #ffff00;} #poolPayout {width: 41%; text-align: right;}

	/************* STATS Section of dashBoard-2024 ******************/
	#statConditions {width: 100%; margin: 15px 0;}
	#statHeader, #statData {width: 100%; margin:0; padding: 0; font-size: 8pt; height: max-content;}
	#statData {margin: 0 0 6vh 0 ;}
	#statHeader li, #statData li {width: 16.66666%; padding: 2% 0; margin:0px; height: max-content; background-color: #000; opacity: 0.9; color: #fff;float:left;text-align: center;font-size:10pt;}
	#statHeader li {height: max-content;  font-weight: bold;}
	#statData li {font-weight: normal;} 
	#puttData, #scoreTypeData {margin:0 0 25px 0; padding:5px 0 5px 0; width: 100%;} 
	.subSet {margin: 0 0 0 25px; padding: 6px 0; background-color: #000000d1; color: #ffffff;}
	.hzHeader, .hzSubHeader {font-size: 12pt; padding: 0 0 0 5px; }
		.hzHeader {width: 45%; display:inline-block;}
		.hzSubHeader {width: 45%; font-size: 11pt; text-align: left; display: inline-block; padding: 1% 0 1% 1%;} 
		.hzData {width: 55%; font-size: 12pt; padding: 1% 1% 1% 0; text-align: right; display: inline-block;}




/*************  holeScores-2024-allAtOnce CSS ***************/				


	main.holeEntries {padding: 0vh 5vw 7vh 5vw; margin: 0; height: 94%; overflow-y: scroll;}
	
	
	form.holeScores div.holeScoreDetails {padding: 1vh 2vw;}
		div.holeScoreDetails p.holeData {font-family: sans-serif; font-size:14pt; text-align: center; padding: 10px 5px; margin: 0 0 20px 0;  border: solid 3px #000000;}
		div.holeScoreDetails span#gScore, div.holeScoreDetails span#sand, div.holeScoreDetails span#chips, div.holeScoreDetails span#putts, div.holeScoreDetails span#penalties, div.holeScoreDetails span#esc, div.holeScoreDetails span#nnet, div.holeScoreDetails span#outBounds, div.holeScoreDetails span#lateral, div.holeScoreDetails span#lost, div.holeScoreDetails span#unPlay,  div.holeScoreDetails span#waterHaz, div.holeScoreDetails span#beers {display: inline-block; float: left; padding: 0px; margin: 0 0 0 0;}
			.score {background-color:#00941554; border: solid 2px #fff; color: #fff;}
			.putts {background-color:#66ff9c87; border: solid 2px #fff; color: #fff;}
			.chips {background-color:#005816b5; border: solid 2px #fff; color: #fff;}
			.sand  {background-color:#c2b9106b; border: solid 2px #fff; color: #fff;}
			.lateral  {background-color:#f00d0082; border: solid 2px #fff; color: #fff;}
			.waterHaz  {background-color:#150fc06e; border: solid 2px #fff; color: #fff;}
			.unPlay	   {background-color:rgba(231, 164, 30, 0.44); border: solid 2px #fff; color: #fff;}
			.lost      {background-color: rgba(0, 94, 3, 1); border: solid 2px #fff; color: #fff;}
			.beers     {background-color:#f3ed8b; border: solid 2px #fff; color: #fff;}
			.outBounds {background-color:#0000008f; border: solid 2px #fff; color: #fff;}
			.goForIt {width: 99%; border: solid 1px #fff; background-color: #00000033; color: #fff; font-size: 14pt; height: 36px;}
			#oB {background-color: #fff; border: solid 1px;} 
			#hZ {background-color: red; border: solid 1px;} 
			#fwB {background-color: yellow; border:solid 1px;}
			#rG {background-color:#02981e; border: solid 1px;}
			#fW {background-color: #02e542; border: solid 1px;} 
	
		div.holeScoreDetails span.topFour {width: 25%; text-align: center; float: left; margin:0;} 
			label.datLabs {font-size: 10pt; font-weight: bold; text-align: center; display: inline-block; width: 100%;}
			span.topFour input.holeInputs, 
				span.topFour input.holeInputs_p1, 
				span.topFour input.holeInputs_p2, 
				span.topFour input.holeInputs_p3, 
				span.topFour input.holeInputs_p4 {
					width: 80%; 
					height: 7.5vh; 
					border-radius: 3px; 
					font-size: 25pt; 
					text-align: center; 
					box-shadow: 2px 2px 8px 0px #000000ab; 
					border-width: 2px;
			}
		div.holeScoreDetails span#fir, div.holeScoreDetails span#gir {width: 100%; text-align: center; border: solid 2px #000000; height: max-content; margin: 2vh 0 0 0; padding: 0.5vh 0}
									   div.holeScoreDetails span#gir {margin-bottom: 2vh;}
		div.holeScoreDetails span.littleFour {width: 20%; text-align: center; float: left; margin:0;}
			span.littleFour input.optInputs {width: 80%; height: 6vh; border-radius: 3px; font-size: 15pt; text-align: center;}
			span#escNET34 {margin: 3vh 0; display: inline-block;}
			span#escNET5  {margin: 3vh 0; display: inline-block;}
				#netTitle, #escTitle {font-size: 15pt;}
				.nscore, .escore {font-size: 25pt; color: #777777; margin: 0 2vw 0 0; position: relative; top: 4px; left: 5px; font-style: italic;}
			span#goForIt  {display: block; width: 100%; padding: 2vh 6vw; clear: both; font-style:italic; font-weight:bold;}
			span#notes {display: block;}
				textarea.notes {width: 100%; padding: 3px; border: solid 1px #ccc; font-size: 14pt; background-color: #ffffffb8;}		   
	
	
	.red {border-color:#ff0000;} .black {border-color: #000000;} .yellow {border-color: #e2cd2b;}
	.rGreen {border-color: #006109;} .fGreen {border-color: #13c422;} .pGreen {border-color: #2bff5d;}
	
	#roundDateTime {margin: 10px 0 0 0; padding:0; text-align: center;} .condCat {font-weight: normal;} .condAns {font-weight: bold;}
	#roundConditions {
		margin: 20px 0 20px 0;
		padding: 0; 
		border: solid 5px #ffffff; 
		font-size: 9pt;
		display: flex;
		gap: 3vmin;
		overflow-x: auto;
		flex-wrap: nowrap;
	} 
	#roundConditions li.headers {padding: 3px; text-align: left; background-color: #000000a8; border-bottom: solid 1px;}
	#roundConditions li.odd {background-color: #ffffffc7; color:#000000; padding: 2px 6px;}
	#roundConditions li.even {background-color: #ccccccbf; color: #000000; padding: 2px 6px;}
		.condCat {font-weight: normal; width: 36%; display: inline-block; padding: 1px 0 1px 3px;}
		.condAns {font-weight: bold; display: inline-block; width: 63%; text-align: right;}
	
	ul.roundSummary li.headers {color: #fff;}
	ul.roundSummary .condCat {width: 63%;}
	ul.roundSummary .condAns {width: 36%;}
	
	#roundInfo {width: 100%; font-family:sans-serif; text-align: center; color: #fff;} .holeEntries {height: 550px;}
	
	.hbhScores {width: 100%; height: 45px; background-color: #16d02da6; border: solid 2px #fff; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: .9em; -webkit-appearance: none; -moz-appearance: none;}
	
	
	/* TABS CSS */
	.tab   	   {display: inline-block;  background-color: #005e03;  padding: 0.5rem;color: #fff; font-family: sans-serif; text-transform:uppercase; border: solid 1px #ffffff;}
	.selected  {background-color: #00a10e;}
	.tab-panel {border: 2px solid white;  min-height: max-content;  max-width: 100%;  padding: 10px; font-family:sans-serif; font-size: 85%;}
	.hidden    {display:none;}
			div#puttsModule {width: 100%; height:max-content; clear: left; padding: 2vh 0 0 0; text-align: left; margin: 0 0 2vh 0;}
				.puttPanelColumns {width: 50%; padding: 1%; border: solid 1px #fff; float: left;}
			#puttInstruct {font-size: 8pt;}
			#puttLength, #puttAmtBrk, #puttType, #puttDirection, #grainDirection, #puttMissLocation, #puttMissReason, #puttFor, #puttBreakUnits {margin: 0 auto 2vh auto; width: 100%; display: block; text-align: center;}
			span#puttLength input.holeInputs, 
				span#puttLength input.holeInputs_p1,
				span#puttLength input.holeInputs_p2,
				span#puttLength input.holeInputs_p3,
				span#puttLength input.holeInputs_p4, 
				span#puttAmtBrk input.holeInputs,
				span#puttAmtBrk input.holeInputs_p1,
				span#puttAmtBrk input.holeInputs_p2,
				span#puttAmtBrk input.holeInputs_p3,
				span#puttAmtBrk input.holeInputs_p4 {
					width: 70%; 
					padding: 2px; 
					margin-bottom: 2vh; 
					background-color: #ffffff; 
					border: solid 4px #006109; 
					font-size: 40pt; 
					color: #006109 !important; 
					text-align: center; 
					aspect-ratio: 1/1;
				}
			.puttLabs {width:100%; text-align: center; font-weight: bold; font-size: 0.9em; display: block; margin: 0 auto 2% auto;}
			.puttSelects {font-size: 1.5em; width: 100%; padding: 4px; background-color: #ffffffe8; border: solid 2px #005816; color: #02981e; text-transform: uppercase; border-radius: 0px;} 
			.breakGrain {width: 100%;}
	
		
		form.holeScores {max-width: 100vw;display:block;margin:0 auto;background-color: #ffffff89;text-align: center;border:solid 5px #ffffff;padding:5px; font-family: sans-serif; height: max-content;}
			#allScoresAtOnce input.holeInputs,
			#allScoresAtOnce input.holeInputs_p1,
			#allScoresAtOnce input.holeInputs_p2,
			#allScoresAtOnce input.holeInputs_p3,
			#allScoresAtOnce input.holeInputs_p4 {
				width: 60%; 
				height:70px; 
				padding:2px; 
				margin-bottom: 10px;
				text-align: center; 
				font-size: 3em;
			}
			#allScoresAtOnce input.score {background-color:#00941554; border: solid 2px #fff; color: #fff;}
		
		#frontNineScores, #backNineScores {width: 100%; height: max-content; padding: 5px;}
			#frontNineScores p.holeData, #backNineScores p.holeData {border: solid 3px #000; padding: 1.5vh 0; font-weight: normal; font-size: 14pt;  margin: 0 0 2vh 0; text-align: center; font-family: sans-serif;}
			#frontNineScores span.allScoresAtOnce, 
			#backNineScores span.allScoresAtOnce {display: block; width: 33.33%; float: left;}
				span.allScoresAtOnce label.hInfo {font-weight: normal; font-size: 11pt; display: inline-block; padding: 3px 5px; border: solid 1px; margin-bottom: 6px;text-align: center; width: auto;} 
					.holePop {font-weight:bold;} 
				span.allScoresAtOnce input.holeInputs,
				span.allScoresAtOnce input.holeInputs_p1,
				span.allScoresAtOnce input.holeInputs_p2,
				span.allScoresAtOnce input.holeInputs_p3,
				span.allScoresAtOnce input.holeInputs_p4 {border-radius: 5px; color: #000000;}
					.fcPop {/*color: #000 !important;*/ font-style:italic;} 
		
		#allScoresAtOnce p.statNotes {text-align: justify;padding: 10px;font-size: 11pt;line-height: 1.5;}
		#frontNineTotal {font-weight: bold; width: 100%; border: solid 2px;} 
		
		.escGrossDiff {display: block; width: 75%;}
		
		
			/***** hole by hole design changed to match selects pages and be on black backround *****/
	form.holeScores {
		background-color: #00000078;
		border: solid 1px #ffffff;
		color: #ffffff;
	}
	span.topFour input.holeInputs,
	span.topFour input.holeInputs_p1,
	span.topFour input.holeInputs_p2,
	span.topFour input.holeInputs_p3,
	span.topFour input.holeInputs_p4 {
		aspect-ratio: 1/1;
		height: auto;
	}
	div.holeScoreDetails span#fir, div.holeScoreDetails span#gir {
		border: solid 1px #fff;
		background-color: #00000078;
		padding: 0.5vh 0 1vh 0;
	}
	
	.sand  {border: solid 2px #c2b910; background-color: #00000078; color: #c2b910;}
	.chips {border: solid 2px #009b27; background-color: #00000078; color: #009b27;}
	.putts {border: solid 2px #66ff9c; background-color: #00000078; color: #66ff9c;}
	.score {border: solid 2px #009415; background-color: #00000078; color: #009415;}
	
	.nscore, .escore {color: #ffffff;}
		
	input[type="tel"].holeInputs,
	input[type="tel"].holeInputs_p1,
	input[type="tel"].holeInputs_p2,
	input[type="tel"].holeInputs_p3,
	input[type="tel"].holeInputs_p4,
	input[type="text"].holeInputs_p1,
	input[type="text"].holeInputs_p2,
	input[type="text"].holeInputs_p3,
	input[type="text"].holeInputs_p4,
	input[type="tel"].toHoleInput,
	input[type="tel"].playedAsInput {
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    padding: 0;
	    margin: 0;
	    text-align: center; /* if you want centered text */
	    line-height: normal; /* helps with vertical alignment */
	    padding-inline: 0;
	    padding-block: 0;
	}	
		
		
/******************* playerCurrentRingerCard CSS ************************/
	#masterScoreCard {width: 100vw;} 
		.swappingSelect {
			display: grid;
			align-content: center;
			justify-content: center;
			align-items: center;
			justify-items: center;
			padding: 2vmin;
		}
		#masterScoreCard h1, #masterScoreCard h2, #masterScoreCard p {color: #fff; text-shadow: 1px 3px 6px #000000;}
			#masterScoreCard p span#poolGroupName {font-size: 1.5em;}
			#masterScoreCard p span#poolGroupDates {font-size: 1.15em;}
		
		div#scsInstruct {color: #f7f700; text-transform: uppercase; font-weight: bold; font-size: 12pt; text-shadow: 0px 0px 5px #000000; margin-top: 2vh;}
		div#scoreCardScroller {overflow-x:scroll; margin: 1vh 2vw 0 2vw; box-shadow: 3px 4px 9px 1px #00000078;}
		div.scoreCardContainer {width: max-content; padding: 0 0 0 0;}
		
	#masterScoreCard h1.center, #masterScoreCard p.center {color: #fff;}
	#masterScoreCard .bLeft {border-left: solid 1px #000;}
	#masterScoreCard .bRight {border-right: solid 1px #000;}
	#masterScoreCard .bTop {border-top: solid 1px #000;}
	#masterScoreCard .bBot {border-bottom: solid 1px #000;} 
	
	div#publicPools {width: 100%; overflow-x: scroll; white-space:nowrap; height: max-content; padding: 0 2vmax;}
		span.b50_poolName {font-size: 1.33rem; font-weight: bold;}
		span.b50_poolDates {font-size: 1rem; font-weight: normal;}
	.column {height: auto; margin:0; padding:0; border-left: solid 1px #000000; width: 14vmin;}
	.rowData {display: grid; align-content: center; box-sizing: border-box; text-align: center; font-size: 15pt; padding: 5px; background-color: #03370c6e; color:#fff; height: 11vmin; font-weight: bold;}
	
	section#holeData div.golferScoreRow {
		height: max-content;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 0 0 0.5vh 0;
	}
	
	#info {width: 16vmax !important; border-left: solid 1px #ffffff;} 
	.leaderBoardLink {font-size: 10pt; font-weight: bold; color: #000000; text-decoration: underline;}
	#frontNineTotals, #backNineTotals {width: 17vmin;} 
	#allEighteenTotals {width: 20vmin;}
	.roundSpecifics {
		display: grid; 
		box-sizing: border-box; 
		justify-content: center;
		align-items: center;
		align-content: center; 
		font-size: 10pt; 
		padding: 1vw 3vw; 
		background-color: #ffffffb8; 
		font-family: sans-serif; 
		height: 6vh;
	}
	.roundAspects {display: block; box-sizing: border-box; text-align: left; font-size: 10pt; padding: 5px; background-color: #fff; font-family: sans-serif;}
	
	#masterScoreCard div.column span {}
		div.column span#score, 
		div.column span#netScore, 
		div.column span#avgScore, 
		div.column span#escScore, 
		div.column span#gir, 
		div.column span#girAvg, 
		div.column span#fir, 
		div.column span#firAvg, 
		div.column span#putts, 
		div.column span#chips, 
		div.column span#sand, 
		div.column span#penalty, 
		div.column span#lostBalls, 
		div.column span#countAlbatross, 
		div.column span#countEagles, 
		div.column span#countBirdies, 
		div.column span#countPars, 
		div.column span#countBogeys, 
		div.column span#count2xBog, 
		div.column span#count3xBog, 
		div.column span#countPlayed, 
		div.column span#roundID, 
		div.column span#date, 
		div.column span#putt_a, 
		div.column span#putt_b,
		div.column span#putt_c {
			/*display: block; 
			float: none; 
			font-size: 10pt; 
			text-align: center !important;*/
		}


		div.column span#score {font-weight: bold;}
		div.column span a.roundID {color: green; text-decoration: underline;}
		div.column span#scoreCard, div.column span#roundID {height: 3vmax; background-color: #03370c73; color: #ffffff;}
		/*div.column span.rowData#number {background-color: #ffffff00;}
		div.column#frontNineTotals span.rowData#number, div.column#backNineTotals span.rowData#number,div.column#allEighteenHoles span.rowData#number {background-color: #ffffff00;}
		div.column span.rowData.rcHoleRow {background-color: #ffffff00 !important;}*/
		
		div.columnPutts#info {width: 125px !important;}
			div.columnPutts#puttsInfo span.roundData.holeNumbersRow {background-color: #000 !important;}
			div.columnPutts#info span.roundSpecifics {height: 40px; background-color: #000; font-weight: bold; color: #fff; border-bottom: solid 2px #fff;}
		div.columnPutts#puttsInfo  {width: 80px !important; border-right: solid 2px #000;}
			div.columnPutts span#puttAttempts, div.columnPutts span#avgMade, div.columnPutts span#totMade, div.columnPutts span#avgAttempts, div.columnPutts span#totAttempts, div.columnPutts span#blankPuttStats  {height: 40px; text-align: center; font-weight: bold;}
	
	.eagle, .birdie, .pars, .bogey, .plusTwoX, .plusThreeX {
		display: inline-block;
		padding: 1.5px 8px;
		font-weight: bold;
		color: #ffffff;
		font-size: 20pt;
	}
	.eagle {
		border-radius: 50%; 
		background: #ff0000;
		border: 2px solid #ffffff;
		color: #ffffff;
		box-shadow: 0px 0px 0px 2px #ff0000;
	}
	.birdie {
		border-radius: 50%; 
		background: #fff; 
		border: 2px solid #f00; 
		color: #f00;
	}
	.pars {
		background:#9cffa400;
		border: 0px solid #007e04; 
		color:#007e04;
	}
	.bogey {
		background: #ddd; 
		border: 2px solid #000; 
		color: #000;
	}
	.plusTwoX {
		background: #444; 
		border: 2px solid #000; 
		color: #fff;
	}
	.plusThreeX {
		background: #fffb00; 
		border: 2px solid #000; 
		color: #000;
	}
	.eaglePutt {
		background-color: #ff0000;
		color: #ffffff;
		border: solid 1.5px #ffffff;
	}
	.birdiePutt {
		color: #ff0000;
		text-shadow: 1px 1px 3px #ffffff;
	}
	.parPutt {
		color: #007e04;
		text-shadow: 1px 1px 3px #ffffff;
	}
	.bogeyPutt {
		color: #454545;
		text-shadow: 1px 1px 3px #00000069;
	}
	.doubleBogeyPutt {
		color: #000000;
		text-shadow: 1px 1px 3px #00000069;
	}
	.tripleBogeyPutt {
		color: #fffd00;
		text-shadow: 1px 1px 3px #00000069;
	}
	.tripleBogeyPlusPutt {
		color: #ffaa00;
		text-shadow: 1px 1px 3px #00000069;
	}
	.missedPutt {
		text-decoration: line-through;
		font-size: 11pt !important;
		opacity: 0.6;
	}
	.missLocations {font-size: 9pt !important;}
	.numPutts {
		font-size: 10pt;
		position: relative;
		display: inline-block;
		top: -9pt;
		left: 1px;
	}

	.zeros {color: #dcdcdc; font-size: 10pt;} 
	.girGreen {color:#079c25; font-weight: bold;} 
	.firGreen {color: #48e33a; font-weight: bold;} 
	.firZeros, .girZeros {color:#cd1d1d;}

	.dFW  {background-color: #48e33a;  font-weight: bold; color: #ffffff;}
	.d1st {background-color: #079c25; font-weight: bold; color: #ffffff;}
	.dRgh {background-color: #03370c; font-weight: bold; color: #ffffff;}
	.dBnk {background-color: #c2b910; font-weight: bold; color: #ffffff;}
	.dH20, .dH2O {background-color: #0007a8; font-weight: bold; color: #ffffff;}
	.dLat {background-color: #cd1d1d; font-weight: bold; color: #ffffff;}
	.dOB  {background-color: #ffffff; font-weight: bold; color: #000000;}
	.dOFW {background-color: #48e33a; font-weight: bold; color: #ffffff;}
	.dLost {background-color: #5700ad; font-weight: bold; color: #ffffff;}
	.dUnplay, .dUnPlay {background-color: #d85f03; font-weight: bold; color: #ffffff;}

	.missLongSided {background-color: #ffdf00; font-weight: bold; color: #000000;}
	.missShortSided {background-color: #ff0000; font-weight: bold; color: #ffffff;}
	.greenInReg {background-color: #00ca00; font-weight: bold; color: #ffffff;}
	
	.lost, .unplay, .water, .lateral, .outBounds, .sandShots, .chipShots {
		padding: 1px 5px;
		font-weight: bold;
		color: #ffffff;
		font-size: 12pt;
		border: solid 1px #ffffff;
	}
	
	.lost {background:#67008c;}
	.unplay, .unPlay {background:#fa9a00;}
	.water {background:#0007a8;} 
	.lateral {background:#b00606;}
	.outBounds {background:#000000;}
	.sandShots {background:#c2b910;}
	.chipShots {background:#005816;}

	span#penalty, span#shortGame {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		gap: 2px;
	}
	
	div.column span#putts {
		height: 55px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		justify-items: center;
		flex-wrap: wrap;
		align-content: center;
		text-align: center;
	}
		.roundSpecifics span#putt_a {
			font-weight: bold;
			display: block;
			width: 100%;
			font-size: 12pt
		}
		.roundSpecifics span#putt_b, span#putt_c {
			font-weight: bold;
			font-size: 12pt;
		}
	#playerCardNav {padding: 20px 0 20px 8px;}
	.belowCard {color:#fff; font-weight: bold; font-family:sans-serif; padding: 15px; font-size: 12pt;} .belowCard:visited {color: #dedede;}
	
	.poolMember {margin: 0 0 0 0; display: inline-block; padding: 3vh 2vw 2vh 0;}
	.poolMember a {background: #ffffff;padding: 3vw 3vw;border: solid 2px #000;font-family: sans-serif;font-size: 10pt;text-transform: uppercase;color: #000;text-decoration: none;font-weight: bold;}
	span.poolMember a:active, span.poolMember a:hover, span.poolMember a:focus, span.poolMember a:target, span.poolMember a:focus-visible {font-style: italic; background-color: var(--brandPrimary); color: #ffff00; border: solid 2px #fff;} 
	
	
	
/************** Quick Leaderboard-2 CSS ****************/	
	
	#leaderBoardMain h1, #leaderBoardMain h3 {color: #ffffff; text-shadow: 2px 2px 5px #000000;} 
		h1#poolLB {margin: 3vh auto 0 auto;}
		#poolDescrip {text-align: justify; line-height: 1.6; font-size: 10pt; text-shadow: 2px 1px 3px #000000; padding: 1vh 5vw; background-color: #03370ce0; border: solid 4px #fff; color: #fff; width: 98%; margin: 0 auto 2vh auto;} 
	.joinPoolButton {padding: 3% 3%; font-size: 8pt; text-transform: uppercase; background-color: green; border: solid 1px #fff; display: block; width: 80%; margin: 0 auto; text-align: center;}
	.dashButton {padding: 3% 8%; text-decoration: none; border: solid 4px #fff; background-color: #03370ccf; text-transform: uppercase; display: block; margin: 10% auto; display: block; width: 98%;}
	
	ul.fastLeaderboard {display: block; margin: 3% auto; padding: 0; border: solid 2px #ffffff00; width: 98%; min-height: max-content; max-height: 33vh; overflow-y: scroll; background-color: #ffffff00; border: solid 4px #FFFFFF;}
	ul.fastLeaderboard li {list-style: none;}
		li.header span.golferName {background: none; border-top: solid 1px #fff;}
		li.header span.scoreData {background-color: #03370c96; color: #fff; border-top: solid 1px #fff;}
		li.playerRow {display: block; padding: 0; margin:0; border-bottom: solid 1px #fff; border-left: solid 1px #fff; width: 100%;}
			li.playerRow span.golferName {display: inline-block; background-color: #03370c96; color: #fff; padding: 2%; font-size: 10pt; font-weight: bold; width: 34%; overflow-x: hidden; white-space: nowrap;}
				li.playerRow span.golferName a {color: #ffffff !important; display: inline-block; text-transform: none; text-decoration: underline;} 
			li.playerRow span.scoreData {padding: 2% 0%; text-align: center; font-size: 10pt; border-left: solid 1px #FFF; background-color: #ffffffb8; font-weight: bold; color: #000; overflow-x: hidden; white-space: nowrap;}
				.abovePar {color: #000000 !important;}
				.belowPar {color: #ff0000 !important;}
			
				.indHole {display: none; width: 3%;}
				.toPar {width: 16.5%;}		
			
			
			
		ul.poolWhat {width: 38%; list-style: none; display: block; margin: 0; padding: 0; border-top: solid 2px #fff; border-left: solid 2px #fff; border-bottom: solid 1px #fff; border-right: solid 1px #fff;}
		ul.poolWho {width: 62%; list-style: none; display: block; margin: 0; padding: 0; border-top: solid 2px #fff; border-left: solid 1px #fff; border-bottom: solid 1px #fff;border-right: solid 2px #fff;}
			li.poolInfo, li.poolData {padding: 1vh 0 1vh 3vw; border-bottom: solid 1px #fff; background-color: #0000009b; color: #fff; font-size: 10pt;}
				li.poolInfo {text-align: left; text-transform: uppercase;}
				li.poolData {text-align: right; padding: 1vh 3vw 1vh 0;}
				
				
/***************** Create Pool CSS ******************/
	
	#createPoolMain div.scroll {height: max-content; overflow-y: scroll; padding: 1vh 4vw; margin:0 2px; color: #fff; background-color: #000000b0; border: solid 2px #fff;}
	#createPoolMain label, #createPoolMain h3 {font-weight: bold; text-transform: uppercase; color: #fff; font-size: 14pt;}
	p#makePoolInstructions {margin: 3vh 0 2vh 0; text-align: justify;}
	div#makePoolContainer select {width: 100%; height:60px; font-size: 24pt; margin: 5px 0 15px 0; background-color: #0000006e; border: solid 1px #fff; color: #ffffff !important;}
	
	#makePoolContainer {display: block; margin:0 0 0 0; }
	#roundDay {display:block;}
	
	#createPoolMain input.textBox {width: 100%; border: solid 1px #fff; margin: 5px 0 15px 0; height: 50px; font-size: 18pt; color: #FFF; background-color: #0000006e;}
	#createPoolMain textarea.textArea {width: 100%; height: 125px; margin: 5px 0 15px 0; background-color: #0000006e; border: solid 1px #fff; color: #ffffff; font-size: 18pt;} 
	#addUserContainer {padding: 25px;} 
	.metroscapButton {width: 100%; height: 45px; background-color: #000; border: solid 1px #777; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: .7em;}
	.metroscapButton {width: 100%; height: 65px; background-color: #1ec100; border: solid 4px #fff; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: 1.5em; opacity: 0.9;}


/***************** Selects-2024 (post new round) CSS ******************/	
	
	main#selectsMain {padding: 2vh 2vw 7vh 2vw;}
	#selectsMain div.scroll h3 {margin: 0; padding: 3px;}
	/*#selectsMain div.scroll select {width: 100%; height:60px; font-size: 24pt;}*/
	#selectsMain div.scroll div#newRoundConditions {display: block; margin:0 0 0 0; width: 100%;} 
	#selectsMain div.scroll div#roundScores span {margin: 0 7px 0 7px; display: inline-block;}
	#selectsMain form#newRoundDetails label, #selectsMain form#newRoundDetails h3 {font-weight: bold; font-size: .8em; text-transform: uppercase; color: #fff;}
	
	#selectsMain form#newRoundDetails textarea.textArea {width: 100%; height: 125px; margin: 5px 0 15px 0;} 
	
	#selectsMain form#newRoundDetails input.metroscapButton {width: 100%; height: 45px; background-color: #000; border: solid 1px #777; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: .7em;}
	#selectsMain form#newRoundDetails input.metroscapButton {width: 100%; height: 65px; background-color: #1ec100; border: solid 4px #fff; margin: 5px 0; color: #fff; text-transform: uppercase; font-size: 1.2em; opacity: 0.9;}
	
	p.whoElse {margin: 0; padding: 25px 0 5px 0; text-align: center; font-style:italic;}
	p.cDesc {margin: 0; padding: 0 5px; font-style: italic; font-size: 50%; text-align: justify;}
	#selectsMain div.scroll {height: 100vh; overflow-y: scroll; padding: 0px; margin:0 8px; color: #fff; background-color: #0000008a; padding: 10px; box-shadow: 0px 0px 8px 3px #ffffff70;}
	

	select#teeBoxes option[value="3"], .doubleBlack {background-color: #0000006e;}
	select#teeBoxes option[value="2"], .black   {background-color: #6666666e;}
	select#teeBoxes option[value="4"], .pinnacle{background-color: #6b5c006e;}
	
	select#teeBoxes option[value="1"]:hover, select#teeBoxes option[value="1"]:active, 
	select#teeBoxes option[value="1"]:focus, select#teeBoxes option[value="1"]:focus-within,
	select#teeBoxes option[value="1"]:visited, select#teeBoxes option[value="1"]:target, select#teeBoxes option[value="1"]:focus-visible,
	select#teeBoxes option[selected], .gold    {background-color: #dad3006e;}
	
	select#teeBoxes option[value="5"], .wadkins {background-color: #6d7d0c6e;}
	select#teeBoxes option[value="6"], .green   {background-color: #079c256e;}
	select#teeBoxes option[value="7"], .greenSilver {background-color: #8496856e;}
	select#teeBoxes option[value="8"], .silver      {background-color: #b0b0b06e;}
	select#teeBoxes option[value="9"], .redSilver   {background-color: #907f7f6e;}
	select#teeBoxes option[value="10"], .red        {background-color: #b015006e;}
	select#teeBoxes option[value="11"], .usga       {background-color: #131d786e;}
	select#teeBoxes option[value="12"], .oga        {background-color: #1d84816e;}
	
	
	#selectsMain ul.roundChoices {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; list-style: none; width: 100%; margin: 0; padding: 2vw 0; row-gap: 4vw;}
		ul li.ghinCourse {list-style: none;}
		ul li.numHoles#sepAllHoles, ul li.numHoles#sepHoleBy {margin: 0 0 0 0}
		ul li.ghinCourse#course {width: 100%;} 
		ul li.ghinCourse#pinPosition {width: 25%; margin-bottom: 10px;}
		ul li.ghinCourse#teeTime {width: 65%; margin-right: 3%; margin-bottom: 10px;} 
		ul li.ghinCourse#ghin {width: 32%; margin-bottom: 10px;} 
		
		/*ul li.numHoles span.numDetails {width: 80%; display: block; margin: 0 auto; background-color: #00661eb0; color: #000; text-align: center; height:27%; padding: 10px; border: solid 2px #ffffff;}
		  ul li.numHoles span.numDetails label span {text-transform:none; font-size: 8pt;}
		  ul li.numHoles span input.rcRadioChoice {width: 25px; height: 20px; padding: 0px 0 0px 0; display: block; margin: 0 auto;}*/
		ul li.ghinCourse select#teeBoxes { display: inline-flex;} 
			#mensBoxes {} 
		
	#selectsMain div.scroll	div#memCondSurv {width: 95%; margin: 0 auto; background: #00661ec7; border: solid 2px #fff; padding: 2%;} 
		div#memCondSurv h2.memCS, div#memCondSurv h3.memCS {text-align: center; color: #fff;} 
		h2.memCS {padding: 5px 0px;} 
	#selectsMain div.scroll div#sepCallOut {
		width: 100%;
		margin: 2% auto 0 auto;
		background: #03370c73;
		border: solid 2px #fffffff7;
		padding: 3%;
	} 
		#sepCallOut h2, #sepCallOut h3 {color: #fff; margin: 0 0;} 
		#sepCallOut h3.memCS {margin: 2% auto; padding: 2vh 0 1% 0 !important;}
		
		#selectMains div.scroll div#trackingQuestions {width: 100%; border: solid 1px #000;}
		div#trackingQuestions p {margin: 0; padding: 0;}
		div#trackingQuestions p span.aspectToTrack, div#trackingQuestions p span.trackBasic, div#trackingQuestions p span.advTrack, div#trackingQuestions p span.trackNone {display: block; float: left; padding: 3%; height: 10%; background-color: #00000073; text-transform: uppercase; border: solid 1px #fff;}
		p span.aspectToTrack {width: 40%; text-align: left} 
			span#aspColumn {font-size: 8pt; color: #ffffff00}
		p span.trackBasic, p span.advTrack, p span.trackNone {width: 20%; text-align: center; font-size: 8pt; text-transform: uppercase;}
		
/************* Bug Reports & Feature Request CSS ****************/
	div.featureRequest textarea.textArea {background-color: #ffffff00; color: #ffffff; font-size: 16pt; border: solid 2px #ffffff;}	
	div.featureRequest label {font-family: sans-serif; font-weight: bold;}
	
	div.submittedRequests {width: 95%; border: solid 2px; padding: 3vh 3vw; font-family: sans-serif; background-color: var(--brandPrimary); margin: 4vh auto;}
		div.submittedRequests p.frIdea {font-size: 10pt; padding: 1% 0; margin: 2% auto;}
			div.submittedRequests p.frIdea strong {font-weight: bold; color: #ffffff; text-decoration: underline;}
			div.submittedRequests p.frIdea span {line-height: 1.25; margin-left: 7vw; }
	
	div.submittedBugReports {width: 95%; border: solid 2px; padding: 3vh 3vw; font-family: sans-serif; background-color: var(--brandPrimary); margin: 4vh auto;}
		div.submittedBugReports p.brBugReport {font-size: 10pt; padding: 1% 0; margin: 2% auto;}
			div.submittedBugReports p.brBugReport strong {font-weight: bold; color: #ffff00; text-decoration: underline;}
			div.submittedBugReports p.brBugReport span {line-height: 1.25; margin-left: 7vw; }
			
			/*************** user prefrence page CSS ****************/
			form.userPreferences {display: block; width: 95%; margin: 0 auto 10% auto; padding: 0 4% 4% 4%; border: solid 2px #fff; background-color: #03370caa;}
				fieldset {background-color: #03370c33; border: solid 2px #fff; display: block; margin: 1vh auto 2vh auto; width: 100%;}
					fieldset span {float: left; width: 25%; display: inline-block; text-align: center; padding: 1vh 0;}
						fieldset span input {width: 3vh; height: 3vh;}
							fieldset span input:checked {background-color: green;}
							input.updatePrefsButton {background-color: #ffffff;padding: 2% 4%;margin: 0 auto;display: block;border: solid 2px #1ec100;box-shadow: 0px 0px 0px 6px #0000001f;text-transform: uppercase;font-family: sans-serif;font-weight: bold; font-size: 80%; color: var(--brandPrimary)}
/******************* Player Profile / Course Profile Header CSS ************************/
	.golferProfileHeader, .courseProfileHeader {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-evenly;
		padding: 2vmax;
		border-bottom: solid 1px #ffffff;
		margin-bottom: 1vmax;
		background-color: #0000007d;
	}
	.courseProfileHeader {
		justify-content: flex-start;
	}
	img.courseLogo {
		width: 18vmin;
		height: 18vmin;
		object-fit: contain;
		margin-right: 1vmax;
	}
	.golferProfileHeader p#avatarInitials {
		display: inline-grid;
		width: 15%;
		aspect-ratio: 1 / 1;
		font-size: 1.5rem;
		background: #000;
		border: solid 2px #ffffff;
		color: #ffffff;
		margin: 0 0 0 0;
		align-items: center;
		justify-content: center;
		padding: 0vh;
		height: 14vmin;
		width:  14vmin;
	}
	.golferProfile_headerName, .courseProfile_headerName {
		display: grid;
		align-items: center;
		justify-items: start;
		font-size: 14pt;
		color: #ffffff;
		width: 63vmin;
	}
	.golferProfile_headerName #golferNameText, .courseProfile_headerName #courseName {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1rem;
	}
	.golferProfileHeader #membSince, .courseProfileHeader #membSince {
		font-size: 10pt;
		font-weight: normal;
		text-align: left;
		color: #ffffff;
	}
	.golferProfileHeader #followCounts, .courseProfileHeader #followCounts {
		font-size: 9pt;
		font-weight: normal;
		text-align: left;
		color: #ffffff;
	}
	.golferProfileHeader span#followButton, .courseProfileHeader span#followButton {

	}							

/******************* Player Info Header (Major Wins, HIOs, Witb, etc.) ************************/
	.backToGolferProfile {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		padding: 2vmax 0vmax 2vmax 0vmax;
		border-bottom: solid 1px #ffffff;
		margin-bottom: 2vmax;
		background-color: #00000044;
	}
	.backToGolferProfile i {
		font-size: 1.5rem;
		color: #ffffff;
		margin: 0 1vmax 0 0;
		padding: 1vmax;
	}

	.backToGolferProfile p#avatarInitials {
		display: inline-grid;
		aspect-ratio: 1 / 1;
		font-size: 1em;
		background: #000;
		border: solid 2px #ffffff;
		margin: 0 2vmax 0 0;
		align-items: center;
		justify-content: center;
		padding: 0vh;
		height: 5vmax;
		width: 5vmax;
		color: #ffffff;
		margin: 0 2vmax 0 0;
	}
	.backToGolferProfile p.smallGolferInfo {
		display: grid;
		align-items: center;
		justify-items: start;
		font-size: 14pt;
		width: 71%;
		/* padding: 25px 0 0 0; */
		color: #ffffff;
	}
	.backToGolferProfile p.smallGolferInfo span#golferNameText {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1rem;
	}
	.backToGolferProfile p.smallGolferInfo span#membSince {
		font-size: 10pt;
		text-align: left;
		color: #ffffff;
		font-weight: normal;
	}
	

	.golferPic {margin: 0px 0px 0px 0px;} 
	
	#followButton {
		display: grid;
		justify-content: end;
		align-items: center;
		justify-items: end;
		width: 8vmin;
	}
	#followCounts {
		text-transform: none;
		font-weight: lighter;
	}	
	a.follow-link {text-transform: none;}

	

/******************* FIR Range Slider ************************/
/*	
	input[type=range] {
	    -webkit-appearance: none;
	    margin: 18px 0;
	    width: 100%;
	    
	    outline:none;
	}
	input[type=range]::-webkit-slider-runnable-track {
	    width: 1px;
	    height: 0.7vh;
	    cursor: pointer;
	    animate: 0.2s;
	    border-radius: 1.3px;
	    background: url("firSlideBackground_blur.png?2");
	    background-color: rgba(255, 255, 255, 0.186);
		background-blend-mode: overlay;
	    background-size:cover;
	    /*background: #aaaaaa;
	}
	input[type=range]::-webkit-slider-thumb {
	    height: 4vh;
	    width: 3vw;
	    border-radius: 0px;
	    background: #FFFFFF;
	    cursor: pointer;
	    -webkit-appearance: none;
	    margin-top: -14px;
	}
	input[type=range]::-moz-range-track {
	    width: 100%;
	    height: 8.4px;
	    cursor: pointer;
	    animate: 0.2s;
	    background: #BFBFBF;
	    border-radius: 1.3px;
	}
	input[type=range]::-moz-range-thumb {
	    height: 36px;
	    width: 1.5vw;
	    border-radius: 3px;
	    background: #FFFFFF;
	    cursor: pointer;
	}
	input[type=range]::-ms-track {
	    width: 100%;
	    height: 8.4px;
	    cursor: pointer;
	    animate: 0.2s;
	    background: transparent;
	    border-color: transparent;
	    border-width: 16px 0;
	    color: transparent;
	}
	input[type=range]::-ms-fill-lower {
	    background: #2a6495;
	    border: 0.2px solid #010101;
	    border-radius: 2.6px;
	    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}
	input[type=range]::-ms-fill-upper {
	    background: #3071a9;
	    border: 0.2px solid #010101;
	    border-radius: 2.6px;
	    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	}
	input[type=range]::-ms-thumb {
	    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
	    border: 1px solid #000000;
	    height: 36px;
	    width: 1vw;
	    border-radius: 3px;
	    background: #ffffff;
	    cursor: pointer;
	}


.firPositions {/*background-image: url("firSlideBackground.png?1"); background-size: contain;}
		.firSlider {width: 100%; padding: 0 0;}
		
		.range-wrap {
		  position: relative;
		  margin: -1vh auto -1vh;
		  padding: 1.75vh 2vw 0.5vh 2vw;
		}
		.range {
		  width: 100%;
		}
		.bubble {
		  background: #03ff00;
		  color: #03370c;
		  padding: 0.25vh 2vw;
		  position: absolute;
		  border-radius: 2px;
		  left: 50%;
		  transform: translateX(-50%);
		  font-size: 9pt;
		  margin: -3vh 0 0 0;
		  
		}
		.bubble::after {
		  content: "";
		  position: absolute;
		  width: 0px;
		  height: 0px;
		  background: white;
		  top: -1px;
		  left: 50%;
		}
		
		input[type="range"][data-value="0"] {
		   background: #03ff00;
		   color: #03370c;
		}
		input[type="range"][data-value="1"] + .bubble, input[type="range"][data-value="-1"] + .bubble {
		   background: #04cd00;
		   color: #03370c;
		}
		input[type="range"][data-value="2"] + .bubble, input[type="range"][data-value="-2"] + .bubble {
		   background: #027f00;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		input[type="range"][data-value="3"] + .bubble, input[type="range"][data-value="-3"] + .bubble {
		   background: #005400;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		input[type="range"][data-value="4"] + .bubble, input[type="range"][data-value="-4"] + .bubble  {
		   background: #013900;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		input[type="range"][data-value="5"] + .bubble, input[type="range"][data-value="-5"] + .bubble {
		   background: #aaa300;
		   color: #000000;
		   border: solid 1px #000000;
		}
		input[type="range"][data-value="6"] + .bubble, input[type="range"][data-value="-6"] + .bubble {
		   background: #b90000;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		input[type="range"][data-value="7"] + .bubble, input[type="range"][data-value="-7"] + .bubble {
		   background: #1b00c0;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		input[type="range"][data-value="8"] + .bubble, input[type="range"][data-value="-8"] + .bubble {
		   background: #000000;
		   color: #ffffff;
		   border: solid 1px #ffffff;
		}
		
		input[type=range][data-value="8"]::-webkit-slider-thumb, input[type=range][data-value="-8"]::-webkit-slider-thumb  {
			background: #ffffff;
		}
		input[type=range][data-value="7"]::-webkit-slider-thumb, input[type=range][data-value="-7"]::-webkit-slider-thumb  {
			background: #1b00c0;
		}
		input[type=range][data-value="6"]::-webkit-slider-thumb, input[type=range][data-value="-6"]::-webkit-slider-thumb  {
			background: #b90000;
		}
		input[type=range][data-value="5"]::-webkit-slider-thumb, input[type=range][data-value="-5"]::-webkit-slider-thumb  {
			background: #aaa300;
		}
		input[type=range][data-value="4"]::-webkit-slider-thumb, input[type=range][data-value="-4"]::-webkit-slider-thumb  {
			background: #013900;
		}
		input[type=range][data-value="3"]::-webkit-slider-thumb, input[type=range][data-value="-3"]::-webkit-slider-thumb  {
			background: #005400;
		}
		input[type=range][data-value="2"]::-webkit-slider-thumb, input[type=range][data-value="-2"]::-webkit-slider-thumb  {
			background: #027f00;
		}
		input[type=range][data-value="1"]::-webkit-slider-thumb, input[type=range][data-value="-1"]::-webkit-slider-thumb  {
			background: #04cd00;
		}
		input[type=range][data-value="0"]::-webkit-slider-thumb  {
			background: #03ff00;
		}
		
		*/

/*********************** STATS PAGE CSS ***************************/
	#puttsFor {
&:has([value="0"]:checked) {}
&:has([value="1"]:checked) {background-color: red !important; color: #ffffff !important;     border: solid 2px #fff !important;}
&:has([value="2"]:checked) {background-color: #ffffff !important; color: red !important;   border: solid 2px red !important;}
&:has([value="3"]:checked) {background-color: green !important; color: #fff !important;      border: solid 2px #fff !important;}
&:has([value="4"]:checked) {background-color: #484848 !important; color: #000 !important;  border: solid 2px #000 !important;}
&:has([value="5"]:checked) {background-color: #000000 !important; color: #fff !important;  border: solid 2px #fff !important;}
&:has([value="6"]:checked) {background-color: #000000 !important; color: #fffb00 !important;  border: solid 2px #fffb00 !important;}
&:has([value="7"]:checked) {background-color: #b0b0b0 !important; color: #000000 !important; border-color: #000000 !important;}
&:has([value="8"]:checked) {background-color: #b01500 !important; color: #ffffff !important; border-color: #ffffff !important;}
}

#statHeader.sixColTable li, #statData.sixColTable li {width: 16.66667% !important;}
			#statHeader.puttLengthsTable li, #statData.puttLengthsTable li {width: 14.28571% !important;} 
			/*#statHeader.puttLengthsTable li, #statHeader.puttQLagTable li {background-color: #000 !important;} */
			#statHeader.puttQLagTable li, #statData.puttQLagTable li {width: 20% !important;}
			#statData.puttLengthsTable, #statData.puttQLagTable, #statData.sixColTable {margin-bottom: 0;}
		.firStats {display: block; width: max-content !important;}
		.firStatsB {display: block; width: max-content !important;}
		.firStatsC {display: block; width: max-content !important;}
		#statHeader.firStats li, #statData.firStats li {width: 12vw !important;}
			.oStatRow {background-color: #aaaaaa !important; color: #000 !important;}
			.eStatRow {background-color: #e3e3e3 !important; color: #000 !important;}
			.lagPuttDesc {display: block; background-color: #ffffff44; color: #000; text-align: justify; font-size: 10pt; padding: 2vh;}
			ul#statData:nth-child(1n) {background-color: #000;}
			ul#statData:nth-child(2n) {background-color: #333;}
			#statData.puttLengthsTable li:nth-child(1) {background-color: #bebebe; color: #000; text-align: left; padding-left: 2vw;}
			
		.fsob {background-color: #000 !important; color: #fff !important;}
		.fsh2 {background-color: blue !important; color: #fff !important;}
		.fshz {background-color: red !important; color: #fff !important;}
		.fsbnk {background-color: #c1bb0d !important; color: #000 !important;}
		.fsdr {background-color: #04360e !important; color: #fff !important;}
		.fsr {background-color: #127e2c !important; color: #fff !important;}
		.fs1c {background-color: #1fa84a !important; color: #fff !important;}
		.fsfwe {background-color: #00e423 !important; color: #000 !important;}
		.fsfwm {background-color: #00ff00 !important; color: #000 !important;}
		.good {color: green !important; background-color: #1fed2e !important;} .grFnt {color: green !important;}
		.danger {color: #700000 !important; background-color: #ff9090 !important;} .rdFnt {color: #700000 !important;}
		.caution {color: #000000 !important; background-color: #f8f400 !important;} .ylFnt {color: #f8f400 !important;}



	
	@media only screen and (min-width:320px){
	}
	@media only screen and (min-width:360px){
	}
	@media only screen and (min-width:375px) {
	}
	@media only screen and (device-width : 411px) and (device-height : 823px) {
	}
	@media only screen and (min-width:414px) {
	}
	@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	}
	@media only screen and (orientation: landscape) {
			/* Add your CSS rules here */
			/*header, nav {display: none;}*/
			main {width: 100%; height: 145%; overflow-y:scroll; overflow-x: scroll; padding: 0vh 2vw 0;}
			
			.appBack {
				/*background-image:url("PinnacleGC-2017-049-Wide-@2x.jpg") !important; */
				background-size: 190vw 170vh; 
				background-position-y: 0;
			}
			.dashButton {margin: 2% auto; width: 40%; padding: 2% 4%;}
			ul.fastLeaderboard {width: 100%; padding: 0; max-height: 100vh !important;}
			.indHole {display: inline-block;}
			.playerRow {width: 100%;} 
			.golferName {width: 16% !important; padding: 1% 2%;} 
			.toPar {width: 7.5%;}
		}
/* club switcher styles in ringerCardHeaderNav.inc.php */
.club-switcher {
    display: inline-block;
    margin-left: 15px;
    position: relative;
}

#clubSwitcher {
    padding: 8px 12px;
    border-radius: 4px;
    background-color: #03370c;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    font-size: 14px;
}

#clubSwitcher:hover {
    background-color: #045013;
}

#clubSwitcher option {
    background-color: #222;
    color: white;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	border-radius: 4px;
	margin-right: 2px;
	opacity: 0.6;
	filter: invert(0.8);
  }
  
  input[type="date"]::-webkit-calendar-picker-indicator:hover {
	opacity: 1
  }
  .scrollStuff{
	scrollbar-width: none;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	-webkit-scrollbar-width: none;
  }
  .scrollStuff::-webkit-scrollbar {
	display: none;
  }


  .golf-icons {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 60%;
	height: 70%;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
	vertical-align: middle;
	margin: auto;
}
.golf-bag-icon {
	background-image: url('https://break50.app/assets/icons/golf.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
}
.golf-partner-icon {
	background-image: url('https://break50.app/assets/icons/golf-partner.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
}
.drink-preferences-icon {
	background-image: url('https://break50.app/assets/icons/drink-preferences.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.frost-delay-icon {
	background-image: url("https://break50.app/assets/icons/snowflake.png");
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-cart-icon {
	background-image: url('https://break50.app/assets/icons/golf-cart.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-trolley-icon {
	background-image: url('https://break50.app/assets/icons/golf-trolley.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-walk-icon {
	background-image: url('https://break50.app/assets/icons/golf-walk-carry.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-caddie-icon {
	background-image: url('https://break50.app/assets/icons/golf-caddie.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-no-music-icon {
	background-image: url('https://break50.app/assets/icons/no-music.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-yes-music-icon {
	background-image: url('https://break50.app/assets/icons/yes-music.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-no-cigarettes-icon {
	background-image: url('https://break50.app/assets/icons/no-cigarettes.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-yes-cigarettes-icon {
	background-image: url('https://break50.app/assets/icons/yes-cigarettes.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-no-cigars-icon {
	background-image: url('https://break50.app/assets/icons/no-cigars.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-yes-cigars-icon {
	background-image: url('https://break50.app/assets/icons/yes-cigars.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-no-weed-icon {
	background-image: url('https://break50.app/assets/icons/no-weed.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}
.golf-yes-weed-icon {
	background-image: url('https://break50.app/assets/icons/yes-weed.png');
	min-width:  8vmin !important;
	min-height: 8vmin !important;
	background-position-y: 0px;
}

.putting-icons {
    position: relative;
    width: 31px;
    height: 31px;
    display: inline-flex;
}
.putting-icons:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: currentColor;
    mask-position: center;
    mask-size: 31px;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 31px;
    -webkit-mask-repeat: no-repeat;
}
.golf-uphill-icon:before {
   mask-image: url("https://break50.app/assets/icons/golf-uphill-icon.svg");
    -webkit-mask-image: url("https://break50.app/assets/icons/golf-uphill-icon.svg");
} 
.golf-downhill-icon:before {
   mask-image: url("https://break50.app/assets/icons/golf-downhill-icon.svg");
    -webkit-mask-image: url("https://break50.app/assets/icons/golf-downhill-icon.svg");
}
.golf-flat-icon:before {
   mask-image: url("https://break50.app/assets/icons/golf-flat-icon.svg");
    -webkit-mask-image: url("https://break50.app/assets/icons/golf-flat-icon.svg");
}
.golf-not-enough-speed-icon:before {
   mask-image: url("https://break50.app/assets/icons/golf-not-enough-speed-icon.svg");
    -webkit-mask-image: url("https://break50.app/assets/icons/golf-not-enough-speed-icon.svg");
}
.golf-not-enough-break-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-not-enough-break.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-not-enough-break.svg");
 }
.golf-too-much-speed-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-too-much-speed-icon.svg");
	-webkit-mask-image: url("https://break50.app/assets/icons/golf-too-much-speed-icon.svg");
}
.golf-too-much-break-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-too-much-break-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-too-much-break-icon.svg");
 }
.golf-push-putt-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-push-putt-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-push-putt-icon.svg");
 }
.golf-pull-putt-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-pull-putt-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-pull-putt-icon.svg");
 }
 .golf-good-putt-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-good-putt-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-good-putt-icon.svg");
 }
 .golf-mis-read-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-mis-read-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-mis-read-icon.svg");
 }
 .golf-high-side-long-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-high-side-long-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-high-side-long-icon.svg");
 }
 .golf-high-side-short-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-high-side-short-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-high-side-short-icon.svg");
 }
 .golf-high-side-lip-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-high-side-lip-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-high-side-lip-icon.svg");
 }
 .golf-low-side-long-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-low-side-long-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-low-side-long-icon.svg");
 }
 .golf-low-side-short-icon:before {
    mask-image: url("https://break50.app/assets/icons/golf-low-side-short-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-low-side-short-icon.svg");
 }

 .golf-low-side-lip-icon:before {
	mask-image: url("https://break50.app/assets/icons/golf-low-side-lip-icon.svg");
     -webkit-mask-image: url("https://break50.app/assets/icons/golf-low-side-lip-icon.svg");
 }

 .flipVert {
	transform: scaleY(-1);
 }
 .flipHoriz {
	transform: scaleX(-1);
 }
#driveClub i.icon-golf-reply-all {font-size: 0.6rem;}

.ro15 {transform: rotate(15deg); display: inline-block;}
.ro30 {transform: rotate(30deg); display: inline-block;}
.ro45 {transform: rotate(45deg); display: inline-block;}
.ro60 {transform: rotate(60deg); display: inline-block;}
.ro75 {transform: rotate(75deg); display: inline-block;}
.ro90 {transform: rotate(90deg); display: inline-block;}
.ro105 {transform: rotate(105deg); display: inline-block;}
.ro120 {transform: rotate(120deg); display: inline-block;}
.ro135 {transform: rotate(135deg); display: inline-block;}
.ro150 {transform: rotate(150deg); display: inline-block;}
.ro165 {transform: rotate(165deg); display: inline-block;}
.ro180 {transform: rotate(180deg); display: inline-block;}
.ro195 {transform: rotate(195deg); display: inline-block;}
.ro210 {transform: rotate(210deg); display: inline-block;}
.ro225 {transform: rotate(225deg); display: inline-block;}
.ro240 {transform: rotate(240deg); display: inline-block;}
.ro255 {transform: rotate(255deg); display: inline-block;}
.ro270 {transform: rotate(270deg); display: inline-block;}
.ro285 {transform: rotate(285deg); display: inline-block;}
.ro300 {transform: rotate(300deg); display: inline-block;}
.ro315 {transform: rotate(315deg); display: inline-block;}
.ro330 {transform: rotate(330deg); display: inline-block;}
.ro345 {transform: rotate(345deg); display: inline-block;}

#approachClub.missFringe {
	background-color: #98f693;
	color: #03370c;
}
#approachClub.missFairway {
	background-color: #48e33a;
	color: #ffffff;
}
#approachClub.missRough {
	background-color: #006109;
	color: #ffffff;
}
#approachClub.missBunker {
	background-color: #b0ad3c;
	color: #ffffff;
}
#approachClub.missWater {
	background-color: #0000ff;
	color: #ffffff;
}
#approachClub.missLateral {
	background-color: #da190b;
	color: #ffffff;
}
#approachClub.missUnPlay {
	background-color:#820077;
	color: #ffffff;
}
#approachClub.missLostBall {
	background-color: #ffa851;
	color: #ffffff;
}
#approachClub.missOB {
	background-color: #ffffff;
	color: #000000;
}
#approachClub.puttingGreen {
	background-color: #a8ffab;
	color: #006103;
}


/******************** Dashboard Leaderboard CSS ********************/
	#roundOfTheX {overflow: hidden; border: solid 2px #ffffff; background-color: #000000aa; padding: 2vw 4vw 4vw 4vw; margin: 0 0 0 0; border-radius: 2vmin;}
		#lbNumHoles {display: flex; justify-content: space-between; width: 100%; padding: 0 0 1vh 0;}
			.timeIntervals {display: grid;}
		.tiLabs {font-size: 13pt; text-transform: uppercase; border-radius: 2vmin;}
		
		
		input[type=radio].timeChoice+label, input[type=radio].numHoles+label  {
			font-weight: normal;
			padding: 2vw 4vw; background-color: #ffffffd9; color: #03370c; border: solid 2px #03370c; font-weight: bold;
		}
		input[type=radio].timeChoice:checked+label, input[type=radio].numHoles:checked+label{
			font-weight: bold !important;
			color: #ffffff !important; 
			background-color: #03370cd9 !important;
			border: solid 2px #ffffff;
			box-shadow: 0 0 4px 1px #ffff00b9;
		}
		input[type=radio].timeChoice:focus+label, input[type=radio].numHoles:focus+label {
			border: 2px solid #ffff00;
		}
		#leaderBoardKind {padding: 0 1vw; margin: 1vh 0 4vw 0;}
			#timeChoice, #scoreType {width: 48%; margin: 0 !important;}
		.loadingAnimation {background: url('https://break50.app/assets/icons/loadingAnimation.gif'); background-repeat: no-repeat; background-position: center; background-attachment: local; min-height: 6vh !important; background-color: #000000c6;}
		#roxLeaderBoard {
			transition: opacity 0.3s ease-in-out;
		}
		#roxLeaderBoard.fade-out {
			opacity: 0;
		}
		#roxLeaderBoard.fade-in {
			opacity: 1;
		}
		.leaderboard-loading {
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 10vh;
			opacity: 0.7;
		}
		.leaderboard-loading::after {
			content: "";
			width: 30px;
			height: 30px;
			border: 3px solid rgba(255, 255, 255, 0.3);
			border-top-color: #ffffff;
			border-radius: 50%;
			animation: spin 0.8s linear infinite;
		}
		@keyframes spin {
			to { transform: rotate(360deg); }
		}
		.lbDataRow, .lbHeaderRow {width: 100%; display: flex; justify-content: space-between; min-height: 4vh; max-height: fit-content; padding: 1vw 2vw; font-size: 10pt; align-items: center;}
		.lbHeaderRow {background-color: #03370c; color: #ffffff; text-transform: uppercase;}
		/*a.roxLink li.lbDataRow:nth-child(1n) {}*/
		.roxLink {text-transform: none !important; display: grid; color: #000000 !important;}
		.lbDataRow:nth-child(1n), .birdEagleRow:nth-child(1n) {background-color: #eeeeee;}
		.lbDataRow:nth-child(2n), .birdEagleRow:nth-child(2n) {border-top: solid 1px #000; border-bottom: solid 1px #000; background-color: #cccccc;}
			
			.lbPlayer {display: flex; justify-content: flex-start; flex-direction: column;}
				.lbRank {margin: 0 1vw 0 0;}
			.lbRank, .lbGolferName {text-align: left;}
			.lbGolferName {margin: 0.75vw 0 0 0;}
				.boxIcon {margin: 0 2vw 0 0; text-shadow: 0 1px 3px #000000; font-size: 12pt;}
			
			.lbScore {display: flex; justify-content: space-between; align-items: center; font-size: 13pt; width: 21%; }
				.lbGrossScore {margin: 0 1vw 0 0; font-weight: bold;}
				.lbCountOfRelSt {color: #ca1206 !important;}
/******************** End Dashboard Leaderboard CSS ********************/



/******************** CAROUSELS ********************/

.carousel {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	display: flex;
	column-gap: 2vmax;
	anchor-name: --carousel;
	/* height: 51vmax; */
	padding: 1vmax 4vmax;
	scrollbar-width: none;
	anchor-name: --carousel;

	> .carousel-item {
		scroll-snap-align: center;
	}
}
.carousel--scroll-markers {
	scroll-marker-group: after;

	&::scroll-marker-group {
		position: fixed;
		position-anchor: --carousel;
		position-area: block-end;
		position-visibility: always;
		margin: 10px;

		display: grid;
		grid-auto-columns: 20px;
		grid-auto-flow: column;
		gap: 20px;
	}

	> .carousel-item {
		&::scroll-marker {
		content: '' / attr(data-label);
		}

		&::scroll-marker:target-current {
		background: var(--accent);
		}
	}
}