@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body {
	height: 100%;
}

body {
	background-color: #f2f2f2;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
}

.header {
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	margin-top: 30px;
	background-position: 55%;
	height: 200px;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 2.25rem;
	padding-right: 2.25rem;
}

.jumbotron {
	margin-bottom: 0;
}

.tradeBlock {
	border:1px solid #c0c0c0;
	padding: 15px;
	margin-bottom: 10px;
}

.yellowText {
	color:#ec972c;
}

html.non-touch .tradeBlock:hover {
	background-color: #fff;
}

.padleft30 {
	padding-left: 30px !important;
}

.playoffImg {
	width: 50%;
	margin: 15px 0 5px 0;
}
.maindraftDateStyle {
	padding: 15px 10px;
	margin-bottom: 10px;
	border: 1px solid #666;

}

.font2 {
	font-size: 1.16em;
}

.dateRow {
	margin-bottom: 20px;
	border: 1px solid #666;
	padding: 15px 0;
}

.textCenter {
	text-align: center;
}

.bgColorGray {
	background-color: #c0bdbd;
}

.selection {
	padding: 5px 0;
}

.dateSelection {
	margin-top:20px; 
}

.selection:first-child {
	border-bottom: 1px solid #c0bdbd;
}

.draftDateStyle {
	padding: 15px 10px;
	margin: 15px 10px 0 10px;
	border: 1px solid #ccc;

}

.draftTimeBox {
	margin: -5px 0 15px 0;
}

.selectedDate {
	background-color: #ec972c;
}
.draftDatesSelected {
	font-size: 1.16em;
	padding: 5px 0;
}
.scheduleFooterPick1 {
	font-size: .75em;
	color: #b81313;
	margin: 5px 0 20px 10px;
}

.rotate {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


.submitTrade {
	display: none;
}

.rfa {
	background-color: #e3e3e3;
	padding: 20px 25px 0 25px;
	margin: 0 -25px;

}

.adminAdd {
	background-color: #e3e3e3;
	padding: 20px 25px 20px 25px;
	margin: 100px -25px;

}
.contractType {
	font-size: 1.16em;
	color: #fff;
	margin: 0 -25px;
	padding: 15px 25px;
	background-color:#333;
	
}

.contractType2 {
	font-size: 1.16em;
	color: #fff;
	margin: 40px -25px 0 -25px;
	padding: 15px 25px;
	background-color:#333;
	
}
.marginTop35 {
	margin-top: 35px;
}

.visibleSmall {
	display: none;
}

.padBottom10 {
	padding-bottom: 10px;
}

.statDisplaySmall {
	margin-top: 20px;
	margin-bottom: -25px;
}

.clickable {
	cursor: pointer;
}

.statHidden {
	display: none;
}


.tradeGroup {
	border: 1px solid #c0c0c0;
	padding: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
}

.teamNamesGroup {
	background-color: #edebeb;
	text-align: right;
	padding-top: 75px;
	padding-left: 0;
	padding-right: 0;
	font-size: 1.1em;
}

.teamName {
	padding: 5px 60px 5px 0;
}

.pos {
	display: inline-block;
	width: 40px;
	text-align: right;
	padding-right: 5px;
}

.posHome {
	display: inline-block;
	width: 40px;
	text-align: left;
	padding-left: 5px;
}

.rulesHeader {
	font-size: 1.35em;
	color: #b81313;
	margin: 0 0 10px 0px;
}

.rulesGroup {
	padding: 10px 0 10px 30px;
	font-size: 1.16em;
	border-bottom: 1px solid #c0c0c0;
}

.rulesTable {
	margin: 10px 0 10px 10px;
	font-size: 0.9em;
}
.rulesTable td{
	padding: 5px 10px;
	border: 1px solid #252525;
	text-align: center;
}

.uline {
	border-bottom: 1px solid #252525;
}

.headTd {
	background-color: #e3e3e3;
}

.posTd {

}

.bottomTd {
	background-color: #b81313;
	color: #fff;
}

.playoff {
	margin-top:40px;
}

.ruleStats {
	width: 75%;
}

.ruleStats td {
	width: 50%;
}

.subScore td {
	padding: 10px 10px;
}

.mainScoreTitle {
	padding: 10px 0;
}

.mainScore {
	padding: 10px 10px;
}

.seed1 {
	text-align: right;
}

.seed2 {
	text-align: left;
}

.seed36 {
	text-align: left;
}

.seed45 {
	text-align: right;
}

.example {
	padding-left: 5px;
	font-size: 0.9em;
	color:#7e7e7e;
	margin-bottom: 5px;
}

.draftTable {
	width: 100%;
}

.draftTable td {
	padding: 10px;
	text-align: center;
	border: 1px solid #c0c0c0;
}

.draftHeader td {
	background-color: #b81313;
	color: #fff;
}

.draftTable .grayBg {
	background-color: #e3e3e3;
}

.redFont {
	color: #b81313 !important;
}


.padTop35 {
	padding-top: 35px !important;
}

.benched {
	margin-top: 40px !important;
}

.away_team {
	border-right:1px solid #c0c0c0; 
}

.playerAway {
	padding-right: 0;
}

.playerHome {
	padding-left: 0;
}

/* unvisited link */
a.players:link, .pvr:link {
  color: #212529;
}

/* visited link */
a.players:visited, .pvr:visited {
  color: #212529;
}

/* mouse over link */
a.players:hover, .pvr:hover {
  color: #212529;
  text-decoration: none;
}

/* selected link */
a.players:active, .pvr:active {
  color: #212529;
}


/* unvisited link */
a.rules:link {
  color: #b81313;
  text-decoration: underline;
}

/* visited link */
a.rules:visited {
  color: #b81313;
  text-decoration: underline;
}

/* mouse over link */
a.rules:hover {
  color: #b81313;
  text-decoration: underline;
}

/* selected link */
a.rules:active {
  color: #b81313;
  text-decoration: underline;
}

.padright10 {
	padding-right: 10px;
}

.padleft10 {
	padding-left: 10px;
}

#scheduleData {
	padding: 0;
}

.scoreSmall {
	padding-right: 10px !important;
}

.scoreSmallHome {
	padding-left: 10px !important;
}

.totalScore {
	font-size: 1.4rem;
	padding-top: 10px;
	color:#ec972c;
}

.scheduleTeamName {
	font-size: 1.0rem;
	padding-top: 10px;
	color:#ec972c;
}


.scheduleLink {
	cursor: pointer;
}

.scheduleLink:hover {
	text-decoration: underline;
	cursor: pointer;
}

.teamName:hover {
	background-color: #e3e3e3;
	cursor: pointer;
}

.login {
	color: #b81313;
	font-size: 1.4em;
}
.teamheader {
	color: #eb8f30;
	font-size: 2em;
}
.statGroup, .rosterGroup, .tradeRosterGroup, .tradeGroup {
	margin-top: 30px
}

.smallFont {
	margin-bottom: 25px;
	padding-left: 15px;
}
.rosterGroup {
	border-left:1px solid #c0c0c0;
	padding-left: 25px;
	margin-bottom: 40px;
}

.tradeRosterGroup {
	padding-left: 25px;
	margin-bottom: 40px;
}
.statGroup {
	padding-right: 35px;
}

.linkpointer {
	cursor: pointer;
}

.statBox {
	border: 1px solid #666;
	background-color: #fff;
	padding: 20px 5px;
	margin: 0 0 35px 5px;
	text-align: center;
	font-size: 1.16em;
}

.winloss {
	font-size: 2em;
	padding-left:15px;
}

.statBoxSchedule {
	border: 1px solid #666;
	background-color: #fff;
	padding: 20px 5px;
	margin: 0 0 35px 5px;
	text-align: left;
	font-size: 1.16em;
}

.scheduleTeam {
	float: left;
	width: 80%;
	padding-left: 10px;
}

.padBottom20 {
	padding-bottom: 20px !important;
}

.padTop20 {
	padding-top: 20px !important;
}

.ac_results {
	background-color: #e3e3e3;
	font-display: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.ac_results li {
	padding: 5px;
	cursor: pointer;
}

.ac_results li:hover {
	background-color: #666;
	color: #fff;
}


.scheduleScore {
	float: right;
	width:20%;
}

.scheduleFooter {
	font-size: .75em;
	color: #b81313;
	margin: 10px 0 -10px 10px;
}

.posGroup:last-child {
	margin-bottom: 0;
}

.statHeader {
	font-size: 1.16em;
	color: #b81313;
	margin: 0 0 3px 5px;
}

.padBottom5 {
	padding-bottom: 5px !important;
}

.no-padleft {
	padding-left:0;
}

.statHeaderStanding {
	font-size: 1.16em;
	color: #b81313;
}
.teamHeaderRow {
	color:#ec972c
}
.teamHeader {
	font-size: 1.16em;
	color: #b81313;
	margin: 0 0 3px 0;
}

.teamHeader1 {
	font-size: 1.16em;
	color: #212529;
}
.playerRow {
	padding: 5px 0;
	font-size: 1.16em;
}

.playerRowSchedule {
	padding: 5px 0;
	font-size: 1.16em;
}

.playerRowIR {
	padding: 5px 0;
	color: #b81313;
	font-size: 1.16em;
}

.playerRowAdmin {
	padding: 5px 0;
	font-size: 1.16em;
	border-bottom: 1px solid #c0c0c0;
	line-height: 2em;
}


html.non-touch .playerRow:hover, html.non-touch .playerRowIR:hover, .playerRowAdmin:hover {
	background-color: #fff;
}

.whiteBackground {
	background-color: #e3e3e3;
}

.posGroup {
	margin-bottom: 40px;
}

.tradePlayer {
	font-size: 1.16rem;
	margin: 5px 0 0 0;
}

.tradeHeaderFont {
	font-size: 1.16em;
	
}




.tradeProposal {
	border: 1px solid #c0c0c0;
	margin: 0 0 30px 0;
	padding: 15px 0;
}

.tradeAnalysis {
	display: none;
}

.tradeAnalysisView {
	margin-top: 40px;
	color:#b81313;
}

.no-padding {
	padding: 0px;
}

.no-paddingAdminRight {
	padding: 0px;
}
.statTitle {
	color:#ec972c;
}

.statTitle2 {
	color:#b81313;
	display: inline-block;
	padding-bottom: 5px;
	font-size: 1.16rem;	
}

.tradeTeams {
	font-size: 1.26em;
	color: #b81313;
}

@media (max-width: 991.98px) {

	.header {
		background-image: url(../images/header_small.jpg);
		background-repeat: repeat-x;
		margin-top: 30px;
		background-position: center;
		background-size: cover;
		height: 200px;
	}
	
	.statGroup {
		padding-right: 15px;
	}
	
	.statBox {
		margin: 0 0 35px 0px;
	}
	
	.visibleSmall {
		display: block;
		font-size: .9em
	}	
	
	.visibleLarge {
		display: none;
	}
	
	
	.playerRow, .playerRowIR, .playerRowAdmin {
		border-bottom: 1px solid #c0c0c0;
		padding: 20px 0;
	}
	
	
	.playerRowSchedule {
		border-bottom: 1px solid #c0c0c0;
		padding: 0px 0;
	}
	
	.teamHeader {
		font-size: 1.8em;
	}
	
	.playerName {
		padding-bottom: 5px;
	}
	
	.rosterGroup {
		padding-left: 15px;
		border: none;
	}
	
	.benched {
		margin-top: 60px !important;
		font-size: 1.1rem;
	}

	
	.playerRowTrade, .playerRowIRTrade {
		padding: 20px 0;
	}
	
	.no-paddingAdminRight {
		padding: 0px 15px 0 0;
	}
	
	.tradeGroup {
		border-top: 1px solid #c0c0c0;
		border-bottom:none;
		border-right: none;
		border-left: none;
		margin-left: -15px;
		margin-bottom: 30px;
	}
	
	.playoffImg {
		width: 100%;
	}

	.ruleStats {
		width: 100%;
	}
	.rulesGroup {
		padding: 10px 15px 10px 15px;
		font-size: 1.1em;
		border-bottom: 1px solid #c0c0c0;
	}


}



@media (max-width: 1200px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 2.35rem;
		padding-right: 2.35rem;
	}
}

@media (max-width: 1005px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 2.0rem;
		padding-right: 2.0rem;
	}
}


.fill {
	background-color: #c0c0c0;
	width:100%;
}

.fillTeam1, .fillTeam2 {
	float: left;
	width: 40%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #c0c0c0;
	line-height: 2.5rem;
	border-width: thin;
}

.fillTeam1 {
	border-left: 1px solid #333;
	border-width: thin;
}

.fillTeam2 {
	border-right: 1px solid #333;
	border-width: thin;
}

.fillNeutral1, .fillNeutral2 {
	float: left;
	width: 10%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background-color: #c0c0c0;
	line-height: 2.5rem;
	border-width: thin;
}

.fillNeutral1 {
	border-right: 1px solid #333;
}

.fillN1 {
	width: 50%;
	background-color: #ec972c;
}

.fillNFull {
	background-color: #ec972c;
}
.fill3{
	background-color: #b81313;
	width: 30%
}
.fill4 {
	background-color: #b81313;
	width: 40%
}
.fill5 {
	background-color: #b81313;
	width: 50%
}
.fill6 {
	background-color: #b81313;
	width: 60%
}
.fill7 {
	background-color: #b81313;
	width: 70%
}
.fill8 {
	background-color: #b81313;
	width: 80%
}
.fill9 {
	background-color: #b81313;
	width: 90%
}
.fill10 {
	background-color: #b81313;
	width: 100%
}

.fillteamwin {
	background-color: #b81313;
}

.fillteamneutral {
	background-color: #ec972c;
}
.fill-3{
	background-color: #c0c0c0;
	width: 70%
}
.fill-4 {
	background-color: #c0c0c0;
	width: 60%
}
.fill-5 {
	background-color: #c0c0c0;
	width: 50%
}
.fill-6 {
	background-color: #c0c0c0;
	width: 40%
}
.fill-7 {
	background-color: #c0c0c0;
	width: 30%
}
.fill-8 {
	background-color: #c0c0c0;
	width: 20%
}
.fill-9 {
	background-color: #c0c0c0;
	width: 10%
}
.fill-10 {
	background-color: #c0c0c0;
	width: 0%
}

.fillN-1 {
	background-color: #c0c0c0;
	width: 50%;
}

.fillRFull {
	background-color: #b81313;
}

.flexselect_dropdown {
  display: none;
  position: absolute;
  z-index: 999999;
  margin: 0;
	padding: 0;
	border: 1px solid WindowFrame;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
	background-color: Window;
  color: WindowText;
  text-align: left;
  box-shadow: 0 6px 12px #ccc;
  -webkit-box-shadow: 0 6px 12px #ccc;
}

.flexselect_dropdown ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.flexselect_dropdown li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: Menu;
	overflow: hidden;
}

.flexselect_dropdown li.disabled {
  cursor: not-allowed;
  color: GrayText;
}

.flexselect_selected {
	background-color: Highlight;
	color: HighlightText;
}