/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background: #ffffff;
	font-size: 10px;
	color: #777777;/*#58595B;*/
	font-family: 'Baloo 2', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	}

@font-face {
    font-family: "teamname";
    src: url(/fonts/junegull.otf) format("truetype");
}
ul {font-size: 18px;}
.google-center {
  display: flex;
  justify-content: center;
}
.auth-divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #0e9ae2;
  margin: 20px 0;
  font-size: 16px;
	font-weight:bold;
}

.auth-divider::before,
.auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #0e9ae2;
}

.auth-divider span {
  padding: 0 12px;
  white-space: nowrap;
}

.wrap-url {
    overflow-wrap: anywhere;
    word-break: break-word;
}
img.lock {
	width: 50px;
}
div.message {
	margin: 10px 0px;
}
.turnstile-wrap {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}
/* CSS for eye icon in password field ****/
.password-field {
    position: relative;
}

.password-field input {
    padding-right: 42px; /* space for eye icon */
}

.toggle-password {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #666;
	width: 40px !important;
}

.toggle-password:hover {
    color: #000;
}
.toggle-password i {
    font-size: 20px;
}
/* stying for banners on corner of homepage divs*/
.new-this-year, .improved-this-year {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
}
.new-this-year, .improved-this-year {
  --f: .5em; /* control the folded part */
position: absolute;
  top: 0;
  right: 0;
  line-height: 1.8;
  padding-inline: 1lh;
  padding-bottom: var(--f);
  border-image: conic-gradient(#0008 0 0) 51%/var(--f);
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  transform: translate(calc((1 - cos(45deg))*100%), -100%) rotate(45deg);
  transform-origin: 0% 100%;
  background-color: #F95503; /* the main color  */
}
.improved-this-year {
  background-color: mediumpurple; /* the main color  */	
}
/***** END ****/
.logo-container {
text-align: center;
}
.sync-logo img, .logo-container img {
display: inline-block;
margin: 10px 40px; /* optional spacing between logos */
}

div.upgraded {
	text-align:center;
	color: green;
	font-size: 24px;
	font-style: italic;
	margin-top: 50px;
}
img.cost-graphic {
max-width: 200px;
}
img.matchup-rating {
	width: 90%;
}

div.message {
	width: auto; margin:10px auto;
}
/******* Ranking/projections listing TABLE CSS *****/
    table.listing { border-collapse: collapse;  width: 100%; }
    table.listing th, table.listing td { padding: 6px 10px; font-size: 13px; text-align: center; border: 1px solid #ccc; color: #555555}
    table.listing th { background: #eee; }
    table.listing .playername { text-align: left; white-space: nowrap; }
    table.listing .scoring { margin-right: 5px; }
table.listing span.abbrev { font-size: 10px;}

table.listing.rankings th.rank {
	width: 5%;
}
table.listing.rankings th.pos {
	width:10%;
}
table.listing.rankings th.opp {
	width:20%;
}
table.listing.rankings th.player {
	width:65%;
}

table.listing.projections th.rank {
	width: 5%;
}
table.listing.projections th.pos {
	width:10%;
}
table.listing.projections th.opp {
	width:25%;
}
table.listing.projections th.player {
	width:50%;
}
table.listing.projections th.proj {
	width:10%;
}
/*
table.listing td.playername {
    color: white;
	font-weight:bolder;
    -webkit-text-stroke: .5px red;
}
/* change size of certain menu options on mobile */
@media (max-width: 768px) {
	div.posmenu a.flex, div.posmenu a.superflex {
		width: 15% !important;
	}
	div.posmenu a.dst {
		width:11% !important;
	}
	div.posmenu a.k {
		width:7% !important;
	}
	table.listing th, table.listing td { padding: 5px 4px;}
	table.listing th, table.listing td { padding: 5px 1px;}
    table.listing td.playername { padding-left:2px;}
	div.posmenu a.yes { padding-left: 3px;}
	
	div.game-previews div.Commanders {
		font-size:27px !important;
	}
}

/****************  IMPORT pages CSS *********/

.form-block {
  max-width:600px;margin:2rem auto;padding:1.5rem;background:#fff;
  border-radius:12px;box-shadow:0 3px 8px rgba(0,0,0,0.1);
}
.form-block label {display:block;margin-top:1rem;font-weight:bold;}

.form-block input[type=text], .form-block input[type=number] {
  width:100%;padding:0.5rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;
}
.form-block .radio-group {margin-top:1rem;}

.form-block .help-text {display:block;font-size:0.9rem;color:#666;margin-left:1.5rem;margin-bottom:0.5rem;}

.form-block button[type=submit] {
  margin-top:1.5rem;background:#0d6efd;color:#fff;border:none;
  padding:0.8rem 1.2rem;border-radius:6px;font-size:1rem;cursor:pointer;
}
.form-block button[type=submit]:hover{background:#0b5ed7;}

.form-block .success-box {
  background:#e6ffed;border:1px solid #b2e2b9;padding:1rem;margin-bottom:1rem;
  border-radius:8px;color:#225d2a;font-weight:bold;text-align:center;
}
.form-block .error-message {color:red;font-weight:bold;margin-bottom:10px;text-align:center;}

.form-block #cookie-fields {margin-top:1rem;padding:1rem;border-left:3px solid #ddd;background:#f9f9f9;}

.form-block details {margin-top:1rem;background:#f1f1f1;padding:0.8rem;border-radius:6px;}

.form-block summary {cursor:pointer;font-weight:bold;}

/************** GAME PREVIEW CSS ************/
div.game-preview {
	max-width: 100%;
}
div.game-preview-header {
	text-align:center;
	height: 25px;
	line-height: 25px;  
	background: black;
	color: white;
}

div.game-preview-matchup, div.game-preview-score, div.game-preview-lines {
	position:relative;
    display: flex;
}
.game-preview-matchup div.home-team {
	text-align: right;
}
div.game-preview div.away-team, div.game-preview div.home-team {
	width:50%;
	height:50px;
	padding: 0px 10px;
	font-size: 31px;
	align-items: center;
}

div.game-preview-matchup div.home-team {
    display: flex;          /* keep vertical centering */
    justify-content: flex-end; /* push content to the right */
    align-items: center;    /* vertical centering */
}

div.away-team {
	display: flex;            /* make child elements flex items */
    justify-content: space-between; /* push first child left, last child right */
    align-items: center;      /* optional: vertically center text */
}
div.game-preview div.away-team span.score {
	margin-right:20px;
}
div.home-team {
	display: flex;            /* make child elements flex items */
    justify-content: space-between; /* push first child left, last child right */
    align-items: center;      /* optional: vertically center text */
}
div.game-preview div.home-team span.score {
	margin-left:20px;
}
div.game-preview span.at {
	position: absolute;    /* remove from normal flow */
    left: 50%;             /* start in the middle horizontally */
    top: 50%;              /* start in the middle vertically */
    transform: translate(-50%, -50%);  /* truly center it */
    color: white;
	font-size:30px;
    /*font-weight: bold;     /* optional, makes it pop */
}
div.game-preview div.total {
	background: #666666;
	text-align:right;
	padding-left:20px;
}
div.game-preview span.score {
	font-size: 36px;
	font-weight:bold;
}

div.game-preview div.away-team span.score{
	text-align:right;
}
div.game-preview div.home-team span.score{
	text-align:left;
}

td.icon img {
	height: 20px;
}
/******************sit start page CSS */
.opponent-projection-container {
    display: flex;
    gap: 10px;           /* optional spacing between boxes */
    align-items: center; /* optional: vertically centers them */
}

.projection-box,
.opponent-box {
    width: 50%;
	color: #777;
	padding: 10px;
    background: #ddd;
    border-radius: 8px;
	margin-bottom: 10px;
	font-size: 14px;
}
span.proj-pts {
	font-size: 40px;
	font-weight: bold;
}
span.homeaway {
	font-size: 30px;
}
span.opponent {
	font-size: 40px;
	font-weight: bold;
}
.sitstart div.schedule {
	margin-left:-12px;
}
.sitstart div.schedule div.title {
	margin-left:1px;
}
.sitstart .box.gif-box-to-hide {
	border: none;
}
.start-sit-label {
	font-size: 40px;
	font-weight:bold;
}
.start-sit-label.START {
	color: green;
}
.start-sit-label.SIT {
	color:red;
}

.proj-title {
    font-weight: bold;
    margin-bottom: 5px;
}
#player1-area, #player2-area, #player3-area {
	padding-top: 10px;
}

.strike {
  position: relative;
  display: inline-block;
  font-size: 80px;
  font-weight:bold;
  margin: 0;
}
.strike-small {
  position: relative;
  display: inline-block;
  font-size: 21px;
  font-weight:bold;
  margin: 0;
}
.strike::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 8px;
  background: red;
  transform: rotate(-10deg);
  transform-origin: center;
}
.strike-small::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: red;
  transform: rotate(-10deg);
  transform-origin: center;
}
.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px; /* Height of the fade */
  z-index:10;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); /* Adjust color */
  background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff); /* for Safari */
  pointer-events: none; /* Let clicks pass through */
}
img.home {
	max-width: 100%;
	margin:auto;
}
div.benefits p {
	text-align:center;
}
div.benefits p.larger {
	font-size: 24px;
}
div.benefits p.headline {
	font-size: 35px;
}
div.benefits div.home-box {
	text-align:left;
}
div.pro, div.con {
	font-size: 16px;
	color: #777777;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 33px;
	max-width: 100%;
	display: list-item;
    list-style: none;
	position: relative;
	text-align: left;
}
div.pro:before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0.05em; /* tweak for vertical alignment */
    width: 22px;
    height: 22px;
    background-image: url('/images/pro.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
div.con:before {
    content: "";
  	position: absolute;
    left: -25px;
    top: 0.05em; /* tweak for vertical alignment */
    width: 22px;
    height: 22px;
    background-image: url('/images/con1.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
div.teamname { 
    font-family: "teamname", Arial, Verdana, Tahoma;
	font-size: 29px !important;
	padding: 15px;
	color: #0e9ae2;
	text-align:center;
}

.teamname-in-rankings {
	font-size: 14px;
	font-weight: bold;
	color: #777777;
	margin-top:5px;
}
.average-team {
	font-family: teamname;
	padding-top:5px;
}

div.home-box.team  {
	position: relative;
}

div.home-box.team video {
	display:block;	
}
div.home-box.team video.mobile  {
	display:none;
}
div.home-box.home-box-team:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(to top, #ffffff, 3%, transparent);
}

.easycall img{
	width: 1000px;
}
.dropped {
	background: #c6edfd;
}
div.locked-content {
	text-align:center;
}
div.locked-content a {
	width: 120px;
	margin:auto;
	height: 30px;
	border-radius: 5px;
	border: 1px solid #0e9ae2;
	background: #ffffff;
	color: #0e9ae2;
	font-size: 14px;text-transform: uppercase;
	 display: flex !important; /* CSS3 */
  align-items: center; /* Vertical align */
  justify-content: center; /* Horizontal align */
}
a.learn-more-button  {
	background: #ffffff;
	color: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #0e9ae2;
	border-radius: 5px;
}
div.locked-content a:hover, a.learn-more-button:hover  { 
background: #eeeeee;	
}
div#entirepage.all {
	height: 15000px !important;
}
div.fullrank i.injured {
	width: 5px;
}
div.fullrank  {
	width: 210px; 
	display: inline-block; 
	float: left;
	margin-bottom: auto;
}
div.all div.fullrank  {
	width: 250px;
}
div.fullrank div.row {
	border: 1px solid #333333;
	height: 20px; 
}

div.fullrank div.row.taller {
	height: 40px;
}
div.fullrank div.row.taller div.empty {
	height: 40px;
}
div.fullrank div.player {
	/*border: 1px solid gray; */
	height: 18px; 
	display: inline-block; 
	width: 246px;
}	

div.fullrank div.player-condensed {
	/*border: 1px solid gray; */
	height: 38px; 
	display: inline-block; 
	width: 82px;
	font-size: 10px;
	overflow: hidden;
}
div.fullrank div.empty {
	display: inline-block; 
	border: 1px solid #dddddd;
	width: 246px; 
	height: 20px;
}
div.fullrank div.empty.condensed {
	height: 40px;
}
div.value-label {
	position: absolute;
	left: -30px;
	font-size: 16px;
	padding-top: 7px;
}
div.gaps {
	border: 1px solid #ffffff;
	/*background: #749d5b;*/
	width: 250px;
}
div.nogaps {
	background: #ffffff;
}
div.trade-value-chart div.showhidegaps {
	position:relative;
	left:-5px;
	margin-bottom: 2px;
}
div#hidegaps {
	position:relative;
	left:4px;
}
div.trade-value-chart div.leaguetype {
	position:relative;
	left:5px;
}
div.trade-value-chart div#redraft {
	position:relative;
	left:5px;
}
div.trade-value-chart div.scoretype {
	position:relative;
	left:-3px;
}
div.trade-value-chart div.fullrank div.row {
	position:relative;
	border: 1px solid #ffffff;
	height: 36px; 
}
div.trade-value-chart div.fullrank div.row.endzone {
	border: 1px solid #dddddd;
	text-align: center;
	color: #555555;
	height: 50px; 
	font-size: 24px;
    padding-top: 10px;
}
div.trade-value-chart div.fullrank div.row.endzone.qb {
	background: #f6ccce; /*pink*/
}
div.trade-value-chart div.fullrank div.row.endzone.rb {
	background: #c6edfd;
}
div.trade-value-chart div.fullrank div.row.endzone.wr {
	background: #cbfdcb;
}
div.trade-value-chart div.fullrank div.row.endzone.te {
	background: #ffe5bf;
}
div.trade-value-chart div.fullrank div.player {
	/*border: 1px solid gray; */
	height: 36px; 
	display: inline-block; 
	width: 100%;
	color: #ffffff;
	z-index: 2;
}
div.trade-value-chart div.qb-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.rb-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.wr-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.te-values {
	border: 1px solid #ffffff;
	width: 25%;
}
div.trade-value-chart div.fullrank div.empty {
	display: inline-block; 
	border: 1px solid #dddddd;
	width: 100%;
	height: 36px;
}
div.trade-value-chart div.value-label {
	position: absolute;
	z-index:-1;
	left: 20%;
	top:-58px;
	font-size: 80px;
	padding-top: 7px;
	color: #aaaaaa;
	/*-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);*/
}

div.scoretype {
	width:350px;
	margin-left: auto;
	margin-right:auto;;
}

.besley {
  font-family: "Besley", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  z-index: 0;
}
div.trade-value-chart div.value-label span.yardage-arrow {
	position: relative;
	z-index:1;
	left: 75%;
	top: -50px;
	font-size: 20px;
}

div.display-to-no {
	position: absolute;
	right: 0px; 
	top: 10px;
}
div.display-to-no input {

}
div.send-to-zero {
	position: absolute;
	right: 0px;
	top: 0px;
}
div.taller div.send-to-zero {
	top: 18px;
}
div.send-to-zero input {
	width: 20px;
	padding: 0px;
}
/*this prevents horizontal scroll on mobile
html, body {
  overflow-x: hidden;
}
body {
  position: relative
}
end */

div.caption {
	font-size:12px;
	margin-top: 3px;
	text-align:center;
}

span.text1 {
	text-transform:none !important;
	color: #777777 !important;
	font-size: 14px;
}
div.ui-draggable div {
	color: #eeeeee !important;
}
td.rookie {
	text-transform: uppercase;
}
div.g-recaptcha div {
	width: 350px;
}
div.leaguetype {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}
div.trade-value-chart div.leaguetype {
margin-bottom: 3px;	
}
div.dual-button  {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 40px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #bbbbbb;
	font-size: 18px;
	font-weight: normal;
	color: #bbbbbb;
	margin-right:0px;
	line-height: 42px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.picks-message {
	color: #bbbbbb;
	font-size: 12px;
    font-style: italic;
	margin-bottom: 5px;
}
div.dual-button img {
	position: absolute;
	left: 12px;
	top: 8px;
	width:25px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/

}
div.dual-button.chosen {
	background: #0e9ae2; /*#B7F7D8*/
	border: 1px solid #0e9ae2;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div#value-chooser  {
	width: 360px;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
}
div#value-chooser div.dual-button {
	width: 150px;
	font-size: 14px;
}
div.button-left {
	border-radius: 0px /*5px 0px 0px 5px*/ !important;
}
div.button-right {
	border-radius: 0px /*0px 5px 5px 0px */!important;
}
div.trade-settings-container {
	max-width: 360px;
	overflow:hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
    left: 10px;
}
div.otheroptions {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}
div#scoring {
	display: inline-block;
	width: 350px;
	margin-right:0px;
	box-sizing: border-box;
	margin-left: -16px;
	margin-bottom: 2px;
}
div#scoring.trade-value-scoring {
	margin-left: 5px;
}
div#superflex-on-off {
	width: 350px;
	margin-left: -13px;
	margin-bottom: 2px;
}
div#teprem-on-off {
	width: 350px;
	margin-left: -18px;
	margin-bottom: 2px;
}
div#packageadjustment-on-off {
	width: 350px;
	position: relative;
	margin-bottom: 10px;
	margin-left: -23px;
}
div#packageadjustment-on-off.choose-screen {
	height: 90px;
	width: 300px;
	/*display: inline-block;*/
    text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div.three-button-small  {
	position: relative;
	display: inline-block;
	width: 96px;
	height: 30px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #aaaaaa;
	font-size: 12px;
	font-weight: normal;
	color: #aaaaaa;
	margin-right:-4px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.three-button-small img, div.single-option img {
	position: absolute;
	left: 8px;
	top: 5px;
	width:20px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/
}
div.three-button-small.chosen {
	background: #0e9ae2; ;
	border: 1px solid #0e9ae2; ;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div.dual-button-small  {
	position: relative;
	display: inline-block;
	width: 140px;
	height: 30px;
	border-radius: 0px;
	text-align: center;
	background: none;
	border: 1px solid #aaaaaa;
	font-size: 12px;
	font-weight: normal;
	color: #aaaaaa;
	margin-right:-4px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	caret-color: transparent;
}
div.dual-button-small.choosescreen {
	width: 120px;
}
div.dual-button-small img, div.single-option img {
	position: absolute;
	left: 8px;
	top: 5px;
	width:20px;
	vertical-align: middle;
	transform: skew(10deg); /*unskew*/
}
div.dual-button-small.chosen {
	background: #0e9ae2; ;
	border: 1px solid #0e9ae2; ;
	color: #ffffff;/*#4D4D4D;*/
	transition: all .25s ease;
	zoom: 120%;
}
div.single-option-small  {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 30px;
	border-radius: 2px;
	text-align: center;
	background: #F2F2F2;
	border: 1px solid #aaaaaa;
	font-size: 12px;
	font-weight: bold;
	color: #aaaaaa;
	margin-right:1px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
}
div.single-option  {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 30px;
	border-radius: 2px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #aaaaaa;
	margin-right:1px;
	line-height: 32px;
	cursor: pointer;
	transform: skew(-10deg); 
	box-sizing: border-box;
	text-transform: uppercase;
}
div.single-option.chosen {
	color: #0e9ae2;
}
p.intro {
	color: #777777;
}
a.ui-corner-all, div.ui-menu-item-wrapper {
	line-height: 2 !important;
	border-bottom:1px solid gray;
	font-family: arial;
}

div.ui-menu-item-wrapper:hover, div.ui-menu-item-wrapper:active, div.ui-menu-item-wrapper:focus, div.ui-menu-item-wrapper:focus-visible {
	background: #000000 !important;
	color: #ffffff;
}
.ui-menu-item-wrapper.ui-state-active {
	background: #000000 !important;
	color: #ffffff !important;
}
div#currentyearstats, div#lastyearstats {
	text-align:center;
}

div.leagueteamgif {
text-align: center;	
	margin-bottom: 10px;
}
div.ad {
	text-align:center;
}
div.leagueteam {
	height: 30px;
	width: 100%;
	border: 1px solid gray;
	font-size: 14px;
	color: #777777;
	position: relative;
	padding: 4px 0px 0px 4px;
}
/*for League edit and add buttons */
a.addteam {
	display:inline-block;
	position: absolute;
	right: 5px;
	width: 100px;
	height: 16px;
	color: #eeeeee;
	background: #02AA16;
	font-size: 12px;
	border-radius: 2px;
	text-align:center;
	padding-top: 3px;
}
a.addteam:hover {
background: #037A11;	
}
a.editteam {
	display:inline-block;
	position: absolute;
	right: 5px;
	width: 100px;
	height: 16px;
	color: #ffffff;
	background: #bbbbbb;
	font-size: 12px;
	border-radius: 2px;
	text-align:center;
	padding-top: 3px;
}
a.editteam:hover {
background: #777777;	
}
div.teamrank {
display: inline-block;
height: 50px;
font-size: 36px;
width: 40px;
float: left;
text-align: right;
margin-right: 2px;
color: #777777;
font-family: "Helvetica";
}

div.colorlines {
width: auto;
display: inline-block;
height: 35px;	
}
div.colorlines .bench {
	margin-top: 0px !important;
}
span.totalvalue {
	font-size: 16px;
	color: #777777;
	padding-left: 5px;
    position: relative;
    top: -3px;
}
.span-value {
	display: inline-block;
	height: 20px;
}
.span-value.qb {
	background: red;
}
.span-value.rb {
	background: blue;
}
.span-value.wr {
	background: green;
}
.span-value.te {
	background: #f34a0f;
}
.span-value.flex {
	background: purple;
}
.span-value.pk {
	background: #8c6239;
}
.span-value.def {
	background: #333333;
}
.span-value.bench {
	background: hotpink;
}

div.legend {
	width: 300px;
	text-align: center;
	margin:auto;
	margin-bottom: 20px;
}
div.legend span.legend {
	margin: 2px;
}
span.odds {
	color: #53d337;
	font-family: teamname;
}
div.odds {
	text-align: center;
	margin-bottom:10px;
	color: #777777;
}
/**** TOGGLE CSS ****  NOT USING CURRENTLY/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #22B573;
}

input:focus + .slider {
  box-shadow: 0 0 1px #22B573;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*** END TOGGLE CSS *****/
	
div#login, form#register, div#reset {
	width: 350px;
    margin-left: auto;
    margin-right: auto;
	border: 1px solid #cccccc;
    padding: 15px 25px 25px 25px;
	background: #f9f9f9;
	}
div#loginform {
	text-align: center;
}
form#loginform {
	margin-top: 10px;	
}
form#register {
	text-align: center;
	background: #f9f9f9;
	max-width:330px;
}
img.thumbs {
	width: 80px;	
	}
/* new GIF trade analyzer styling */

div#teamselect {
	color: #0e9ae2;
}
div#teamselect input {
	background:#dddddd;
	border: 1px solid #dddddd;
	border-radius: 2px;
	padding: 4px;
}
div#teamselect input:hover {
background: #aaaaaa;	
	cursor: pointer;
}
div.posmenu {
	text-align: center;
}
div.posmenu a {
display: inline-block;
height: 26px;
border: 1px solid #aaaaaa;
border-radius: 2px;
padding: 5px;
width: 12%;
margin-right:-1px;
text-align: center;
transform: skew(-10deg);
box-sizing: border-box;
color: #aaaaaa;
font-size: 14px;
}

div.startersranking.avgteam {
	background: #dddddd;
}


div.posmenu a.full-text {
	display: inline-block;
}
div.posmenu a.short-text {
	display: none;
}

div.posmenu a:hover {
	background: #0e9ae2;
	color: white;
}
div.posmenu a.yes {
	background: #0e9ae2;
	color: white;
	zoom: 130%;
}
div.posmenu a.pk {
	margin-left: -4px;
}
div.rankingslist h1 {
	margin-bottom: 10px;
}

div {
	box-sizing: border-box;
}
div#acquiringarea {
	text-align:center;
}
/* Hamburger menu */
.header {
  background-color: #333333;
  position: fixed;
  width: 100%;
  z-index: 100000000000000;
  top:0px;
  height:50px;
  
}
.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #333333;
}
.header li a {
  color: #ffffff !important;
  display: block;
  padding: 0px 5px;
  text-decoration: none;
  font-size: 20px;
	height: 30px;
}
.header li a:hover,
.header .menu-btn:hover {
  background-color: #777777;
}
.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
  width:250px;
}
.header #logo img {
max-width: 250px !important;	
}
/* Mobile menu */
.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .5s ease-out;
}

/* menu icon */
.header .menu-icon {
  cursor: pointer;
  display: inline-block;
float:left;
  padding: 40px 20px;
  position: relative;
	top:-55px;
	left: -10px;
  user-select: none;
}
.header .menu-icon .navicon {
  background: #0e9ae2;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}
.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #0e9ae2;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}
.header .menu-icon .navicon:before {
  top: 5px;
}
.header .menu-icon .navicon:after {
  top: -5px;
}
/* menu btn */
.header .menu-btn {
  display: none;
}
.header .menu-btn:checked ~ .menu {
  max-height: 700px;
padding-bottom: 40px;
}
.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}
.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

ul.menu {
	max-width:100%;
	position: relative;
    top: -75px;
box-sizing: border-box;
	margin-left:1px;
	margin-right:1px;
	overflow-y: auto;
	
}
ul.menu div.col {
	display:inline-block;
	vertical-align: top;
	padding:20px 20px 0px;
}
/* end styles for mobile menu */

/******* New team analyzer CSS ***/
img.share-icon {
	display: inline-block;
	width: 100px;
}
div.direct-link-for-copying {
text-align: center;
	margin-bottom: 3px;
}
.stencil {
	font-family: 'Saira Stencil One', arial !important;
}
.container {
display: flex;
}
.container p {
margin-left: 20px;
margin-right: 15px;
}
img.team-results-gif, img.comp {
	max-height: 250px;
	margin-top:5px;
	margin-bottom: 20px;
	max-width:100%;
}
.box {
	flex: 1;
	border: 1px solid #aaaaaa;
	padding: 0 10px;
	margin: 5px;
	position: relative;
	background: #f9f9f9;
	/*box-shadow: 5px 5px 5px #eeeeee;*/
}
.box img {
	text-align: center;
}

.box img.gif, .revealed-pick-container img.gif {
	margin-bottom: 15px;
	box-shadow: rgba(14, 154, 226, 0.4) -3px 3px, rgba(14, 154, 226, 0.3) -6px 6px, rgba(14, 154, 226, 0.2) -9px 9px, rgba(14, 154, 226, 0.1) -12px 12px
}

div.savedteam.box {
	margin: 5px 2px;
}

.box .starters {
	width: 49%;
	vertical-align: top;
	margin-top: 5px;
	color: #0e9ae2;
}
.box .bench {
	width: 49%;
	vertical-align: top;
	margin-top: 5px;
	color: #0e9ae2;
}
span.pos {
	font-size: 12px;
	width: 24px;
}
.box h2 {
	/*font-family: 'Saira Stencil One', arial !important;*/
	font-family: arial;
	text-transform: uppercase;
	margin: 0 -10px 0px -10px;
	color: #333333;
	font-size: 16px;
	padding: 4px 0 4px 10px;
}
#giving-box h2, #getting-box h2 {
	padding: 4px 0 4px 10px;
}
#entirepagehomepage .box h2 {
	text-transform: uppercase;
	background: none;
	color: #0e9ae2;
	font-size: 24px;
	padding: 4px 0 4px 10px;
}
.box a.submit, .hero a.submit {
	margin-bottom: 25px;
	display: block;
    text-align: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
.hero a.submit {
	margin-bottom: 0px;
}
div.home-button {
	position: relative;
	top: -50px;
}
div.login-link {
	margin-top: -20px;
}
.share {
	padding: 10px;
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	-webkit-appearance: none;
	border-radius: 5px;
    border: 1px solid #ccc;
	display: inherit;
	text-align: center;
}
.animation {
visibility: hidden; 
}
.animated { visibility: visible !important; 
}

.inline {
	display: inline-block;
}

div.button-container {
	text-align: center;
	clear:both;
}
div.savedteam.box h3 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	padding: 15px 15px;
	background:  #000000;/*#0e9ae2;*/
	margin-bottom: 0px;
}

.box p {
	font-size: 15px;
}
div.results-comment p {
	font-size: 16px;
}
div.full-roster-trade h2 {
	margin-top: 10px;
	background: none !important;
	color: #0e9ae2;
}
div.full-roster-trade  {
	background: none !important;
	width: 49% !important;
	box-sizing: border-box;
	border: none !important;
}

.roster-heading, .league-rank-title {
	display: inline-block;
    font-size: 15px;
    line-height: 15px;
    color: #0e9ae2;
    background: #dddddd;
    padding: 5px 3px 3px 3px;
    margin: 5px 0px;
    text-transform: uppercase !important;
    width: 95%;
    text-align: center;
    font-family: 'teamname';
}
.league-rank-title {
	width: 100%;
	margin-bottom: 10px;
}

div.percent {
	font-size: 80px;
	/*position: absolute;*/
	top: 80px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #777777;
}

div.ad {
	padding-top: 5px;
	padding-bottom: 5px;
}
div.ad img {
	max-width: 100%;
}
canvas#playoffs {
	width: 300px !important;
	height: 200px !important;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
span.percentsign {
	font-size: 45px;
	vertical-align: super;
}

div.record {
	font-size: 60px;
	color: #ffffff;
}
div.prediction {
	font-size: 20px;
	margin-bottom:10px;
	color: #777777;
}
div.predictions { /* for league analysis*/
	text-align: center;
}
div.league-rank {
	margin-bottom: 20px;
}
div.league-rank-container {
    width: 100%;
    margin: auto;
	margin-bottom: 30px;
}
div.league-rank-stats {
    width: 300px;
    margin: auto;
}
div.league-rank div.pos {
	display: inline-block;
	width: 40px;
	font-size: 14px;
	margin-right: 5px;
	text-align: right;
}
div.league-rank div.gray-bar {
	display: inline-block;
	width: 200px;
	background: #dddddd;
	border-radius: 5px;
	margin-right: 5px;
	border: 1px solid #aaaaaa;
}
div.league-rank span.color {
	display: inline-block;
	border-radius: 5px;
}
div.league-rank span.top {
	background: #3faa3f;
}
div.league-rank span.middle {
	background: #fbb03b;/*#f4e803;*/
}
div.league-rank span.bottom {
	background: #fc4444;
}
div.league-rank div.top {
	color: #3faa3f;
}
div.league-rank div.middle {
	color: #fbb03b;/*#f4e803;*/
}
div.league-rank div.bottom {
	color: #fc4444;
}
div.league-rank div.ordinal {
	display: inline-block;
	width:30px;
	font-weight:bold;
	font-size: 18px;
}
div.league-rank span.ordinal-ending {
	font-size: 10px;
	font-weight:bold;
	vertical-align: super
}
.ui-checkboxradio-icon {
	display: none !important;
}
div#players-list {
	background:  #ffffff;
	max-width: 350px;
}
div#playersarea {
	background:  #f9f9f9;
	max-width: 350px;
	color: white;
	min-height: 150px;
	padding: 10px;
	box-sizing: border-box;
}
input#roster {
	float: none;
    width: 300px;
    -webkit-appearance: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px !important;
    padding-left: 15px;
}
form#analyze-team div.ui-widget {
	text-align: center;
	margin-top:5px;
}
form#analyze-team div.individualplayer {
	text-align: left;
}
label.ui-state-active {
	background: #0e9ae2 !important;
	color: #ffffff !important;
}
.ui-state-hover {
	background: black !important;
	color: white !important;
	cursor: pointer;
}
.ui-widget-content {
border: none !important;
}
.firstcol {
	display: inline-block;
	width: 35px;
	margin-left:25px;
	text-align:right;
}
div#flexoptions {
	margin-left: 60px;
	margin-top: 5px;
}
div.leagueinfo {
	font-size: 12px;
	margin-left:10px;
	color:#aaaaaa;
	text-align:center;
}
#left-side, #right-side {
	display: inline-block;
	vertical-align: top;
	max-width: 400px;
}
#left-side {
	margin-right: 40px;
	padding-right: 40px;
}
@media (max-width: 900px) {
	#left-side, #right-side {
		width: 100%;
		border: none;
		margin-right: 0px;
		padding-right: 0px;
	}
}
img.firstdown {
	max-width:300px;
}
form#analyze-team .ui-button {
background: #eeeeee;
}
.nflcomp {
	font-size: 24px;
}
div.teamscore, div.record-text {
font-size: 24px;
width: 300px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-top: -20px;
}
div.record-text {
	margin-bottom: 20px;
	color: #777777;
}
div.teamscore span.score, div.record-text span.record {
  font-size: 60px;
  position: relative;
  top: 15px;
  color: #777777;
}
div.ui-tooltip {
	cursor: pointer;
}
span.tip {
margin-left: 20px;
}
div.package-tip {
	position: absolute;
	display: inline-block;
	right: -12px;
	top:2px;
}
div.packadj-choose-container {
	position: relative;
	overflow-x: hidden;
}
div.package-tip.choose-screen {
	right: 25px;
}
div.package-tip i { 
	font-size: 25px;
	font-style: normal;
	color: #777777;
	position: relative;
	left: 8px;
	top: 3px;
}
div.package-tip i span {
	visibility: hidden;
	position: absolute;
    top: -80px;
    left: -220px;
    width: 300px;
	background: #ffffff;
	color: #000000;
	padding: 10px;
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #0e9ae2;
}
div.package-tip.choose-screen i span {
    top: 15px;
    left: -185px;
}
div.package-tip i:hover span {
	visibility: visible;
	margin-left: -100px
}
div.package
i.fa-question-circle {
	font-style: normal;
	font-size: 20px;
}
.ui-tooltip, .arrow-tip:after {
    background: #ffffff !important;
    border: 2px solid white;
	color: #000000 !important;
  }
.ui-tooltip-content {
	font-size: 12px !important;
}
  .arrow-tip {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow-tip.top {
    top: -16px;
    bottom: auto;
  }
  .arrow-tip.left {
    left: 20%;
  }
  .arrow-tip:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: none !important;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow-tip.top:after {
    bottom: -20px;
    top: auto;
  }


/******** END new team analyzer styling ********/

input[type=submit] {
	font-family: arial,teamname;
	/*text-transform: uppercase;*/
	-webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.submit-trade {
	display: block;
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	border-style: none;
	margin: auto;
}
.submit-trade:hover {
	background: #047faf;
	cursor: pointer;
}
.submit-team {
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height:50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	border-style: none;
}
.submit-team:hover {
	background: #C64106;
	cursor: pointer;
}

.copyurl {
	background-color:#777777 !important;
}
div.trade-box {
    width: 350px;
	display: inline-block;
	height: auto;
	min-height: 20px;
	vertical-align: top;
	background: #f9f9f9;
	padding: 0px 10px 10px;
	margin: 5px;
	border: 1px solid #aaaaaa;
}
/*
div.trade-box div.player span.pos {
	color: #aaaaaa !important;
}*/
div.results-box {
	width: 49%;
	border: 1px solid gray;
	display: inline-block;
	height: auto;
	min-height: 20px;
	vertical-align: top;
	background: #333333;
	padding: 5px 10px;
	margin-bottom: 5px;
	box-sizing: border-box;
}
div.analysis-box {
	/*width: 700px;*/
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 0px 10px;
}
div#results-container {
	display:inline-block;
	vertical-align: top;
}
div#results-gif {
	width: auto;
	margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
div#results-gif img {
max-height: 350px;
	margin-bottom: 10px;
}
h2.gif-trade{
	margin: 5px 0px 10px 0px;
	text-align:center;
	font-size: 28px;
	padding: 4px 0 4px 10px;
	text-transform: uppercase;
	color: #0e9ae2;
	position: relative;
	font-family: "teamname";
}
h2.gif-trade:before{
    content: "";
    position: absolute;
    width: 200px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
    height: 1px;
    bottom: 0;
    border-bottom: 1px solid #aaaaaa;
}
h2.gif-trade.no-line:before {
	border: none;
}
h2.gif-trade img {
	width: 40px;
	position: absolute;
	right: 5px;
	top: 0px;
}
div.inner {
	padding:5px 0px;
}
div.trade-box #givinglog, div.trade-box #gettinglog {
	min-height: 20px;
}
div#trade-container {
	position: relative;
	margin-top: 20px;
}
div#giving-box  {

}
div#getting-box {

}
#givinglog, #gettinglog, #acquiringlog, #player1-display, #player2-display, #player3-display {
	background: #f9f9f9 !important;
	border: none !important;
	text-align: left;
}
input#giving, input#getting, input#acquiring {
	float: none; /*this overwrites float on giving further down in CSS*/
	width: 300px;
	-webkit-appearance: none;
	margin-left: auto;
    margin-right: auto;
	border-radius: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
}
div.player-names {
	font-size: 10px;
}
div.player-analysis-container, div.team-analysis-container {
	position: relative;
	border: 1px solid #cccccc;
    padding: 15px 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

/*used on team-analyzer-results page*/
div.player-name { 
	margin-left: 10px;
	font-size: 22px;
	color: #777777;
	font-family: 'teamname';
}

form#tradingplayers {
	position: relative;
	color: #777777;
	overflow-x: hidden;
}
form#gif-trade {
	text-align:center;
}
div#addnewteam {
	text-align:center;
}

div.individualplayer {
	position: relative;
	padding: 5px 5px;
	background: #777777;
	margin-bottom: 2px;
	max-width: 350px;
	margin-left: auto;
    margin-right: auto;
}
div.individualplayer.playerpage {
max-width: 100%	
}
div.individualplayer.playerpage .name {
	font-size: 28px;
}
div.individualplayer.playerpage .posandteam{
	font-size: 14px;
}
div.individualplayer:hover {

}
div.individualplayer div.name {
	font-size: 21px;
	color: #ffffff;
}
div.individualplayer div.name.rosterspot {
	font-size: 21px;
	color: #cccccc;
}
div.posandteam {
	position:relative;
	top: -1px;
	font-size: 10px;
	color:  #cccccc;
	padding: 0px 5px;
	text-transform: uppercase;
	transform: skew(-10deg); 
	font-family: arial;
}
div.playerrow div.posandteam {
width: 100px;	
}
div.playerrow div.posandteam.short {
width: 100px;	
}
div.individualplayer a.removeplayer {
	color: #ffffff !important;
	position: absolute;
    right: 10px;
    top:14px;
    font-size: 20px;
	padding: 0px 5px;
	cursor: pointer;
}
div.individualplayer a.removeplayer img {
	width: 20px !important;
}
div.individualplayer div.player-value {
	position: absolute;
	top: 10px; 
	right: 20px;
	font-size: 24px;
	color: #ffffff;
	text-shadow: 2px 2px 1px #555555;
}
div.individualplayer span.dollar-sign {
	display: none;
	font-size: 14px;
	position: relative;
	top: -7px;
	right: 2px;
}
div.totalvalue {
	width: 300px;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
	padding-bottom:10px;
}
div.total-value-header {
	color: #333333;
	font-size: 14px;
}
div.total-value-number {
	color: #0e9ae2;
	font-size: 36px;
}
div.player-info {
	color: white;
	position: absolute;
	top: 5px;
	right: 0px;
	text-align:right;
	margin-right: 10px;
}
div.buttons {
	margin: 20px 0px;
}

img.example {
	max-width: 300px;
}

div.individualplayer.trade-value-chart {
	z-index:1;
	color: #ffffff;
	height: 34px;
}

div.individualplayer.trade-value-chart div.trade-value {
	position: absolute;
	top: 3px;
	right: 15px;
	font-size: 25px;
	z-index:5;
	text-shadow: 2px 2px 1px #555555;
}
div.individualplayer.trade-value-chart div.name {
	position: relative;
	top: -4px;
	left: 0px;
	font-size: 18px;
}
div.individualplayer.trade-value-chart div.posandteam {
	position: relative;
	top: -5px;
	font-size: 10px;
}


div.playerrow span.PICK {
	background: #ccc;
	color: #000000;
}
div.playerrow.Eagles, div.individualplayer.Eagles { background: #004C54;}
div.playerrow.Cowboys, div.individualplayer.Cowboys { background: #003594; }
div.playerrow.Giants, div.individualplayer.Giants { background: #0B2265; }
div.playerrow.Commanders, div.individualplayer.Commanders { background: #773141;}
div.playerrow.Lions, div.individualplayer.Lions { background: #0076B6;}
div.playerrow.Vikings, div.individualplayer.Vikings { background: #4F2683;}
div.playerrow.Packers, div.individualplayer.Packers { background: #203731;}
div.playerrow.Bears, div.individualplayer.Bears { background: #0B162A;}
div.playerrow.Buccaneers, div.individualplayer.Buccaneers { background: #D50A0A;}
div.playerrow.Saints, div.individualplayer.Saints { background: #000000;}
div.playerrow.Panthers, div.individualplayer.Panthers { background: #0085CA;}
div.playerrow.Falcons, div.individualplayer.Falcons { background: #A71930;}
div.playerrow.Seahawks, div.individualplayer.Seahawks { background: #002244;}
div.playerrow.Niners, div.individualplayer.Niners { background: #AA0000;}
div.playerrow.Rams, div.individualplayer.Rams { background: #003594;}
div.playerrow.Cardinals, div.individualplayer.Cardinals { background: #97233F;}
div.playerrow.Jets, div.individualplayer.Jets { background: #125740;}
div.playerrow.Dolphins, div.individualplayer.Dolphins { background: #008E97;}
div.playerrow.Bills, div.individualplayer.Bills { background: #00338D;}
div.playerrow.Patriots, div.individualplayer.Patriots { background: #002244;}
div.playerrow.Ravens, div.individualplayer.Ravens { background: #241773;}
div.playerrow.Bengals, div.individualplayer.Bengals { background: #FB4F14;}
div.playerrow.Steelers, div.individualplayer.Steelers { background: #101820;}
div.playerrow.Browns, div.individualplayer.Browns { background: #FF3C00;}
div.playerrow.Texans, div.individualplayer.Texans { background: #03202F;}
div.playerrow.Titans, div.individualplayer.Titans { background: #4B92DB; }
div.playerrow.Jaguars, div.individualplayer.Jaguars { background: #006778;}
div.playerrow.Colts, div.individualplayer.Colts { background: #002C5F;}
div.playerrow.Broncos, div.individualplayer.Broncos { background: #FB4F14;}
div.playerrow.Chiefs, div.individualplayer.Chiefs { background: #E31837;}
div.playerrow.Raiders, div.individualplayer.Raiders { background: #000000;}
div.playerrow.Chargers, div.individualplayer.Chargers { background: #0080C6;}
div.playerrow.Agent, div.individualplayer.Agent { background: #aaaaaa;}

div.posandteam.Eagles { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Cowboys { background: #7F9695; color: #ffffff;  background: linear-gradient(to right, #7F9695, 70%, transparent);}
div.posandteam.Giants { background: #A71930; color: #ffffff;  background: linear-gradient(to right, #A71930, 70%, transparent);}
div.posandteam.Commanders { background: #FFB612; color: #773141;  background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Lions { background: #B0B7BC; color: #0076B6;  background: linear-gradient(to right, #B0B7BC, 70%, transparent);}
div.posandteam.Vikings { background: #FFC62F; color: #4F2683;  background: linear-gradient(to right, #FFC62F, 70%, transparent);}
div.posandteam.Packers { background: #FFB612; color: #000000; background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Bears { background: #C83803; color: #ffffff;  background: linear-gradient(to right, #C83803, 70%, transparent);}
div.posandteam.Buccaneers { background: #515544; color: #ffffff; background: linear-gradient(to right, #515544, 70%, transparent);}
div.posandteam.Saints { background: #D3BC8D; color: #000000; background: linear-gradient(to right, #D3BC8D, 70%, transparent);}
div.posandteam.Panthers { background: #101820; color: #ffffff; background: linear-gradient(to right, #101820, 70%, transparent);}
div.posandteam.Falcons { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Seahawks { background: #69BE28; color: #000000;background: linear-gradient(to right, #69BE28, 70%, transparent);}
div.posandteam.Niners { background: #B3995D; color: #ffffff; background: linear-gradient(to right, #B3995D, 70%, transparent);}
div.posandteam.Rams { background: #ffd100; color: #003594; background: linear-gradient(to right, #ffd100, 70%, transparent);}
div.posandteam.Cardinals { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Jets { background: #ffffff; color: #125740; background: linear-gradient(to right, #ffffff, 70%, transparent);}
div.posandteam.Dolphins { background: #FC4C02; color: #ffffff; background: linear-gradient(to right, #FC4C02, 70%, transparent);}
div.posandteam.Bills { background: #C60C30; color: #ffffff; background: linear-gradient(to right, #C60C30, 70%, transparent);}
div.posandteam.Patriots { background: #C60C30; color: #ffffff; background: linear-gradient(to right, #C60C30, 70%, transparent);}
div.posandteam.Ravens { background: #9E7C0C; color: #ffffff; background: linear-gradient(to right, #9E7C0C, 70%, transparent);}
div.posandteam.Bengals { background: #000000; color: #ffffff; background: linear-gradient(to right, #000000, 70%, transparent);}
div.posandteam.Steelers { background: #FFB612; color: #000000;background: linear-gradient(to right, #FFB612, 70%, transparent);}
div.posandteam.Browns { background: #311D00; color: #ffffff; background: linear-gradient(to right, #311D00, 70%, transparent);}
div.posandteam.Texans { background: #A71930; color: #ffffff;  background: linear-gradient(to right, #A71930, 70%, transparent);}
div.posandteam.Titans { background: #0C2340;  color: #ffffff; background: linear-gradient(to right, #0C2340, 70%, transparent);}
div.posandteam.Jaguars { background: #9F792C; color: #ffffff; background: linear-gradient(to right, #9F792C, 70%, transparent);}
div.posandteam.Colts { background: #ffffff; color: #002C5F; background: linear-gradient(to right, #ffffff, 70%, transparent);}
div.posandteam.Broncos { background: #002244;color: #ffffff; background: linear-gradient(to right, #002244, 70%, transparent);}
div.posandteam.Chiefs { background: #FFB81C; color: #E31837; background: linear-gradient(to right, #FFB81C, 70%, transparent);}
div.posandteam.Raiders { background: #A5ACAF; color: #000000;background: linear-gradient(to right, #A5ACAF, 70%, transparent);}
div.posandteam.Chargers { background: #FFC20E; color: #0080C6; background: linear-gradient(to right, #FFC20E, 70%, transparent);}

/*not sure if using now with stuff up above*/
div.game-preview, div.Eagles { background: #004C54; color: #ffffff;}
div.game-preview, div.Cowboys { background: #003594; color: #ffffff;}
div.game-preview, div.Giants { background: #0B2265; color: #ffffff;}
div.game-preview, div.Commanders { background: #773141;color: #ffffff;}
div.game-preview, div.Lions { background: #0076B6;color: #ffffff;}
div.game-preview, div.Vikings { background: #4F2683;color: #ffffff;}
div.game-preview, div.Packers { background: #FFB612;color: #ffffff;}
div.game-preview, div.Bears { background: #C83803;color: #ffffff;}
div.game-preview, div.Buccaneers { background: #D50A0A;color: #ffffff;}
div.game-preview, div.Saints { background: #D3BC8D; color:#ffffff;}
div.game-preview, div.Panthers { background: #0085CA; color:#ffffff;}
div.game-preview, div.Falcons { background: #A71930; color:#ffffff;}
div.game-preview, div.Seahawks { background: #69BE28; color:#ffffff;}
div.game-preview, div.Niners { background: #AA0000; color:#ffffff;}
div.game-preview, div.Rams { background: #003594; color:#ffffff;}
div.game-preview, div.Cardinals { background: #97233F; color:#ffffff;}
div.game-preview, div.Jets { background: #125740; color:#ffffff;}
div.game-preview, div.Dolphins { background: #008E97; color:#ffffff;}
div.game-preview, div.Bills { background: #00338D; color:#ffffff;}
div.game-preview, div.Patriots { background: #002244; color:#ffffff;}
div.game-preview, div.Ravens { background: #241773; color:#ffffff;}
div.game-preview, div.Bengals { background: #FB4F14; color:#ffffff;}
div.game-preview, div.Steelers { background: #FFB612; color:#ffffff;}
div.game-preview, div.Browns { background: #FF3C00; color:#ffffff;}
div.game-preview, div.Texans { background: #A71930; color:#ffffff;}
div.game-preview, div.Titans { background: #4B92DB; }
div.game-preview, div.Jaguars { background: #006778; color:#ffffff;}
div.game-preview, div.Colts { background: #002C5F; color:#ffffff;}
div.game-preview, div.Broncos { background: #FB4F14; color:#ffffff;}
div.game-preview, div.Chiefs { background: #E31837; color:#ffffff;}
div.game-preview, div.Raiders { background: #A5ACAF; color:#ffffff;}
div.game-preview, div.Chargers { background: #0080C6; color:#ffffff;}

div.Agent  {
	background: #eeeeee;
}
div.Agent div {
	color: #333333 !important;
}

div#gif-trade-results {
	text-align:center;
}


#givingmax, #gettingmax {
	height: 40px;
	font-size: 12px;
	text-align:center;
	color: #aaaaaa;
}

.results-player {
	font-size: 15px;
	text-align:left;
	line-height: 15px;
	margin-bottom: 5px;
	color: #ffffff;
}

.results-posandteam {
	font-size: 14px;
	color: #bbbbbb;
}
div.results-comment.intro {
	font-weight: bold;
	font-size:24px;
	color: #777777;
	margin-left: 20px;
}
div.results-comment {
	margin-top:10px;
	text-align: left;
	color: #777777;
}
.ad-resp { 
	width: 320px; 
	height: 100px !important;  
	margin-left:auto; 
	margin-right:auto; 
}
.ad-resp iframe { 
	width: 320px; 
	height: 100px !important;
}
@media (min-width: 10px) and (max-width: 754px) {
	h1 {
	margin: 0px 0px 10px 0px;
	}
	form#gif-trade {
		text-align:center;
	}	
	h1.gif-trade {
		margin: 5px 0px 5px 0px;
	}
	img.gif {
	max-width: 320px;
	margin-left:auto;
	margin-right:auto;
	}
}
@media (min-width:500px) { .ad-resp { width: 468px; height: 60px !important; } }
@media (min-width:800px) { .ad-resp { width: 728px; height: 90px !important; } }

div.gif-trade-submit {
	margin-bottom: 20px;
	margin-top: 20px;
}

.ui-autocomplete {
	 max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}


/********************* ANIMATION ****************************/
.bounce   {animation: bounce .5s .1s;  transform: scale(1); }

@keyframes bounce {
  0% { transform: scale(1);  }
  50% { transform: scale(1.1); }
  100% { transform: scale(1) }
}

/* END new GIF trade analyzer stling */

@media (min-width: 10px) and (max-width: 700px) {
	div.wwic img {
		max-width: 100%;
	}
}

div.wwic {

	clear: both;
}
div#content {
position: relative;
top: 5px;	
}
div#contentLeft {
	width: 500px;	
	}
.hideforbye {
display: none;	
}

div.bye-row {
	min-height: 25px;
	border-bottom: 1px solid #777777;
	color: #777777;
	padding-top: 4px;
}
div.weeknum {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding-right: 5px;
	color: #0e9ae2;
	width: 65px;
}
div.bye-teams {
	font-size: 14px;
	display: inline-block;
	color: #777777;
}
/* old bye week stuff */
table#byeweeks {
width: 100%;	
}
table#byeweeks td{
	padding-left: 10px;
	color: #777777;
	border: 1px solid #777777;
}
table#byeweeks tr:nth-of-type(even) {
    background-color: #ffffff;
}

table#gradesbeforeafter {
width:100%;
	margin-left: 15px;
}
table.stats {
width: 750px;
font-size: 14px;	
}

table.stats tr:nth-of-type(even) {
    background-color: #eee;
}
table.stats th {
	background: #eee;	
	font-weight: normal;
	}
table.stats tr.top th{
	background :#0e9ae2;
	color: white;
	}
table.stats td,table.stats th {
text-align: center;	
}
table.stats td.name {
text-align: left;	
}
.rankstattierTOP {
color: pink;	
font-weight: bold;
}
.rankstattier1 {
color: red;	
font-weight: bold;
}
.rankstattier2 {
color: #fbac18;	
font-weight: bold;
}
.rankstattier3 {
color: #69bd45;	
font-weight: bold;
}
.rankstattier4 {
color: #35c2f2;	
font-weight: normal;
}
.rankstattier5 {
color: gray;	
font-weight: normal;
}

div#entirepage {
	position: relative;
	top: 55px;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 400px;
	width: auto;
	text-align: left;
	font-size: 16px;
	font-family: arial;
	background: #ffffff;
	color: #333333;
	/*font-family:  'Baloo 2',"Century Gothic", CenturyGothic, AppleGothic, sans-serif;*/
	box-sizing: border-box;
	}
div#entirepage.trade-value {
	background: none;
	width: 100%;
}
div#entirepagehomepage {
	position: relative;
	top: 50px;
	margin: 0 auto;
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-family: arial;
	background: #ffffff;
	color: #333333;
	box-sizing: border-box;
}

div#entirepagehomepage div#content {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
/*
div#entirepagehomepage #playersearchbox {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #0e9ae2;
	padding: 5px 0px;
}*/
div#entirepagehomepage #playersearchbox input::placeholder{
color:#0e9ae2;
}
div#entirepagehomepage.new form {
	margin-left: auto;
    margin-right: auto;
    width: 300px;		
}

div.search-icon {
	display: none;
}
div.searchbox {
	position:absolute;
	top: 5px;
	right: 0px;
}
div.searchbox input.textfield {
	width: 100%;
}
/*************************************/

body.homepage div#newfooter {
	top: 40px !important;	
	}
	
.noborder {
	border: none !important;
	}
div.section {
text-align: center;	
border: 1px solid #ccc;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px;
font-size: 15px;
background: #ffffff;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
margin-top:40px;
}
.aligncenter {
	text-align:center;
}
div.left {
text-align: left;	
}
div.top {
padding-top: 0px;	
}
div.screenshot img {  /*might not be using currently*/
	max-width: 100%;
	width: 700px;
	border: 1px solid gray;
}
img.screenshot.mobile, video.mobile, img.mobile {
	display: none;
	margin-left:auto;
	margin-right:auto;
}
div.last {
border: none !important;
margin-bottom: -50px;	
}
#newthisyear {
	position: absolute;
    top: 35px;
    right: 25px;	
	}
#newthisyear h3 {
	font-size: 44px;
	margin-bottom: -3px;
	margin-top: 10px;
	}
#newthisyear ul {
font-size: 21px;	
text-align: left;
}
p.heading {
font-size: 18px;
}
ul {
max-width:390px;
color: #777777;
margin-left: auto;
margin-right: auto;
}
div.section ul {
text-align: left;	

}
div.left {
text-align: left;	
}
div.hero {
/*background-image: url("/images/hero2.jpg");
background-repeat: no-repeat;
background-position: top center; 
	background-size: cover;*/
height: auto;	
	padding-top: 20px;
}
div.hero div.container {
	position: relative;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url("/images/icon-giving.svg");*/
  /*  background-image: url("/images/icon-giving.svg"), linear-gradient(#0e9ae2, #333333); /* W3C */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 300px;
	z-index: 0;
	overflow: hidden;
	padding: 0px 0px;
}

div.hero h1 {
font-size: 55px;
line-height: 50px; 
color: #0e9ae2;	
text-transform: uppercase;
width: 800px;
margin: 0 auto;
text-align:center;
font-weight: normal;
}
.home-box {
	/*border: 1px solid #cccccc;*/
	padding: 0 10px;
	margin: 0px;
	position: relative;
	background: none;
	width: 100%;
	box-sizing: border-box;
	text-align:center;
}

.home-box .container {
	 flex-wrap: wrap;
}
.home-box .container .box{
	  flex: 1;
  	  min-width: 350px; 
}
.home-box.text {
background: #000000;	
}
.home-box.image {
	padding: 0px;
}
.home-box.logo-graphic {
	width: 20%;
}
.home-box.logo-graphic img{
width: 300px;	
}
div.home-box h2 {
	text-transform: uppercase;
	text-align:center;
	font-size: 45px;
	font-family: teamname, arial;
	color: #0e9ae2;
}
div.home-box p {
	text-align:center;
	font-size: 18px;
	font-weight: normal;
	padding: 0px 15px;
	color: #777777;

}
p.homepage {
	text-align: center;
    font-size: 30px;
    font-weight: normal;
    padding: 10px 50px;
    color: #0e9ae2;	
}
img.screenshot {
	max-width: 700px;
}
div#entirepagehomepage div.section {
	border: none;
}
/*
div.home-box.left {
	position: relative;
	transform: perspective(1000px) rotateY(35deg);
	z-index: 0;

}
div.home-box.right {
	position: relative;
	transform: perspective(1000px) rotateY(-35deg);
	z-index: 0;
}
*/
p {
	font-size: 18px;	
	color: #777777;
}
	

.center {
text-align: center;	
}
p.center {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
img.starburst {
position: absolute;
top: 5px;
right: 25px;	
}

.deleteaccount {
	background: maroon;
	color: white;
	border-radius: 5px;
	border: none;

	cursor: pointer;
	padding: 5px;
}
	
div#modeoptions {
	display: none;	
	}
div#flexoptions {
	display: none;	
	}

p.faq {
font-weight: bold;
color: #0e9ae2;	
}
.teamnamelarge {
text-align:center;
font-size: 28px;
color: #0e9ae2;	
margin-left: 10px;
}
h1 {
text-transform: uppercase;
font-size: 40px;
color: #0e9ae2;	
font-family:  teamname;
text-align:center;
}
.trade-settings {
	text-align:center;
	color: #cccccc;
	margin-bottom: 10px;
	font-size: 14px;
}
.nomargintop {
	margin-top: 0px;
}
h2 {
font-size: 21px;
color: #0e9ae2;	
font-weight: normal;
	text-align:center;
}
.bold {
font-weight: bold;
font-size: 15px;	
}

.fa {
color: #0e9ae2;	
padding-right: 10px;
}
.edit .fa {
	padding: 0px;
}
a {
color: #0e9ae2;	
text-decoration: none;
}

a.add {
	background-color: #0ee255;
	margin-bottom: 10px;
	text-transform:uppercase;
	width:150px;
	font-size: 13px;
}
a.add.hover {
	background-color: #F95503;
}
select {
border-radius: 5px;
height: 25px;	
}
/****************** HEADER & MENU *****************************/
div#header {
	position: fixed;
	top: 0px;
	right: 0;
	left: 0;
	height: 50px;
	width: auto;
	background: #000000;
	z-index: 100;
	}
div#menu {
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	height: 50px;
	}
	
/************ TESTING NEW MENU ********************/	
		#nav
		{
			width: 300px; /* 1000 */
			font-family: 'Open Sans', sans-serif;
			position: absolute;
			top: 0px;
			left: 0px;
		}
		#nav a img {
		position: relative;
		top: 3px;	
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: none;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 1px solid white; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				list-style-type: none;
				height: 3.75em; /* 60 */
				background-color: #0e9ae2;
				z-index: 100000;
				max-height: 2000px;
				transition: max-height .2s ease-out;
			}
				#nav > ul > li
				{
					width: 100%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 14px; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						text-decoration: none;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #0e9ae2;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #2279aa;
						}



					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
				padding-left: 20px;
				padding-right: 20px;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #ccc;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		


/************ END TESTING NEW MENU ********************/

div.steps {
	min-height: 290px;	
	}
div.steps div.item {
	display: inline-block;	
	width: 30%;
	text-align: center;
	vertical-align: top;
	height: 130px;
	}
div.steps div.item p {
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	}
div.steps div.arrow {
	display: inline-block;
	width: 3%;
	text-align: center;
	height: 130px;
	position: relative;
	top: 50px;
	
	}
div.steps .fa {
	font-size: 100px;	
	}
div.steps .fa-chevron-right, div.steps .fa-chevron-down {
	font-size: 35px;	
	color: #ddd;
	}
div.steps .fa-chevron-down {
	display: none;
	}
div.steps .fa-chevron-right {
	display: block;	
	}
.green {
	color: green !important;
	text-align:center;
	}
.red {
	color: red !important;
	text-align:center;
	}
div#hamburger {	
	background: url("images/hamburger-menu.png") no-repeat;
	background-size: 40px;
	background-position: center;
	height: 55px;
	width: 55px;
	cursor: pointer;
	}

div#hamburger:hover div#flyoutmenu {	
	display: block;
	}
div#hamburger:active div#flyoutmenu {	
	display: block;
	}

div#flyoutmenu {
	display: none;/*changes to "block" when hamburger menu is clicked*/
	position: relative;
	top: 50px;
	background: #0e9ae2;
	width: 250px;
	
	}
div#flyoutmenu div  {
	height: 25px;
	}
div#flyoutmenu div a {
	color: white;
	font-size: 16px;
	text-decoration: none;
	}
div#flyoutmenu div:hover {

	}
div#logo {
	width: 250px;
	height: 40px;
	position: relative;
	top: 5px;
	left: 60px;		
	}
div#logo a {
	width: 250px;
	height: 40px;
	display: inline-block;
	}
div#toplinks {
	position: absolute;
	top: 12px;
	right: 260px;	
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	}
div#toplinks a {	
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	}
div#toplinks a:hover {
		color: #ddd;
}

div#links {
	height: 20px;
	margin-left: 10px;
}
	
/**************  Add/edit teams ************/
.question {
	margin-bottom: 10px;	
	font-family: arial;
    padding: 10px;
	background: #f9f9f9;
	border: 1px solid #aaaaaa;
	}
.question .question {
	padding: 0px;
	border: none;
}
.question span {
	display: inline-block;
	margin-bottom: 5px;
	color: #0e9ae2;
	text-transform: uppercase;
}
.answer {
	padding:10px;
	padding-top:0px;
}
span#totalnumberstarterstext {
	color: #777777;
}
.inset {
	margin-left: 25px;	
	}
#playerslog {
	min-height: 300px;	
	max-width: 350px;
	}
div.playerrow {
	height: 25px;
    border-bottom: 1px solid #ffffff;
	padding-top: 3px;
	position: relative;
	background: #ffffff;
	color: #333333;
}
div.playerrow.top180 {
	height: 50px;
}
div.playerrow div.comment {
	background: white;
	font-size: 14px;
	padding-left: 26px;
	padding-bottom: 4px;
}
div.playerrow div {
	display: inline-block;
}
.block {
	display: block !important; 
}
div.playerrow div.name {
	width: 170px;
	font-size: 14px;
	text-wrap: nowrap;
}
div.playerrow div.name a{
	color: #ffffff;	
}
div.opponent {
	font-size: 13px;
	color: #ffffff;
}
div.playerrow div.pos {
	width: 35px;
	color: #aaaaaa;
	font-size: 11px;
	text-align: right;
	padding-right: 3px;
}
div#rankings-page div.pos {
	text-align:left;
}
div.playerrow div.overallrank {
	display: inline-block;
	width: 25px;
	text-align: right;
	padding-right: 3px;
	font-size: 12px;
	color: #cccccc;
}
div.playerrow:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  opacity:0.5;
  background-image: url("https://i.pinimg.com/originals/e2/ae/9a/e2ae9a847ac88d243cd6d761a61b4e74.jpg0");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
div.playerrow.qb {
	background: red;
}
div.playerrow.rb {
	background: #b2dbf7;
}
div.playerrow.wr {
	background: #b2f7bc;
}
div.playerrow.te {
	background: #f7d9b2;
}
/*
.ARZ {
color: #97233F;

}
.ATL {
color: #A71930;

}
.BAL {
color:#241773;

}
.BUF {
color:#00338D;

}
.CAR {
color:#0085CA;

}
.CHI {
color:#0B162A;

}
.CIN {
color:#FB4F14;

}
.CLE {
color:#311D00;

}
.DAL {
color:#003594;

}
.DEN {
color:#FB4F14;

}
.DET {
color:#0076B6;

}
.GB {
color:#203731;

}
.HOU {
color:#03202F;

}
.IND {
color:#002C5F;

}
.JAX {
color:#101820;

}
.KC {
color:#E31837;

}
.LAC {
color:#0080C6;

}
.LAR {
color: #002244;

}
.LVR {
color:#000000;

}
.MIA {
color:#008E97;

}
.MIN {
color:#4F2683;

}
.NE {
color:#002244;

}
.NO {
color:#D3BC8D;

}
.NYG {
color:#0B2265;

}
.NYJ {
color:#125740;

}
.PHI {
color:#004C54;

}
.PIT {
color:#FFB612;

}
.SF {
color:#AA0000;

}
.SEA {
color:#002244;

}
.TB {
color:#D50A0A;

}
.TEN {
color:#D50A0A;

}
.WSH {
color:#773141;

}
*/
/*

div.playerrow.ARZ {
background-image: linear-gradient(#97233F 10%, #ffffff 20%, #ffffff 80%, #000000 90%);
}
/*
div.playerrow.ATL {
background-image: linear-gradient(135deg, #ffffff 55%, #A71930 calc(55% + 2px));
}
div.playerrow.BAL {
background-image: linear-gradient(135deg, #ffffff 55%, #241773 calc(55% + 2px));
}
div.playerrow.BUF {
background-image: linear-gradient(135deg, #ffffff 55%, #00338D calc(55% + 2px));
}
div.playerrow.CAR {
/*background-image: linear-gradient(135deg, #ffffff 55%, #0085CA calc(55% + 2px));
	background-image: linear-gradient(#0085CA 10%, #ffffff 10%, #ffffff 90%, #000000 90%);
}/*
div.playerrow.CHI {
background-image: linear-gradient(135deg, #ffffff 55%, #0B162A calc(55% + 2px));
}
div.playerrow.CIN {
background-image: linear-gradient(135deg, #ffffff 55%, #FB4F14 calc(55% + 2px));
}
div.playerrow.CLE {
background-image: linear-gradient(135deg, #ffffff 55%, #311D00 calc(55% + 2px));
}
div.playerrow.DAL {
background-image: linear-gradient(135deg, #ffffff 55%, #003594 calc(55% + 2px));
}
div.playerrow.DEN {
background-image: linear-gradient(135deg, #ffffff 55%, #FB4F14 calc(55% + 2px));
}
div.playerrow.DET {
background-image: linear-gradient(135deg, #ffffff 55%, #0076B6 calc(55% + 2px));
}
div.playerrow.GB {
background-image: linear-gradient(135deg, #ffffff 55%, #203731 calc(55% + 2px));
}
div.playerrow.HOU {
background-image: linear-gradient(135deg, #ffffff 55%, #03202F calc(55% + 2px));
}
div.playerrow.IND {
background-image: linear-gradient(135deg, #ffffff 55%, #002C5F calc(55% + 2px));
}
div.playerrow.JAX {
background-image: linear-gradient(135deg, #ffffff 55%, #101820 calc(55% + 2px));
}
div.playerrow.KC {
background-image: linear-gradient(135deg, #ffffff 55%, #E31837 calc(55% + 2px));
}
div.playerrow.LAC {
background-image: linear-gradient(135deg, #ffffff 55%, #0080C6 calc(55% + 2px));
}
div.playerrow.LAR {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.LVR {
background-image: linear-gradient(135deg, #ffffff 55%, #000000 calc(55% + 2px));
}
div.playerrow.MIA {
background-image: linear-gradient(135deg, #ffffff 55%, #008E97 calc(55% + 2px));
}
div.playerrow.MIN {
background-image: linear-gradient(135deg, #ffffff 55%, #4F2683 calc(55% + 2px));
}
div.playerrow.NE {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.NO {
background-image: linear-gradient(135deg, #ffffff 55%, #D3BC8D calc(55% + 2px));
}
div.playerrow.NYG {
background-image: linear-gradient(135deg, #ffffff 55%, #0B2265 calc(55% + 2px));
}
div.playerrow.NYJ {
background-image: linear-gradient(135deg, #ffffff 55%, #125740 calc(55% + 2px));
}
div.playerrow.PHI {
background-image: linear-gradient(135deg, #ffffff 55%, #004C54 calc(55% + 2px));
}
div.playerrow.PIT {
background-image: linear-gradient(135deg, #ffffff 55%, #FFB612 calc(55% + 2px));
}
div.playerrow.SF {
background-image: linear-gradient(135deg, #ffffff 55%, #AA0000 calc(55% + 2px));
}
div.playerrow.SEA {
background-image: linear-gradient(135deg, #ffffff 55%, #002244 calc(55% + 2px));
}
div.playerrow.TB {
/*background-image: linear-gradient(135deg, #ffffff 55%, #D50A0A calc(55% + 2px));
background-image: linear-gradient(#D50A0A 10%, #ffffff 20%, #ffffff 80%, #000000 90%);
}
div.playerrow.TEN {
background-image: linear-gradient(135deg, #ffffff 55%, #D50A0A calc(55% + 2px));
}
div.playerrow.WSH {
background-image: linear-gradient(135deg, #ffffff 55%, #773141 calc(55% + 2px));
}*/
/**************  PLAYER PAGE **************/

.year {
	font-size: 24px;
	color:	 #0e9ae2;
	}

div#lastyearstats {
	clear:both;	
	}
div#schedulestats {
/*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  */
	}
div.scheduleweek {
	display: inline-block;
	width:10%;
	height: 260px;
	border: 1px solid gray;
	margin-right: 3px;
	margin-bottom: 3px;
	background: #dddddd;
	}
	
div.scheduleweek table {
	font-size: 14px;
	width: 100%;
	}
div.scheduleweek td{
	text-align: center;
	color: #777777;
	}
div.scheduleweek td.week{
	background: #0e9ae2;
	color: white;
	}
span.stdpoints {
	font-size: 20px;
	font-weight: bold;
	color: #0e9ae2;
	}

div#savedteams {

	}
div.savedteam {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	border: solid 1px #ffffff;
	position: relative;
	min-width: 328px;
	max-width: 328px;
	min-height: 1100px;
	padding-left: 10px;
	border-radius: 0px;
	vertical-align: top;
	font-size: 14px;
	color: #0e9ae2;
	}
div.savedteam a.button {
	width: 75%;
	text-align:center;
	text-transform: uppercase;
}
div.savedteam a.edit {
	width: auto;
	position: absolute;
	top: 40px;
	right: 5px;
	padding: 0px 2px 0px;
	}

div.league-settings {
	height: 65px;
	padding: 10px;
	font-size: 0.8em;
    background: #f9f9f9;
    border-radius: 0px;
	border: 1px solid #aaaaaa;
    color: #777777;
	margin-bottom: 10px;
	text-align:center;
	line-height: 12px;
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
}
div.league-settings div.second-row, div.league-settings div.third-row {
	margin-top: 8px;
}
/*
div#myteamsstarters {
	max-width: 50%;
	border: 1px solid white;
}
div#myteamsbench {
	max-width: 50%;
	border: 1px solid white;
}*/
a.delete {
	font-size: 14px;
	color: red !important;
	}
a.delete .fa {
	color: red !important;
}
a.delete:hover, a.delete:hover .fa { 
	color: red;
	}

div.gamecoming {
	background: #ffffff;
	}
/****************** player page rank circles ******************/
div#rankcircles span {
	width:100px;
	height:100px;
	border-radius:50px;
	font-size:10px;
	color:#fff;
	line-height:50px;
	text-align:center;
	display: inline-block;
	}
div#rankcircles #thisweek {
	background: blue;	
	}
div#rankcircles #ros{
	background: red;
	}
div#rankcircles #dynasty {
	background: green;
	}
div#rankcircles #ufr {
	background: orange;
	}
	
	
.textfield {
	width: 100%;
	max-width: 400px;
	border-radius: 2px;
	border: 1px solid #ccc;
	height: 40px;
	padding-left: 10px;
	font-size: 16px !important;
	-webkit-appearance: none;
	box-sizing: border-box;
	}
.ui-menu .ui-menu-item {
	font-size: 15px;
}

div.player {
	font-size: 12px;	
	}
span.helmet {
	vertical-align: sub;	
	}
span.pos {
	color: #ffffff;
	display: inline-block;
	/*height: 14px;*/
    width: 18px !important;
	font-size: 9px;
	font-weight: normal;
	border-radius: 1px;
	text-align: center;
    vertical-align: top;
	padding-top: 1px;
	box-sizing: border-box;
	-webkit-appearance:none;
	}

span.pos.qb {
  background-color: red;
}
span.pos.rb {
  background-color: blue;
}
span.pos.wr {
  background-color: #005c00;
}
span.pos.te {
  background-color: #f34a0f;
}
span.pos.flex {
  background-color: purple;
}
span.pos.pk {
  background-color: #8c6239;
}
span.pos.def {
  background-color: #333333;
}
span.pos.ben {
  background-color: hotpink;
}
span.pos.missing {
color: #777777;
border: 1px solid #777777;
margin-right: 3px;
}
span.pos.pick {
background-color: #777777;
}
span.abbrev {
color: #aaaaaa;
}
span.bench{
	width: 160px !important;
}
span.grade {
	font-size: 18px;
	}
div.playerpagename {
	font-size: 24px !important;
	}
div.playerpagename span.name {
	font-weight: bold;
	font-size: 24px;
	}
div.playerpagename span.pos {
	font-size: 24px;
	width: auto;
	}
span.abbrev {
	font-size: 10px;
	color: #777777;
}
div.myteamsstarters {
	width: 50%;
	/*border: 1px solid green;*/
	float: left;
	margin-bottom: 20px;
}
div.myteamsbench {
	width: 50%;
	/*border: 1px solid red;*/
	float: left;
	margin-bottom: 20px;
}

span.name {
	color: #333333;
}
span.name.pick {
	color: #333333;
}
span.name a {
	color: #555555;
	text-decoration: none;	
	}
span.name a:hover {
	color: #777777;
	}
img.helmet {
	width: 20px;	
	}
.injured {
	color: red !important;
	FONT-WEIGHT: 500;
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position-x: 25px;
    background-size: 60% 60%;
    background-position: left;
	}
.injury {
	width: 12px;
	margin-right: 1px;
}
.injury.larger {
	width: 20px;
}

.highlightplayerfromfantasyteam {
	background: #ddd;
	max-width: 100%;
	}
#entirepagehomepage .section ul {
	margin-left: 300px !important;	
	}
ul.teamanalyzer {
	margin-left: 0px;	
	}
div.value-container{
	text-align:center;
	margin-bottom: 20px;
}
div.value-container-box {
	display: inline-block;
	text-align:center;
	width: 130px;
}
div.avg-value, div.your-value {
	border: 1px solid #777777;
	padding: 3px;
	font-size: 40px;
	border-radius: 5px;
}
div.avg-value {
	color: #aaaaaa;
	background: #eeeeee;
}
div.value-heading {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom: 5px;
}
div.value-heading.avg {
	color: #aaaaaa;
}
div.label {
	margin-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #0e9ae2;
}
div.player-analysis-container span {
	margin-left: 0px;
	font-size: 14px;
	color: #aaaaaa;
}
div.bullets {
	width: 100%;
	margin:auto;
	color: #777777;
}
div.bullets div.heading {
	font-size: 25px;
	margin-left: 5px;
	margin-bottom: 10px;
}
div.bullets img {
	width: 30px;
	position: relative;
    top: 7px;
	margin-right: 5px;
}
div.bullets img.lock {
	width: 20px;
	position: relative;
    top: 4px;
}
div.bullets div {
	font-size: 18px;
}
.A,.B,.C,.D,.F {
	position: absolute;
    top: 15px;
    right: 15px;
	color: white;
	font-size: 32px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	text-align: center;
	/*margin-top: 10px;*/
	margin-left: auto;
    margin-right: auto;
	font-family: teamname, arial;
}

.A {
	color: #009245;
}
.B {
	color: #39b54a;
}
.C {
	color: #fbb03b;
}
.D {
	color: #ff3939;
}
.F {
	color: #ff0000;
}
td.letter.A, td.letter.B, td.letter.C, td.letter.D, td.letter.F {
	font-size: 16px;
	line-height: 20px;
	width: 25px;
	height: 25px;
	font-weight: normal;
}
div.Agrade {
	color: #ffffff;
	border: 1px solid #009245;
	background: #009245;
	border-radius: 5px;
}
div.Bgrade {
	color: #ffffff;
	border: 1px solid #39b54a;
	background: #39b54a;
	border-radius: 5px;
}
div.Cgrade {
	color: #ffffff;
	border: 1px solid #fbb03b;
	background: #fbb03b;
	border-radius: 5px;
}
div.Dgrade {
	color: #ffffff;
	border: 1px solid #ff3939;
	background: #ff3939;
	border-radius: 5px;
}
div.Fgrade {
	color: #ffffff;
	border: 1px solid #ff0000;
	background: #ff0000;
	border-radius: 5px;
}
/********************** TEAM ANALYSIS ***********************/
div#teamscore {
   width: 70px;
   height: 70px;
   background: #0e9ae2; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
   text-align: center;
}
div#teamscore span {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  top: 15px;
}

div#teamscorecontainer {
	/*width: 20%;
    display: inline-block;	
	height: 150px;*/
	}
div#outlookcontainer {
	/*width: 40%;
	display: inline-block;
	height: 150px;
	vertical-align: top;*/
	}
table#percentages {
	max-width: 300px;
}
table#percentages tr td {
	text-align:	center;
}
table#percentages tr:nth-child(even) {
    background-color: #eee;
}

/*******************  CHOOSE PLAYERSfor Trade ************************/
div.player {
	height: 25px;
	padding-top: 4px;
	cursor: pointer;
	}
div.savedteam div.player {
	cursor: default;
	}
div.playerselected {
	position: relative;	
	background: #0e9ae2;
	height: 25px;
	padding-top: 4px;
	cursor: pointer;
	max-width: 350px;
	color: #ffffff;
	font-size: 14px;
	-webkit-transition: background-color .25s;
    transition: background-color .25s;
	}
div.playerselected span.pos {
	color: #dddddd;
}
div.submit-button {
	text-align: center;
	background: none;
	width:45%;
}
input.checkbox {
	display: none;	
	}
a.goback {
	margin-left: 20px;
	background: #0e9ae2 !important;
}
div.goback {
	width: 305px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	margin-bottom: 20px;
}
#giving {
	float: left;
	width: 45%;
	}
form#tradingplayers div#giving, form#tradingplayers div#getting { 
	margin-bottom: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
form#tradingplayers div.player {
	font-size: 14px !important;
}
form#tradingplayers p {
	font-size: 14px !important;
	line-height: 14px !important;
	text-align: center;
}
#getting {
	display: inline-block;
	width: 45%;
	}
#playersleavingcoming {
	position: relative;	
	max-width:500px
	}
#playersleavingcoming .column {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	}
#givinglog, #gettinglog {
	min-height: 200px;	
	max-width: 350px;
	}
#draftpicksleavinglog, #draftpickscominglog {
	min-height: 50px;	
	max-width: 350px;	
	background: #000000;
	}
.ui-widget {
	font-size: 12px !important;	
	}
img.background-logo {
	width: 400px;
	opacity: 0.5;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
/*********************** TRADE ANALYSIS ***************************/
.involvedLeaving {
	background: red;
	max-width: 300px;
	border-radius: 0px;
}
.involvedComing {
	background: green;
	max-width: 300px;
	border-radius: 0px;
}

.fa-thumbs-up {
	color: green;
}
.fa-thumbs-down {
	color: red;
}

.note {
font-size: 12px;	
color: #aaa;
margin-top: 15px;
margin-bottom: 10px;
clear:both;
}

.playerstable {
display: inline-block;
width: 100%;	
vertical-align: top;
	margin-left: 20px;
}

span.dontdoit {
color: red;
font-size: 24px;	
}
span.doit {
color: green;
font-size: 24px;	
}
td.letter {
font-weight: bold;	
}
td.position {
font-size: 14px;	
}

.subtle {
color: #bbb;
font-size: 12px;
text-align: center;
}
.italic {
font-style: italic;	
font-size: 16px;
	color: #777777;
}
form#tradingplayers span.italic {
		line-height: 14px;
}
/******************* FOOTER ******************/
div#newfooter {
	position: relative;
	top: 150px;
	right: 0;
	left: 0;
	height:800px;
	width: auto;
	background: #000;
	z-index: 10000;
	clear: left;
	font-size: 12px;
	}
div#footer {
	margin: 0 auto;
	position: relative;
	max-width: 1200px;
	width: auto;
	text-align: left;	
	top: 40px;
	background: #000;
	color: white;
}
div#footer img {
	opacity: 0.7;
	width: 200px;
	margin-bottom: 30px;
}
div.copyright {
	color: #777;
	font-size: 14px;
	margin-top: 50px;
	text-align: center;
}
div.footer-col.logo {
	
}
div.footer-col {
	display: inline-block;
	width: auto;
	padding-left: 10px;
	vertical-align: top;
	margin-right: 20px;
	box-sizing: border-box;
}
div.footer-col h3, ul.menu h3 {
	text-transform: uppercase;
	color: #eee;
	margin: 0px;
	font-size: 20px;
}
ul.menu h3 {
margin-left: 25px;
	color: #0e9ae2;
}
ul.menu li {
	margin-left: 45px;
	height: 30px;
}
div.footer-col ul {
font-size: 18px;
list-style-type: none;
padding-left: 0px;
color: #ccc;
line-height: 25px;
}
div.footer-col ul a {
color: #ccc;	
}

/************** DRAFT ORDER LOTTERY GENERATOR **************/
#draft-order-container {
	max-width: 375px;
    margin: auto;
}
#draft-order-container input {
	font-size: 16px;
	border: 1px solid gray;
	border-radius: 4px;
	height: 30px;
	margin-bottom:4px;
	padding-left: 6px;
	box-sizing:border-box;
}
#draft-order-container input.submit {
	border: none;
	border-radius: 4px;
	height: 50px;
	margin-bottom:4px;
	font-size:20px;
}
#draft-order-container div.draft-order-submit {
	text-align:center;
	margin: 20px 0px;
}
#draft-order-container input.leaguename {
	width: 300px;
	height: 40px;
}
#draft-order-container input.schedule {
	width: 300px;
	height: 40px;
}
#draft-order-container input.teamname {
	width: 278px;
	height: 40px;
	margin-right: 2px;
}
#draft-order-container input.lottery-balls {
	width: 55px;
	height:40px;
	text-align:center;
	font-size: 16px;
}
div.important {
	font-size: 24px;
	font-weight: bold;
	color: red;
	margin-bottom: 10px;
	width: 100%;
	text-align:center;
}
/*
div.example-draft {
margin-left: auto;
margin-right: auto;
text-align:center;
width: 300px;
margin-bottom: 20px;
}*/
.slider-container {
	text-align:center;
}
label.numteams-label {
	display: block;
	height: 30px;
	caret-color: transparent;
}
div.form-field-label {
	position: relative;
	width: 100%;
	background: #cccccc;
	color: #000000;;
	text-align:center;
	height: 25px;
    padding-top: 4px;
    border-radius: 2px;
	margin-bottom: 4px;
}
div.form-field-label.schedule {
margin-bottom: 10px;	
}
div.field-container a.example-draft {
font-size: 16px;
text-transform: uppercase;
	margin-left: 10px;
}
div#draft-order-container div.instructions {
	font-size: 13px;
}
div.teams-label {
	display: inline-block;
	position: absolute;
	left: 25px;
}
div.lottery-label {
	display: inline-block;
	position: absolute;
	right: 10px;
}
div.field-container {
	text-align:center;
}
span.time-note {
	font-size: 12px;
	font-style:italic;
	color: #555;
	font-weight: bold;
}
#numberDisplay {
	font-size: 50px;
	font-weight:bold;
}
#team-slider {
margin-top:10px;
width: 300px;	
}
#draft-order-container span.num {
display: inline-block;
width: 25px;
font-size: 20px;
text-align:right;
margin-right: 4px;
color: #aaaaaa;
}

.hide {
	display: none !important;
}

#draft-order-container input.email-draft-address {
	width: 350px;
	height: 40px;
}
div.team.show {
	display: inline-block !important;
}
div.team.hide, div.email-draft-address-container.hide, div.schedule-container.hide {
	display: none !important;
}
span.checkbox-text {
	font-size:14px;
	position: relative;
	top: 5px;
}
.error {
	color: red;
	text-align:center;
}
div.draft-league-name-heading {
	font-size: 40px;
	text-align:center;
	margin-bottom: 10px;
}
div#countdown {
	margin-bottom: 20px;
}
div#countdown.show {
	display: block;
}
div#countdown.hide {
	display: none;
}
div#countdown div {
	display: inline-block;
	width: 25%;
    font-size: 100px;
    border: 1px solid #ccc;
    text-align: center;
}
div#countdown div.clock-label {
	font-size: 20px;
}
div.reveal-date-message {
	width: 100%;
	font-size: 20px !important;
	text-align: center;
	margin: 20px 0px;
	height: 40px;
	font-style:italic;
	color: #aaa;
}
div.draftteamsresults {
	text-align:center;
	border: 1px solid #ccc;
	padding-bottom: 10px;
}
div.draftteamsresults button {
	margin-top: 5px;
}
div.draftteamsresults button#startRevealButton {
	background: green;;
	color: #ffffff;
	transition: transform 0.2s ease;
}
/* Throbbing animation */
@keyframes throb {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* Apply animation to button */
div.draftteamsresults button#startRevealButton {
  animation: throb 1s infinite; /* 1s duration, infinite loop */
}

div.draftteamsresults button#startRevealButton:hover {
  background-color: #087300 ; /* Slightly darker color on hover */
}
div.draftteamsresults button#revealAllButton {
	background: #eeeeee;
	color: #555555;
	border: 1px solid #cccccc;
}
div.draftteamsbefore div.row, div.draftteamsresults div.row {
	display: block;
	width: 100%;
	height: 50px;
}
div.draftteamsbefore div.heading-title {
	background: #0e9ae2;
	color: white;
	font-size: 30px;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	height: 50px;
    line-height: 50px;
	font-weight:bold;
}
div.draft-lottery-results-table-header div.heading-title {
	background: red;
	color: white;
	font-size: 30px;
	width:100%;
	text-align:center;
	text-transform: uppercase;
	height: 50px;
    line-height: 50px;
	font-weight:bold;
}
div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
	display: inline-block;
	width: 50%;
	border: 1px solid #ccc;
	text-align: center;
	font-size:25px;
	height:50px;
	line-height: 50px;
	overflow:hidden;
}
div.draftteamsbefore div.heading {
	background: #0e9ae2;
	color: white;
}
div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	display: inline-block;
	width: 25%;
	border: 1px solid #ccc;
	text-align: center;
	font-size:25px;
	height:50px;
	line-height: 50px;
    overflow: hidden;
}
span.show-gifs-label {
	font-size: 14px;
	font-weight:bold;
	position: relative;
	top: 2px;
	text-transform: uppercase;
}
div.revealed-pick-container {
	display: block;
	border: 1px solid gray;
	border-radius: 2px;
	margin-bottom: 5px;
	position:relative;
	min-height: 55px;
}


div.revealed-pick-container div.revealed-pick-num {
	height: 100%;
	width: 60px;
	font-size: 40px;
	position: absolute;
	background: #000000;
	color: #ffffff;
	padding-top: 5px;
}
div.revealed-pick-container div.revealed-pick-num span.pound-sign {
font-size: 20px;	
vertical-align:super;
}
div.revealed-pick-container div.revealed-pick-intro {
	font-size: 30px;
	margin-top: 12px;
	text-align:left;
	margin-left: 70px;
}
div.revealed-pick-container div.revealed-pick-teamname {
	display: inline-block;
	font-size: 40px;
	position: relative;
	margin-bottom: 5px;
	text-align:left;
	margin-left: 70px;
	margin-top: 10px;
	font-weight:bold;
	
}
div.revealed-pick-container div.revealed-pick-gif img {
	max-width: 200px;
	margin-left: 60px;
	margin-top: 10px;
}
div.revealed-pick-container div.revealed-pick-gif.hide {
	display: none !important;
}
div.share-button {
	cursor:pointer;
	height: 30px;
	line-height: 30px;
	width: 150px;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	background: #eee;
	border: 1px solid #aaa;
	border-radius: 4px;
	color: #333;
	text-align:center;
	margin-bottom:10px;
	text-transform:uppercase;
}

/* Add this CSS to your style section */

.zoom-text {
  display: inline-block;
  animation:
    zoomEffect 3s ease-out forwards,
    fadeOut 2s ease-out 5s forwards;
}

/* Zoom in and back */
@keyframes zoomEffect {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}

/* Fade out after 5s */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fade-in {
  animation: fadeIn 1s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.wiggle {
  display: inline-block;
  animation: wiggle 0.5s ease-in-out infinite;
}


/* Optional: Add an initial state of hidden divs */
.revealed-pick-intro, .revealed-pick-teamname {
  opacity: 0;  /* Make them invisible initially */
}
 		/* Custom Styling for Slider */
        input[type="range"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            height: 12px;  /* Adjust the thickness of the track */
            background: #fff;  /* Background color of the track */
			border: none !important;
            border-radius: 5px;
            outline: none;
        }

        /* Custom Styling for the Thumb (the knob) */
        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 30px;
            height: 30px;
            background: #0e9ae2;
            border-radius: 50%;
            cursor: pointer;
            border: 1px solid #333;
			position: relative;
			top: -10px;
        }

       input[type="range"]::-moz-range-thumb {
            width: 30px;
            height: 30px;
            background: #4CAF50;
            border-radius: 50%;
            cursor: pointer;
            border: 2px solid #333;
        }

        /* Webkit-specific pseudo-element to style the track */
        input[type="range"]::-webkit-slider-runnable-track {
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
        }

        /* Firefox-specific pseudo-element to style the track */
        input[type="range"]::-moz-range-track {
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
        }

        /* For IE (older versions) */
        input[type="range"]::-ms-track {
            width: 100%;
            height: 12px;  /* Thicker track */
            background: #0e9ae2;  /* Green color for the track */
            border-radius: 5px;
            border: none;
        }

/*********Custom checkbox code *******/
/* Customize the label (the container) */
.show-gifs-checkbox .container {
  display: block;
    position: relative;
    right: 30px;
    padding-right: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align:right;
}

/* Hide the browser's default checkbox */
.show-gifs-checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.show-gifs-checkbox .checkmark {
  position: absolute;
  top: 0;
  right: 2px;
  height: 20px;
  width: 20px;
  background-color: #eee;
	border: 1px solid #aaa;
}

/* On mouse-over, add a grey background color */
.show-gifs-checkbox .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.show-gifs-checkbox .container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.show-gifs-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.show-gifs-checkbox .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.show-gifs-checkbox .container .checkmark:after {
  left: 7px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*********Custom Radio button code *******/
/* Customize the label (the container) */
#draft-order-container .radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align:left;
}
#draft-order-container .radio-container span.smaller {
	font-size: 13px;
}
/* Hide the browser's default radio button */
#draft-order-container .radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
#draft-order-container .radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
#draft-order-container .radio-container:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
#draft-order-container .radio-container input:checked ~ .radio-checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
#draft-order-container .radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
#draft-order-container .radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
#draft-order-container .radio-container .radio-checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
/********************* BUTTONS *********************/
/*a.button {
font-size: 13px;
display: inline-block;
height: 21px;
border-radius: 5px;
padding: 0px 10px
}
a.button:hover .fa, a.button:hover  {
color: #2279aa;	
text-decoration: none;
}*/
/*
a.bg {
background: #000000;	
color: white;
border: 1px solid white;
height: 40px;
width: 300px;
padding: 6px 15px 0px;
margin-left: 10px;
}
a.bg:hover {
color: white;	
}
a.bg .fa, a.bg:hover .fa{	
color: white;
}*/
a.button {
	display: block;
	width: 300px;
	height: 50px;
    margin: auto;
	margin-bottom:30px;	
	margin-top:30px;
	cursor: pointer;
}
/*
div.team-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.team-button:hover {
	background: #047faf;
}*/
a.team-button {
	background: #0e9ae2;/*#F95503;*/
    width: 300px;
	margin: auto;
	margin-bottom:20px;	
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.team-button:hover {
	background: #047faf;/*#C64106;	*/
}
/*
div.trade-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.trade-button:hover {
	background: #047faf;	
}*/
a.trade-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.trade-button:hover {
	background: #047faf;	
}
/*
div.add-button {
	display: block;
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.add-button:hover {
	background: #C64106;	
}*/
a.smaller-button {
	background: #0e9ae2;
    width: 300px;
    text-align: center;
    height: 40px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 16px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	padding: 10px;
}
a.add-button {
	display: block;
	background: #F95503;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.add-button:hover {
	background: #C64106;	
}

div.league-button {
	background: #0e9ae2 /*#02AA16*/;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.league-button:hover {
	background: #047faf /*#037A11*/;	
}
a.league-button {
	background: #0e9ae2 /*#02AA16*/;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.league-button:hover {
	background: #047faf /*#037A11*/;	
}
div.rankings-button {
	background: #777777;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.rankings-button:hover {
	background: #333333;	
}
a.rankings-button {
	display:block;
	background: #777777;
    width: 300px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
a.rankings-button:hover {
	background: #333333;	
}
div.edit-button {
	background: #bbbbbb;
    width: 200px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
}
div.edit-button:hover {
	background: #777777;	
}
a.edit-button {
	display: block;
	background: #bbbbbb;
    width: 200px;
	margin: auto;
	margin-bottom: 20px;
    text-align: center;
    height: 50px;
	line-height: 50px;
    vertical-align: middle;
    font-size: 20px;
	font-weight: bold;
    color: #ffffff;
	border-radius: 4px;
	clear:both;
}
a.edit-button:hover {
	background: #777777;	
}
button, .submit {
	border: none;
	color: white;
	border-radius: 4px;
	cursor: pointer;
	width: 300px;
	font-size: 20px;
	font-weight: bold;
	background: #0e9ae2;/*#319962;*/
	height: 50px;
	line-height: 50px;
	}

.submit:hover {
	background:#047faf;/* #01770D;*/
}
/*
button:hover, .submit:hover {
	opacity:1;	
	}

/*.save, .submit {
	background: #F95503 !important;
	}*/
button.add {
	background: #F95503 !important;
	}
button.edit {
	background: #F95503 !important;
	}
button.delete {
	background: red !important; /*old green #0ee255*/
	width: 200px;
	height: 50px;
	margin: 0 auto;
	}


li.rankingborderstyle {
	cursor: pointer;
	border: 1px solid gray;	
	}

input.healed {
background: green;	
height: 20px;
border: none;
color: white;
cursor: pointer;
	border-radius: 5px;
}

div.loggedinbox {
	margin-top:  100px;	
	}

/*Trade Analyzer Schedule Stuff*/
.trade-schedule {
	width: 350px;
	font-size: 10px;
	margin: auto;
	margin-bottom: 10px;
}
.trade-schedule .title {
width: 100%;
max-width:350px;
background: #0e9ae2;
color: #ffffff;
height: 20px;
line-height:20px;
font-size: 14px;
text-align:center;
margin-bottom: 1px;
}
.trade-schedule-row-1, .trade-schedule-row-2 {
	position: relative;
	margin-bottom: 4px;
	padding-left: 2px;
	display: flex;
	gap: 2.5px;
}
.trade-schedule-week-box {
	display: inline-block;
	border: 1px solid gray;
	width:36px;
	height: 60px;
	vertical-align: top;
	text-align:center;
	margin-right:2.5px;
}
body.upgrade .trade-schedule-week-box { 
	margin-right:0px;
	}
div.trade-schedule .trade-schedule-week-box {
	margin-right:0px;
}
div.sitstart .trade-schedule-week-box {
	margin-right:0px;
}
.trade-schedule-week-box.completed {
background: #cccccc;	
}
.trade-schedule-week-label {
	display: inline-block;
	color: #555;
	background: #eee;
    border-bottom: 1px solid #ccc;
	font-size: 8px;
	width:100%;
	text-align:center;
	height:10px;
}
.trade-schedule-opponent {
	display: inline-block;
	width: 100%;
	text-align:center;
	height: 14px;
	font-size: 10px;
	padding-top:2px;
}
.trade-schedule-stat-ppr {
	font-size: 14px;
	padding-top: 3px;
	font-weight:bold;
	text-align:center;
	height:35px;
}
.trade-schedule-stat-pts-text {
	font-size: 9px;
	font-weight:normal;
	color: #666666;
	height:15px;
	padding-top: 1px;
}
/*
.trade-schedule-week-box.matchup1 {
	background: red;
}
.trade-schedule-week-box.matchup2 {
	background: pink;
}
.trade-schedule-week-box.matchup3 {
	background: orange;
}
.trade-schedule-week-box.matchup4 {
	background: lightgreen;
}
.trade-schedule-week-box.matchup5 {
	background: green;
}*/
.trade-schedule-week-box img {
	width: 30px;
	padding-top:0px;
}
#projections, #proscons  {
	position: relative;
	width: 100%;
	text-align:center;
	margin-top: 5px;
}
body#player #proscons div.pro, body#player #proscons div.con {
	width:100%;
	padding-left: 30px;
	margin:auto;
	line-height: 22px;
}
body#player #proscons div.pro:before, body#player #proscons div.con:before {
left: 5px;
}
#projections div {
box-sizing: border-box;	
}
#projections div.title, #proscons div.title {
	width: 100%;
	background: #0e9ae2;
	color: #ffffff;
	height: 30px;
	font-size: 20px;
	padding-top:4px;
}
#seasonstats div.title {
	width: 100%;
	background: #0e9ae2;
	color: #ffffff;
	height: 30px;
	font-size: 20px;
	padding-top:4px;
}
#projections div.headings {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	height:20px;
	line-height: 20px;
	font-weight: bold;
	border: 1px solid gray;
}
#projections div.headings.passing {
	width: 100%;
	background: #f6ccce;
}
#projections div.headings.rushing {
	width: 100%;
	background: #c6edfd;
}
#projections div.headings.receiving {
	width: 100%;
	background: #cbfdcb;
}
#projections div.headings.points {
	width: 100%;
	background: #dddddd;
}
#projections div.proj-passing {
	display: inline-block;
	width: 43%;
	border: 1px solid #f6ccce;
}
#projections div.proj-rushing {
	display: inline-block;
	width: 32%;
	border: 1px solid #c6edfd;
}
#projections div.proj-receiving {
	display: inline-block;
	width: 37.5%;
	border: 1px solid #cbfdcb;
}
#projections div.proj-points {
	display: inline-block;
	width: 25%;
	border: 1px solid #ccc;
}
#projections div.proj-box {
	display: inline-block;
}
#projections div.proj-passing div.proj-box {
	width: 19%;
}
#projections div.proj-rushing div.proj-box {
	width: 32%;
}
#projections div.proj-receiving div.proj-box {
	width: 23%;
}
#projections div.proj-points div.proj-box {
	width: 48%;
}
div.proj-box div.stat {
	font-size: 16px;
	font-weight: bold;
	background: #eee;
}
div.proj-box div.number {
	font-size: 20px;
}
#projections div.individualplayer {
	max-width:100%;
}
/**********All Projection page styling****************/

#projections div.allproj div.headings.passing {
	display:inline-block;
	width: 30%;
	background: #f6ccce;
}
#projections div.allproj div.headings.rushing {
	display:inline-block;
	width: 18%;
	background: #c6edfd;
}
#projections div.allproj div.headings.receiving {
	display:inline-block;
	width: 24%;
	background: #cbfdcb;
}
#projections div.allproj div.headings.points {
	display:inline-block;
	width: 12%;
	background: #ccc;
}
#projections div.allproj div.headings.player {
	display:inline-block;
	width: 16%;
	background: #ccc;
}
#projections div.team {
	height: 55px;
	color: white;
	font-size: 28px;
	margin-top: 40px;
}
#projections div.team div.theteam {
	position: relative;
	top: 2px;
	left: 5px;
	z-index: 2;
	text-align: left;
}
#projections div.allproj div {
	height: 25px;
	line-height:25px;
	vertical-align:top;
}
#projections.allproj div.proj-passing div.proj-box {
	width: 19%;
}
#projections.allproj div.proj-rushing div.proj-box {
	width: 32%;
}
#projections.allproj div.proj-receiving div.proj-box {
	width: 23%;
}
#projections.allproj div.proj-points div.proj-box {
	width: 48%;
}
#projections div.allproj div.stat {
	display: inline-block;
	width: 6%;
	font-size: 16px;
	font-weight: bold;
	background: #eee;
	border: 1px solid gray;
}
#projections div.allproj div.number {
	font-size: 16px;
	display: inline-block;
	width: 6%;
	border:1px solid gray;
}
#projections div.allproj div.player {
	padding-left:2px;
	white-space: nowrap;
	overflow: hidden;
	padding-top:0px;
}
#projections div.allproj div.stat.position, #projections div.allproj div.number.position {
	width: 4%;
}
#projections div.allproj div.stat.player, #projections div.allproj div.number.player {
	text-align:left;
	width: 12%;
}
#projections div.allproj.qb {
	background: #f6ccce;
}
#projections div.allproj.rb {
	background: #c6edfd;
}
#projections div.allproj.wr {
	background: #cbfdcb;
}
#projections div.allproj.te {
	background: #ffe5bf;
}
/**********  Projections on Trade Analyzer page *******/
#projections.trade-analyzer {
width:100%;
max-width:350px;
margin:auto;
font-size:10px;
margin-bottom: 4px;
}
#projections.trade-analyzer div.title {
font-size:14px;	
height:20px;
line-height:13px;
margin-bottom: 1px;
}
#projections.trade-analyzer div.headings {
font-size: 12px;
	border: none;
}
#projections.trade-analyzer div.proj-box div.stat {
font-size: 9px;
}
#projections.trade-analyzer div.proj-box div.number {
font-size: 11px;
}
div#team-nav {
	text-align:center;
	max-width:350px;
	margin-left:auto;
	margin-right:auto;
}
/************* MOBILE / RESPONSIVE ******************/

@media (max-width: 768px) { 
	div.player-info {
	font-size: 13px;	
	}
	div.proj-box div.stat {
	font-size: 11px;	
	}
	div.proj-box div.number {
	font-size: 12px;
	}
	#projections div.headings {
	font-size: 11px;	
	}
	div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
		width: 70%;
	}   
	div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	width: 15%;	
	}
	div.draftteamsbefore div.heading {
	line-height: 20px !important;
	padding-top: 5px;
	}
	.container {
		flex-direction: column;
	}
	div.hero div.container {
		flex-direction: row;
	}
	.box span.pos {
		font-size: 9px !important;
		width: 18px !important;
	}
	.box span.name {
		font-size: 12px !important;
	}
	div.submit-button {
	width:100% !important;
	}
}
@media (min-width: 1400px)  {
	img.screenshot.desktop {
	max-width: 700px;
	}
}
@media (min-width: 1023px) and (max-width: 1400px) { 
	div.savedteam {
		max-width: 245px;
	}
	img.screenshot.desktop {
	max-width: 580px
	}
}
@media (min-width: 10px) and (max-width: 1023px) {
	#projections div.allproj div.headings, #projections div.allproj div.stat, #projections div.allproj div.number {
		height:20px;
		line-height:20px;
		padding-top:0px;
	}
	#projections div.allproj div.number.player span { 
	display:none; 
	}
	#projections div.allproj div.number {
	font-size: 10px;
	}
	#projections div.allproj div.position {
	font-size: 8px;
	}
	#projections div.allproj div.stat {
	font-size: 10px;
	}
	div.revealed-pick-container div.revealed-pick-intro {
	font-size: 20px;	
	}
	div.revealed-pick-container div.revealed-pick-teamname {
	font-size: 24px;	
	}
	div.draftteamsbefore div.heading-title, div.draft-lottery-results-table-header div.heading-title {
	font-size: 21px;
	}
	div#countdown div {
    font-size: 50px;
	}
	div.draftteamsbefore div.heading, div.draftteamsbefore div.draft-team {
	font-size:16px;
	}
	div.draftteamsbefore div.heading.balls, div.draftteamsbefore div.heading.percentage, div.draftteamsbefore div.draft-team-balls, div.draftteamsbefore div.draft-team-percentage {
	font-size: 16px;
	}
	div.hero div.container {
	background-size: 200px;
	}
	video.desktop, img.desktop {
	display: none;
	}
	div.home-box.team video {
	display:none;	
	}
	div.home-box.team video.mobile  {
	display:block;
	}
	img.screenshot.desktop {
	display: none;
	}
	video.mobile, img.mobile {
	display: block;
	max-width: 300px;
	width: 100%;
	}
	img.screenshot.mobile {
	display: block;
	max-width: 300px;
		width: 100%;
	}
	div#entirepagehomepage {
	top:30px;
	padding: 0px
	}
	#entirepagehomepage .section ul {
	margin-left: 0px !important;	
	}
	body.homepage div#newfooter {
	top: 70px !important;	
	}

	#nav > ul > li > a	{
	height: 100%;
	font-size: 12px; 
	}
	#nav > ul  {
	top: 25px;
	}
	#nav a img {
	width: 25px;
	position: relative;
	top: 3px;	
	}
	#nav {
	top: 0px;
	left: 5px;	
	}
	body > div {
	padding-left: 5px;
	padding-right: 5px;	
	}
	div.header {
	height: 35px;	
	}
	.header .menu-icon {
	padding: 30px 20px;
	}
	ul.menu {
    top: -67px;
	}
	div#toplinks {
	top: 6px;
	right: 70px;
}	
	div#hamburger {	
	background: url("images/hamburger.png") no-repeat;
	}

	div#logo {
	left: 40px;	
	top: 3px;
	}
	div#logo img {
	width: 160px;	
	}
	div#toplinks a {
	font-size: 14px;	
	}
	div#playersearchbox {
		position: relative;
		width: 240px;
   		margin-right: auto;
   	    margin-left: auto;
	}
	div.search-icon {
		display: block;
		position:absolute;
		top: 0px;
		right: 0px;
		color: #ffffff;
		font-size: 25px;
	}
	div.searchbox {
		display: none;
		width: 105%;
		top: 35px;
		right: -10px;
		background: #333333;
		max-height: 40px;
		height: 40px;
        padding-top: 5px;
	}
	div.searchbox .textfield {
		height: 30px;
	}
}

@media (min-width: 10px) and (max-width: 768px) {
	div.scheduleweek {
		width:30%;
	}
	p {
	font-size: 16px;
	}
	div.home-box h2 {
	font-size: 30px;	
	}
	div.hero div.container {
	background-size: 150px;
	}
	img.screenshot.mobile {
	max-width: 250px;
	}
	div.home-box p {
	font-size: 20px;
	padding: 0px 20px;
	}
	div.starters.inline, div.bench.inline {
		display: block;
		width:100%;
	}
	div.spaceleftmobile {
		left: 30px;
		font-size: 11px;
	}
	
	table.stats {
	width: 100%;
	font-size: 10px;	
	}
	
	div#prc_ad {
	width: 100%;	
	}
	div#prc_ad img{
	width: 100%;	
	}
	div.hero h1 {
		font-size: 30px;
		width: 100%;
		line-height: 40px; 
		}
	div.hero div.inner {
		text-align: center;
		}
	#giving {
		float: none;
		width: 95%;
	}
	
	#getting {
		display: inline-block;
		width: 95%;
	}	
	.playerstable {
		display: inline-block;
		width: 100%;	
		vertical-align: top;
		}
	#playersleavingcoming .column {
		display: inline-block;
		width: 100%;
		}
	div#teamscorecontainer {
		width: 100%;
		}
	div#outlookcontainer {
		width: 100%
		}
	div.steps div.item, div.steps div.arrow {
		display: inline-block;	
		width: 100%;
		text-align: center;
		}
	img.starburst {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		top: -35px;	
		right: 0px;
		}
	#newthisyear {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		max-width: 250px;
		top: 50px;	
		right: 0px;
		
		}
	#newthisyear h3 {
		font-size: 31px;
		margin-top: 40px;
		}
	#newthisyear ul{
		font-size: 14px;	
		}

	div.steps .fa-chevron-right {
	display: none;
	}
	div.steps .fa-chevron-down {
	display: block;	
	}
	
	div.steps {
	min-height: 810px;	
	}
	img.devices {
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	}
	div#entirepagehomepage div#content{
	position: relative;
    top: 5px;
	}
	div.footer-col {
	width: 80%;
	}
	div.posmenu a.scoring {
	width: 30%;
	}
	div.posmenu a.full-text {
		display: none;
	}
	div.posmenu a.short-text {
		display: inline-block;
		width: 60px;
	}
	div.posmenu a.pk {
		width: 40px;
	}
}

@media (min-width: 10px) and (max-width: 375px) {

	div.header {
		max-width:375px;
	}
	
}
@media (min-width: 10px) and (max-width: 482px) {
	div.hero h1 {
		font-size: 40px;
		line-height: 35px; 
	}
	div.player {
	font-size: 12px;	
	}
	div.savedteam {
		width: 100% !important;
		max-width: 100%;
	}
	h1 {
		font-size: 34px;
	}
	ul.menu div.col {
	padding-top:0px;	
	}
}
@media (min-width: 10px) and (max-width: 320px) {
	div#logo {	
		top: 5px;
		left: 33px;
		}
	div#logo img {
		width: 170px;	
		}
}

/*Trade Value Chart CSS */
@media (min-width: 10px) and (max-width: 775px) {
	img.lock {
		width: 30px;
	}
	div.locked-content {
		font-size: 12px;
	}	
	div.locked-content a {
		width: 80px;
		margin:auto;
		height: 20px;
		font-size: 11px;text-transform: uppercase;
	}
	.injury {
	width: 10px;
	}
	div.trade-value-chart div.fullrank div.row {
		border: 1px solid #ffffff;
		height: 26px; 
	}
	div.trade-value-chart div.fullrank div.row.endzone {
		border: 1px solid #ffffff;
		text-align: center;
		height: 30px; 
		font-size: 16px;
		font-weight: bold;
		padding-top: 5px;
	}
	div.trade-value-chart div.fullrank div.player {
		/*border: 1px solid gray; */
		height: 26px; 
		display: inline-block; 
		width: 100%;
		color: #ffffff;
		z-index: 2;
	}

	div.trade-value-chart div.fullrank div.empty {
		height: 26px;
	}
	div.trade-value-chart div.value-label {
		position: absolute;
		left: 20%;
		top:-38px;
		font-size: 50px;
		padding-top: 7px;
	}
	.besley {
	  font-family: "Besley", serif;
	  font-optical-sizing: auto;
	  font-weight: 900;
	  font-style: black;
	z-index: 1;
	}
	div.trade-value-chart div.value-label span.yardage-arrow {
		position: relative;
		z-index:1;
		left: 75%;
		top: -50px;
		font-size: 20px;
	}
	div.individualplayer.trade-value-chart {
		color: #ffffff;
		height: 26px;
	}

	div.individualplayer.trade-value-chart div.trade-value {
		position: absolute;
		top: 12px;
		right: 2px;
		font-size: 12px;
		z-index:5;
		font-weight: 800;
	}
	div.individualplayer.trade-value-chart div.name {
		position: relative;
		top: -4px;
		left: -5px;
		font-size: 11px;
	}
	div.individualplayer.trade-value-chart div.posandteam {
		position: relative;
		left:-3px;
		top: -5px;
		font-size: 8px;
		height:10px;
		padding-left:2px;
		/*padding-top: -3px;*/
	}

}


/****************** GIF TOGGLE *******************************/
/* Container to center the toggle */
.gif-toggle-container {
    display: flex;
    justify-content: center; /* horizontal center */
    align-items: center;     /* vertical center if container has height */
    width: 100%;
    /* Optional: give height if you want vertical centering */
    margin: 20px 0; /* spacing above/below */
}

/* The toggle itself */
.gif-toggle-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 1px; /* space between label and slider */
    cursor: pointer; /* whole label clickable */
    font-family: sans-serif;
    font-size: 18px;
}

/* Label text */
.gif-toggle-label {
    user-select: none;
    color: #777;
}

/* Slider */
.gif-slider {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 28px;
    background-color: #ccc;
    border-radius: 28px;
    transition: 0.3s;
}

.gif-slider::before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

/* Hide checkbox */
.gif-toggle-wrapper input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* Checked state */
.gif-toggle-wrapper input:checked + .gif-slider {
    background-color: #0e9ae2;
}

.gif-toggle-wrapper input:checked + .gif-slider::before {
    transform: translateX(22px);
}

/* Hide GIFs */
body.no-gifs .gif-box-to-hide,
body.no-gifs .revealed-pick-gif {
    display: none !important;
}
	
/* Remove mobile tap highlight / flash */
.gif-toggle-wrapper,
.gif-toggle-wrapper * {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
/*to avoid any accidental text highlight or focus outlines*/
.gif-toggle-wrapper {
    user-select: none;
    -webkit-user-select: none;
}

.gif-toggle-wrapper input:focus + .gif-slider {
    outline: none;
}

	
/*********************** ADSENSE *************************/

div#prc_ad {
	margin-top: 20px;
	max-width: 728px;
	margin-left: auto;
	margin-right: auto;
}

div.leadertop {
	position: relative;
	top: 10px;
	text-align: center;	
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
div.leaderbottom {
	margin-top: 70px;
	text-align: center;	
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
div.topright336x280 {
	position: absolute;
	right: 10px;
	top: 150px;	
}
div.right300x600 {
	position: absolute;
	right: 10px;
}
div.right300x600-2 {
	position: absolute;
	right: 10px;
	top: 800px;
}
div.topofanalysispageRESP {
	display: block;	
}
div.aboveanalysisRESP {
	display: none;	
}

@media (min-width: 10px) and (max-width: 735px) { 
	div.topright336x280, div.right300x600, div.right300x600-2 {
		display: none;
	}
	div.aboveanalysisRESP, div.topofanalysispageRESP {
		display: block;	
	}
	.teamnamelarge {
	font-size: 18px;
	}
}

	
div.problem {
	font-style: italic;
	font-size: 14px;
	text-align:center;
	background: #FFAEBB;
	color: #333333;
	padding: 10px;
	border-radius: 4px;
}	

div.blue-box {
	background: #e3f2fd; 
	border-left: 5px solid #2196f3; 
	padding: 10px 25px; 
	margin: 25px 0; 
	border-radius: 4px;
	line-height: 1.4;
	text-align:center;
	color: #555;
}
div.blue-box div.message h3 {
	font-size: 1.2rem;	
	margin-bottom: -10px;
}
div.blue-box div.message {
	font-size: .95rem;
	color: #2196f3;
}
div.blue-box div.message a {
	font-weight: bold; 
	text-decoration: underline;
}
div.red-box {
	background: #fbe5e5; 
	border-left: 5px solid #c0392b; 
	padding: 10px 25px; 
	margin: 25px 0; 
	border-radius: 4px;
	line-height: 1.4;
	text-align:center;
	color: #555;
}
div.red-box div.message {
	font-size: .95rem;
	color: #c0392b;
}
div.green-box {
	background: #CEFFCA; 
	border-left: 5px solid #117801; 
	padding: 10px 25px; 
	margin: 25px 0; 
	border-radius: 4px;
	line-height: 1.4;
	text-align:center;
	color: #555;
}
div.green-box div.message {
	font-size: .95rem;
	color: #117801;
}
@media (max-width: 768px) {
    .trade-schedule-matchup img {
        margin-bottom: 3px;
    }
}

/************************ INJURY **********************/

	
div#body {
	/*position: relative;
	height: 120px;
	width: 80px;
	background-image: url('/images/icons/bodygreen.png');
	background-repeat:no-repeat;*/
	}
div.probable {
	background-image: url('/images/icons/bodygreen.png') !important;
	}
div.questionable, div.doubtful {
	background-image: url('/images/icons/bodyyellow.png') !important;
	}

div.out, div.ir, div.suspended {
	background-image: url('/images/icons/bodyred.png') !important;
	}

/* NOT USING?

.abdomen {
position: absolute;
top: 40px;
left: 30px;	
}
.achilles {
position: absolute;
top: 103px;
left: 16px;	
}
.ankle {
position: absolute;
top: 97px;
left: 17px;	
}
.arm {
position: absolute;
top: 35px;
left: 10px;	
}
.back {
position: absolute;
top: 35px;
left: 30px;	
}
.biceps {
position: absolute;
top: 30px;
left: 11px;	
}
.calf {
position: absolute;
top: 90px;
left: 40px;	
}
.chest {
position: absolute;
top: 20px;
left: 30px;	
}
.collarbone {
position: absolute;
top: 14px;
left: 36px;	
}
.concussion {
position: absolute;
top: -5px;
left: 30px;	
}
.elbow {
position: absolute;
top: 36px;
left: 48px;	
}
.foot {
position: absolute;
top: 103px;
left: 16px;	
}
.groin {
position: absolute;
top: 55px;
left: 30px;	
}
.hamstring {
position: absolute;
top: 70px;
left: 21px;	
}
.hand {
position: absolute;
top: 55px;
left: 51px;	
}
.hip {
position: absolute;
top: 54px;
left: 38px;	
}
.illness {
position: absolute;
top: 40px;
left: 30px;	
}
.knee {
position: absolute;
top: 78px;
left: 20px;	
}
.leg {
position: absolute;
top: 90px;
left: 19px;	
}
.neck {
position: absolute;
top: 8px;
left: 30px;	
}
.ribs {
position: absolute;
top: 30px;
left: 25px;	
}
.shoulder {
position: absolute;
top: 15px;
left: 15px;	
}
.suspended {
position: absolute;
top: 0px;
left: 30px;	
}
.thigh {
position: absolute;
top: 70px;
left: 38px;	
}
*/