@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

body {
	background-color:#FCFEFC;
	font-family:  'Roboto',"Helvetica Neue",Helvetica,Arial,sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

body > div.container-fluid {
	flex: 1;
	width: 100%;
}

/* Custom Sizing Helper Extensions */
.text-xs { font-size: 10px; }
.text-sm { font-size: 12px; }
.text-md { font-size: 16px; }
.text-lg { font-size: 20px; }
.text-xl { font-size: 24px; }

.margin-top-10 { margin-top: 10px; }

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

.carousel-inner img {
  width: 100%; /* Set width to 100% */
  margin: auto;
  min-height:200px;
}

/* Hide the carousel text when the screen is less than 600 pixels wide */
@media (max-width: 600px) {
.carousel-caption {
  display: none;
}
}   

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {height: auto}

/* Side nav */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
	background-color:#DDD;
	color:#cb3527;
}

/* Set gray background color and 100% height */
.sidenav {
  background-color: #fcfefc;
  height: 100%;
  min-height: 550px;
}
	
/* On small screens, set height to 'auto' for the grid */
@media screen and (max-width: 767px) {
  .row.content {height: auto;}
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

.nav>li>a>img {
    max-width: 25px;
} 

.nav-gold{
	color:#c3b530;
}
.logo-header{
	position:absolute;
	top:-11px;
	left:15px;
}
.text-header{
	font-size:21px;
}
.large{
	font-size:1.2em;
}
.med-type{
	font-size:0.7em;
}

.bold{ font-weight: 700!important; }
.g-green{ color:green; }
.g-red{ color:#ff9999; }
.g-red-dark{ color: #CC3327; }
.g-blue{ color:#054075; }
.g-yellow{ color:#F8992C; }
.g-gray{ color: #555; }
.g-light-gray{ color: #ddd; }
.g-gold{ color:#ffc000;}
.logo-orange{ color:#cb3527; }
.flame-orange{ color:#ff9927; }
.bit-smaller{
	font-size:0.8em;
}

@media (min-width: 200px) {
  .listing-variable { width: 50px; height:33px; }
}

/* Edge-Case devices  */
@media (min-width: 1200px) {
  .listing-variable { width: 25px; height:17px; }
}

/* Medium devices  */
@media (min-width: 1230px) {
  .listing-variable { width: 33px; height:22px; }
}

/* Large devices  */
@media (min-width: 1410px) {
  .listing-variable { width: 50px; height:33px; }
}

.skinny-hr{
	margin-top:2px;
	margin-bottom:2px;
}
.bottom-spacer{
	margin-bottom:80px;
}
.score-box{
	background-color:rgba(61, 118, 60, 0.81);
	margin-top:10px;
	padding:6px 0;
	font-size:1.4em;
	color:#fff;
}
.gamebox{
	height:366px;
}
.gamebox-small{
	height:135;
}
.trendbox{
	height:420px;
}
.listing {
	width:50px;
	height:33px;
}
.listing-med {
	max-width:30px;
	max-height:20px;
}
.announce-holder{
	margin:15px 0 25px 0;
}
.listing-small{
	width:21px;
	height:14px;
}
.warning-box{
	position:relative;
	}
.warning-label{
	position:absolute;
	top:5px;
	left:5px;
	font-size:large;
}
.opaque{
	opacity: 0.35;
}
.team_list{
	width:75px;
	height:50px;
	margin-bottom:7px;
}
.team_holder{
	float:left;
	width:110px;
	min-height:97px;
	margin:15px 25px 15px 25px;
}
.page_logo{
	margin:0 20px 0 25px;
}
.top_logo{
	width: 100px;
    height: 66px;
}
.well-top {
	width:100%;
	background-color:#FFF;
}
.well-top h4{
	margin-bottom:0;
}
.well-bottom {
	width:100%;
	background-color:#f5f5f5;
	padding:10px;
	min-height: 133px;
}
.well-white {
	background-color:#FFF;
	padding:0;
}
.well-dark {
	background-color:#eeeeee;
	margin-top:75px;
	margin-bottom:100px;
	padding:0;
}
.algo-p{
	margin:0 0 5px 0;
}
.trendmessage-p{
	margin:10px 0 10px 0;
}
.date{
	font-size:75%;
	color:#777;
}
.leftnav{
	font-size:16px;
}
.week-holder{
	margin: 0px 25px;
}
.week-list>li>a, .week-list>li>span{
	font-size:10px;
	font-weight:bold;
	padding: 5px 8px;
}
.well-middle{
	border-top: 1px solid #e3e3e3;
	/*box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2) inset;*/
	padding:6px 0 0 0;
	background-color:#fff;
	font-size:12px;
}
.bottom-line{ border-bottom: 1px solid #e3e3e3; }

.well-bottom-holder{
	min-height:110px;
	border-right: 1px solid rgba(0, 153, 102, 0.45);   /* light blue: #a3d0f7  */
	border-bottom: 1px solid rgba(0, 153, 102, 0.45);
	border-left: 1px solid rgba(0, 153, 102, 0.45);
}
.well-bottom-holder-small{
	min-height:42px;
	border-right: 1px solid rgba(0, 153, 102, 0.45);   /* light blue: #a3d0f7  */
	border-left: 1px solid rgba(0, 153, 102, 0.45);
}
.postponed {
	position: absolute;
    display: block;
    width: 100%;
    height: 103%;
    top: -10px;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: #286090a6;
    z-index: 2;
}
.postponed-text {
	margin-top: 130px;
    color: #fff;
    font-size: xx-large;
    text-shadow: 2px 2px 6px #286090;
}
.image-booster{
	margin-bottom:10px;
}
.light-pad{
	padding-right: 3px;
    padding-left: 3px;
}
.has-height{
	height:20px;
}
.logo-pick{ margin-top:10px; margin-bottom:13px }
.score-holder{
	padding:5px;
	background-color:rgba(61, 118, 60, 0.81); /* blue: #337ab7  */
	color:#FFF;
	font-size: 1.6em;
}
.well-trends {
    background-color: #f8b453; /* #ffe8ac; */
    color: #333;
    font-size: 16px;
    font-weight: normal;
    padding: 10px;
    text-transform: uppercase;
}
.well-trends-arrow {
    text-align: center;
    color: #f8b453;
    font-size: 36px;
    padding: 0;
}
.well-prediction{
	background-color:#337AB7;
	color:#FFF;
	font-size: 16px;
	font-weight:normal;
	padding: 10px;
	text-transform:uppercase;
}
.well-prediction:hover{
	background-color:#2e6da4;
}
.well-results{
	background-color:rgba(61, 118, 60, 0.81);
	color:#FFF;
	font-size: 16px;
	font-weight:normal;
	padding: 10px;
	text-transform:uppercase;
}
.well-results:hover{
	background-color:rgb(45, 86, 44);
}
.middle-middle{
	border-top: 1px dotted rgb(231, 231, 231);
	padding: 5px 0 0 0;
}
.middle-bottom{
	border-top: 1px dotted rgb(231, 231, 231);
	padding: 5px 0 0 0;
}
.middle-left{
	width:35%;
	float:left;
}
.middle-center{
	width:30%;
	float:left;
}
.middle-right{
	width:35%;
	float:right;
}
.member-space{
	margin-bottom:20px;
}
.text_gray{
	color:#999;
}
.ex_margin{
	font-size:1em;
	color:#999;
}
.small-type{
	font-size:.5em;
	line-height:1em;
	margin:4px;
}
.dotted{
	border-left:1px dotted #999;
	border-right:1px dotted #999;
}
.prediction-holder{
	font-size:.9em;
	padding-top: 5px;
}
.prediction-holder-small{
	font-size:.9em;
	padding-top: 0px;
}
.prediction-holder-bottom{
	font-size:1em;
	padding-top: 2px;
	padding-bottom: 6px;
	white-space: nowrap;
}
.spread-text{
	font-size:.8em;
	margin: 5px 0 0 0;
}
.large-type{
	font-size:2em;
}
.no-border{
	border:none;
}
.blue-line{border-top: 1px solid #5498d647;}
.performance-text{
	margin:40px 0 0 0;
}
.game-small{
	margin:2px;
	background-color: #FFF;
	padding:2px;
}
.score-overlay{
	position:absolute;
	top:4px;
	left:40%;
	}
.clickable:hover{
	border:1px solid #337ab7;
	background-color:rgba(216, 226, 240, 0.56);
	}
.pick-holder{
	margin: 10px 0 20px 0;
	min-height:100px;
}
.alg-text{
	
}
.light-hr{
	margin:1px;
	border:1px dotted #e3e3e3;
}
.hot-streak{
	font-size: .7em;
	margin-top: -5px;
	margin-left:28px;
}
.message-holder{
	font-size:1em;
	color:#CC3327;
	font-weight:normal;
}
.thank-you{
	font-size: 17px;
}
.small-game-holder{
	padding-top:8px;

}
	
/*  LOGIN PAGE */
.login-top{
	background-color:#212121;
	color:#ddd;
	padding: 0 0 5px 0;
	border: 1px solid #333;
	margin-bottom: 30px;
}
.field-holder{
    padding: 0;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 15px 0 15px 0;
	color:#999;
}
.field-holder label{
	font-weight:normal;
}
.form-pad{
	padding:35px 75px 75px 75px;
}
.link-holder{
	margin:10px 0 50px 0;
}
.link-holder a{
	margin:0;
}
#username{
	background:url(../img/icons-join-username-compressor.svg) 8px 7px/27px 54px no-repeat;
    display: block;
    width: 100%;
    height: 35px;
    border: 1px solid #9d9d9d;
    color: #333;
    margin: 0;
    padding: 0 10px 0 47px;
    font: normal 16px/35px regular,helvetica,sans-serif;

}
#username:focus{
	outline:none;
	background-position:8px -29px;
	border:1px solid #337AB7;
}
#password, #password_confirm{
	background:url(../img/icons-join-pass-password-compressor.svg) 8px 7px/27px 54px no-repeat;
    display: block;
    width: 100%;
    height: 35px;
    border: 1px solid #9d9d9d;
    color: #333;
    margin: 0;
    padding: 0 10px 0 47px;
    font: normal 16px/35px regular,helvetica,sans-serif;

}
#password:focus, #password_confirm:focus{
	outline:none;
	background-position:8px -29px;
	border:1px solid #337AB7;
}

#submit{
	background: transparent;
    color: #337AB7;
	transition: background-color 0.3s;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: 40px;
    color: #f5f5f5;
    border-radius: 0;
    border: 1px solid #337AB7;
    text-transform: uppercase;
    background: #337AB7;
    font: 20px bold,helvetica,sans-serif;
	cursor: pointer;
}
#submit:hover{
	background: transparent;
    color: #337AB7;
}
/* GAME PAGE */
.logo-holder{
	padding-top:10px;
}
/* ACTIVATE PAGE  */

#activate_key{
	background:url(../img/icons-join-pass-password-compressor.svg) 8px 7px/27px 54px no-repeat;
    display: block;
    width: 100%;
    height: 35px;
    border: 1px solid #9d9d9d;
    color: #333;
    margin: 0;
    padding: 0 10px 0 47px;
    font: normal 16px/35px regular,helvetica,sans-serif;
}
#activate_key:focus{
	outline:none;
	background-position:8px -29px;
	border:1px solid #337AB7;
}
#username, #password, #password_confirm, #activate_key{
	background-color: #fcfefc;
}
/*  FOOTER */	
footer{
	color: #9D9D9D;
	background-color: #3E4241;
	padding: 25px;
}
.footer-image{
	width:10%;
	float:right;
	margin:0 30px 0 0;
	padding-left:15px;
}
.footer-text{
	width:90%;
	float:left;
}

/* TEAM COLORS */

/* NFL */
.NFL-DET-p {border-top:3px solid #0076B6; }
.NFL-TEN-p {border-top:3px solid #0C2340; }
.NFL-JAC-p {border-top:3px solid #101820; }
.NFL-TB-p {border-top:3px solid #D50A0A; }
.NFL-ARI-p {border-top:3px solid #97233F; }
.NFL-SF-p {border-top:3px solid #AA0000; }
.NFL-CIN-p {border-top:3px solid #FB4F14; }
.NFL-CAR-p {border-top:3px solid #0085CA; }
.NFL-HOU-p {border-top:3px solid #03202F; }
.NFL-GB-p {border-top:3px solid #203731; }
.NFL-PHI-p {border-top:3px solid #004C54; }
.NFL-LA-p {border-top:3px solid #003594; }
.NFL-MIA-p {border-top:3px solid #008E97; }
.NFL-LV-p {border-top:3px solid #000000; }
.NFL-DAL-p {border-top:3px solid #003594; }
.NFL-BUF-p {border-top:3px solid #00338D; }
.NFL-MIN-p {border-top:3px solid #4F2683; }
.NFL-CHI-p {border-top:3px solid #0B162A; }
.NFL-IND-p {border-top:3px solid #002C5F; }
.NFL-SEA-p {border-top:3px solid #002244; }
.NFL-LAC-p {border-top:3px solid #0080C6; }
.NFL-BAL-p {border-top:3px solid #241773; }
.NFL-KC-p {border-top:3px solid #E31837; }
.NFL-NYG-p {border-top:3px solid #0B2265; }
.NFL-NYJ-p {border-top:3px solid #125740; }
.NFL-WAS-p {border-top:3px solid #5A1414; }
.NFL-NO-p {border-top:3px solid #D3BC8D; }
.NFL-CLE-p {border-top:3px solid #311D00; }
.NFL-DEN-p {border-top:3px solid #FB4F14; }
.NFL-NE-p {border-top:3px solid #002244; }
.NFL-ATL-p {border-top:3px solid #A71930; }
.NFL-PIT-p {border-top:3px solid #FFB612; }

/* NBA */
.NBA-ATL-p {border-top:3px solid #e03a3e;}
.NBA-BOS-p {border-top:3px solid #008347;}
.NBA-BKN-p {border-top:3px solid #000000;}
.NBA-CHA-p {border-top:3px solid #00798d;}
.NBA-CHI-p {border-top:3px solid #cf093f;}
.NBA-CLE-p {border-top:3px solid #6f212f;}
.NBA-DAL-p {border-top:3px solid #00538C;}
.NBA-DEN-p {border-top:3px solid #0E2240;}
.NBA-DET-p {border-top:3px solid #de002d;}
.NBA-GSW-p {border-top:3px solid #1D428A;}
.NBA-HOU-p {border-top:3px solid #cf093f;}
.NBA-IND-p {border-top:3px solid #002962;}
.NBA-LAC-p {border-top:3px solid #006bb8;}
.NBA-LAL-p {border-top:3px solid #552084;}
.NBA-MEM-p {border-top:3px solid #618abb;}
.NBA-MIA-p {border-top:3px solid #9a002a;}
.NBA-MIL-p {border-top:3px solid #00471B;}
.NBA-MIN-p {border-top:3px solid #041d3e;}
.NBA-NOP-p {border-top:3px solid #00265b;}
.NBA-NYK-p {border-top:3px solid #006bb8;}
.NBA-OKC-p {border-top:3px solid #002962;}
.NBA-ORL-p {border-top:3px solid #0478be;}
.NBA-PHI-p {border-top:3px solid #006bb8;}
.NBA-PHX-p {border-top:3px solid #bb580d;}
.NBA-POR-p {border-top:3px solid #E03A3E;}
.NBA-SAC-p {border-top:3px solid #5a2982;}
.NBA-SAS-p {border-top:3px solid #c6cfd5;}
.NBA-TOR-p {border-top:3px solid #ce093f;}
.NBA-UTA-p {border-top:3px solid #051c3e;}
.NBA-WAS-p {border-top:3px solid #e41134;}

/* MLB */
.MLB-AZ-p {border-top:3px solid #A71930;}
.MLB-ATL-p {border-top:3px solid #CE1141;}
.MLB-BAL-p {border-top:3px solid #DF4601;}
.MLB-BOS-p {border-top:3px solid #BD3039;}
.MLB-CHC-p {border-top:3px solid #0E3386;}
.MLB-CWS-p {border-top:3px solid #27251F;}
.MLB-CIN-p {border-top:3px solid #C6011F;}
.MLB-CLE-p {border-top:3px solid #0C2340;}
.MLB-COL-p {border-top:3px solid #33006F;}
.MLB-DET-p {border-top:3px solid #0C2340;}
.MLB-HOU-p {border-top:3px solid #002D62;}
.MLB-KC-p {border-top:3px solid #004687;}
.MLB-ANA-p {border-top:3px solid #003263;}
.MLB-LAA-p {border-top:3px solid #005A9C;}
.MLB-LAD-p {border-top:3px solid #005A9C;}
.MLB-MIA-p {border-top:3px solid #00A3E0;}
.MLB-MIL-p {border-top:3px solid #0A2351;}
.MLB-MIN-p {border-top:3px solid #002B5C;}
.MLB-NYM-p {border-top:3px solid #002D72;}
.MLB-NYY-p {border-top:3px solid #003087;}
.MLB-ATH-p {border-top:3px solid #003831;}
.MLB-PHI-p {border-top:3px solid #E81828;}
.MLB-PIT-p {border-top:3px solid #FDB827;}
.MLB-STL-p {border-top:3px solid #C41E3A;}
.MLB-SD-p {border-top:3px solid #2F241D;}
.MLB-SF-p {border-top:3px solid #FD5A1E;}
.MLB-SEA-p {border-top:3px solid #0C2C56;}
.MLB-TB-p {border-top:3px solid #092C5C;}
.MLB-TEX-p {border-top:3px solid #003278;}
.MLB-TOR-p {border-top:3px solid #134A8E;}
.MLB-WSH-p {border-top:3px solid #AB0003;}

/* KBO */
.KBO-BEA-p {border-top:3px solid #131230;}
.KBO-EAG-p {border-top:3px solid #F15A28;}
.KBO-TIG-p {border-top:3px solid #C70125;}
.KBO-KIH-p {border-top:3px solid #820023;}
.KBO-WIZ-p {border-top:3px solid #000000;}
.KBO-TWI-p {border-top:3px solid #C7004E;}
.KBO-GIA-p {border-top:3px solid #002955;}
.KBO-DIN-p {border-top:3px solid #C8B284;}
.KBO-LIO-p {border-top:3px solid #074CA1;}
.KBO-WYV-p {border-top:3px solid #E1002A;}