/*
	HockeyTech Cloud
	Date: November 2017
*/

/* FloSports brand font — Uni Neue (self-hosted) */
@font-face {
	font-family: 'Uni Neue';
	src: url('fonts/uni-neue/eot/UniNeueRegular.eot');
	src: url('fonts/uni-neue/eot/UniNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('fonts/uni-neue/woff/uni-neue-regular-webfont.woff2') format('woff2'),
		url('fonts/uni-neue/woff/uni-neue-regular-webfont.woff') format('woff'),
		url('fonts/uni-neue/ttf/UniNeueRegular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Uni Neue';
	src: url('fonts/uni-neue/eot/UniNeueBold.eot');
	src: url('fonts/uni-neue/eot/UniNeueBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/uni-neue/woff/uni-neue-bold-webfont.woff2') format('woff2'),
		url('fonts/uni-neue/woff/uni-neue-bold-webfont.woff') format('woff'),
		url('fonts/uni-neue/ttf/UniNeueBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #f1f1f1;
	color: #000;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1;
}
a {
	text-decoration: underline;
	font-weight: 400;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #ED2925;
}
a:active.button {
    padding: 0 10px;
}
strong {
	font-weight: 600 !important;
}
input, select, textarea {
	border: 1px solid #868686 !important;
	color: #000;
	background-color: #fff;
	padding: 0 6px;
	outline: 0;
	min-height: 28px;
	height: 28px !important;
	line-height: 28px;
	font-size: 90% !important;
	vertical-align: middle;
	margin: 2px 4px;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	border-radius: 3px;
}
.listingTable select {
	min-height: 36px;
	height: 36px !important;
	line-height: 36px;
	font-size: 16px !important;
}
textarea {
	min-height: 100px;
	height: 100%;
	width: 100%;
}
/* Focus */
input[type=text]:focus, select:focus {
	box-shadow: 0 0 5px rgba(237, 41, 37, 0.7) !important;
	border: 1px solid rgba(237, 41, 37, 0.7) !important;
	background: #fff;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
a.htButton,
button,
button.lsSubmitButton,
button:active {
	cursor: pointer;
	background-color: #ED2925 !important;
	color: #fff !important;
	padding: 0 10px;
	font-size: 100% !important;
	line-height: 1;
	border: 1px solid #B21A1A !important;
	min-width: 80px;
	height: 28px !important;
	font-weight: 600;
	border-radius: 3px;
	vertical-align: middle;
}
a.htButton {
	height: 28px;
	line-height: 25px;
	text-decoration: none;
	font-weight: 400 !important;
	margin: 2px 4px !important;
	text-align: center;
}
a.lsmodal.button.htButton {
	padding: 0 10px !important;
	background: none !important;
	background-color: #ED2925 !important;
	font-weight: 600 !important;
}
.htButtonSecondary {
	background-color: transparent !important;
	color: #ED2925 !important;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
button:hover,
a.htButton:hover,
a.lsmodal.button.htButton:hover {
	background-color: #C81E1E !important;
	color: #fff !important;
}
input[type="submit"]:disabled,
input[type="button"]:disabled,
button.lsSubmitButton:disabled {
	background-color: #999 !important;
	border: 1px solid #333 !important;
	color: #333;
	cursor: default;
}
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
button.lsSubmitButton:disabled:hover {
	background-color: #999 !important;
	border: 1px solid #333 !important;
	color: #333 !important;
	cursor: default;
}
div#btnApplyEndDates {
	cursor: pointer;
	background: none;
	background-color: #ED2925;
	border: 1px solid #B21A1A !important;
	border-radius: 3px;
}
div#btnApplyEndDates:hover {
	background-color: #C81E1E !important;
	color: #fff !important;
	box-shadow: none;
}
div#btnApplyEndDates > div {
	padding: 6px 0;
	color: #fff;
	text-transform: initial;
	text-shadow: none;
	width: 75px;
	line-height: 1;
}
/* FloSports checkbox — white box, Cool Grey border, 2px radius, Dark Red check (light surfaces) */
input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	width: 16px !important;
	height: 16px !important;
	min-height: 0 !important;
	padding: 0;
	margin: 0 4px 0 0;
	border: 1px solid #939396 !important;
	border-radius: 2px;
	background-color: #fff;
	vertical-align: middle;
	line-height: 1;
	cursor: pointer;
	position: relative;
}
input[type="checkbox"]:hover {
	border-color: #ED2925 !important;
}
input[type="checkbox"]:checked {
	border-color: #ED2925 !important;
}
input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4px;
	height: 8px;
	box-sizing: border-box;
	border: solid #ED2925;
	border-width: 0 2px 2px 0;
	/* Centre the tick on the box rather than positioning it with fixed offsets:
	   `left: 4px; top: 1px` put its ink 1px left and ~1.3px high of centre.
	   The extra -0.7px is the offset between the pseudo-element's own centre and
	   the centre of the ink it actually paints — only the right and bottom borders
	   are drawn, so the visible mark sits low in the rotated box by (w - border)/2
	   * sin(45deg) = (4 - 2)/2 * 0.7071. */
	transform: translate(-50%, calc(-50% - 0.7px)) rotate(45deg);
}
input[type="checkbox"]:focus {
	outline: none;
	box-shadow: 0 0 0 3px rgba(237, 41, 37, 0.35);
}
input[type="checkbox"]:disabled {
	background-color: #f5f5f5;
	border-color: #6F6F73 !important;
	cursor: default;
}
/* Read-only grids (person Team History, roster listings) sit on #f1f1f1 rows, so
   a ticked-but-disabled box must still read as checked, not as a bare checkmark. */
input[type="checkbox"]:disabled:checked {
	border-color: #ED2925 !important;
}
input[type="radio"] {
	accent-color: #ED2925;
}
input[type="number"] {
	padding-right: 0;
}
input[type="file"] {
	background: transparent;
	border: none !important;
	line-height: 1 !important;
	cursor: pointer;
	vertical-align: initial;
	margin: 0;
	min-width: 200px;
}
ul {
	padding: 0;
	margin: 0;
}
ol, ul {
	list-style: none;
}
h1 {
	margin: 0;
	font-size: 140%;
	font-weight: 600;
}
h2, h3 {
	margin: 0 0 10px !important;
	font-size: 140%;
	font-weight: 600;
	font-family: inherit;
	padding-bottom: 6px !important;
	border-bottom: 1px solid #999;
}
h3 {
	font-size: 120%;
}
p {
	line-height: 1.5;
	margin-bottom: 6px;
}
form {
	margin: 0 0 20px 0;
}
table form {
	margin: 0;
}
button {
	height: 28px;
	padding: 5px 10px !important;
	margin: 2px 4px !important;
	border-radius: 3px !important;
}
button:focus {
	border: none;
	outline: none;
}
button img {
	display: none;
}
table {
	font-size: 100%;
	display: table;
	border-collapse: collapse;
	box-sizing: border-box;
	border: none !important;
	margin-bottom: 20px;
}
table table {
	margin-bottom: 0 !important;
}
table th {
	background: #121212;
	color: #c6c6c6;
	padding: 4px;
	font-weight: 600;
	min-width: 40px;
	line-height: 20px;
	text-transform: initial;
}
td {
	color: #000 !important;
	line-height: 1.5;
	padding: 2px 4px !important;
	vertical-align: top;
}
td.content {
	vertical-align: middle;
}
td.content a {
	width: initial !important;
}
i {
	font-size: 80%;
}
td select,
td input[type="text"],
td input[type="password"],
td input[type="number"],
td textarea {
	position: initial !important;
	margin: 2px 0 !important;
}
td input {
	margin: 0 8px 0 0 !important;
}
td select,
td textarea {
	min-width: 60px;
}
td label {
	display: block;
	text-align: right;
	font-weight: 400 !important;
	color: #000 !important;
	padding: 2px 0 !important;
	line-height: 28px !important;
	margin: 0 !important;
}
td a {
	margin-bottom: 0 !important;
}
td img {
	padding: 0 4px;
	vertical-align: middle;
}
td.alignMiddle {
	vertical-align: middle;
}
.LSTextBox.LSTextBoxSM {
	width: 112px !important;
}
table.tablesorter thead th.header {
	min-width: 60px;
}
th.header b {
	padding-right: 6px;
}
table.tablesorter thead tr .header {
	background-image: url(/img/icons/bg.png);
	padding-right: 20px;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/icons/asc.png);
	padding-right: 20px;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/icons/desc.png);
	padding-right: 20px;
}
tr.dark td.content-w,
tr.dark td.titleRow {
	background-color: #ED2925;
	color: #fff !important;
}
tr.dark td.content-w a {
	color: #fff !important;
}
tr.totals td.topBorder {
	font-weight: 600;
	background-color: #9a9a9a;
}

.mergeTable {
	border: 1px solid #000 !important;
}
.mergeTable th {
	font-weight: 600;
	background-color: #121212;
	text-align: left;
	padding: 4px;
	min-width: 40px;
	line-height: 20px;
	text-transform: initial;
}

table.mergetablemain td label,
table.mergeTableMain td label {
	display: inline-block;
	text-align: left;
	line-height: normal !important;
	padding: 0 !important;
	margin: 0 12px 0 0 !important;
}

table.mergetablemain td label input[type="radio"],
table.mergeTableMain td label input[type="radio"],
table.mergeTableMain td label input[type="checkbox"] {
	margin-right: 4px;
	vertical-align: middle;
}

tr.mergeResultRow {
	height: 30px;
}

.ffb {
	background-color: #f3f3f3;
	top: 30px !important;
	border: 1px solid #999 !important;
	border-top: none !important;
}
.ffb-input {
	margin: 2px 0;
}
.ffb .content .row {
	height: 24px !important;
	line-height: 24px;
	padding-left: 4px;
	border-bottom: none !important; 
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.ffb .content {
	overflow: auto;
	max-height: 300px !important;
}
.row.ffb-sel {
	background-color: #ED2925;
}
 
td.content-k select {
	width: 100% !important;
}
.genericTable {
	border: none;
	width: 100%;
}
.roleTable td {
	padding: 0 2px 4px 2px;
	vertical-align: middle;
}
input.rowinput {
	font-size: 100%;
}
select[multiple] {
	height: auto;
}
.LSMultiSelect {
	min-width: 280px;
	min-height: 200px;
	padding: 4px;
}
.LSMultiSelectHint {
	font-size: 11px;
	color: #666;
}
.ht-error {
	color: #b60000;
}

/* current popup */
.nyroModalBg,
.nyroModalCont,
.nyroModalCloseButton {
	z-index: 10;
}
.nyroModalBg {
	background-color: rgba(0, 0, 0, 0.9) !important;
}
.ui-widget-overlay {
	background: rgba(255, 255, 255, 0.6) !important;
}

div#tupperware {
	margin: 0;
}

div#tupperware #contentDisplay #contentControls {
	overflow-y: auto;
}
#contentDisplay {
	background: #f1f1f1;
	padding: 0;
	margin: 0;
}
.nyroModalTitle {
	font-size: 125%;
	color: #fff;
	z-index: 99;
	text-shadow: none;
}
.nyroModalCont {
	background: #f1f1f1;
	border: none;
	box-shadow: 0 0 10px 2px #333;
}
.nyroModalCloseButton {
	background: url('/img/close.png');
	margin-top: -5px;
	margin-left: -6px;
	right: 0;
	width: 16px;
	height: 16px;
}
.sucky, #hzy input[type="radio"],
#hzy input[type="checkbox"] {
	vertical-align: middle !important;
}

/* Developer bar */
.htdeveloper.on_env,
.htdeveloper.on_staging {
	color: white;
	position: fixed;
	bottom: 32px;
	left: 0;
	right: 0;
	padding: 0 10px;
	margin: 0 auto;
	font-family: inherit;
	font-size: 75%;
	text-transform: none;
	border: none;
	display: table;
	table-layout: fixed;
	height: 32px;
	width: 50%;
	line-height: 32px;
	box-sizing: border-box;
	z-index: 1000;
}
.htdeveloper.on_staging {
	background: #0100d9;
}

.on_staging {
	background-color:rgb(0, 170, 170);
	color: #000;
}
.on_aws_live {
	background-color: #232f3e;
	color:#ff9900;
}
.on_dev_live {
	background-color: #840f0f;
	color:#FFF;
}
.on_env {
	background-color: rgb(2, 107, 23);
	color:#afc3b8;
}

.htdevbranch,
.htdevenv,
.htdevdir {
	display: table-cell;
	float: none;
	text-align: left;
	text-shadow: none;
	margin: 0;
	font-weight: 400;
	font-size: 100%;
	padding: 0px;
}
.htdevenv {
	text-align: center;
	font-family: inherit;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: normal;
}
.htdevdir {
	text-align: right;
}
.dbServerFooter {
	text-align: center;
	color: yellow;
	background-color: #d90000;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: table;
	margin: 0 auto;
	width: 50%;
	line-height: 32px;
}

/* Header */
.ht-header-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 987;
}
#ht-header {
	display: block;
	position: relative;
	background-color: #121212;
	width: 100%;
	height: 40px;
	font-size: 80%;
}
.ht-logo {
	float: left;
	padding: 0 16px;
	height: 40px;
}
.ht-logo img {
	height: 30px;
	margin: 5px 0;
}
.mobile-logo {
	display: none;
}
@media screen and (max-width: 1024px) {
	.full-logo {
		display: none;
	}
	.mobile-logo {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.ht-header-menu a span {
		display: none;
	}
	.ht-header-menu {
		margin: 0 6px !important;
	}
}
.ht-header-right {
	float: right;
	line-height: 38px;
	color: #fff;
}
.ht-header-menu {
	float: left;
	height: 40px;
	margin: 0 10px;
}
.ht-header-menu:last-child {
	margin-right: 0;
}
.ht-header-menu span {
	line-height: 40px;
	vertical-align: top;
}
.ht-header-right a {
	color: #fff;
	text-decoration: none;
}
.ht-header-right i {
	font-size: 140%;
	line-height: 40px;
}
.ht-header-right a:hover {
	color: #FF140F;
}
button.site-menu-icon {
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #fff;
	font-family: inherit;
	cursor: pointer;
	/* Match the 40px header bar. Without these it inherits the generic button
	   geometry (height: 28px !important; line-height: 1), so this button sits
	   ~6px lower than the plain <a> siblings in .ht-header-menu, which centre on
	   the bar's 38px line-height -- the username read as misaligned. */
	height: 40px !important;
	line-height: 40px !important;
	min-width: 0;
}
button.site-menu-icon:hover {
	background-color: transparent !important;
	color: #FF140F !important;
}
.site-menu-icon i {
	color: #fff;
	line-height: 40px;
	width: 32px;
}
#arrowUp {
	display: none;
}
#arrowDown {
	display: inline-block;
}
.logout-menu {
	position: absolute;
	top: 40px;
	right: 0;
	width: 160px;
	background-color: #fff;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	box-shadow: 0px 1px 4px 0px #606060;
	z-index: 10050;
	display: none;
}
.logout-menu ul li a {
	display: block;
	width: 100%;
	color: #000;
	font-weight: 400;
	text-align: center;
	line-height: 37px;
	font-size: 120%;
}
.logout-menu ul li a i {
	vertical-align: middle;
	padding: 0 5px;
}
.logout-menu ul li a:hover {
	background-color: #ED2925;
	color: #fff;
}
.logout-menu ul li form {
	margin: 0 !important;
}
.logout-menu ul li form button {
	width: 100%;
	height: 40px !important;
	color: #000  !important;
	font-weight: 400;
	text-align: center;
	line-height: 37px;
	font-size: 120% !important;
	border: none !important;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
.logout-menu ul li form button:hover {
	background-color: #ED2925 !important;
	color: #fff !important;
}

/* Footer */
#foot {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	color: #999;
	background-color: #121212;
	font-size: 75%;
}
#foot a {
	color: #FF140F;
}
#foot a:hover {
	color: #999;
}

/* Login page */
.ht-login-page {
	width: 100%;
	min-height: 100vh;
	margin: 0;
	padding: 80px 0 0;
	box-sizing: border-box;
	background-color: #121212;
}
.ht-login-page h1 {
	font-size: 150%;
	margin: 20px 0px;
	font-weight: 600;
}
.ht-login-page .ht-login-container {
	width: 440px;
	margin: 0 auto;
	padding: 28px 36px 32px;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #121212;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
	box-sizing: border-box;
}
@media screen and (max-width: 420px) {
	.ht-login-page .ht-login-container {
		width: 300px;
		padding: 10px;
		margin-top: 20px;
	}
}
.ht-login-form {
	display: block;
	margin: 6px;
}
.input-container {
	display: inline-block;
	width: 100%;
	padding: 2px;
	margin: 10px 0 0 0;
}
.input-container label {
	display: block;
	margin-bottom: 4px;
	font-size: 20px;
	text-transform: capitalize;
}
.ht-input {
	margin-top: 0;
	background: none;
	padding: 2px 4px;
	border-width: 1px;
	border-color: #585858;
	line-height: 1;
	height: 30px !important;
	border-radius: 2px;
	border-style: solid;
	width: 100%;
	box-sizing: border-box;
}
input.ht-input {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	background-color: #fff;
}
input::placeholder,
::-webkit-input-placeholder {
	font-weight: 500;
	color: #c0c0c0;
}
::-moz-placeholder {
	opacity: 1;
}
.placeholder {
	font-weight: 500 !important;
	color: #c0c0c0 !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: none;
	border-bottom: 1px solid #000;
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}
.ht-input:focus {
	outline: none;
	border-bottom: 1px solid #000;
}
.listingTable select:focus {
	background-color: #fff;
	border: 1px solid #999;
}
.LSTextBox, .LSdropdown, .LSbutton {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #999;
	font-weight: 400;
	color: #000;
}
input[type="text"].LSTextBox {
	position: initial;
	color: #000;
	font-weight: 400;
}
input[type="text"].LSTextBox:disabled {
	color: lightgrey;
	opacity: 1;
}
.input-container-buttons {
	display: inline-block;
	width: 100%;
	padding: 2px;
	margin: 0 0 8px 0;
	text-align: center;
}
.ht-button {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif;
	width: 100%;
	border-radius: 3px;
	box-sizing: border-box;
	outline: none;
	border: 0;
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 36px;
	min-height: 36px;
	min-width: 88px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 90%;
	text-decoration: none;
	cursor: pointer;
}
.ht-btn-color {
	background-color: #ED2925;
	color: #fff;
	border: none;
}
.ht-button:hover {
	background-color: #C81E1E;
	color: #fff;
	border: none;
}
.ht-button:active {
	padding: 0;
}
.ht-link-color {
	font-weight: 400 !important;
	background-color: transparent;
	color: #ED2925;
}
.ht-link-color:hover {
	color: #C81E1E;
}
.ht-error {
	color: #ED2925;
	font-weight: 600;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	margin: 18px 0 0;
}
.ht-login-page img#lang_id {
	vertical-align: middle;
}
.ht-login-page select#lang_id {
	padding: 4px 0 4px 4px;
	min-width: 120px;
	border: 1px solid #c0c0c0;
}
.ht-login-logo {
	padding: 20px;
}
.ht-login-logo img {
	max-width: 100%;
	width: 100%;
}
.legacy-login-box {
	position: fixed;
	bottom: 40px;
	right: 20px;
	display: table;
	color: #262626;
	background-color: #fff;
	padding: 20px;
	font-size: 13px;
	z-index: 100;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.55);
	box-shadow: 0 2px 3px rgba(0,0,0,0.55);
	border: 1px solid #c0c0c0;
}
.legacy-login-row {
	display: table-row;
}
.legacy-login-cell {
	display: table-cell;
}
.mobileTableMain input:read-only { background-color: #F1F1F1; }

/* Page layout common */
div#content-container {
	position: absolute;
	top: 40px;
	bottom: 32px;
	left: 0;
	right: 0;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	overflow: auto;
}

/* Landing Dashboard */
#ht-dashboard {
	position: relative;
	z-index: 0;
}
.ht-dashboard-content {
	display: table;
	margin: 0 auto;
}
.ht-dashboard-title {
	line-height: 40px;
	margin: 10px 0 0;
}
@media screen and (max-width: 420px) {
	.ht-dashboard-title {
		text-align: center;
	}
}

h1.title {
	padding: 0 10px;
}
.ht-dashboard-buttons {
	display: block;
	margin: 6px auto;
	text-align: center;
}
.ht-dashboard-buttons a {
	color: #000;
	display: inline-block;
}
.ht-dashboard-buttons a:hover {
    opacity: 0.7;
}
.ht-dashboard-button {
	display: inline-block;
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	padding: 15px 0 0;
	margin: 5px;
	background-color: #fff;
	border: 1px solid rgba(147, 147, 150, 0.4);
}
.ht-button-title {
	padding: 15px 0 0;
}
.ht-logo-container {
	display: table;
	width: 100%;
}
.legacy-container {
	position: relative;
}
.legacy-container .legacy-link {
	position: absolute;
	right: 0;
	width: 200px;
	line-height: 1.5;
	font-size: 85%;
}

/* Admin pages */
.menu-button {
	float: left;
	color: #fff;
	padding-left: 15px;
	cursor: pointer;
}
.menu-button i {
	line-height: 40px;
}
.menu-button i:hover {
	color: #FF140F;
}
.main-container {
	position: relative;
	top: 40px;
}
#ttLcontain {
	position: absolute;
	top: 40px;
	bottom: 32px;
	left: 0;
	right: 0;
	overflow: hidden;
	display: initial;
	background: #fff !important;
	min-width: 1px;
}
#ttLLeft {
	height: 100%;
	width: 240px;
	float: left;
	background: #121212 !important;
}
#ttLLeft #navColumn {
	width: 100%;
	height: 100%;
}
#contentControls {
	height: 100%;
	overflow-x: auto;
	overflow-y: scroll;
	padding: 0;
	margin: 0;
	min-height: auto;
	background: #f1f1f1;
}
#tabContent > h2,
#tabContent .sva-title {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 46px;
	padding: 0 20px !important;
	background-color: #121212;
	color: #eee;
	font-size: 150%;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
}
#tabContent > div,
#tabContent > table,
#tabContent > form,
#tabContent > p {
	margin: 0 20px !important;
}
#tabContent > p {
	margin: 0 20px 5px !important;
}
table#sectionDataTable.bigBrother tr.row2 {
	background-color: transparent !important;
}
table#sectionDataTable.bigBrother tr.row2 td {
	color: #000000 !important;
}
#tabContent > h3{
	margin: 10px 20px !important;
}
.contentWidthNoMenu {
	width: 100%;
	display: initial !important;
}
.contentWidthWithMenu {
	width: calc(100% - 240px); /* minus above menu width */
	display: initial !important;
}
#maximizer {
	display: none !important;
}
.newThemeLeague {
	display: block;
}
.newThemeLeague select {
	display: block;
	width: calc(100% - 17px);
	margin: 10px 17px 10px 8.5px;
}

/* Side menu overrides */
.dtree {
	width: 240px;
	padding-top: 8px;
	overflow-y: auto;
	height: 100%;
}
#dTreeNav {
	padding: 0px !important;
	min-height: 100px !important;
	height: 100%;
}
.dTreeNode {
	border-top: none !important;
	border-bottom: 1px solid #222222 !important;
}
.node,
.nodeSel {
	display: flex;
	padding: 0 !important;
	align-items: center;
	height: 44px;
	padding-left: 18px !important;
}
.dtree a {
	color: #eeeeee !important;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1;
	text-shadow: none !important;
}

.clip .clip .dTreeNode, .dtree >.dTreeNode:first-child {
	border: none !important;
}
#dTreeNav .dtree a[href*="javascript"].node {
	background: url(/img/ic_keyboard_arrow_down_white_24px.svg) no-repeat 95% 50%;
}
.dtree a.node:hover,
#dTreeNav .dtree a[href*="javascript"].node:hover {
	background-color: #FF140F;
	text-decoration: none;
}
.clip .clip {
	background: #121212 !important;
}
.clip .clip .dTreeNode .node,
.clip .clip .dTreeNode .nodeSel {
	display: inline-block;
	margin: 0px !important;
	padding-left: 28px !important;
	font-size: 16px !important;
	line-height: 22px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-m-border-radius: 0px;
	border-radius: 0px;
	background: transparent;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
}
.clip .clip .dTreeNode .node:hover {
	background: rgba(255, 20, 15, 0.2) !important;
	color: #eeeeee !important;
}
.dtree a.nodeSel,
.clip .clip .dTreeNode .nodeSel {
	background: #222222;
	border-left: 4px solid #FF140F;
	color: #FFFFFF !important;
	font-weight: 600 !important;
}
/* Pull back the padding by the 4px border so selected labels stay aligned
   with unselected rows. Top-level indents 18px, sub-items 28px. */
.dtree a.nodeSel {
	padding-left: 14px !important;
}
.clip .clip .dTreeNode .nodeSel {
	padding-left: 24px !important;
}
#leagueswitch form {
	margin-bottom: 0;
}

/* Content area */
#tabContent {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#tabContent a {
	margin-bottom: 10px;
	display: inline-block;
	font-weight: 600;
}
.ht-group-title {
	margin: 10px 0;
	font-size: 105%;
	font-weight: 600;
	border-bottom: 1px solid #eaeaea;
}
.ht-field-title {
	display: block;
}
.listingTable,
.mediaKitTable {
	font: 100% 'Uni Neue', Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	font-weight: 400;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e4e4e4 !important;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.ht-table-reset {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	font-size: 100%;
	font-weight: 400;
	border-collapse: collapse;
	border: none !important;
	background: transparent !important;
}
.ht-table {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	font-size: 100%;
	font-weight: 400;
	border-collapse: collapse;
	border: none !important;
	background: transparent !important;
}
.ht-table tr:nth-child(even) {
	background-color: transparent !important;
}
table.ht-table.listingTable {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.ht-table-team {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	font-size: 100%;
	font-weight: 400;
	border-collapse: collapse;
	border: none !important;
}
.listingTable th,
.mediaKitTable th {
	/* Keep this as the `background` SHORTHAND with a flat colour. Two reasons:
	   - It must reset background-image. ls_styl.css loads first and its
	     `.listingTable th` sets `background: url(../../../img/backgrounds/tableheader.gif)
	     0 0 repeat-x #f4f9fe` -- the old pale header art. Only a shorthand here
	     clears it; a `background-color` longhand lets that image tile back over
	     this colour and buries the white header text.
	   - It must not be a gradient. A gradient lives in background-image, which
	     `table.tablesorter thead tr .header` overrides with the sort-arrow sprite
	     on sortable tables -- that wiped the dark header entirely. */
	background: #121212;
	color: #fff;
	padding: 11px 14px;
	font-weight: 600;
	min-width: 40px;
	line-height: 1.4;
	letter-spacing: .02em;
	text-transform: initial;
	border-bottom: 2px solid #FF140F;
}
.listingTable th a,
.mediaKitTable th a {
	color: #fff;
	margin: 0 !important;
	width: 100%;
}
.listingTable .mock_th,
.listingTable .mock_th td {
	background: none !important;
	background-color: #121212 !important;
	color: #fff !important;
}
td.mock_th a {
	color: #fff
}
.listingTable td a,
.mediaKitTable td a {
	margin: 0 !important;
	width: 100%;
}
.initCol a {
	width: initial !important;
	width: inherit !important;
}
.listingTable a {
	color: #121212;
	text-decoration: none;
	font-weight: 600;
}
.listingTable th,
.listingTable td,
.mediaKitTable th,
.mediaKitTable td {
	border: none;
	vertical-align: middle;
	text-align: left;
}
.mediaKitTable .thLeft {
	text-align: left;
}

.listingTable td,
.mediaKitTable td {
	line-height: 1.5;
	padding: 11px 14px !important;
	border-bottom: 1px solid #ececec;
	color: #121212;
}
.listingTable tr {
	padding: 0;
}
/* Flat rows — striping is replaced by the 1px row separator on .listingTable td. */
.listingTable tr:nth-child(even),
.mediaKitTable tr:nth-child(even) {
	background-color: transparent;
}
/* Same for rows that stripe via the class rather than nth-child. ls_styl.css loads
   first and still sets `.odd { background: #f7fbff }`; this out-specifies it. */
tr.odd {
	background: transparent;
}
.ht-table td select {
	width: 100%;
}
.listingTable th a:hover,
.mediaKitTable th a:hover {
	text-decoration: none;
	color: #FF140F;
}
.listingTable a:hover,
.mediaKitTable a:hover {
	text-decoration: underline;
	color: #ED2925;
}
.highlight tr:hover td,
.highlight tr:hover.altRow td {
	color: #121212;
	background-color: rgba(237, 41, 37, 0.07);
	border-bottom-color: rgba(237, 41, 37, 0.22);
}
.highlight tr:hover td:first-child,
.highlight tr:hover.altRow td:first-child {
	box-shadow: inset 3px 0 0 #ED2925;
}
.highlight tr:hover td a,
.highlight tr:hover.altRow td a,
.highlight tr:hover td a:hover,
.highlight tr:hover.altRow td a:hover {
	color: #121212;
}
tr.rowselected {
	border-bottom: 1px solid #222222;
}
tr.rowselected td,
tr.rownotselected td {
	vertical-align: text-top !important;
}
tr.rowselected td {
	background-color: #fdeaea;
}
tr.rowselected td:first-child {
	box-shadow: inset 3px 0 0 #ED2925;
}
tr.rowselected:hover td {
	color: #000000 !important;
	background-color: #fbdede;
}
td.rowinput select {
	width: 100% !important;
}
a.content {
	width: initial !important;
}
span#filesCriteria {
	margin: 0 20px !important;
}
.ht-100-div {
	display: block;
	width: 100% !important;
}
table td input[type="submit"],
table td input[type="button"],
table td button {
	margin: 2px 8px 2px 0px !important;
}
table.listingTable tr td input[type="checkbox"] {
	margin: 0 5px !important;
}
label.rowinput {
	text-align: left;
}

/* Seasons Page */
.LSTable {
	display: table;
	width: 100% !important;
	border-collapse: collapse;
	box-sizing: border-box;
}
div#subtools {
	margin: 0 0 20px 0;
}
h3.ui-accordion-header {
	height: 30px;
}
h3.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top {
	margin-bottom: 0 !important;
	border-radius: 0;
	background: #121212 !important;
	border: none !important;
	border-bottom: 2px solid #FF140F !important;
}
h3.ui-accordion-header.ui-helper-reset.ui-state-active.ui-corner-top a {
	color: #fff !important;
}
.ui-state-hover a,
h3.ui-accordion-header a:hover {
	color: #000 !important;
}
table#seasonTable tr,
#spanel table tr {
	background: #fff !important;
}
table#seasonTable td img,
#spanel table td img {
	display: inline-block;
	padding: 2px 8px 2px 0;
}
table#seasonTable input[type="text"].LSTextBox,
#spanel table input[type="text"].LSTextBox {
	display: inline-block !important;
}
span.table-break {
	display: block;
}
.LSTable table tr:nth-child(even) {	
	background: #ebebeb !important;
}
.addGenderRole {
	font-size: initial;
}

/*********** Modal Table ***********/
table.ht-pop-table {
	width: 100%;
}
table.ht-pop-table tr:nth-child(even),
table.ht-pop-table tr:nth-child(odd) {
	background: transparent !important;
}
.ht-pop-table td label {
	white-space: normal;
	min-width: 146px;
}
.ht-pop-table td select {
	width: 100%;
	max-width: 100% !important;
}
.ht-pop-table td br {
	display: none;
}
span#cke_content_fr,
span#cke_content_en {
	border: none;
}
.ui-accordion .ui-accordion-header {
	position: initial !important;
	display: flex;
	align-items: center;
	line-height: 1;
	padding: 0 !important;
	margin-top: 5px !important;
	margin-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position: initial !important;
	margin: 0 10px;
}
/* Expanded arrow: the active header is black, so swap the dark sprite for a red CSS triangle */
.ui-accordion .ui-accordion-header.ui-state-active .ui-icon {
	background-image: none !important;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #FF140F;
}
.ui-accordion-header a {
	margin: 0 !important;
}
.ui-accordion .ui-accordion-header a {
	font-size: 100%;
	padding: 0;
	color: #000;
}
.ui-accordion .ui-accordion-content {
	position: initial !important;
	font-size: 90%;
	padding: 10px !important;
	margin-bottom: 10px;
	border-radius: 0;
	height: initial !important;
}

/* New SST */
section.ht-head-container {
	background-color: #eaeaea;
	margin: -15px -15px 0;
	padding: 15px;
}
.ht-season-tabs {
	border-bottom: 1px solid #a7a7a7;
	background-color: #eaeaea;
	margin: 0 -15px;
	padding: 0 15px;
}
.ht-season-selection {
	display: table;
	width: 100%;
}
.ht-tab-container {
	margin: 15px 0;
}
nav.menu {
	display: table;
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 34px;
	height: 38px;
}
ul.menu-list {
	display: table;
	float: left;
}
ul {
	padding: 0;
}
li.menu-item {
	display: table-cell;
	text-align: center;
	cursor: pointer;
}
.menu-link {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	color: #000;
	font-weight: 600 !important;
	margin: 0 !important;
	text-decoration: none;
}
li.menu-item.active, li.menu-item.active:hover {
	background-color: #808080;
	border-bottom: 4px solid #FF140F;
}
li.menu-item.active span {
	color: #fff;
	font-weight: 600 !important;
}
li.menu-item:hover {
	background-color: #808080;
	border-bottom: 4px solid #FF140F;
}
li.menu-item span:hover {
	color: #fff;
}
#seasonTable td {
	vertical-align: top;
}
#seasonTable td.alignMiddle {
	vertical-align: middle;
}
#seasonTable td label {
	min-width: 160px;
	margin: 0;
	padding: 0 !important;
}
#seasonTable td ul li {
	padding: 0 !important;
}
#seasonTable td ul {
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
ul.ht-list-column {
	float: left;
	margin: 0 50px 15px 0;
}

/* Periods tab */
#periodlist li {
	display: table;
	width: 100%;
	line-height: 1 !important;
}
#periodlist li label {
	display: inline-block;
	min-width: 100px;
	text-align: right;
	padding-right: 6px !important;
}
#periodlist span {
	line-height: 32px !important;
	padding-left: 10px;
}
a.pertrashcan {
	margin: 0 !important;
	height: 32px;
}
.ht-buttons {
	display: table;
	width: 100%;
	margin-top: 10px;
}
h1#seasonTitle {
	margin: 0 0 6px;
	font-size: 140%;
	color: #000000;
	text-transform: none;
}

/* Conference Tab */
.ht-conf-tab {
	display: flex;
}
.ht-conf-left {
	width: 50%;
}
.ht-conf-right {
	width: 90%;
}
div#spanel {
	background: #fff;
	border: none;
	border-radius: 0 !important;
	font-weight: 600;
}
#spanel h2 {
	margin: 0;
	padding: 0;
	line-height: 1;
	border-radius: 0 !important;
	padding-left: 10px;
	text-indent: 0;
	font-weight: 600;
	border-bottom: none;
	text-transform: uppercase;
	background: #121212;
	color: #fff;
	height: 32px;
	line-height: 32px;
	font-size: 120%;
}
form#formconf,
form#formdivis,
form#formteam {
	padding: 0;
}
a#show_logos {
    font-size: 110%;
}
#spanel table {
	width: 100%;
	margin: 0 auto;
}
#spanel table tr td label {
	white-space: nowrap;
}
.ht-form-container .ht-form-row label {
	line-height: 26px;
}
.ht-form-container .ht-form-row img {
	vertical-align: sub;
}
.ht-form-container .ht-form-row input {
	display: block;
	margin: 0;
	margin-bottom: 4px;
}
#hzy a {
	color: #000 !important;
	margin-bottom: 0 !important;
}

/* Messages */
.successMessage,
.errorMessage,
.warningMessage,
.infoMessage {
	position: relative;
	background: none !important;
	border: 0 !important;
	border-left: 6px solid !important;
	border-radius: 0 !important;
	padding: 12px 14px 12px 40px !important;
	color: #121212 !important;
}
/* Glyph is absolutely positioned so it anchors to the box, not the text flow:
   many of these message divs wrap block children (h2 + body copy). */
.successMessage::before,
.errorMessage::before,
.warningMessage::before,
.infoMessage::before {
	position: absolute;
	left: 16px;
	top: 13px;
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
}
.successMessage > *:first-child,
.errorMessage > *:first-child,
.warningMessage > *:first-child,
.infoMessage > *:first-child {
	margin-top: 0 !important;
}

.successMessage {
	background-color: #E8F3EC !important;
	border-left-color: #1F7A3D !important;
}
.successMessage::before {
	content: '';
	top: 15px;
	width: 4px;
	height: 8px;
	border: solid #1F7A3D;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.errorMessage {
	background-color: #FBE9E9 !important;
	border-left-color: #911F1A !important;
}
.errorMessage::before {
	content: '\00D7';
	top: 12px;
	font-size: 17px;
	color: #911F1A;
}

.warningMessage {
	background-color: #FDF3E3 !important;
	border-left-color: #E87E16 !important;
}
.warningMessage::before {
	content: '!';
	color: #B35C00;
}

.infoMessage {
	background-color: #E9F3F5 !important;
	border-left-color: #1C6B76 !important;
}
.infoMessage::before {
	content: 'i';
	color: #1C6B76;
}
.saveMessage p {
	line-height: 28px;
	margin: 2px 4px !important;
	color: #000;
	float: left; 
	font-weight: 600;
}
.rule {
	height: 1px;
	margin: 10px 0 0;
	overflow: hidden;
	background: #a7a7a7;
}
.buttonBox {
	margin: 10px 0 0;
	float: left;
}
.buttonBox .buttonFloat {
	margin-right: 0;
}
.buttonBox a {
	margin-bottom: 0 !important;
}
.roster-buttons {
	width: initial;
	text-align: center;
}

/***** Calendar *******/
.hasDatepicker {
	cursor: pointer;
}
.ui-widget-content {
	background: #fff;
	border: 1px solid #666;
}
.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.ui-widget {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
}
.ui-datepicker th {
	min-width: 20px;
}
.ui-datepicker td {
	border: 0;
	padding: 1px !important;
}
.ui-datepicker-header.ui-widget-header {
	background: #ED2925;
	border-color: #666;
}
.ui-datepicker-header.ui-widget-header .ui-datepicker-title {
	color: #fff !important;
	font-weight: 400;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	cursor: pointer;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
	background: #d9d9d9 !important;
	border: 1px solid #222222 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
	background: #fff !important;
	border: 1px solid #666 !important;
}
.ui-state-active, 
.ui-widget-content .ui-state-active,
.ui-state-default.ui-state-highlight {
	background: #ED2925 !important;
	border: 1px solid #666 !important;
	color: #fff !important;
}
.ui-widget-header .ui-icon {
	background-image: url(/img/ui-icons_ffffff_256x240.png);
}

/******** Reports *******/
table.reportstable td.header {
	height: 0px !important;
}
table.reportstable td.header img {
	display: none;
}
.LSbutton.button_zoom.buttonFloat {
	background: #ED2925;
	border: 1px solid #B21A1A;
	border-radius: 3px;
}
.LSbutton.button_zoom.buttonFloat div {
	color: #fff;
	font-weight: 400;
	text-shadow: none;
	width: 100%;
	padding: 0;
}
.button_zoom:hover {
	background-color: #C81E1E !important;
	color: #fff !important;
	box-shadow: none !important;
}

/******* League Modal *******/
.tabs_wrapper {
	padding: 0 !important;
	margin: 20px 0;
	max-width: 100% !important;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: 120% !important;
	font-weight: 400 !important;
	line-height: 1 !important;
}
div.tab_cell ul li {
	background: #fff !important;
	text-shadow: none !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
	border-bottom: none !important;
	border-right: #999 1px solid !important;
	border-top: #999 1px solid !important;
}
div.tab_cell ul li:first-child {
	border-left: #999 1px solid !important;
}
div.tab_cell li a {
	padding: 0 20px !important;
	font-size: 100% !important;
	color: #000 !important;
	margin-bottom: 0 !important;
}
div.tab_cell ul li.current {
	background: #ED2925 !important;
	border-color: #ED2925 !important;
}
div.tab_cell ul li.current a {
	color: #fff !important;
}
.tab_data_dis {
	border-top: #ED2925 4px solid !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: none !important;
	padding: 10px !important;
}
.list-form {
	width: 50% !important;
	line-height: 28px !important;
	padding: 10px !important;
}
.form-item {
	margin: 0 0 4px 0 !important;
}
.form-item-label {
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	width: 150px;
	padding-right: 10px;
	margin: 0 !important;
	line-height: 1 !important;
	height: 30px;
}
.require-span {
	color: #000000 !important;
	font-size: 100% !important;
	font-weight: 600;
	padding: 0 2px;
}
.field-sug input,
.field-g-input {
	background: #fff !important;
	width: 180px !important;
	height: 28px !important;
	line-height: 28px !important;
	padding: 0 4px !important;
	border-radius: 3px !important;
	box-shadow: none !important;
	font-size: 100% !important;
}
.upload-item p {
	font-size: 110%;
	line-height: 1.5;
}
ul.list-form.list-form-menu {
	width: 100% !important;
}
.field-sug {
	width: initial !important;
	height: initial !important;
}
.marB10 {
	margin-bottom: 0 !important;
}
.marB10 .flag {
   vertical-align: middle;
}
.wcenter {
	margin: 10px 0 !important;
}
.submit-botton {
	width: initial !important;
	height: initial !important;
	background: #ED2925 !important;
}
tr.midtone {
	background-color: #f1f1f1;
}
/** Bulletins page **/
table.light {
	background-color: #f1f1f1;
	width: 100% !important;
}
table.light td.content {
	font-size: 100% !important;
	vertical-align: top;
	border: none;
	padding-bottom: 0 !important;
}
table.light td.content a {
	margin-bottom: 0 !important;
}
table.light td.light span.content p {
	margin-bottom: 8px;
}
table.light tr.midtone td {
	min-width: 200px;
}
table.light td.content span.mouse {
	font-size: 80%;
	color: #ED2925;
	font-style: italic;
}

/** ui-sortable **/
.ui-sortable .dragrow {
	background-color: #666 !important;
	color: #fff !important;
	text-align: center !important;
	font-size: 120%;
	font-weight: 600;
}

/*** Staff Management ***/
tr.row2 {
	background-color: #ED2925 !important;
}
tr.row2 td {
	color: #fff !important;
}
.fieldSetTitle legend {
	font-weight: 600;
	font-size: 125%;
	padding: 10px 0;
	color: #ED2925;
}
.videoTd.displayIt {
	background-color: #f1f1f1;
}

/* Canlan Playoffs */
.edit-round,
.round-series,
.edit-placeholders {
	cursor: pointer;
}
.edit-round {
	font-weight: 600;
	text-decoration: underline;
}
.edit-round:hover {
	text-decoration: none;
}

/* Tournaments */
.ui-widget-header {
	border: 1px solid #666;
	background: #666;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-state-default a,
.ui-state-default a:link {
	color: #000;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #fff;
}

/* Evaluations */
table.evaluationTable {
	font-size: 90%;
}
table.evaluationTable tr td {
	line-height: 1.5;
}

/* Reports */
table.reportstable {
	width: 100% !important;
	table-layout: fixed;
	font-size: 100%;
}
table.reportstable th {
	font-size: 100% !important;
	font-weight: 600 !important;
	padding-bottom: 6px;
	padding-top: 6px !important;
	border-bottom: none !important;
}
table.reportstable tr td ul {
	border-bottom: none;
}
table.reportstable tr td ul li {
	padding: 4px 0;
}
table.reportstable tr td ul li a {
	width: 100%;
	display: block;
}

/* Person */
article#hzy {
	padding: 0 !important;
	margin: 20px;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: 100% !important;
	font-weight: 400 !important;
	color: #000 !important;
	font-size: 100% !important;
}
article#hzy label,
#hzy h2, #allTeams h1, #hzy h1 {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	color: #000 !important;
}
#hzy header {
	margin-bottom: 15px;
}
#hzy ul.menu li a,
.select,
#hzy input[type="text"].hzyDatePicker,
#hzy select,
#hzy .smRec,
#hzy button {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
}
#hzy section {
	padding: 12px 0 !important;
}
#hzy section table {
	width: 100%;
	font-size: 100% !important;
}
#hzy section form {
	margin: 0 !important;
}
.heading span,
header .oldID span {
	color: #000 !important;
	font-weight: 600;
}
header .oldID {
	line-height: 1 !important;
	overflow: hidden;
	font-size: 19px;
}
#hzy ul.menu {
	background: #fff !important;
	box-shadow: none !important;
	border-top: 1px solid #999 !important;
	border-left: 1px solid #999 !important;
	border-right: 1px solid #999 !important;
	border-bottom: 2px solid #ED2925 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	height: 33px !important;
}
#hzy ul.menu li a {
	border: none !important;
	font-weight: 600 !important;
	font-size: 100% !important;
	text-shadow: none !important;
	color: #000000 !important;
}
#hzy ul.menu li a:active,
#hzy ul.menu li.active a {
	background: #ED2925 !important;
	color: #fff !important;
	box-shadow: none !important;
}
#personProfile ol li,
#personDetails ol li {
	margin: 0 !important;
}
#hzy label {
	height: 32px !important;
	width: 140px !important;
	padding-right: 4px !important;
	line-height: 32px !important;
	margin: 0;
}
#hzy textarea,
#hzy input[type="text"] {
	border: 1px solid #999 !important;
	color: #000 !important;
	background-color: #fff !important;
	padding: 0 4px !important;
	outline: 0;
	min-height: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
	font-size: 90% !important;
	vertical-align: middle !important;
	margin: 2px 4px !important;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
}
#hzy input[type="text"].hzyDatePicker {
	background: #fff !important;
	font-weight: 400 !important;
	box-shadow: none !important;
}
.select, #hzy select {
	height: 28px !important;
	margin: 0 4px !important;
	padding-right: 4px !important;
}
.datey {
	background: url(/img/ic_today_black_24px.svg) no-repeat !important;
	top: 1px !important;
	display: inline-block;
	height: 24px !important;
	width: 24px !important;
	margin-left: -30px !important;
}
#hzy button {
	height: 28px !important;
	min-width: 28px !important;
}
#hzy .sqr {
	width: 28px !important;
}
/* Icon-button pseudo-elements. Scoped away from form controls: the FloSports
   checkbox uses appearance:none, so a checkbox that happens to carry one of
   these class names (e.g. the "roster" role-type checkbox on Role Management)
   would otherwise pick up the 24px !important sizing and blow the CSS-drawn
   checkmark up to icon size. */
.refresh:not(input):after, .edit:not(input):after, .del:not(input):after, .plus:not(input):after, .roster:not(input):after {
	width: 24px !important;
	height: 24px !important;
	top: 1px !important;
	left: 1px !important;
	background: url(/img/ic_assignment_white_24px.svg) no-repeat !important;
}
.plus:not(input):after {
	background: url(/img/ic_add_white_24px.svg) no-repeat !important;
}
.edit:not(input):after {
	background: url(/img/ic_mode_edit_white_24px.svg) no-repeat !important;
}
.del:not(input):after {
	background: url(/img/ic_delete_white_24px.svg) no-repeat !important;
}
h2 a {
	padding: 0 0 0 5px;
}
#hzy table td select {
	display: table-cell;
	margin: 2px !important;
	width: 100% !important;
}
table#draftSection1 {
	width: auto !important;
}
#fancybox-wrap,
#allTeams {
	-webkit-box-sizing: initial !important;
	-moz-box-sizing: initial !important;
	box-sizing: initial !important; 
}
.datepicker {
	border: 1px solid #000 !important;
	border-radius: 0 !important;
}
.datepicker:before {
	border-bottom-color: #000 !important;
}
.datepicker table {
	width: 100%;
	margin: 0;
	border-collapse: separate !important;
	border-spacing: 2px !important;
}
.datepicker td, .datepicker th {
	border-radius: 0 !important;
	width: initial !important;
}
td.day {
	border: 1px solid #999;
	padding: 4px !important;
	text-align: right !important;
	font-weight: 600 !important;
	background-color: #efefef;
}
.datepicker td.active,
.datepicker td span.active {
	border: 1px solid #999;
	background-image: none !important;
	background-color: #ED2925 !important;
	color: #fff !important;
	text-shadow: none !important;
	border-radius: 0 !important;
}
.datepicker thead tr:first-child th:hover {
	background: #ED2925 !important;
}
#personLog textarea+textarea {
	display: block;
	margin-left: 144px !important;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
/* Old person edit */
.person-table {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	width: 100% !important;
	font-size: 90%;
	font-weight: 400;
	border-collapse: collapse;
	border: none !important;
}
table.person-inner-table tr td:nth-child(1) {
	width: 30%;
	text-align: right;
	padding-right: 4px;
}
table.person-inner-table tr td:nth-child(2) {
	width: 70%;
}
table.body {
	background-color: #dbe1c5 !important;
}

/* Game by Game */
#gamebygameBlock {
	background: transparent !important;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: 100% !important;
}
#gamebygameBlock #playerInfo {
	display: inline-block;
	padding: 15px 0 !important;
	width: 100%;
}
#gamebygameBlock #teamInfo {
	display: block;
}
#gamebygameBlock #playerInfo img {
	margin: 0 10px 0 0 !important;
}
#gamebygameBlock #playerInfo h1 {
	float: left !important;
	margin: 0 8px 0 0 !important;
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: 54px !important;
	color: #ED2925 !important;
	font-weight: 600 !important;
}
#gamebygameBlock #playerInfo h2 {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	color: #000 !important;
	font-size: 22px !important;
	padding-bottom: 0 !important;
	border: none !important;
}
#gamebygameBlock table#controlBar {
	font-family: 'Uni Neue', Helvetica, Arial, sans-serif !important;
	font-size: initial !important;
	float: none;
	width: 100% !important;
	margin-bottom: 10px;
}
table#controlBar th.borderLeft {
	text-align: right;
	border-left: none !important;
}
#gamebygameBlock table.statsTable {
	width: 100% !important;
}
#gamebygameBlock table.statsTable th {
	padding: initial !important;
	text-align: left !important;
	background: #121212 !important;
	color: #c6c6c6 !important;
	padding: 4px !important;
}
#gamebygameBlock table.statsTable tr:hover {
	background: #ED2925 !important;
}
#gamebygameBlock table.statsTable tbody a {
	color: #000 !important;
	text-decoration: underline;
}
#gamebygameBlock table.statsTable tbody a:hover {
	color: #fff !important;
	text-decoration: none;
}
img.suspendbutton {
	cursor: pointer;
}
#stree {
	overflow-y: scroll;
}
.showFlag {
	display: flex;
	align-items: center;
}
.showFlag img {
	margin-right: 8px;
}
i.fas.fa-trophy {
	margin: 0 8px;
}
.LSdropdown div, .LSbutton div {
	z-index: initial !important;
}
.eval td {
	vertical-align: middle;
	text-align: left !important;
}
.bulk-ops-msg-block {
	background-color: transparent;
}
.bulk-ops-clear-block {
	background-color: transparent;
	padding: 0;
	width: initial;
	text-align: left;
	vertical-align: bottom;
}
#clearMsgsBtn {
	border: 2px solid #000000 !important;
	background-color: #ED2925 !important;
	color: #ffffff !important;
	padding: 7px !important;
	line-height: 10px;
}

/* Edit user form: team access + default-team widget (LEAGUE-2995). Keep in sync with ls_styl.css. */
.teamAccessTableScroll {
	max-height: 400px;
	overflow-y: auto;
}
.teamAccessAllRow {
	margin-bottom: 10px;
}
.teamAccessAllRow label {
	font-weight: bold;
	cursor: pointer;
	text-align: left;
}
.teamAccessHelp {
	display: block;
	margin-top: 2px;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
.teamAccessTable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 4px;
}
.teamAccessTable th {
	padding: .2rem .5rem;
	font-weight: 600;
	font-size: 0.85em;
	border-bottom: 1px solid #ccc;
}
.teamAccessTable td {
	padding: 4px 20px 4px 0;
	vertical-align: middle;
}
.teamAccessTable th.col-center,
.teamAccessTable td.col-center {
	text-align: center;
}
.teamAccessTable label {
	text-align: left;
	cursor: pointer;
}
.teamAccessTable .teamLeagueHeader td {
	padding: 10px 0 4px 0;
	font-weight: 800;
	font-size: 0.85em;
	color: #555;
	border-bottom: 1px solid #ccc;
}
/* A team whose access is already covered by a league grant: shown checked but
   disabled (and not submitted) to signal the league covers it. */
.teamAccessTable tr.teamCovered label {
	color: #999;
	font-style: italic;
	cursor: default;
}
/* "All Teams" while "All Leagues" is granted: shown checked but read-only, since the league
   sentinel already covers every team. Left submittable rather than disabled so an existing
   grant is not silently revoked on save. */
.teamAccessAllRow.teamAllCovered label {
	color: #999;
	font-style: italic;
	cursor: default;
	/* On the label, not the input: the input is nested inside it, so clicking the label text
	   would otherwise still toggle the box. The help text sits outside the label and stays
	   selectable. */
	pointer-events: none;
}
/* Let the name column absorb the free width so the checkbox sits next to the name. */
.teamAccessTable td:nth-child(2) {
	width: 100%;
}

/* Edit user form: league access + default-league widget. Keep in sync with ls_styl.css. */
.leagueAccessAllRow {
	margin-bottom: 10px;
}
.leagueAccessAllRow label {
	font-weight: bold;
	cursor: pointer;
	text-align: left;
}
.leagueAccessHelp {
	display: block;
	margin-top: 2px;
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
	color: #666;
}
.leagueAccessTable {
	width: 100%;
	border-collapse: collapse;
	margin-top: 4px;
}
.leagueAccessTable th {
	padding: .2rem .5rem;
	font-weight: 600;
	font-size: 0.85em;
	border-bottom: 1px solid #ccc;
}
.leagueAccessTable td {
	padding: 4px 20px 4px 0;
	vertical-align: middle;
}
.leagueAccessTable th.col-center,
.leagueAccessTable td.col-center {
	text-align: center;
}
.leagueAccessTable label {
	text-align: left;
	cursor: pointer;
}
.leagueAccessTable .leagueAccessHelpRow td {
	padding: 4px 0 6px 0;
	border-bottom: 1px solid #ccc;
}
.leagueAccessTable td:nth-child(2) {
	width: 100%;
}
.accessSectionDivider td {
	padding: 0;
}
.accessSectionRule {
	border: 0;
	border-top: 1px solid #ccc;
	margin: 12px 0;
	width: 80%;
}
.teamAccessControls {
	margin: 4px 0 6px 0;
}
.teamFilterInput {
	padding: 3px 6px;
	font-size: 0.9em;
	width: 200px;
}
.teamAccessTable .teamLeagueHeader {
	cursor: pointer;
}
.teamAccessTable .teamGroupCaret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 6px;
	vertical-align: middle;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #555;
}
.teamAccessTable .teamLeagueHeader.teamGroupCollapsedHeader .teamGroupCaret {
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #555;
	border-right: 0;
}
.teamAccessTable tr.teamRowHidden {
	display: none;
}