a:focus {
    outline: none;
}

.overlaybg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: 100000;
    display: none;
}
.overlay {
    box-shadow: 0 0 10px 5px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    border-radius: 3px;
	display: none;
}

#dialog-confirm {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .col-clears.col-lg-1:nth-child(12n+1),
    .col-clears.col-lg-2:nth-child(6n+1),
    .col-clears.col-lg-3:nth-child(4n+1),
    .col-clears.col-lg-4:nth-child(3n+1),
    .col-clears.col-lg-6:nth-child(2n+1) {
        clear: both;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .col-clears.col-md-1:nth-child(12n+1),
    .col-clears.col-md-2:nth-child(6n+1),
    .col-clears.col-md-3:nth-child(4n+1),
    .col-clears.col-md-4:nth-child(3n+1),
    .col-clears.col-md-6:nth-child(2n+1) {
        clear: both;
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .col-clears.col-sm-1:nth-child(12n+1),
    .col-clears.col-sm-2:nth-child(6n+1),
    .col-clears.col-sm-3:nth-child(4n+1),
    .col-clears.col-sm-4:nth-child(3n+1),
    .col-clears.col-sm-6:nth-child(2n+1) {
        clear: both;
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .col-clears.col-xs-1:nth-child(12n+1),
    .col-clears.col-xs-2:nth-child(6n+1),
    .col-clears.col-xs-3:nth-child(4n+1),
    .col-clears.col-xs-4:nth-child(3n+1),
    .col-clears.col-xs-6:nth-child(2n+1) {
        clear: both;
    }
}

.table thead tr th.valign-bottom {
    vertical-align: bottom;
}
table.dataTable.table-condensed th.valign-bottom::after {
	top: auto;
	bottom: 4px;
}
.table tbody tr td {
    color: #555;
}
.table tbody tr td.valign-top { vertical-align: top; }


.modal-header {
	background-color: #FDF2D3;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.modal-body {
    /* background-color: #FFF; */
}
.modal-backdrop {
	z-index: 100000;
}
.modal {
	z-index: 100010;
}
@media (min-width: 600px) {
	.modal-dialog.modal-xs {
		width: 400px;
	}
}
@media (min-width: 800px) {
	.modal-dialog.modal-sm {
		width: 600px;
	}
}
@media (min-width: 1000px) {
	.modal-dialog {
		width: 800px;
	}
}


.smart-alerts__container {
	z-index: 100020;
}


.nowrap {
	white-space: nowrap;
}

.sidebar__close {
    z-index: 1;
    padding: 5px;
    top: 10px;
    right: 10px;
    opacity: .7;
    color: #333;
}
.sidebar {
	/* background-color: #5C6CAA; */
	background: #FFF;
}
.sidebar__user {
    /* background-color: rgba(0,0,0,.1); */
    /* background-color: #455084; */
    background-color: #F5F5F9;
    padding: 10px 20px;
}

.alert {
	margin-bottom: 1px;
	position: relative;
	border-radius: 0;
}
.alert-info {
    /*
background-color: #5C6CAA;
    border-color: #0090EB;
    color: #333;
*/
	background-color: #E2615A;
	border-color: #E2615A;
	color: #FFF;
}
.alert .closeAlert {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 1px 4px;
    cursor: pointer;
    background-color: #31708f;
    color: #fff;
}
.alert .closeAlert::before {
    content: "Dismiss";
    margin-right: 2px;
    font-size: 10px;
}
.alert a {
	color: #FFF;
	font-weight: 700;
}
.alert .messageDate {
    font-weight: 600;
    margin-right: 5px;
}
.alert.alert-with-dismiss {
    padding-right: 70px;
}


.radio.nodot {
    margin-top: 0;
}
form .radio.nodot input[type="radio"] + label::before {
    content: none;
    display: inherit;
    vertical-align: inherit;
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
    height: auto;
    border-radius: inherit;
    border: none;
}
form .radio.nodot input[type="radio"]:checked + label {
    background-color: #5C6CAA;
    color: #fff;
}
form .radio.nodot input[type="radio"] + label {
	transition: all .2s;
    padding: 6px 15px;
    border-radius: 5px;
    border: 1px solid #ddd;
}


.btn-gotoPlayer {
	margin-left: 5px;
}


#navbar_main .btn {
    margin-top: 15px;
    margin-left: 10px;
}
#navbar_main .gotouser {
    margin-top: 0;
}
#navbar_main .canceltimer::before {
    content: "Timeout: ";
}
.navbar-default {
    /* background-color: #FDF2D3; */
    background-color: #F5F5F9;
}

.btn-accent {
	background-color: #5C6CAA;
}
.btn-accent:hover {
	background-color: #5C6CAA;
	opacity: .8;
}
.btn-accent:focus, .btn-accent:active, .btn-accent:active:focus {
	background-color: #5C6CAA;
}
.btn-header, .dd-header {
	margin-top: 36px;
}

.sidebar__nav > li > a {
	/* color: #efefef; */
	color: #333333;
}
.sidebar__nav > li.current > a {
	color: #0F8DEB;
}

.sidebar__nav > li > a:hover, 
.sidebar__nav > li > a:focus, 
.sidebar__nav li.current > a {
    border-left-color: #fff;
    background-color: rgba(0, 0, 0, 0.08);
}
.sidebar__nav > li > a > .fa.fa-angle-down {
    min-width: inherit;
}
.sidebar__nav > li.open > a, 
.sidebar__nav > li.active > a, 
.sidebar__nav > li.active > a:hover, 
.sidebar__nav > li.active > a:focus {
    border-left-color: #fff;
}
.sidebar-nav__submenu > li > a {
	padding: 12px 20px 12px 30px;
}
.sidebar-nav__submenu > li > a > .fa:first-child {
    min-width: 30px;
}
.sidebar-nav__submenu {
	border-left-color: #fff;
}
.sidebar-nav__heading {
	color: #333;
	font-size: 13px;
}
.borderTop {
	border-top: 1px solid #DDD;
}

.sidebar > nav {
	padding-top: 0;
}
#sidebar-nav_mainaction {
	/* background: #FDF2D3; */
	background: #0F8DEB;
	padding: 10px 20px;
}

.btn-darkgray {
	background: #595468;
	color: #FFF;
	border: none;
}
.btn-darkgray:hover {
	background: #595468;
	color: #FFF;
	opacity: .7;
}

.table th {
	background-color: #ddd;
}
.table tbody tr th {
	color: #333;
}
#datatables_makepicks.table > tbody > tr > td {
/*     border-top: 1px solid transparent; */
}
#datatables_makepicks .line {
	width: 50px;
	text-align: center;
}
.table .atsymbol {
    width: 10px;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
#datatables_makepicks .record {
    font-size: 0.8em;
}
#datatables_makepicks .weight, #datatables_makepicks .teamname {
    white-space: nowrap;
}
#datatables_makepicks .weight input {
    width: 30px;
    padding: 3px 0;
    text-align: center;
    height: 30px;
}
#totalpoints {
    width: 50px;
    margin-left: 10px;
    text-align: center;
}
.weight .weightdown, .weight .weightup {

    width: 30px;
    height: 30px;
    display: inline-block;
    margin: -1px 0 0 0;
    font-size: 1.2em;
    padding: 3px;

}
.startTime {
    position: absolute;
    top: -1px;
    left: 0;
    font-size: 80%;
    background-color: #f0f0f0;
    border-radius: 0 0 3px 0;
    padding: 2px 10px;
}
.chooseTeam {
    padding: 7px 8px;
    margin: 5px 3px;
    display: inline-block;
    cursor: pointer;
    border: 2px solid transparent;
}
.deadlinepast .chooseTeam,
.eliminated .chooseTeam {
    cursor: not-allowed;
}
.chooseTeam.choose {
/*
    color: #fff;
    border-radius: 2px;
    border-color: #fff;
    background-color: #5C6CAA;
*/
    padding: 7px 8px;
	border: 2px solid #5C6CAA;
	border-radius: 3px;
}
.chooseTeam.played {
    background-color: #ddd;
    color: #fff;
    cursor: not-allowed;
    border-radius: 5px;
    padding: 7px 10px;
    border:none;
}
.chooseTeam.played.winner {
    background-color: #9BE8E2;
    border: none;
    color: #777;
}
.chooseTeam.played.loser {
    background-color: #E2615A;
    border-color: #ddd;
}
.picktool {
	display: none;
	margin-bottom: 10px;
	min-width: 50%;
}


.text-color-teamARI {color: #97233F;}
.text-color-teamATL {color: #A71930;}
.text-color-teamBAL {color: #241773;}
.text-color-teamBUF {color: #00338D;}
.text-color-teamCAR {color: #0085CA;}
.text-color-teamCHI {color: #F26522;}
.text-color-teamCIN {color: #FB4F14;}
.text-color-teamCLE {color: #22150C;}
.text-color-teamDAL {color: #0C264C;}
.text-color-teamDEN {color: #002244;}
.text-color-teamDET {color: #046EB4;}
.text-color-teamGB {color: #24423C;}
.text-color-teamHOU {color: #00143F;}
.text-color-teamIND {color: #003D79;}
.text-color-teamJAC {color: #D8A328;}
.text-color-teamKC {color: #CA2430;}
.text-color-teamLA {color: #95774C;}
.text-color-teamLAC {color: #0A2342;}
.text-color-teamMIA {color: #0091A0;}
.text-color-teamMIN {color: #4F2E84;}
.text-color-teamNE {color: #0A2342;}
.text-color-teamNO {color: #A08A58;}
.text-color-teamNYG {color: #192E6C;}
.text-color-teamNYJ {color: #203731;}
.text-color-teamOAK {color: #C4C9CC;}
.text-color-teamPHI {color: #014A53;}
.text-color-teamPIT {color: #FFC20E;}
.text-color-teamSD {color: #0A2342;}
.text-color-teamSEA {color: #002A5C;}
.text-color-teamSF {color: #C9243F;}
.text-color-teamSTL {color: #95774C;}
.text-color-teamTB {color: #D40909;}
.text-color-teamTEN {color: #4095D1;}
.text-color-teamWAS {color: #FFC20F;} 





@media (min-width: 768px) {
	#chooseWeek {
	    margin-top: 30px;
	}
	#datatables_makepicks .away-team {
		text-align: right;
	}
	.picktool {
		margin-bottom: 0;
		min-width: 12%;
	}
}

.teamlogo {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-top: -2px;
}


#datatables_currentpicks.table > tbody > tr > td {
    border-top: 1px solid transparent;
    padding-top: 0;
    padding-bottom: 0;
}
.table tbody tr.myPlayer td {
    background-color: #e7e7e7;
}
.teamPick, .pickweight {
    padding: 7px 8px;
    margin: 5px 3px;
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 2px;
    line-height: 1;
}
.teamPick:not(.winner) {
	cursor: pointer;
}
/*
.atsymbol.tie .fa-at::before {
    content: "TIE";
}
*/
.teamPick.tie::after {
    content: " (TIE)";
    font-size: .8em;
}
.teamPick.choose {
    background-color: #5C6CAA;
    color: #fff;
    border-radius: 2px;
    border-color: #fff;
}
.teamPick.picked {
    border-color: #ddd;
}
.teamPick.winner, .pickweight.goodPick {
    /* background-color: #98FB98; */
    background-color: #9BE8E2;
    color: #666;
    font-weight: 600;
}
.teamPick.loser, .pickweight.missPick, .pickweight.tie {
    background-color: #E2615A;
    color: #efefef;
    font-weight: lighter;
}
.pickweight {
    min-width: 35px;
}
.teamPick.missPick, .teamPick.tie {
    color: #E2615A;
    border-color: #E2615A;
}
.teamPick.goodPick {
    font-weight: 600;
    border-color: #9BE8E2;
    color: #555;
    font-size: 110%;
}
#datatables_currentpicks .winner .teamlogo {
    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: 0;
    margin-left: -5px;
}
.teamPick.selWhatIf {
    background-color: #ddd;
}

.table-responsive > .table > tbody > tr.unsubmittedplayer > td {
    white-space: normal;
}
.unsubmittedplayer span {
    white-space: nowrap;
}
.listdivide {
    color: #ddd;
    margin: 0 5px 0 8px;
}
td span.payout {
    color: #5C6CAA;
    font-weight: 600;
    padding-right: 10px;
    margin-right: 5px;
    border-right: 1px solid #DDD;
}
#playerstandings .selected .payout {
    color: #fff;
}


#datatables_standings td.pick {
    padding: 0;
    text-align: center;
    padding: 0 2px;
}
#datatables_standings td.pick.eliminated {
    background-color: #efefef;
}
#datatables_standings td.pick .teamPick {
    width: 100%;
    margin: 1px 0;
    padding: 7px 2px;
    position: relative;
}
#datatables_standings td.pick .teamPick .teamlogo {
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
#datatables_standings td.pick .teamPick .deadbeat {
    position: absolute;
    top: 0;
    left: 0;
}



.stickyWrapper {
	min-height: 1px;
}
.sticky.stick {
	background-color: #fff;
    border-radius: 5px 0 0;
    bottom: 0;
    box-shadow: 0 0 8px -3px #333;
    padding: 10px;
    position: fixed;
    right: 0;
    z-index: 1;
}


.onlyStandalone {
	display: none;
}
body.standalone .onlyStandalone {
	display: block;
}
body.standalone .onlyStandalone.inline {
	display: inline;
}
body.standalone .onlyStandalone.inlineBlock {
	display: inline-block;
}
#navbar_main .backBtn {
    margin: 15px 0;
    padding-top: 8px;
    padding-bottom: 8px;
    float: left;
}


.table tbody tr td.overallchange {
	padding-right: 0;
	padding-left: 0;
}
.overallchange .fa-arrow-right { color: #ddd; }
.overallchange .fa-arrow-right.up { color: green; transform: rotate(-45deg); }
.overallchange .fa-arrow-right.down { color: #E2615A; transform: rotate(45deg); }
.selected .overallchange  .fa-arrow-right.up,
.selected .overallchange  .fa-arrow-right.down {
	color: #fff;
}
.payout { color: green; }


/*
#mainContent {
    min-height: 100vh;
}
*/

.navynav-logo {
	padding: 10px;
	display: inline-block;
}
.navynav-logo img {
		/*
		max-height: 35px;
		max-width: 40vw;
		*/
	max-height: 66px;
	max-width: 230px;
	width: auto;
	padding: 9px 10px 0;
}


.table.table-hover tbody tr:hover td {
    background-color: #efefef;
    cursor: pointer;
}
.table.table-select tbody tr.selected td {
    background-color: #5C6CAA;
    color: #fff;
}


/* MAKE GOLF PICK */
.golfer_field_group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.golfer_field_group li {
    margin: 3px 0;
}
.topGolferList .panel-title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}
.golfer_field_group .rank,
.golfer_field_group .value {
    margin-right: 5px;
}
.golfer_field_group .rank::after {
    content: ".";
}
.golfer_field_group .value::before {
    content: "(";
}
.golfer_field_group .value::after {
    content: ")";
}
.golfpick .pickedIcon,
.golfpick .startedIcon {
	display: none;
	margin-right: 5px;
}
.picked .golfpick .pickedIcon,
.started .golfpick .startedIcon {
	display: inline;
}
.golfpick {
	cursor: pointer;
	color: #4d4f69;
}
.picked .golfpick,
.started .golfpick {
	cursor: default;
}
.picked td,
.started td {
	opacity: .4;
}

.fa.lockGolfer {
    cursor: pointer;
    font-size: 1.5em;
}
#datatables_alreadypicked .future {
    font-style: italic;
    opacity: .7;
}

/* LIVE */

.stickyInfo {
	padding: 3px 0 0 0;
	z-index: 100000;
}
.stickyInfo.stick {
    position: fixed;
	text-align: center;
    top: 0;
    background: #F5F5F5;
    width: 100%;
    box-shadow: 0 0 8px 1px #333;
    left: 0;
}
.percentChance .place::after {
    content: "%";
}
#spinner {
    right: 30px;
    position: fixed;
    bottom: 30px;
    z-index: 1;
}

#leaderboard {
	display: none;
	background-color: #5C6CAA;
}
#leaderboard ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#leaderboard li {
	cursor: pointer;
	padding: 3px 0;
	max-width: 500px;
	position: relative;
}
#leaderboard li:not(.header):hover {
	background-color: rgba(255,255,255,.3);
}
#leaderboard li > span {
    display: inline-block;
}
#leaderboard li.header h4 {
	text-align: center;
}
#leaderboard li.header > span {
	font-weight: 600;
}
#leaderboard li.header .points {
	padding-right: 3px;
}
.header .close {
    position: absolute;
    color: #000;
    left: 3px;
    top: 3px;
	font: 14px/100% arial, sans-serif;
	position: absolute;
	text-decoration: none;
}

#leaderboard .place {
    text-align: center;
    width: 20%;
    max-width: 30px;
}
#leaderboard .name {
    width: 60%;
}
#leaderboard .points {
	float: right;
    text-align: center;
    width: 20%;
    max-width: 30px;
}

#navBar {
    background-color: #5C6CAA;
    font-size: 18px;
    height: auto;
    left: 0;
    line-height: 1em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    cursor: pointer;
}
#navBar .player {
    margin: 0;
    text-align: center;
    white-space: nowrap;
}


#message {
    background: #9BE8E2 none repeat scroll 0 0;
    border: 2px solid #E2615A;
    margin: 0 5px;
    padding: 10px;
}
#message > p {
    line-height: 1.2;
    margin: 0;
    padding: 0;
}



.pick .deadbeat::after {
    content: "\f253";
    font-family: "fontawesome";
    margin-left: 2px;
    color: #E2615A;
    font-size: .8em;
}
.pick .loser .deadbeat::after { color: #fff; }
.player .deadbeat::after {
    content: "\f253";
    font-family: "fontawesome";
    margin-left: 4px;
    color: #E2615A;
    font-size: .8em;
}
.player.selected .deadbeat::after { color: #fff; }
.player > span {
	padding: 8px 2%;
	display: inline-block;
	float: left;
}
.player .name {
	max-width: 30%;
	text-overflow: ellipsis;
	overflow: hidden;
}
.player .place::before {
    content: "Place:";
    font-size: 13px;
}
.player .bestFinish {
	display: none;
}
.player .bestFinish::before {
    content: "Best:";
    font-size: 13px;
}

.player > .bestFinish {
    padding-right: 0;
}
.player > .bestasisFinish {
    font-size: 80%;
    line-height: 140%;
    padding-left: 5px;
    vertical-align: bottom;
    display: none;
}
.player > .bestasisFinish::before {
    content: "/";
    padding-right: 5px;
}


.scenariosContain .progress,
.scenarioResultsContain .progress {
	margin: -18px 0 14px 0;
}


.place-graph-contain {
	max-width: 800px;
    margin-top: -4px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    display: none;
    border-bottom: 1px solid #efefef;
    height: 12px;
    overflow: hidden;
}
.place-graph {
    height: 12px;
    float: left;
    transition: all 1.5s;
    width: 0px;
/*     overflow: hidden; */
    font-size: 10px;
    line-height: 1;
    padding-top: 1px;
    text-align: center;
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 1;
}
.place-graph.graph-low { background-color: #E2615A; }
.place-graph.graph-lowasis { background-color: #EBAAA7; background: repeating-linear-gradient( -45deg, #E2615A, #E2615A 1px, #EBAAA7 1px, #EBAAA7 2px ); color: #fff; }
.place-graph.graph-range { background-color: #fff; width: 100%; z-index: 2; }
.place-graph.graph-range > span { margin-left: 3px; float: left; transition: all 1.5s; }
.place-graph.graph-range.bestoutside > .best-place { margin-left: -20px; color: #fff; }
.place-graph.graph-range.worstoutside > .best-place { margin-right: -23px; }

.place-graph.graph-highasis { background-color: #C8EEEB; background: repeating-linear-gradient( -45deg, #9BE8E2, #9BE8E2 2px, #C8EEEB 2px, #C8EEEB 4px ); }
.place-graph.graph-high { background-color: #9BE8E2; }
.place-marker {
    position: absolute;
    top: 0;
    height: 12px;
    width: 1px;
    background: #333;
    transition: all 1.5s;
    opacity: 0;
    z-index: 3;
}
.place-marker.place { left: 0; background-color: #999; }
.place-marker.best-place { left: 0; }
.place-marker.worst-place { right: 0; }
.place-marker.best-place::before,
.place-marker.worst-place::before {
    content: attr(data-content);
    font-size: 10px;
    position: absolute;
    left: 3px;
    top: 1px;
    line-height: 1;
    transition: all 1.5s;
    opacity: 1;
}
.place-marker.worst-place::before {
	left: -23px;
	text-align: right;
}
.decided .place-marker.worst-place::before { opacity: 0; }
.decided.bottom .place-marker.best-place::before,
.narrowone.bottom .place-marker.best-place::before,
.narrownone:not(.top) .place-marker.best-place::before {
	left: -23px;
	text-align: right;
	color: #fff;
}
.narrowone:not(.bottom) .place-marker.worst-place::before,
.narrownone:not(.bottom) .place-marker.worst-place::before {
	left: 3px;
}
.narrownone.bottom .place-marker.best-place::before {
	left: -35px;
}
.narrownone.top .place-marker.worst-place::before {
	left: 15px;
}



.point-graph-contain {
	max-width: 800px;
    margin: 0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    height: 12px;
    overflow: hidden;
}
.point-graph {
    height: 12px;
    float: left;
    transition: all 1.5s;
    width: 0px;
    overflow: hidden;
    font-size: 10px;
    line-height: 1;
    padding-top: 1px;
    text-align: center;
    display: inline-block;
    margin: 0;
}
.point-graph.graph-won { background-color: #9BE8E2; }
.point-graph.graph-winning { background-color: #C8EEEB; background: repeating-linear-gradient( -45deg, #9BE8E2, #9BE8E2 2px, #C8EEEB 2px, #C8EEEB 4px ); }
.point-graph.graph-available { background-color: #fff; width: 100%; }
.point-graph.graph-losing { background-color: #EBAAA7; background: repeating-linear-gradient( -45deg, #E2615A, #E2615A 1px, #EBAAA7 1px, #EBAAA7 2px ); color: #fff; }
.point-graph.graph-lost { background-color: #E2615A; color: #fff; }
.point-marker {
    position: absolute;
    top: 0;
    height: 12px;
    width: 4px;
    background: #333;
    transition: all 1.5s;
    opacity: 0;
    z-index: 3;
    left: 0;
    background-color: #999;
}
.point-marker.leadPoints {
  background: linear-gradient(90deg, transparent, #999);
  margin-left: -4px;
}
.point-marker.placePoints {
  background: linear-gradient(90deg, #999, transparent);
}

.scenarioResultsContain.table-responsive > .table {
    margin-bottom: 18px;
}
.progress {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}
.scenarioProgress {
    max-width: 800px;
    margin: 0 0 4px;
}
.sticky .scenarioProgress {
	margin: 0 auto;
}
.progress-bar-brand {
	background-color: #5C6CAA;
}
.scenarioProgress .progress-bar {
	transition-duration: 3s;
}

.stickyInfo.stick .place-graph-contain {
    margin: -4px auto 0;
}
.stickyInfo.stick .point-graph-contain {
	margin: 0 auto;
}


#games .game {
    background-color: #fff;
    box-shadow: 0 0 3px 0 #ddd;
    height: 55px;
    height: auto;
    margin: 5px .5%;
    width: 99%;
    min-width: 280px;
    float: left;
    font-size: 15px;
    transition: all 2s;
    position: relative;
}
#games .weight .payNow {
	position: relative;
	width: 100%;
	border: none;
	padding: 13px 0;
	line-height: 1;
	font-size: 14px;
	z-index: 1;
}
.isDelinquent #games .game {
/*     background: repeating-linear-gradient( 90deg, #222, #222 5px, #ddd 20px, #fff 5px ); */
}
#games .teamlogo {
    height: 15px;
    margin-right: 5px;
    width: 15px;
    margin-top: -4px;
    transition: all .4s;
    position: relative;
}
#games .game.winner.V:not(.hideGame) .away.team .teamlogo,
#games .game.winner.H:not(.hideGame) .home.team .teamlogo {
    width: 30px;
    height: 30px;
    margin-top: -9px;
    margin-left: -5px;
    margin-right: 2px;
    z-index: 1;
}
#games .game .line {
  font-size: 10px;
  font-weight: normal;
  margin-left: 5px;
  color: #000;
  text-shadow: none;
}
#games .game .line::before { content: "("; }
#games .game .line::after { content: ")"; }

#games .game.lastgame {
/*     height: 75px; */
}
.game.upcoming .totalpoints {
/*     display: none; */
}
#games .game > div.totalpoints {
    float: none;
    height: auto;
    clear: both;
    height: 10px;
    border-top: 1px solid #ddd;
    width: 100%;
    font-size: 12px;
    padding: 1px 3px;
    text-align: center;
}

#games .game.winner { background-color: #aaa; }
#games .game.upcoming { background-color: #eee; border: 1px solid #ddd; }

#games .game > div {
    float: left;
    height: 55px;
    position: relative;
}
#games .game > div.confirmation {
	height: auto;
	float: none;
	position: absolute;
}
#games .weight {
    border-right: 1px solid #ddd;
    height: 30px;
    padding-right: 0;
    width: 15%;
    transition: all 2s;
}
#games .teams {
    width: 57%;
}
#games .teams .team {
    padding: 2px 0;
    transition: all .4s;
}
#games .teams .tiebreaker {
	display: none;
    border-radius: 5px;
    font-size: 75%;
    margin-left: 5px;
    padding: 2px 3px 1px;
    vertical-align: middle;
}
#games.showOverall .teams .tiebreaker {
    display: none !important;
}

.winning.V:not(.hideGame) .away.tiebreaker:not(.noTies),
.winning.H:not(.hideGame) .home.tiebreaker:not(.noTies) {
    color: #E2615A;
}
.winning.V:not(.hideGame) .teams .away.tiebreaker.inRange,
.winning.H:not(.hideGame) .teams .home.tiebreaker.inRange {
	background-color: #9BE8E2;
	color: #000;
}
.winning.V:not(.hideGame) .teams .away.tiebreaker.beyondRange,
.winning.H:not(.hideGame) .teams .home.tiebreaker.beyondRange,
.winning.V:not(.hideGame) .teams .away.tiebreaker.loseAll,
.winning.H:not(.hideGame) .teams .home.tiebreaker.loseAll {
	background-color: #E2615A;
	color: #fff;
}

.hideTeam {
    margin-right: 5px;
    margin-bottom: 5px;
    width: 32%;
}
@media (max-width: 600px) {
	.hideTeam { width: 48%; }
	.navynav-logo img {
		/*
		max-height: 35px;
		max-width: 40vw;
		*/
	max-height: 66px;
	max-width: 170px;
	width: auto;
	padding: 12px 5px 0;
}
}

.teams .timeout {
    display: none;
    left: 0px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 1px;
    height: 5px;
}
.teams .timeout > li {
    border: 1px solid #ddd;
    display: inline-block;
    height: 5px;
    width: 30px;
    border-left: 0px;
}
.teams .away.timeout {
    top: 0px;
}
.teams .home.timeout {
    bottom: 0px;
}
.teams .away.timeout > li {
    border-top: 0px;
    vertical-align: top;
}
.teams .home.timeout > li {
    border-bottom: 0px;
    vertical-align: bottom;
}
.playing:not(.half) .teams .timeout {
    display: block;
}
.timeout[data-timeout="1"] > li:nth-child(1) {
    background-color: #aaa;
}
.timeout[data-timeout="2"] > li:nth-child(1),
.timeout[data-timeout="2"] > li:nth-child(2) {
    background-color: #aaa;
}
.timeout[data-timeout="3"] > li:nth-child(1),
.timeout[data-timeout="3"] > li:nth-child(2),
.timeout[data-timeout="3"] > li:nth-child(3) {
    background-color: #aaa;
}



#games .game > div.probabilityContain {
    float: none;
    height: auto;
    clear: both;
    border-top: 1px solid #ddd;
    background-color: #eee;
    overflow: hidden;
}
.winner .probabilityContain {
	display: none;
}
.page-live-php .probability.fiftyfiftyprobability {
    background: transparent;
    width: 100%;
    text-align: center;
    border-right: none;
    color: #888;
}
.fiftyfifty .fiftyfiftyprobability.probability {
	display: block;
}
.fiftyfifty .awayProbability.probability,
.fiftyfifty .homeProbability.probability {
	display: none !important;
}
.probability {
    text-align: center;
    font-size: 12px;
    display: none;
    transition: all 1s;
}
.page-live-php .probability {
    background: repeating-linear-gradient( -45deg, #9BE8E2, #9BE8E2 2px, #C8EEEB 2px, #C8EEEB 4px );
    padding: 0 4px;
    text-align: right;
    width: 50%;
    float: left;
    white-space: nowrap;
    box-shadow: 0 0 4px #666;
}
.page-live-php .awayProbability.probability::before,
.page-live-php .homeProbability.probability::before {
    content: "win \A probability";
    position: absolute;
    font-size: .8em;
    font-weight: normal;
    top: 1px;
    left: 2px;
    line-height: .77;
    white-space: pre;
    text-align: left;
    color: #fff;
}
.page-live-php .awayProbability.probability.right::before,
.page-live-php .homeProbability.probability.right::before {
	left: auto;
	right: 2px;
	color: #888;
}
@media (max-width: 350px) {
	.page-live-php .awayProbability.probability::before,
	.page-live-php .homeProbability.probability::before {
	    content: "win prob";
	}
}

.page-livesurvivor-php .probability {
	margin-top: 5px;
}
.page-live-php .probability.underdog { display: none !important; }
.game.winner .probability {
	display: none !important;
}
.updating {
	font-weight: 600;
}


.scores {
    text-align: center;
    width: 10%;
}
.status {
    border-left: 1px solid #ddd;
    text-align: center;
    width: 17%;
}

.status .qtr {
    margin: 0;
    padding: 0;
    display: none;
}
.playing:not(.overtime) .status .qtr {
	display: block;
}
.playing.half .status .qtr {
	display: none;
}
.status .qtr > li {
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-block;
    height: 5px;
    list-style: outside none none;
    margin: 0 1px;
    width: 5px;
}
.qtr[data-qtr="1"] > li:nth-child(1) {
    background-color: #aaa;
    border-color: transparent;
}
.qtr[data-qtr="2"] > li:nth-child(1),
.qtr[data-qtr="2"] > li:nth-child(2) {
    background-color: #aaa;
    border-color: transparent;
}
.qtr[data-qtr="3"] > li:nth-child(1),
.qtr[data-qtr="3"] > li:nth-child(2),
.qtr[data-qtr="3"] > li:nth-child(3) {
    background-color: #aaa;
    border-color: transparent;
}
.qtr[data-qtr="4"] > li:nth-child(1),
.qtr[data-qtr="4"] > li:nth-child(2),
.qtr[data-qtr="4"] > li:nth-child(3),
.qtr[data-qtr="4"] > li:nth-child(4) {
    background-color: #aaa;
    border-color: transparent;
}

.upcoming .status > div {
	font-size: 85%;
	white-space: nowrap;
}
.playing .status {
    line-height: 1;
}
.playing .status > div {
	font-size: 65%;
	white-space: nowrap;
}
.upcoming .status .time {
	margin-top: 10px;
}
.playing.overtime .status .time {
	margin-top: 5px;	
}
.playing.half .status .time {
    font-size: 100%;
}
.status .downanddistance {
	display: none;
}
.downanddistance > span {
	display: block;
}
.downanddistance.third .downtogo {
    background-color: #eee;
}
.downanddistance.fourth .downtogo {
    background-color: #ddd;
    font-weight: 600;
}

.playing .status .downanddistance {
	display: block;
}
.status .onfield {
    background-color: #aaa;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    width: 0;
    transition: width .4s;
    display: none;
}
.playing .status .onfield {
	display: block;
}
.inside50 .status .onfield {
	height: 3px;
}
.inside35 .status .onfield {
    background-color: #5C6CAA;
}
.inside20 .status .onfield {
	background-color: #E2615A;
}
.half .status .onfield {
	display: none;
}
.playing.half .status > div { margin-top: 18px; }
.winner .status > div { margin-top: 18px; }
.away.team {
    color: #555;
    left: 10px;
    position: absolute;
    top: 5px;
}
.home.team {
    bottom: 5px;
    color: #555;
    left: 10px;
    position: absolute;
}
.scores .team {
    border: 1px solid transparent;
/*     height: 14px; */
    left: auto;
/*     padding: 2px 5px; */
    right: 10px;
    width: 20px;
    transition: all .5s;
}
.playing.possessionV:not(.half) .scores .away.team,
.playing.possessionH:not(.half) .scores .home.team {
/*     border: 1px solid #aaa; */
/*     border-radius: 5px; */
}
.possessionV.redzone:not(.half) .scores .away.team,
.possessionH.redzone:not(.half) .scores .home.team,
.possessionV.inside35:not(.half) .scores .away.team,
.possessionH.inside35:not(.half) .scores .home.team {
    color: #fff;
}
.scores .team.score {
	font-weight: 600;
}
.scores .team.score::before {
    color: green;
    font-size: 12px;
    position: absolute;
    right: 25px;
    text-transform: uppercase;
    top: -1px;
    font-weight: normal;
    white-space: nowrap;
    padding: 4px 0 4px 4px;
    background-color: rgba(255,255,255,.7);
}
.scores .team.score.touchdown::before 	{ content: "Touchdown"; }
.scores .team.score.touchdown1::before 	{ content: "Touchdown +1"; }
.scores .team.score.touchdown2::before 	{ content: "Touchdown +2"; }
.scores .team.score.extrapoint::before 	{ content: "Extra Point"; }
.scores .team.score.twopointconversion::before 	{ content: "2 Pt Conversion"; }
.scores .team.score.fieldgoal::before 	{ content: "Field Goal"; }
.scores .team.score.safety::before 		{ content: "Safety"; }
.showpossession {
	display: none;
	transition: all 2s;
	background-color: transparent;
	position: absolute;
	border: 1px solid #aaa;
    border-radius: 5px;
    width: 30px;
    height: 18px;
    right: 5px;
}
.inside50 .showpossession {
	border-color: #555;
}
.inside35 .showpossession {
	background-color: #5C6CAA;
}
.inside20 .showpossession {
	border-color: #E2615A;
	border-width: 1px;
}
.playing.possessionV:not(.half) .showpossession {
	display: block;
	top: 7px;
}
.playing.possessionH:not(.half) .showpossession {
	display: block;
	top: 29px;
}
.redzone .showpossession {
	background-color: #E2615A;
}

.weight .value {
    display: block;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 60%;
    z-index: 1;
    transition: all 2s;
}
.winner:not(.hideGame) .weight .value {
    width: 100%;
    font-size: 1.2em;
}
.weight.V .value {
    top: 10px;
}
.weight.H .value {
    bottom: 10px;
}
.winner.V:not(.hideGame) .weight.H, .winner.H:not(.hideGame) .weight.V, .winner.T:not(.hideGame) .weight {
	background-color: #E2615A;
}
.winner.H:not(.hideGame) .weight.H, .winner.V:not(.hideGame) .weight.V {
	background-color: #9BE8E2;
}
.winner.V:not(.hideGame) .weight.H .value, .winner.T:not(.hideGame) .weight.H .value {
    bottom: 12px;
    font-size: 0.8em;
}
.winner.H .weight.V .value, .winner.T .weight.V .value {
    top: 12px;
    font-size: 0.8em;
}
.winner.V:not(.hideGame) .away.team,
.winner.H:not(.hideGame) .home.team {
    font-weight: 600;
    font-size: 16px;
}
.winner.V:not(.hideGame) .away.team.text-color-teamARI, .winner.H:not(.hideGame) .home.team.text-color-teamARI {color: #97233F; text-shadow: 0 0 2px #FFB612;}
.winner.V:not(.hideGame) .away.team.text-color-teamATL, .winner.H:not(.hideGame) .home.team.text-color-teamATL {color: #A71930; text-shadow: 0 0 2px #A5ACAF;}
.winner.V:not(.hideGame) .away.team.text-color-teamBAL, .winner.H:not(.hideGame) .home.team.text-color-teamBAL {color: #241773; text-shadow: 0 0 2px #9E7C0C;}
.winner.V:not(.hideGame) .away.team.text-color-teamBUF, .winner.H:not(.hideGame) .home.team.text-color-teamBUF {color: #00338D; text-shadow: 0 0 2px #fff;}
.winner.V:not(.hideGame) .away.team.text-color-teamCAR, .winner.H:not(.hideGame) .home.team.text-color-teamCAR {color: #0085CA; text-shadow: 0 0 2px #BFC0BF;}
.winner.V:not(.hideGame) .away.team.text-color-teamCHI, .winner.H:not(.hideGame) .home.team.text-color-teamCHI {color: #F26522; text-shadow: 0 0 2px #00143F;}
.winner.V:not(.hideGame) .away.team.text-color-teamCIN, .winner.H:not(.hideGame) .home.team.text-color-teamCIN {color: #FB4F14; text-shadow: 0 0 2px #000000;}
.winner.V:not(.hideGame) .away.team.text-color-teamCLE, .winner.H:not(.hideGame) .home.team.text-color-teamCLE {color: #22150C; text-shadow: 0 0 2px #FB4F14;}
.winner.V:not(.hideGame) .away.team.text-color-teamDAL, .winner.H:not(.hideGame) .home.team.text-color-teamDAL {color: #0C264C; text-shadow: 0 0 2px #B0B7BC;}
.winner.V:not(.hideGame) .away.team.text-color-teamDEN, .winner.H:not(.hideGame) .home.team.text-color-teamDEN {color: #002244; text-shadow: 0 0 2px #FB4F14;}
.winner.V:not(.hideGame) .away.team.text-color-teamDET, .winner.H:not(.hideGame) .home.team.text-color-teamDET {color: #046EB4; text-shadow: 0 0 2px #B0B7BC;}
.winner.V:not(.hideGame) .away.team.text-color-teamGB, .winner.H:not(.hideGame) .home.team.text-color-teamGB {color: #24423C; text-shadow: 0 0 2px #FCBE14;}
.winner.V:not(.hideGame) .away.team.text-color-teamHOU, .winner.H:not(.hideGame) .home.team.text-color-teamHOU {color: #00143F; text-shadow: 0 0 2px #fff;}
.winner.V:not(.hideGame) .away.team.text-color-teamIND, .winner.H:not(.hideGame) .home.team.text-color-teamIND {color: #003D79; text-shadow: 0 0 2px #fff;}
.winner.V:not(.hideGame) .away.team.text-color-teamJAC, .winner.H:not(.hideGame) .home.team.text-color-teamJAC {color: #D8A328; text-shadow: 0 0 2px #136677;}
.winner.V:not(.hideGame) .away.team.text-color-teamKC, .winner.H:not(.hideGame) .home.team.text-color-teamKC {color: #CA2430; text-shadow: 0 0 2px #FFB612;}
.winner.V:not(.hideGame) .away.team.text-color-teamLA, .winner.H:not(.hideGame) .home.team.text-color-teamLA {color: #95774C; text-shadow: 0 0 2px #002147;}
.winner.V:not(.hideGame) .away.team.text-color-teamLAC, .winner.H:not(.hideGame) .home.team.text-color-teamLAC {color: #0A2342; text-shadow: 0 0 2px #2072BA;}
.winner.V:not(.hideGame) .away.team.text-color-teamMIA, .winner.H:not(.hideGame) .home.team.text-color-teamMIA {color: #0091A0; text-shadow: 0 0 2px #FF8500;}
.winner.V:not(.hideGame) .away.team.text-color-teamMIN, .winner.H:not(.hideGame) .home.team.text-color-teamMIN {color: #4F2E84; text-shadow: 0 0 2px #FEC62F;}
.winner.V:not(.hideGame) .away.team.text-color-teamNE, .winner.H:not(.hideGame) .home.team.text-color-teamNE {color: #0A2342; text-shadow: 0 0 2px #B0B7BD;}
.winner.V:not(.hideGame) .away.team.text-color-teamNO, .winner.H:not(.hideGame) .home.team.text-color-teamNO {color: #A08A58; text-shadow: 0 0 2px #000000;}
.winner.V:not(.hideGame) .away.team.text-color-teamNYG, .winner.H:not(.hideGame) .home.team.text-color-teamNYG {color: #192E6C; text-shadow: 0 0 2px #fff;}
.winner.V:not(.hideGame) .away.team.text-color-teamNYJ, .winner.H:not(.hideGame) .home.team.text-color-teamNYJ {color: #203731; text-shadow: 0 0 2px #fff;}
.winner.V:not(.hideGame) .away.team.text-color-teamOAK, .winner.H:not(.hideGame) .home.team.text-color-teamOAK {color: #C4C9CC; text-shadow: 0 0 2px #000;}
.winner.V:not(.hideGame) .away.team.text-color-teamPHI, .winner.H:not(.hideGame) .home.team.text-color-teamPHI {color: #014A53; text-shadow: 0 0 2px #BBC4C9;}
.winner.V:not(.hideGame) .away.team.text-color-teamPIT, .winner.H:not(.hideGame) .home.team.text-color-teamPIT {color: #FFC20E; text-shadow: 0 0 2px #000;}
.winner.V:not(.hideGame) .away.team.text-color-teamSD, .winner.H:not(.hideGame) .home.team.text-color-teamSD {color: #0A2342; text-shadow: 0 0 2px #2072BA;}
.winner.V:not(.hideGame) .away.team.text-color-teamSEA, .winner.H:not(.hideGame) .home.team.text-color-teamSEA {color: #002A5C; text-shadow: 0 0 2px #7AC142;}
.winner.V:not(.hideGame) .away.team.text-color-teamSF, .winner.H:not(.hideGame) .home.team.text-color-teamSF {color: #C9243F; text-shadow: 0 0 2px #C8AA76;}
.winner.V:not(.hideGame) .away.team.text-color-teamSTL, .winner.H:not(.hideGame) .home.team.text-color-teamSTL {color: #95774C; text-shadow: 0 0 2px #002147;}
.winner.V:not(.hideGame) .away.team.text-color-teamTB, .winner.H:not(.hideGame) .home.team.text-color-teamTB {color: #D40909; text-shadow: 0 0 2px #B0B9BF;}
.winner.V:not(.hideGame) .away.team.text-color-teamTEN, .winner.H:not(.hideGame) .home.team.text-color-teamTEN {color: #4095D1; text-shadow: 0 0 2px #00295B;}
.winner.V:not(.hideGame) .away.team.text-color-teamWAS, .winner.H:not(.hideGame) .home.team.text-color-teamWAS {color: #FFC20F; text-shadow: 0 0 2px #7C1415;} 

.winner.H:not(.hideGame) .weight.H, .winner.V:not(.hideGame) .weight.V {
    font-weight: 600;
}
.winner.H:not(.hideGame) .weight.V .value, .winner.V:not(.hideGame) .weight.H .value, .winner.T:not(.hideGame) .weight .value {
    color: #eee;
}
.winning.H:not(.hideGame) .weight.H, .winning.V:not(.hideGame) .weight.V {
	background-color: #9BE8E2;
}
.winning.H:not(.hideGame) .weight.V, .winning.V:not(.hideGame) .weight.H {
	background-color: #E2615A;
	color: #fff;
}
.winning.H:not(.hideGame) .bestScenarioV .bestiflose, .winning.V:not(.hideGame) .bestScenarioH .bestiflose {
    color: #fff;
}
.winning.H:not(.hideGame) .bestScenarioH .bestiflose, .winning.V:not(.hideGame) .bestScenarioV .bestiflose {
    color: #000;
}

.winning.V:not(.hideGame) .weight.V.bestAvgH,
.winning.V:not(.hideGame) .weight.V.bestScenarioH {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #9BE8E2 42%, #E2615A 42%) repeat scroll 0 0;
}
.winning.H:not(.hideGame) .weight.V.bestAvgH,
.winning.H:not(.hideGame) .weight.V.bestScenarioH {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #E2615A 42%, #9BE8E2 42%) repeat scroll 0 0;
}

.winning.H:not(.hideGame) .weight.H.bestAvgV,
.winning.H:not(.hideGame) .weight.H.bestScenarioV {
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #9BE8E2 42%, #E2615A 42%) repeat scroll 0 0;
}
.winning.V:not(.hideGame) .weight.H.bestAvgV,
.winning.V:not(.hideGame) .weight.H.bestScenarioV {
    background: rgba(0, 0, 0, 0) linear-gradient(45deg, #E2615A 42%, #9BE8E2 42%) repeat scroll 0 0;
}


.divider {
    margin-left: 8px;
    margin-right: 4px;
}

.hideGame .scores,
.hideGame .status .downanddistance,
.hideGame .status .onfield,
.hideGame .timeout {
    opacity: 0;
}
.hideGame:not(.upcoming) .probabilityContain,
.hideGame:not(.upcoming) .totalpoints {
    display: none;
}
.hideGame:not(.upcoming) .probability {
    display: none !important;
}
.revealGame {
	display: none;
}
#games .game.hideGame .revealGame {
    display: block;
    position: absolute;
    top: 0;
    right: 18%;
    padding: 10px 20px;
    background: rgba(255, 255, 0, .4);
    line-height: 1.2;
    text-align: right;
    cursor: pointer;
    width: 67%;
    font-weight: 600;
    transition: padding .4s;
}
#games .game.hideGame .revealGame:hover {
    padding-right: 25px;
}
.page-livesurvivor-php #games .game.hideGame .revealGame {
	width: 82%;
}

.best {
    right: 8%;
    position: absolute;
    height: 8px;
    width: 8px;
    display: none;
    border-radius: 50%;
    border: 1px solid rgba(51,51,51,0.3);
    background-color: transparent;
    transition: background-color 2s;
}
.winning.H:not(.hideGame) .weight.H.bestAvgV .best,
.winning.H:not(.hideGame) .weight.H.bestScenarioV .best,
.winning.V:not(.hideGame) .weight.V.bestAvgH .best,
.winning.V:not(.hideGame) .weight.V.bestScenarioH .best,
.winning.V:not(.hideGame) .weight.H.bestAvgH .best,
.winning.V:not(.hideGame) .weight.H.bestScenarioH .best,
.winning.H:not(.hideGame) .weight.V.bestAvgV .best,
.winning.H:not(.hideGame) .weight.V.bestScenarioV .best {
	border-color: #fff;
}
.game:not(.winner) .weight.bestAvgV .best,
.game:not(.winner) .weight.bestScenarioV .best {
	display: block;
    top: 13px;
}
.game:not(.winner) .weight.bestAvgH .best,
.game:not(.winner) .weight.bestScenarioH .best {
	display: block;
    bottom: 13px;
}
.strong2 .best, .best.strong2 { background-color: rgba(51,51,51,0.3); }
.strong3 .best, .best.strong3 { background-color: #333; }
.winning.H:not(.hideGame) .weight.H.bestAvgV.strong2 .best,
.winning.H:not(.hideGame) .weight.H.bestScenarioV.strong2 .best,
.winning.V:not(.hideGame) .weight.V.bestAvgH.strong2 .best,
.winning.V:not(.hideGame) .weight.V.bestScenarioH.strong2 .best,
.winning.V:not(.hideGame) .weight.H.bestAvgH.strong2 .best,
.winning.V:not(.hideGame) .weight.H.bestScenarioH.strong2 .best,
.winning.H:not(.hideGame) .weight.V.bestAvgV.strong2 .best,
.winning.H:not(.hideGame) .weight.V.bestScenarioV.strong2 .best {
	background-color: rgba(250, 250, 250, 0.3);
}
.winning.H:not(.hideGame) .weight.H.bestAvgV.strong3 .best,
.winning.H:not(.hideGame) .weight.H.bestScenarioV.strong3 .best,
.winning.V:not(.hideGame) .weight.V.bestAvgH.strong3 .best,
.winning.V:not(.hideGame) .weight.V.bestScenarioH.strong3 .best,
.winning.V:not(.hideGame) .weight.H.bestAvgH.strong3 .best,
.winning.V:not(.hideGame) .weight.H.bestScenarioH.strong3 .best,
.winning.H:not(.hideGame) .weight.V.bestAvgV.strong3 .best,
.winning.H:not(.hideGame) .weight.V.bestScenarioV.strong3 .best {
	background-color: #fff;
}

button.hideGame {
	display: block;
	margin: 0 auto 8px;
	width: 100%;
}

.survivor {
    border: 1px solid;
    margin-left: -4px;
    padding: 1px 3px 0 !important;
    border-radius: 3px;
}
.game.V:not(.hideGame) .away.survivor, .game.H:not(.hideGame) .home.survivor {
	background-color: #9BE8E2;
}
.game.H:not(.hideGame) .away.survivor, .game.V:not(.hideGame) .home.survivor {
	background-color: #E2615A;
	color: #fff;
}

.bestiflose {
    font-size: 0.6em;
    position: absolute;
    right: 5%;
    display: none;
}
.bestScenarioH .bestiflose {
    top: 10px;
    display: block;
}
.bestScenarioV .bestiflose {
    bottom: 10px;
    display: block;
}

#legend {
	font-size: 13px;
	margin-top: 15px;
}
#legend p {
    line-height: 1.1;
    margin-bottom: 0;
    padding: 5px;
}
#legend > ul {
    list-style: outside none none;
    margin: 0;
    padding-left: 20px;
}
#legend .bests  {
    list-style: none;
}
#legend .bests li {
    margin-left: -15px;
}
#legend .best {
    display: inline-block;
    position: relative;
    right: auto;
    margin-left: 1px;
    margin-right: 5px;
}
#legend .best.strong2 {
/* 	margin-left: 2px; */
/* 	margin-bottom: 2px; */
}
#legend .best.strong3 {
/* 	margin-left: 0; */
}
#legend .tbnote {
}
#legend > h3 {
	cursor: pointer;
}
#legend .details {
	display: none;
}
.details ul {
	margin-top: 0;
}


.placeInfo {
    margin-right: 10px;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
}
.placeInfo:last-of-type {
	margin-left: 0;
}
.placeInfo label {
    font-size: .8em;
}

@media screen and (min-width: 602px) {
	#games .game {
		width: 49%;
		max-width: 400px;
	}
	#games .game:nth-of-type(2n+1) {
	    clear: both;
	}
	.navynav-logo img {
		max-height: 66px;
		width: auto;
		padding: 8px 10px 0;
	}
}
@media screen and (min-width: 1600px) {
	#games .game {
		width: 32%;
	}
	#games .game:nth-of-type(2n+1) {
	    clear: none;
	}
	#games .game:nth-of-type(3n+1) {
	    clear: both;
	}
}


#winners {
    max-width: 400px;
    margin: 5px auto 0;
}
#winners .winnersAsis {
	display: none;
}
#winners.showAsis .winnersAsis {
	display: table-cell;
}
#winners .overall {
	display: none;
}
#winners.showOverall .overall {
	display: inline;
}
#winners.showOverall .weekly {
	display: none;
}


#allUsers .balance {
    padding: 5px 8px;
    border-radius: 2px;
    display: block;
    transition: all 1s;
    cursor: pointer;
}
#allUsers .balance.negative { background-color: #F2DEDE; color: #737373; }
#allUsers .balance.delinquent { background-color: #E2615A; color: #fff; }
#allUsers .balance.positive { background-color: #9BE8E2; color: #737373; }



#gameInstructions {
  font-size: 1.5rem;
  line-height: 2.6rem;
}
#gameInstructions .fineprint {
  display: block;
  line-height: 1.8rem;
  font-size: 1.1rem;
}


.gameWeights { display: none; text-align: center; }
.gameWeights.current { display: block; }
.gameWeights .gameWeight {
    float: left;
    width: 50%;
    min-height: 1px;
	text-align: center;
}
#datatables_matrix .teamPick.tie {
    background-color: yellow;
    color: inherit;
    border-color: transparent;
}
#datatables_matrix .teamlogo {
    width: 25px;
    height: 25px;
}
.player .playerplace,
.player .playerpoints {
    width: 25px;
    text-align: center;
}
.changeGame.prevGame {  margin-right: 5px; }
.changeGame.nextGame {  margin-left: 5px; }
/* .homeWeight .pickAvg { margin-left: 5px; } */
/* .awayWeight .pickAvg { margin-right: 5px; } */
.gameWeight .pickAvg {
    background: #999999;
    border-radius: 5px;
    padding: 0 5px;
    color: #ddd;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #98FB98;
	border-color: #98FB98;
	color: #555;
}

.user.inactive {
    font-style: italic;
    color: #666;
}
.user.inactive .gotouser::after {
	content: "Inactive";
	margin-left: 5px;
	color: #E2615A;
}





/* GOLF OVERALL STANDINGS */
.overallRefresh, .groupRefresh, .tourneyRefresh {
	cursor: pointer;
}


/* GOLF ADMIN */
.listLocked {
    border: 1px solid rgba(0, 0, 0, 0.15);
    text-align: center;
    width: 100%;
    min-width: 25px;
    display: block;
    height: 31px;
    line-height: 31px;
    cursor: pointer;
    background-color: #fff;
}
.listLocked.unlocked::after {
	content: '\f09c';
	font-family: fontawesome;
}
.listLocked.locked {
	background: #999;
}
.listLocked.locked::after {
	content: '\f023';
	font-family: fontawesome;
	color: #fff;
}


.icons .fa {
	margin: 0 2px;
}



.searchresult { margin-left: 0px; }
.searchresult a:link, .searchresult a:active, .searchresult a:visited, .searchresult a:hover {
	padding:0;
	text-decoration: none;
	font-family:"league-gothic-1","league-gothic-2", Arial, Helvetica, sans;
	font-weight:normal;
}
.searchresult {
    position: absolute;
    background-color: #F5F5F5;
    padding: 0 5px;
    border: solid white 1px;
    width: 136px;
    z-index: 1;
    box-shadow: 5px 5px 10px 0px #999;
}
.searchresult p {padding: 0; margin: 2px 0; }
.searchresult .highlight { background: #FFF; }
.foundpiece {font-weight: 600; background-color: #FEFFA5;}
.listgolfer	{ cursor: pointer; }



/* TILT */
#tiltLeaders .tiltLevel {
	display: inline-block;
}
.shotsOffDots {
	float: right;
}
.shotsOffDot::before,
.shotsOnDot::before {
	font-weight: 900;
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
	margin-left: 3px;
}
.shotsOnDot::before {
	content: "\f067";
}

.chooseTiltGroup {
    width: 100%;
}

#tiltScoreCard.table thead th,
#tiltScoreCard.table thead td {
	background-color: #e9e9e9;
	padding: 3px 2px;
}
#tiltScoreCard .tiltScore {
	font-size: 1.2em;
	color: #666;
}
#tiltScoreCard tbody th {
    font-weight: 600;
    vertical-align: middle;
}
#tiltScoreCard .borderLeft {
	border-left: 1px solid #f0f0f0;
}
#tiltScoreCard .borderRight {
	border-right: 1px solid #f0f0f0;
}
#tiltScoreCard .shotsOffDots {
    float: none;
    position: absolute;
    top: -5px;
    left: 0;
}
#tiltScoreCard .shotsOffDot {
    line-height: 1;
}
#tiltScoreCard .shotsOffDot::before,
#tiltScoreCard .shotsOnDot::before {
	font-size: 5px;
	margin-left: 2px;
}
#tiltScoreCard .shotsOnDot::before {
	font-size: 8px;
}

#tiltLeaders .shotsOffDot::before, #tiltLeaders .shotsOnDot::before {
	font-size: 5px;
}

#tiltScoreCard.table > thead > tr:last-child > th {
	border-bottom: 1px solid #333;
}
.table > thead > tr.borderTopDark > th,
.table > tbody > tr.borderTopDark > th,
.table > tfoot > tr.borderTopDark > th,
.table > thead > tr.borderTopDark > td,
.table > tbody > tr.borderTopDark > td,
.table > tfoot > tr.borderTopDark > td {
	border-top-color: #333;
}

#enterScores_table th, #enterScores_table td {
    color: #333;
}
#enterScores_table td {
    padding: 5px 10px;
}
.prevHole > span::before,
.nextHole > span::before { content: "#"; }
.tiltLevel {
    top: 9px;
    left: 0;
    background-color: yellow;
	padding: 2px 4px;
	border-radius: 5px;
	line-height: 1;
	border: 1px solid #333;
	display: none;
	
}
.tiltLevel::before {
    content: "\f515";
    font-family: "Font Awesome 5 Pro";
    margin-right: 2px;
    font-size: 10px;
    font-weight: 900;
}
#tiltScoreCard .tiltLevel {
    font-size: 8px;
    color: #333;
    top: 2px;
    display: block;
}
#tiltScoreCard .tiltLevel::before {
	content: none;
	margin-right: 0;
}

.tiltLevelDots {
	position: absolute;
	top: -5px;
	left: 0;
	white-space: nowrap;
	width: 100%;
	text-align: center;
}
.tiltLevelDot::before {
	font-weight: 900;
	content: "\f111";
	font-family: "Font Awesome 5 Pro";
	font-size: 5px;
	margin-left: 2px;
	color: yellow;
}
#tiltScoreCard .playerScore {
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 3px;
    line-height: 1.2em;
    position: relative;
    color: #666;
    font-family: myPencilFont;
}
#tiltScoreCard .playerScore.birdie,
#tiltScoreCard .playerScore.eagle,
#tiltScoreCard .playerScore.doubleEagle {
	border-radius: 50%;
	border: 1px solid;
}
#tiltScoreCard .playerScore.bogey,
#tiltScoreCard .playerScore.doublePlus {
    border: 1px solid;
}
#tiltScoreCard .playerScore.doublePlus::before {
    border: 1px solid;
    padding: 1px;
    content: "";
    width: 24px;
    display: block;
    height: 24px;
    position: absolute;
    top: -3px;
    left: -3px;
}
#tiltScoreCard .playerScore.eagle::before,
#tiltScoreCard .playerScore.doubleEagle::before {
	border-radius: 50%;
    border: 1px solid;
    padding: 1px;
    content: "";
    width: 24px;
    display: block;
    height: 24px;
    position: absolute;
    top: -3px;
    left: -3px;
}
#tiltScoreCard .playerScore.doubleEagle::after {
	border-radius: 50%;
    border: 1px solid;
    padding: 1px;
    content: "";
    width: 28px;
    display: block;
    height: 28px;
    position: absolute;
    top: -5px;
    left: -5px;
}
.scoreButtons {
    margin-bottom: 20px;
    white-space: nowrap;
    overflow-x: scroll;
}
.scoreButtons > button {
    width: 55px;
    text-align: center;
    border-radius: 5px;
    line-height: 1;
    padding: 4px 2px 9px;
    height: 45px;
    position: relative;
    font-size: 25px;
    border-color: #ccc;
}
.scoreButton .parDiff {
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 100%;
    font-size: 12px;
}
.parDiff::after {
    font-size: .8em;
    line-height: 1;
}
.parDiff.parErase { display: inline; }
.parDiff.parErase::after { content: "Erase"; }
.parDiff.score-2::after { content: "Eagle"; }
.parDiff.score-1::after { content: "Birdie"; }
.parDiff.score0::after { content: "Par"; }
.parDiff.score--1::after { content: "Bogey"; }
.parDiff.score--2::after { content: "Double"; }
.parDiff.score--3::after { content: "Triple"; }
.parDiff.score--4::after { content: "Quadruple"; }

#enterScores_table span.playerScore {
    border: 1px solid;
    display: inline-block;
    width: 35px;
    height: 27px;
    font-family: myPencilFont;
    line-height: 1.2em;
    font-size: 20px;
    padding-top: 4px;
    text-align: center;
    background-color: transparent;
    transition: all .2s;
}
#enterScores_table span.playerScore.focus {
	box-shadow: 0 0 5px 1px #333;
	background-color: #efefef;
}

.holeDetails {
	font-weight: bold !important;
	font-size: 1.1em !important;
}



.confirmation-buttons .btn {
  padding: 5px 15px !important;
}
.confirmation-buttons .glyphicon {
  margin-right: 5px;
}

table.metrics {
	margin-bottom: 18px;
}
table.metrics th {
	padding-right: 15px;
	text-align: right;
}


/* EDIT SQUARE */
#MMWinnersTable {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#MMWinnersTable .amounts {
    color: #0F8DEB;
    font-size: 20px;
    font-weight: 600;
}
#datatables_mmpicks td.tourneyDone {
    background-size: auto auto;
    background-color: rgba(238, 238, 238, 1);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(221, 221, 221, 1) 4px, rgba(221, 221, 221, 1) 8px );
}
#datatables_mmpicks td.victory {
    color: #fff;
    background: #3c763d linear-gradient(90deg, #fff 5%, #3c763d 30%);
}
#datatables_mmpicks td.defeat {
    color: #fff;
    background: #a94442 linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(169,68,66,1) 30%);
}
#datatables_mmpicks .mine td:not(.tourneyDone) {
	background-color: #0F8DEB;
	color: #fff;
    border-right-color: #0F8DEB;
}

#pctPayout .percent,
#pctReverse .percent {
  font-weight:bold;
  border:none;
}
#pctPayout .ui-widget.ui-widget-content,
#pctReverse .ui-widget.ui-widget-content {
  height: 30px;
}
#pctPayout .ui-slider-handle,
#pctReverse .ui-slider-handle {
  top: -1px;
  border-radius: 0;
  height: 30px;
}
#pctPayout .ui-slider-handle:focus,
#pctReverse .ui-slider-handle:focus {
	outline: none;
}
#pctPayout .ui-slider-range,
#pctReverse .ui-slider-range {
  background: #ccc;
}

.linkBlue {
	color: #0F8DEB;
}

.setupGameWizard {
	border:1px solid #ddd;
	margin:40px;
	padding:40px;
	border-radius:3px;
}
.setupGameWizard h3 {
	font-size: 20px;
	font-weight: 600;
	color: #0F8DEB;
}
.setupGameWizard h3 span {
	display: inline-block;
	border:3px solid #0F8DEB;
	color: #555;
	border-radius: 30px;
	padding-top:5px;
	width: 40px;
	height: 40px;
	margin-right: 6px;
	vertical-align: middle;
	text-align: center;
}
span#projectedSquarePayout, span#projectedSquarePayoutReverse, span#projectedCharityPayout {
	border: none;
	color: #0F8DEB;
}
.squaresPayout {
	margin: 10px 0 30px;
	padding: 20px;
	border: 1px solid #DDD;
	background: #fcfcfc;
}
.squaresPayout .descFull {
	margin-bottom: 15px;
}
.squaresPayout p {
	margin-bottom: 3px;
}
.squaresPayout h3 {
	margin: 0 0 5px;
}
@media (max-width: 767px) {
	.squaresPayout h3 {
		margin: 0 0 20px;
	}
}

.setupGameWizard h4 {
	margin-top: 40px;
	color: #555555;
	font-size: 17px;
}
.setupGameWizard .form-group {
	margin-top: 40px;
}
.setupGameWizard .form-group.skinnyGroup {
	margin-top: 0;
	margin-bottom: 0;
}
.setupGameWizard .form-control {
	background: #F5F5F9;
	border: 1px solid #CCC;
	border-radius: 2px;
	color: #888;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 10px;
	height: 52px;
}
.setupGameWizard textarea.form-control {
	height: auto;
}
.setupGameWizard label {
	font-size: 17px;
	font-weight: 500;
	color: #555;
}
.setupGameWizard .wizardDesc {
	margin-top: 70px;
	line-height: 16px;
	font-size: 13px;
	color: #888;
}
.setupGameWizard .metrics h3 {
	margin-top: 0;
}
.metrics p {
	font-size: 15px;
	font-weight: 500;
	color: #555;
}
.descFull {
	margin-top: 0 !important;
	margin-bottom: 30px;
}
.gameAgreements {
	margin-top: 40px;
}
span.titleGray {
	color: #999;
	font-size: 15px;
	font-weight: 500;
}
.btnSaveWizard {
	margin-bottom: 40px;
}
.saveLeague {
	font-size: 16px;
	font-weight: 600;
}
@media (max-width: 991px) {
	.setupGameWizard {
		margin: 40px 0;
		padding: 10px;
	}
}

#importedPlayersTable {
    max-height: 40vh;
    overflow: scroll;
/*     display: block; */
}



/* SQUARE PICK */
.gameHasEnded .hideGameComplete {
    display: none;
}
#winners-table.rule-fourth .final {
	display: none;
}
#winners-table.rule-final .quarter4 {
	display: none;
}
#winners-table.rule-both .final {
	display: none;
}
#boardList {
	display: flex;
}
#boardList li {
	flex: 1;
	max-width: 200px;
}
#boardList label {
	width: 100%;
	padding: 5px;
}
#boardList input[type="radio"]:checked + label {
    background-color: #0F8DEB;
    color: #fff;
}
#boardList label.inBoard {
    position: relative;
}
#boardList label.inBoard::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-color: #0F8DEB transparent transparent #0F8DEB;
    border-style: solid;
    border-width: 5px;
}
#boardList input[type="radio"]:checked + label.inBoard::after {
	border-color: #FFF transparent transparent #FFF;
}

#squaresContain:not(.picksClosed) .square.taken {
	/* background-color: #E2615A; */
	background-color: #EA4C89;
	color: #fff !important;
}

h3.page-header a {
	color: #0F8DEB;
}

h3.squaresHeader {
    text-transform: uppercase;
    color: #676767;
    font-size: 16px;
    font-weight: 600;
}
.currentQtr {
    color: #999;
    border: 1px solid;
    padding: 3px 8px;
    font-size: 13px;
    margin: 0 8px;
}

#squareHeader {
    background: left center / contain no-repeat;
        background-image: none;
    height: 50vw;
    max-height: 400px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    border-top: 1px rgba(234,107,91,.10);
}
.basketball #squareHeader {
    background: left center / contain no-repeat;
        background-image: none;
    height: 50vw;
    max-height: 270px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px;
    border-top: 1px rgba(234,107,91,.10);
}

.roundThatSquareHeader {
	height: 15px;
	position: relative;
	z-index: 9;
	margin-top: -15px;
	background-color: #F5F5F9;
	margin-left: -15px;
	margin-right: -15px;
	
/*
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
*/
}
.currentWinner {
  font-style: italic;
}
#datatables_makesquarepicks { min-height: 600px; }


.fullscreen #winnersCurrentPotential .panel-body {
	position: fixed;
	top: 0;
	left: 0;
	width: 30%;
	height: 100%;
	z-index: 1000000;
	background: #fff;
}
.fullscreen #datatables_makesquarepicks {
	position: fixed;
	top: 0;
	right: 0;
	width: 70%;
	height: 100%;
	z-index: 1000001;
	background: #fff;
}
#datatables_makesquarepicks .compress {
	display: none;
}
.fullscreen #datatables_makesquarepicks .compress {
	display: block;
}
.fullscreen #datatables_makesquarepicks .expand {
	display: none;
}
.fullscreen-logo {
	display: none;
	position: absolute;
	bottom: 20px;
	width: 50%;
	left: 25%;
}
.fullscreen .fullscreen-logo {
	display: block;
}


#datatables_squareresults { min-height: 79px; }
#squaresContain.picksClosed .hidePicksClosed,
#squaresContain .showPicksClosed {
	display: none;
}
h4.hidePicksClosed {
	line-height: 1.5em;
	font-size: 16px;
}
#squaresContain.picksClosed .showPicksClosed {
	display: block;
}
#squaresContain:not(.picksClosed) .square.available {
    /* background-color: #9BE8E2; */
    background-color: #FFF;
    cursor: pointer;
}
span.available {
	display: inline-block;
	border: 12px solid #CCC;
}
#squaresContain .square.taken.mine {
	/* background-color: #5C6CAA !important; */
	background-color: #0F8DEB !important;
	color: #fff !important;
}
/*
#squaresContain .square.taken.mine:not(.currentHomeEnd):not(.currentAwayEnd) {
	color: #fff;
}
*/
#squaresContain .square .expire {
	display: block;
	font-size: 11px;
	color: #ddd;
}
#squaresContain .square .expire::before {
	content: "expires: ";
}
@media (max-width: 991px) {
	#squaresContain .square .expire::before {
		content: "exp: ";
	}
}

#winnerGrid .table,
#winnerGrid .table thead tr th {
	text-align: center;
}
#winnerGrid .table tbody tr td {
    background-color: #DAF1EF;
    position: relative;
}
#winnerGrid .table tbody tr.current td {
	background-color: #FFF;
    color: #454545;
    box-shadow: 0 0 10px 3px rgba(0,0,0,.2);
	z-index: 1;
	border-radius: 3px;
}
#winnerGrid .away .score,
#winnerGrid .current .awayScore {
	position: absolute;
	left: 3%;
}
#winnerGrid .home .score,
#winnerGrid .current .homeScore {
	position: absolute;
	right: 3%;
}
#winnerGrid .current .score {
	font-size: 1.6em;
	line-height: 1;
}
#winnerGrid .potentialA .score {
	font-size: .7em;
	top: 1px;
}
#winnerGrid .potentialB .score {
	font-size: .7em;
	bottom: 1px;
}
#winnerGrid .potentialA .away,
#winnerGrid .potentialB .away {
	border-right: 1px solid;
}
#winnerGrid .current {
	font-size: 1.5em;
	position: relative;
}
#winnerGrid .potentialA .score::after { content: "Touchdown"; }
#winnerGrid .potentialB .score::after { content: "Field Goal"; }
.basketball #winnerGrid .potentialA .score::after { content: "Field Goal"; }
.basketball #winnerGrid .potentialB .score::after { content: "Three Pointer"; }

/*
#squaresContain:not(.picksClosed) .square.taken.mine.paid::after {
	content: "\f023";
	font-family: fontawesome;
	font-size: .8em;
}
*/

#squaresContain:not(.picksClosed) .square.taken:not(.paid) {
/*   box-shadow: inset 5px 5px 10px #455180, inset -5px -5px 10px #455180; */
  /* box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.9) inset;
-webkit-box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.9) inset;
-moz-box-shadow: 0px 0px 12px 0px rgba(255,255,255,0.9) inset; */
}

/*
#squaresContain .square.taken.mine:not(.paid)::after {
  content: "unpaid";
  font-size: .8em;
  font-style: italic;
  display: block;
  line-height: 1;
}
*/
#squaresContain:not(.picksClosed) .square.taken.mine {
    cursor: pointer;
}

.table tbody tr th.currentHomeEnd,
.table tbody tr th.currentAwayEnd {
    font-weight: 600;
/*     font-size: 1.1em; */
/*     background-color: #999; */
/*     color: #fff; */
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd,
#squaresContain:not(.gameHasEnded) .square.currentAwayEnd,
#squaresContain .square.currentHomeEnd.info,
#squaresContain .square.currentAwayEnd.info {
    background-color: #DAF1EF;
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd.currentAwayEnd:not(.mine),
#squaresContain .square.currentHomeEnd.currentAwayEnd.info:not(.mine) {
    background-color: #9BE8E2;
    font-weight: 600;
    font-size: 1.1em;
    color: #333;
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd.currentAwayEnd.mine {
    border-color: #9BE8E2;
    border-width: 5px;
	font-weight: 600;
}
#playerSquares {
    max-height: 212px;
    overflow: scroll;
}
#playerSquares > table {
    margin-bottom: 0;
}
.mySquareScore {
    position: relative;
}
.mySquareScore .lastChar {
    font-size: 1.4em;
    color: #333;
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd.possibleNext:not(.mine),
#squaresContain .square.currentHomeEnd.possibleNext.info:not(.mine),
#squaresContain:not(.gameHasEnded) .square.currentAwayEnd.possibleNext:not(.mine),
#squaresContain:not(.gameHasEnded) .mySquareScore.possibleNext,
#squaresContain:not(.gameHasEnded) .square.taken.new:not(.mine) {
	background-color: #ABD1FD;
	color: #666 !important;
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd.possibleNext:not(.mine),
#squaresContain:not(.gameHasEnded) .square.currentAwayEnd.possibleNext:not(.mine) {
	background-color: #ABD1FD;
}
#squaresContain:not(.gameHasEnded) .square.currentHomeEnd.possibleNext.mine,
#squaresContain:not(.gameHasEnded) .square.currentAwayEnd.possibleNext.mine {
	border-color: #ABD1FD;
    border-width: 5px;
}
.mySquareScore.correct {
	background-color: #DAF1EF;
}
.mySquareScore.bothCorrect {
	background-color: #9BE8E2;
    font-weight: 600;
    font-size: 1.1em;
    color: #333;
}
/*
.square.possibleHomeBad,
.square.possibleAwayBad {
	color: #E2615A;
}
.square.possibleHomeBad.possibleAwayBad {
	background-color: #EFC8C6;
	color: #f5f5f5;
}
.square.possibleHomeBad.possibleAwayBad.mine {
	background-color: #E2615A;
	color: #fff;
}
*/
.possibleBad {
	background-color: #EFC8C6;
	color: #f5f5f5;
}

#squareAdmin .btn-group .btn {
	margin-left: 5px;
}
#squareAdmin .btn-group .btn:first-of-type {
	margin-left: 0;
}

.touchdown::after,
.touchdownplus2::after,
.touchdown2::after,
.fieldgoal::after,
.fieldgoal2::after {
    font-size: 9px;
    background: #F7F7C4;
    line-height: 8px;
    padding: 1px;
    border-radius: 3px;
    border: 1px solid;
    width: 18px;
    position: absolute;
    margin: 6px 0 0 3px;
}
#datatables_squareresults .touchdown::after,
#datatables_squareresults .touchdownplus2::after,
#datatables_squareresults .touchdown2::after,
#datatables_squareresults .fieldgoal::after,
#datatables_squareresults .fieldgoal2::after {
    width: auto;
    display: inline-block;
    margin: 0 0 0 3px;
    font-size: inherit;
	line-height: 1;
}
.touchdownplus2::after,
.touchdown2::after,
.fieldgoal2::after {
    background: #DAF1EF;
}
.touchdown2::after,
.fieldgoal2::after {
	width: 22px;
}
.touchdownplus2::after {
	width: 28px;
}
#squaresContain:not(.gameHasEnded) .touchdown::after { content: "TD"; }
#squaresContain:not(.gameHasEnded) .touchdownplus2::after { content: "TD+2"; }
#squaresContain:not(.gameHasEnded) .touchdown2::after { content: "2TD"; }
#squaresContain:not(.gameHasEnded) .fieldgoal::after { content: "FG"; }
#squaresContain:not(.gameHasEnded) .fieldgoal2::after { content: "2FG"; }

.yScore, .xScore {
    vertical-align: middle !important;
}

/* ONLY SHOW CURRENT AND LIKELY NEXT */
/*
.yScore, .xScore, .square {
    display: none;
}
.yScore.currentAwayEnd, .xScore.currentHomeEnd, .touchdown, .fieldgoal, .possibleNext, .possibleNextNext, .square.currentHomeEnd.currentAwayEnd {
    display: table-cell;
}
*/


.payChooseContain {
	display: flex;
}
.payChooseContain label {
	flex: 1;
	font-weight: normal;
	cursor: pointer;
	margin: 0;
}
.payChooseContain input {
	margin: 0;
}

#squaresContain .info {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 .5% 10px .5%;
}
#squaresContain .info:first-of-type {
	margin-left: 0;
}
#squaresContain .info:last-of-type {
	margin-right: 0;
}
.charityLogo {
    max-width: 40%;
    margin-right: 10px;
}

.trophies {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
td.square {
    position: relative;
}
.record {
    position: absolute;
    bottom: 0;
    left: 5px;
}
#marker {
    display: none;
    position: absolute;
    border: 2px solid gold;
    min-width: 20px;
    min-height: 20px;
    border-radius: 15px;
    transition: all 1s;
    z-index: 1;
    box-shadow: 0 0 10px -2px #777 inset;
}

#revealSquareName {
	display: none;
	position: absolute;
	padding: 4px 8px;
	box-shadow: 0 0 5px 0px #333;
	background-color: #fff;
}

.verticalText {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
  white-space: nowrap;
  text-indent: -50px;
}
#mainPayment {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
}
#mainPayment.needPayment {
    display: block;
}
#mainPayment.needPayment.bottomPayment {
    top: auto;
    bottom: 0;
}
/* #mainPayment.needPayment.stickPayment {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100000;
} */
@media (min-width: 768px) {
	#makePaymentFRM button {
		margin-top: 25px;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f0f0f0;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
    }
}
@media (max-width: 991px) {
	.square.taken .squareName {
		display: none;
	}
	.touchdown::after,
	.touchdownplus2::after,
	.touchdown2::after,
	.fieldgoal::after,
	.fieldgoal2::after {
	    display: none;
	}
	.table > tbody > tr > th.yScore,
	.table > tbody > tr > th.xScore {
		padding: 3px;
		min-width: 25px;
		background-color: transparent;
	}
}
@media (min-width: 992px) {
	#squareAdmin .btn-group {
		padding-top: 22px;
	}
}


#payStripe {
  background-color: #6772e5;
}

#payStripe * {
  font-family: Roboto, Open Sans, Segoe UI, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

#payStripe fieldset {
  margin: 0 15px 20px;
  padding: 0;
  border-style: none;
  background-color: #7795f8;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #829fff;
  border-radius: 4px;
}

#payStripe .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 15px;
}

#payStripe .row + .row {
  border-top: 1px solid #819efc;
}

#payStripe label {
  width: 15%;
  min-width: 70px;
  padding: 11px 0;
  color: #c4f0ff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#payStripe input, #payStripe button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border-style: none;
}

#payStripe input:-webkit-autofill {
  -webkit-text-fill-color: #fce883;
  transition: background-color 100000000s;
  -webkit-animation: 1ms void-animation-out;
}

#payStripe .StripeElement--webkit-autofill {
  background: transparent !important;
}

#payStripe .StripeElement {
  width: 100%;
  padding: 11px 15px 11px 0;
}

#payStripe input {
  width: 100%;
  padding: 11px 15px 11px 0;
  color: #fff;
  background-color: transparent;
  -webkit-animation: 1ms void-animation-out;
}

#payStripe input::-webkit-input-placeholder {
  color: #87bbfd;
}

#payStripe input::-moz-placeholder {
  color: #87bbfd;
}

#payStripe input:-ms-input-placeholder {
  color: #87bbfd;
}

#payStripe button {
  display: block;
  width: calc(100% - 30px);
  height: 40px;
  margin: 40px 15px 0;
  background-color: #f6a4eb;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #ffb9f6;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

#payStripe button:active {
  background-color: #d782d9;
  box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #e298d8;
}

#payStripe .error svg .base {
  fill: #fff;
}

#payStripe .error svg .glyph {
  fill: #6772e5;
}

#payStripe .error .message {
  color: #fff;
}

#payStripe .success .icon .border {
  stroke: #87bbfd;
}

#payStripe .success .icon .checkmark {
  stroke: #fff;
}

#payStripe .success .title {
  color: #fff;
}

#payStripe .success .message {
  color: #9cdbff;
}

#payStripe .success .reset path {
  fill: #fff;
}




/* Dashboard styling (Oliver Olvera, Dec 2020) */
.gameCard {
    background-color: #fff;
    padding: 10px 25px;
    margin: 0 auto 30px auto;
    border: 1px solid #eee;
    box-shadow: 0px 6px 14px #ddd;
    max-width: 475px;
}
.gameCard h4 {
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.gameCard h4 span.sportIcon .fa-football-ball {
    color: rgb(141, 51, 16);
}
.gameCard h4 span.sportIcon .fa-basketball-ball {
    color: rgb(218, 134, 10);
}
.gameCard h4 a:hover {
    text-decoration: none;
    color: #0d69af;
    transition: all 0.3s ease-in-out;
}
.gameCard span.lrgCard {
    font-weight: 700;
    font-size: 18px;
}
span.lrgCard > img {
    width: 25%; 
    height: auto;
    margin: 0 10px;
}
.gameCard hr {
    border-top: solid 1px #ddd;
    width: 93%;
}
.gameCard .fullTeamNames {
    display: none;
    font-weight: 600;
}
.gameCard .abbrvNames {
    display: none;
}
.gameCard .moneyRaised h4 {
    margin-bottom: 5px;
}
.gameCard a.inviting {
    color: #0F8DEB;
    font-weight: 700;
    text-decoration: none;
    margin-left: 15px;
    transition: all 0.3s ease-in-out;
}
@media (max-width: 500px) {
    .gameCard a.inviting {
        margin-left: 5px;
    }
    a.greenTxt {
        margin-right: 5px; 
    }

}
.gameCard a.inviting:hover {
    color: #0d69af;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
}
/* .greenBtn {
    background-color: #7ACE5C;
    font-weight: 600;
    padding: 10px 15px;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.45);
    border-radius: 3px;
}
.greenBtn:hover {
    background-color: #528b3d;

    transition: background-color 0.4s linear;
} */
.greenTxt {
    color: #7ACE5C;
    font-weight: 600;
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
}
.greenTxt:hover {
    color: #528b3d;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.no-gutter {
  margin-right: 0;
  margin-left: 0;
}
.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.currentGame {
  background-color: #1CD69D;
}
.currentQuarter {
  background-color: #1CD69D;
}
.currentQuarter::after {
  content: "";
  border-width: 17px 25px;
  width: 0px;
  height: 0px;
  display: block;
  border-style: solid;
  border-color: #1CD69D transparent transparent;
  margin: -20px auto 0;
  bottom: -34px;
  position: relative;
}
.fundInformation {
  background-color: #16C28E;
  color: white;
  padding: 10px;
}
.fnt500 {
  font-weight: 500;
  font-size: 15px;
}
td.fundValues {
  font-weight: 600;
  text-align: right;
  padding-right: 25px;
}
.gameCard .userWinnings::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f091";
  position:relative;
  left: -13px;
  color: #ffaf15;
  font-weight: 900;
}
.teamScores h3 {
  color: #999999;
}
.gameCards {
    margin: 0 auto 40px auto;
    max-width: 1000px;
}
@media (min-width: 992px) {
	.gameCards > div:nth-child(2n+1) {
	    clear: both;
	}
}
.gameCardLeagueName {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: white;
  margin-top: 20px;
}
.table.availGames thead tr th {
    font-weight: 700;
    color: black;
}
.table.availGames td > i.fa-football-ball {
    color: rgb(141, 51, 16);
}
.table.availGames td > i.fa-basketball-ball {
    color: rgb(218, 134, 10);
}
.squaresHeader {
  font-weight: 700;
  color: #999999;
  font-size: 14px;
  margin-bottom: 5px;
}
.usersInfo:not(.squaresHeader) {
  font-weight: 600;
  color: black;
}
.userInfoIcons {
  color: #999999;
  margin-left: 5px;
}
h4.game_name {
  color: black;
  font-size: 13px;
  font-weight: 500;
}

.page-squaresmm a.navbar-btn.startGame {
  display: none;
}

th.regionHeader {
  font-weight: 600 !important;
  font-size: 1.5rem !important;
  background-color: #EEE !important;
  text-transform: uppercase;
}

.shareBox {
  background:#a2def9;
  padding:20px;
}
.shareBox2 {
  background:#a2def9;
  padding: 20px;
  margin-bottom: 30px;
}
.copybtn.btn-default {
  color: #111;
  background: transparent;
  border: none;
}
@media (max-width: 767px) {
  .sharebox {
    padding-bottom: 5px !important;
  }
  .sharebox2 {
    padding-top: 5px !important;
  }
}