:root {
	/* custom variables */
	--fff: #fff;
	--fffTransparent: rgba(0, 0, 0, 0);
	--f8f8f8: #f8f8f8;
	--f3f3f3: #f3f3f3;
	--eee: #eee;
	--ebebeb: #ebebeb;
	--ddd: #ddd;
	--d7d7d7: #d7d7d7;
	--ccc: #ccc;
	--bbb: #bbb;
	--aaa: #aaa;
	--g999: #999;
	--g555: #555;
	--g444: #444;
	--g333: #333;
	--g111: #111;
	--g000: #000;
	--boxShadowOne: #ccc;
	--boxShadowTwo: #cacaca;
	--boxShadowThree: #d4d4d4;
	--ir: #ddd;
	--champShadow: #555;
	--transactHeader: #f5fcff;
	--draftSwapped: #f8fcff;
	--waiverAdd: #e9fff1;
	--waiverDrop: #ffe9e9;
	--bracketMatch: #fafeff;
	--matchupSelected: #fff;
	--fadeOne: rgba(255, 255, 255, 0) 0%;
	--fadeTwo: rgba(255, 255, 255, 0.7) 50%;
	--fadeThree: rgba(255, 255, 255, 0.9) 90%;
	--fadeFour: rgba(255, 255, 255, 1) 100%;
	--blueOne: #00316b;
	--blueTwo: #0082c3;
	--r1: #f7f9fd;
	--r2: #fbf7f7;
	--r3: #f7fbf7;
	--headerPrimary: #ddedfa;
	--borderOverride: rgba(0, 0, 0, 0.12);

	--rivalryBack: #ffffff;

	--barChartOne: #7fc4f5;
	--barChartTwo: #5bcff7;
	--barChartThree: #38daf0;
	--barChartFour: #2fe2e0;
	--barChartFive: #4fe9c9;
	--barChartSix: #79edad;

	--bg-black: #eeeeee !important;
	--bg-dark: #dddddd !important;

	--text-team-page-grey: #343434;
	--text-team-page-matched-grey: #a3bbd3;
	--text-team-page-darkgrey: #606060;
	--text-team-page-white: #222222;
	--text-team-page-score: #00aed4;

	--compBarOne: #446a88;
	--compBarTwo: #448864;
	--compBarOneText: #7fc4f5;
	--compBarTwoText: #79edad;

	/* MSS added these */
	--teamName: #333333;
	--BN_textcolor: #454545;
	--BN_bordercolor: #454545;
	--IR_row: #ffffff;
	--IR_row_textcolor: #610000;
	--playerAvatarBG: #ffffff;

	/* HERE ABOVE are different in colors and colors-dark.css */
	/* HERE ABOVE are different in colors and colors-dark.css */
	/* HERE ABOVE are different in colors and colors-dark.css */
	/* HERE ABOVE are different in colors and colors-dark.css */
	/* HERE ABOVE are different in colors and colors-dark.css */

	/* --QBfade: #ff8fb2;
	--WRfade: #afd4ff;
	--RBfade: #6ccac1;
	--TEfade: #ffd6aa;
	--Kfade: #deb4ff;
	--DEfadeFfade: #fffbbc;
	--PICKSfade: #73b647;
	--CBfade: #ffcc7a;
	--SSfade: #b7a1db;
	--FSfade: #ebe7b3;
	--DEfade: #b1d0e9;
	--DLfade: #c392d3;
	--LBfade: #98c097;
	--QB: #ff2a6d;
	--WR: #58a7ff;
	--RB: #00ceb8;
	--TE: #ffae58;
	--K: #bd66ff;
	--Budget: #7947d4;
	--DEF: #eee45e;
	--DL: #ff795a;
	--LB: #6d7df5;
	--DB: #ff7cb6;
	--BN: #eee45e; */

	/* sub-points highway orange */
	/* --SUB-POINTS: #ccff00; */

	/* injury status colors */
	/* --INJ: #fa9111;
	--Q: #ffff00;
	--D: #fa1182;
	--OUT: #cc0000;
	--IR: #990000;
	--PUP: #851313; */

	/* custom bs-variables */
	/* --text-success-bright: #27d986; */
}

html,
body {
	position: relative;
	margin: 0;
	background-color: #fff;
	color: #000;
	min-height: 100vh;
	background: #f4f4f4;
	background: linear-gradient(to bottom right, #f4f4f4, #ebebeb);
	background: -webkit-linear-gradient(to bottom right, #f4f4f4, #ebebeb);
}

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.03125em;
	text-decoration: inherit;
	text-transform: inherit;
}

a {
	color: #40b3ff;
}

a:visited {
	color: #007dcf;
}