html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body {
	height: 100%;
	width: 100%;
}
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;
}

/* remove ipad features */
input[type=text], textarea {
	-webkit-appearance: none;
	border-radius: 0;
	-webkit-border-radius:0;
}
* { -webkit-tap-highlight-color:transparent; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
}
input[type=number] {
	padding-right: 0 !important;
}

div, a, section, article, span, img, h1, h2, h3, h4, h5 ,h6 { -webkit-user-select:none; -moz-user-select:none; }
/* end remove ipad features */

article, aside, details, figcaption,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
figure {
	display: inline-block;
}
body {
	background-color: #fff;
	color: #000;
	font-family: 'Open Sans',sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1;
	overflow: hidden;
}
.nojslist {
	padding-left: 40px;
	list-style-type: disc;
}
.nojslink {
	text-decoration: underline;
}
.nojslink:hover {
	color: #00A000;
}
input, textarea, keygen, select, button {
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: none;
	outline: 0;
	max-width: 100%;
}
ul {
	padding: 0;
}
a,
a:visited {
	text-decoration: none;
	color: inherit;
}
a:hover {
	color: inherit;
	cursor: pointer;
}
b, strong {
	font-weight: 600;
}
i {
	display: inline-block;
	vertical-align: middle;
}
input, select, textarea {
	border: 1px solid #999;
	color: #000;
	background-color: #fff;
	padding: 0 4px;
	outline: 0;
	min-height: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 90%;
	vertical-align: middle;
}
input[type=text]:focus,
select:focus {
	box-shadow: 0 0 5px rgba(0, 160, 0, 0.7);
	border: 1px solid rgba(0, 160, 0, 0.7);
}
input[disabled],
select[disabled] {
	border: 1px solid #cdcccc;
	background-color: #eee;
}
.field-input-tiny {
	max-width: 30px;
	width: 30px;
	text-align: center;
}
input[type="checkbox"] {
	display: none;
}
.field-checkbox {
	position: relative;
	display: inline-block;
	border: 1px solid #999;
	height: 24px;
	width: 24px;
	background-color: #fff;
}
.field-checkbox:hover {
	cursor: pointer;
}
.field-checkmark {
	color: #00a000;
}
select:hover,
button:hover {
	cursor: pointer;
}
textarea {
	min-height: 136px;
}
select:hover,
input[type="checkbox"]:hover {
	cursor: pointer;
}
/* Placeholder text styles */
::-webkit-input-placeholder {
	color: #666;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #666;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #666;
}
:-ms-input-placeholder {
	color: #666;
}
.dev-mode {
	float: left;
	color: #eee;
	cursor: pointer;
	padding-right: 10px;
}
/* Tools Tables */
table.tools-tables {
	width: 100%;
}
.lineup-titles {
	font-weight: 600;
	padding-bottom: 5px;
	display: block;
	width: 100%;
}
table.tools-tables thead {
	background-color: #000;
	color: #fff;
}
table.tools-tables thead th {
	font-weight: 300;
	font-size: 92%;
	padding: 3px;
	text-align: left;
}
table.tools-tables thead tr td {
	padding: 3px;
}
table.tools-tables tbody tr td {
	font-size: 90%;
	padding: 2px 3px;
}
table.tools-tables tbody tr:hover {
	background-color: #73CB73;
	cursor: pointer;
}
.field-label {
	font-size: 90%;
	line-height: 28px;
	color: #333;
	display: inline-block;
	padding-right: 5px;
	text-align: left;
}
.main {
	padding: 10px 15px;
}
.container-header {
	display: table;
	width: 100%;
	min-height: 28px;
	background-color: #00a000;
	padding: 2px 10px;
	color: #fff;
}
.container-header-row {
	display: table-row;
}
.container-title {
	font-size: 100%;
	font-weight: 400;
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	white-space: nowrap;
}
.container-header-sidebar {
	display: table-cell;
	width: 50%;
	text-align: right;
}
.container-icon, .container-icon--expand, .container-icon--collapse {
	display: table-cell;
	width: 20%;
	text-align: right;
	vertical-align: middle;
}
a.container-icon i {
	vertical-align: middle;
}
a.container-icon span {
	vertical-align: middle;
	padding-left: 4px;
}
a.container-icon:hover {
	color: #000;
}
.container-content, .container-content--fill {
	position: relative;
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #b5b5b5;
	background-color: #fff;
	border-top: none;
}
.container {
	margin-bottom: 10px;
	background-color: #fff;
}

/* HEADER */
.header {
	position:fixed;
	background-color: #000;
	width: 100%;
	height: 40px;
	line-height: 40px;
	z-index: 10050;
}
.show-dev-panel {
	top: 45px;
}
.hide-dev-panel {
	top: 0;
}
.header-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10001;
}
.header-nav .nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 240px;
	border-right: 1px solid #000;
	background-color: #fff;
}
.header-nav .nav .nav-item {
	padding: 20px;
	color: #00a000;
}
.header-nav .nav .nav-item.active, .nav-item:hover {
	background-color: #e1e1e1;
	color: #000 !important;
}
.header-nav .nav .nav-item:hover {
	cursor: pointer;
}
.header .header-left {
	float: left;
	width: 30%;
}
.header .site-menu-icon {
	float: left;
	padding: 0 0 0 10px;
	min-width: 40px;
	border: none;
	background-color: transparent;
	outline: 0;
}
.header .header-left .site-menu-icon i {
	color: #00a000;
	line-height: 40px;
}
.header .header-left .hockeytech-logo {
	float: left;
	margin-left: 10px;
}
.ht-dashboard {
	float: left;
	margin: 0 10px;
	height: 40px;
}
.ht-dashboard i {
	font-size: 140%;
	vertical-align: text-bottom;
}
.ht-dashboard a {
	font-size: 90%;
	font-weight: 300;
	color: #fff;
}
.ht-dashboard a:hover {
	color: #00a000;
}
.header .header-left .league-logo {
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}
.header .header-left .league-logo img {
	max-height: 34px;
}
.header .header-left .dev-mode {
	color: #ccc;
	font-size: 90%;
	float: left;
	padding: 0 10px;
	cursor: pointer;
}
.header .header-right {
	float: right;
	width: 70%;
	font-size: 90%;
	font-weight: 300;
}
.header .header-right .header-align-right {
	float: right;
	padding: 0;
}
.header .header-right .league-name {
	float: left;
	color: #00a000;
	padding: 0 10px 0 0;

}
.header .header-right .language-list {
	float: left;
}
.header .header-right .league-name .client-name {
	font-weight: 400;
	padding-left: 6px;
	text-transform: uppercase;
}
.log-out .logged-in {
	color: #fff;
	float: left;
	padding: 0;
}
.log-out .logged-in span {
	line-height: 40px;
	font-weight: 300;
}
.header .header-right .log-out {
	float: left;
}
.log-out .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;
}
.header .header-right .site-menu-icon i {
	color: #fff;
	line-height: 40px;
	width: 32px;
}
.log-out .logout-menu ul li a {
	display: block;
	width: 100%;
	color: #000;
	font-weight: 400;
	text-align: center;
	line-height: 37px;
}
.log-out .logout-menu ul li a i {
	vertical-align: middle;
	padding: 0 5px;
}
.log-out .logout-menu ul li:hover {
	background-color: #73CB73;
}
.log-out .logout-menu ul li a:hover {
	color: #fff;
}

/* MAIN MENU */
section.game-panel-header {
	background-color: #282828;
}
nav.menu {
	display: table;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 34px;
	height: 38px;
}
nav.menu .nav-buttons {
	float: right;
}
nav.menu .nav-buttons .game-links {
	display: inline-block;
}
.game-links span {
	display: inline-block;
	padding: 0 5px 0 0;
}
.game-links span a {
	color: #fff;
	font-weight: 300;
	font-size: 90%;
}
.game-links span a i {
	vertical-align: middle;
	padding-right: 2px;
}
.game-links span a:hover {
	color: #00a000;
}
nav.menu .game-settings {
	position: relative;
	float: right;
}
nav.menu .game-settings.more-btn {
	display: none;
}
.game-report-links {
	display: inline-block;
}
@media only screen and (max-width: 1023px) {
	nav.menu .game-settings.more-btn {
		display: block;
	}
	.game-report-links {
		display: none;
	}
}
nav.menu .game-settings .site-menu-icon {
	border: none;
	outline: none;
	background-color: transparent;
	height: 38px;
}
nav.menu .game-settings .site-menu-icon i {
	color: #fff;
	line-height: 36px;
}
nav.menu .game-settings .site-menu-icon:hover {
	background-color: #565656;
	border-bottom: 4px solid #00a000;
}
nav.menu .game-settings .site-menu-icon.active {
	background-color: #808080;
	border-bottom: 4px solid #00a000;
}
ul.menu-list {
	display: table;
	float: left;
}
li.menu-item {
	display: table-cell;
	text-align: center;
}
li.menu-item.active,
li.menu-item.active:hover {
	background-color: #808080;
	border-bottom: 4px solid #00a000;
}
li.menu-item.active a {
	font-weight: 600;
}
li.menu-item.disabled:hover {
	background-color: transparent;
	border: none;
}
.menu-item.disabled:not(.active) .menu-link{
	cursor: default;
	color: #999;
	font-weight: 300;
}
.menu-item.disabled:not(.active) a.menu-link:hover {
	font-weight: 300;
}
a.menu-link {
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font-weight: 300;
}
li.menu-item:hover {
	background-color: #565656;
	border-bottom: 4px solid #00a000;
}
.game-settings .settings-menu {
	position: absolute;
	top: 38px;
	right: 0px;
	width: 200px;
	background-color: #fff;
	border: 1px solid #000;
	border-top: none;
	box-shadow: 0px 1px 4px 0px #606060;
	z-index: 999;
}
.game-settings .settings-menu ul {
	display: table;
	width: 100%;
}
.game-settings .settings-menu ul li {
	display: table;
	float: left;
	width: 50%;
	font-size: 80%;
	line-height: 1.4;
}
.game-settings .settings-menu ul li a {
	display: table-cell;
	vertical-align: middle;
	height: 80px;
	width: 100%;
	text-align: center;
	font-size: 90%;
}
.game-settings .settings-menu ul li a i {
	display: block;
	text-align: center;
}
.game-settings .settings-menu ul li:hover {
	background-color: #73CB73;
	color: #fff;
}

/* SCORING PANEL */
.scoring-panel {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.dev-panel-on {
	top: 85px;
}
.dev-panel-off {
	top: 40px;
}

/* GAME SELECT */
.header-game-select {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
}
.table-row-game-select {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	background-color: #eee;
	padding: 0;
}
.table-row-game-select li.game-select-item {
	padding: 5px 10px;
}
.table-row-game-select li div.label-name {
	line-height: 1.5;
	font-size: 90%;
}
.table-row-game-select li select {
	width: 100%;
	max-width: 240px;
}
.table-row-game-select .game-select-date {
	float: left;
	width: 90%;
}
.table-row-game-select .game-select-date input {
	width: 100%;
}
.group-input-ctrl {
	position: relative;
}
.table-row-game-select .cancel-select {
	position: absolute;
	top: 0;
	right: 4px;
	text-align: center;
	cursor: pointer;
}
.table-row-game-select .cancel-select i {
	line-height: 28px;
	font-size: 22px;
	color: #999;
}
.cancel-select i:hover {
	color: #00a000;
}
section.table-section {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	overflow: auto;
}
section.table-section .table-container {
	position: absolute;
	top: 0;
	bottom: 40px;
	left: 0;
	right: 0;
	overflow: auto;
}
table.table-game-select {
	width: 100%;
}
table.table-game-select th {
	background-color: #00a000;
	color: #fff;
	line-height: 1.2;
	height: 40px;
	text-align: left;
	padding: 0 15px;
	vertical-align: middle;
	font-size: 100%;
	font-weight: 400;
}
table.table-game-select tr:nth-child(even) {
	background-color: #f8f8f8;
}
table.table-game-select tr:hover {
	background-color: #73CB73;
}
table.table-game-select td {
	text-align: left;
	line-height: 1.5;
	vertical-align: top;
}
table.table-game-select td a {
	display: block;
	width: 100%;
	padding: 3px 15px;
}
footer.game-select-pagination-list {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	height: 40px;
	line-height: 40px;
	background-color: #000;
	color: #fff;
	text-align: center;
}
.game-list-table-body {
	cursor: default;
}
.game-list-table-body .game-select-row:hover {
	cursor: pointer;
	background-color: rgba(0,200,0,0.15);
}
.game-list-table-body .table-row {
	min-height: 28px;
}
.game-select-pagination-item-active {
	color: #00a000;
	cursor: pointer;
	padding: 0 5px;
}
.game-select-pagination-item-unactive {
	font-weight: bold;
	padding: 0 5px;
}

/* GAME PAGE ALL */
.game-panel-contents {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.game-panel {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ebebeb;
}
main.game-panel-container {
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 auto;
	padding: 10px 15px 10px;
	width: 100%;
	height: 100%;
}
.loading-panel {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 10001;
}
.loading-panel .loading-bar {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	height: 240px;
}
.loading-panel .loading-bar .loading-box {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	box-shadow: 0px 1px 4px 0px #606060;
	width: 376px;
	height: 240px;
	margin: 0 auto;
}
.loading-box .loading-welcome {
	position: absolute;
	top: 20%;
	width: 100%;
	text-align: center;
	font-size: 100%;
	font-weight: 500;
}
.loading-box .loading-message {
	position: absolute;
	top: 35%;
	width: 100%;
	text-align: center;
	font-size: 85%;
	font-weight: 300;
	padding: 0 15px;
	line-height: 1.5;
}
.loading-box .loading-message a {
	color: #00a000;
	text-decoration: underline;
}
.loading-panel .loading-bar-error {
	background-color: #fff;
	line-height: 40px;
	border-bottom: 2px solid #00a000;
	text-align: center;
}
.loading-panel .loading-bar-error a {
	text-decoration: underline !important;
}

.loader {
	margin: 45% auto;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.loader .loadpct {
	font-size: 12px;
	font-weight: 300;
	padding: 10px 0;
}

.loader>progress {
	/* Reset the default appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Get rid of default border in Firefox. */
	border: none;
	width: 150px;
	height: 20px;
}
.loader>progress[value]::-webkit-progress-value {
	background-image:
		-webkit-linear-gradient(-45deg,
			transparent 33%, rgba(0, 0, 0, .1) 33%,
			rgba(0, 0, 0, .1) 66%, transparent 66%),
		-webkit-linear-gradient(top,
			rgba(255, 255, 255, .25),
			rgba(0, 0, 0, .25)),
		-webkit-linear-gradient(left, #00a000d9, #73CB73);
	border-radius: 2px;
	background-size: 35px 20px, 100% 100%, 100% 100%;
}
.loader>progress[value]::-moz-progress-bar {
	background-image:
		-moz-linear-gradient(135deg,
			transparent 33%,
			rgba(0, 0, 0, 0.1) 33%,
			rgba(0, 0, 0, 0.1) 66%,
			transparent 66%),
		-moz-linear-gradient(top,
			rgba(255, 255, 255, 0.25),
			rgba(0, 0, 0, 0.25)),
		-moz-linear-gradient(left,
			#00a000d9,
			#73CB73);
	border-radius: 2px;
	background-size: 35px 20px, 100% 100%, 100% 100%;
}

.spinner {
	margin: 150px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}
.spinner>div {
	background-color: #00a000;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	} 20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}
span.nav-text {
	line-height: 24px;
	padding: 6px 10px 6px 0;
}
span.nav-text:hover {
	color: #00a000;
}
span.nav-text i {
	line-height: 24px;
	vertical-align: top;
}
.game-clock-containter {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	background-color: #fff;
	border-bottom: 1px solid #b5b5b5;
}
.game-clock-panel {
	display: flex;
	flex: 1 0;
	padding: 6px 10px;
}
.game-clock-panel.middle {
	display: flex;
	justify-content: center;
}
.clock-area-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ppClock {
	width: 100%;
	overflow: auto;
}
.ppClockContainter {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-color: #ebebeb;
	padding: 6px;
	border-radius: 6px;
	border: 1px solid #282828;
}
.ppInfo {
	font-size: 110%;
	font-weight: 600;
	display: flex;
	justify-content: center;
	padding-bottom: 6px;
}
.ppDetails {
	display: grid;
	grid-template-columns: 35% 30% 35%;
}
.ppTeam {
	display: flex;
	flex-direction: column;
}
.ppTimerContainer {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
	width: 100%;
	padding: 4px;
}
.ppTimer {
	display: flex;
	align-items: center;
}
.ppTimer input.period-time {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background-color: #282828;
}
.ppTitle {
	padding: 6px 0;
	font-weight: 600;
	font-size: 14px;
}
.ppTimer .time-split {
	padding: 0 4px;
}
.ppTeamNameButtons {
	margin-bottom: 6px;
}
.ppTeamName {
	display: flex;
	justify-content: center;
	font-size: 92%;
	padding: 0 0 6px;
}
.ppTeamButton {
	display: flex;
	justify-content: center;
}
.ppRight {
	justify-content: flex-end;
}
.ppLeft {
	justify-content: flex-start;
}

li.ppListLeft {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}
li.ppListRight {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
}
li.ppListLeft a:hover,
li.ppListRight a:hover {
	color: #d60000;
}
li input.penalty-time {
	height: 1.8rem;
	width: 1.7rem;
	/* line-height: 20px; */
}

.event-clock {
	display: inline-block;
	padding-left: 5px;
}
.game-date-vs {
	display: block;
	font-size: 90%;
	text-align: right;
	color: #666;
	padding-bottom: 12px;
	line-height: 1.2;
}
@media screen and (max-width: 1366px) {
	.game-date-vs {
		font-size: 85%;
	}
}
.clock-area {
	text-align: center;
}
.clock-type {
	display: block;
	margin-bottom: 4px;
}
.clock-type button {
	color: #00a000;
	background-color: #282828;
	border: none;
	padding: 2px 5px;
	cursor: default;
	outline: none;
	text-transform: uppercase;
}
select#clock-type {
	border: none;
}
select#game-status,
select#game-period {
	height: 30px;
	margin: 3px 0;
	vertical-align: top;
}
input.period-time {
	color: #fff;
	background-color: #000;
	border: none;
	text-align: center;
	padding: 0;
	width: 40px;
	height: 36px;
	line-height: 36px;
	font-size: 140%;
}
input.period-time.clock-change {
	background-color: #f1f100;
	color: #000;
	font-weight: 600;
	border: 1px solid #000;
}
.time-split {
	display: inline-block;
	font-size: 125%;
	font-weight: 800;
	padding: 0;
	line-height: 1;
}
button.publish-btn {
	height: 30px;
	padding: 0 10px;
	font-weight: 600;
	border: none;
	background-color: #00a000;
	color: #fff;
	font-size: 80%;
	vertical-align: top;
	margin: 3px 0 3px 10px;
	border: 1px solid #00a000;
}
button.publish-btn:hover {
	background-color: #73CB73;
}
button.timeout-btn {
	height: 30px;
	padding: 0 10px;
	background-color: #ffcf00;
	color: #000000;
	font-size: 90%;
	vertical-align: top;
	margin: 3px 0 3px 16px;
	border: 1px solid #000000;
	text-transform: uppercase;
}
button.timeout-btn:hover {
	background-color: #ffe67a;
}
.event-status {
	display: inline-block;
	vertical-align: middle;
}
#running-clock-container, #integrated-clock-container, #locked-clock-container {
	display: inline-block;
	vertical-align: top;
	padding: 3px 0;
}
button.start-btn {
	border: none;
	background-color: #00a000;
	color: #fff;
	margin: 2px;
	height: 30px;
	vertical-align: middle;
	font-size: 80%;
	vertical-align: top;
	border: 1px solid #00a000;
}
button.start-btn:hover {
	background-color: #73CB73;
}
button.start-btn:disabled, button.stop-btn:disabled {
	background-color: #808080;
	cursor: default;
	border: none;
	color: #666;
}
.locked-clock i {
	line-height: 30px;
	color: #000;
	cursor: pointer;
}
button.stop-btn {
	border: none;
	background-color: #a00000;
	color: #fff;
	margin-left: 10px;
	height: 30px;
	vertical-align: middle;
	font-size: 80%;
	vertical-align: top;
	border: 1px solid #900000;
}
button.stop-btn:hover {
	background-color: #B94545;
}
.boxscoreContainer {
	display: flex;
	justify-content: flex-end;
}
table#boxscore {
	float: left;
	margin-bottom: 5px;
	font-size: 100%;
}
table#boxscore thead {
	border-bottom: 1px solid #b5b5b5;
}
table#boxscore th {
	padding: 2px 5px;
	text-align: center;
	font-weight: 400;
	font-size: 90%;
	background-color: #00a000;
	color: #fff;
}
table#boxscore td {
	padding: 2px 5px;
	text-align: center;
	font-size: 90%;
}
table#boxscore td.td-team-name {
	text-align: right;
}
table#boxscore td.td-total {
	font-weight: 600;
}
@media only screen and (max-width: 1439px) {
	table#boxscore {
		font-size: 90%;
	}
}
@media only screen and (max-width: 1360px) {
	table#boxscore {
		float: right;
		clear: both;
	}
}

/* PREGAME */
ul.gameinfo {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
}
.gameinfo-item {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	float: left;
	padding: 0 5px 5px;
}
.disIline {
	display: inline-block;
}
.field--pregame {
	float: left;
	width: 50%;
	margin-bottom: 4px;
}
.field--pregame .field-label {
	display: block;
	width: 100%;
}
.field--pregame input {
	width: 84%;
}
.field--pregame i {
	vertical-align: middle;
	font-size: 22px;
	color: #999;
	cursor: pointer;
}
.field--pregame i:hover {
	color: #00a000;
}
li.officials-item .field--pregame {
	width: 100%;
}
li.officials-item .field--pregame input {
	width: 94%;
}
li.officials-item .field--pregame i {
	margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.field--pregame {
		width: 100%;
	}
}

/* LINEUP */
.table-row--header {
	background-color: #000;
	color: #fff;
	font-size: 90%;
}
.table-body {
	font-size: 90%;
	border: 1px solid #b5b5b5;
	border-top: none;
}
.lineup-warning {
	font-size: 90%;
	background-color: #fffac7;
	padding: 10px;
	color: #3b3b3b;
}
.location-warning {
	font-size: 90%;
	background-color: #ffc7c7;
	padding: 10px;
	color: #900000;
}
.lineup-warning-modal {
	display: inline-block;
	float: left;
	font-size: 90%;
	background-color: #ff2616;
	border: 1px solid #900000;
	padding: 7px 10px;
	color: #fff;
}
.location-received {
	font-size: 90%;
	background-color: #73CB73;
	padding: 10px;
	color: #004700;
}
a.lineup-delete-icon i:hover {
	color: #00a000;
}

/* SIGNOFF BUTTONS */

.signoffContainer {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #b5b5b5;
}
.signoffMessage {
	padding: 4px 10px;
}
button.signoff-btn {
	height: 30px;
	padding: 0 10px;
	font-weight: 600;
	background-color: #00a000;
	color: #fff;
	font-size: 80%;
	vertical-align: top;
	margin: 3px 10px;
	border: 1px solid #00a000;
}
button.signoff-btn.clear {
	background-color: #fff;
	color: #00a000;
}
button.signoff-btn:hover {
	background-color: #73CB73;
}
.signoffButtons {
	display: flex;
	padding: 20px 0;
}
.modal.signoffModal {
	width: 700px;
	margin-left: -350px;
	bottom: initial;
}
.signoffModalContainer {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	padding: 20px 0;
	align-items: center;
}
.signoffModalContainer h3 {
	margin-bottom: 20px;
}
.signature-pad {
	position: relative;
	left: 0;
	top: 0;
	width: 600px;
	height: 200px;
	background-color: #dedede;
}
.refSignoff {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 0;
}

/* POSTGAME */
.star-label {
	font-weight: 600;
	padding-right: 5px;
	line-height: 28px;
	text-align: left;
	font-size: 90%;
}
.form-label {
	margin-bottom: 5px;
	display: block;
	font-size: 90%;
}
.field-textarea {
	width: 100%;
}

/* EVENTS */
.event-buttons-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	position: relative;
	width: 100%;
}
ul.game-event-buttons {
	display: flex;
	flex-direction: row;
}
.modalButtons {
	position: absolute;
	right: 0;
}
@media screen and (max-width: 1600px) {
	.modalButtons {
		position: relative;
	}
}
li.event-button {
	float: left;
	margin: 0 5px 5px;
	cursor: pointer;
	min-width: 105px;
}
li.event-button .event-button-name {
	color: #fff;
	background-color: #00a000;
	border: 1px solid #00a000;
	font-size: 90%;
	min-width: 100px;
	font-weight: 400;
	text-align: center;
	padding: 8px 10px;
	min-width: 100px;
	text-transform: uppercase;
}
li.event-button .event-button-name:hover {
	background-color: #73CB73;
}
li.event-button .event-button-name.active {
	background-color: #3e3e3e;
	color: #fff;
	border: none;
	border-bottom: 4px solid #00a000 !important;
	font-weight: 600;
	line-height: 16px;
}
li.event-button .event-button-name.disabled {
	cursor: default;
}
li.event-button .event-button-name.disabled:hover {
	background-color: #00a000;
}
.setFocus {
	box-shadow: 0px 0px 8px 1px #333;
	margin-bottom: 6px;
	margin-top: 6px;
}
li.event-button.penalties .event-button-name,
li.event-button.goalies .event-button-name,
li.event-button.shootout .event-button-name {
	background-color: #282828;
	border: 1px solid #282828;
}
li.event-button.penalties .event-button-name:hover,
li.event-button.goalies .event-button-name:hover,
li.event-button.shootout .event-button-name:hover {
	background-color: #565656;
}

/* Event Log */
div#events-log {
	min-height: 320px;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0px 1px 2px #888888;
}
header.event-log-header {
	display: table;
	width: 100%;
	padding: 0 0 10px;
	background-color: #ebebeb;
}
table.events-table {
	table-layout: fixed;
	width: 100%;
	border-top: 1px solid #b5b5b5;
}
tr.event-row {
	cursor: pointer;
	color: #000;
	border-bottom: 1px solid #b5b5b5;
}
tr.event-row.home-event td.team-color {
	background-color: #0025ca;
}
tr.event-row.visitor-event td.team-color {
	background-color: #f38300;
}
tr.event-row.warning {
	background-color: #fffac7;
}
tr.event-row:hover {
	color: #fff;
	background-color: #73CB73;
}
tr.event-row td {
	font-size: 92%;
	padding: 1px;
	white-space: nowrap;
	line-height: 27px;
}
tr.event-row td div {
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
tr.event-row td.event-notice {
	text-align: center;
	width: 40px;
}
tr.event-row td.event-pertime {
	min-width: 100px;
	width: 120px;
}
tr.event-row td span.bold {
	font-weight: 600;
}

/* Event Editor */
header.editor-header {
	display: table;
	width: 100%;
	min-height: 30px;
	height: 30px;
	background-color: #3e3e3e;
	padding: 2px 10px;
}
header.editor-header .editor-header-row {
	display: table-row;
}
header.editor-header h3.editor-title {
	display: table-cell;
	vertical-align: middle;
	font-weight: 400;
	font-size: 90%;
	color: #fff;
	text-transform: uppercase;
}
header.editor-header select#eventPeriod {
	font-weight: 600;
	font-size: 100%;
}
.events-content .editor-time {
	display: block;
	margin: 10px 10px 0;
}
.events-content .editor-time span {
	font-size: 90%;
	font-weight: 600;
	padding-right: 2px;
}
.events-content .editor-time .editor-clock,
.events-content .editor-time select {
	font-weight: 700;
	font-size: 100%;
}
.events-content .editor-time .time-split {
	padding: 0;
	color: #000;
	font-size: 100%;
	font-weight: 400;
}
.events-content {
	display: block;
	width: 100%;
	padding: 0px;
	background-color: #fff;
}
.events-content ul.events-rows {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 10px;
}
.event-group-row {
	display: flex;
	display: -webkit-flex;
	width: 100%;
}
li.events-row {
	width: 100%;
	padding: 0 0 1%;
}
li.events-row.half {
	width: 50%;
	padding-right: 1.5%;
}
li.events-row.half:last-child {
	padding-right: 0;
	padding-left: 1.5%;
}
li.events-row.third {
	width: 33.33333%;
	padding-right: 1.5%;
}
li.events-row.third:nth-child(2) {
	padding-left: 1.5%;
}
li.events-row.third:last-child {
	padding-right: 0;
	padding-left: 1.5%;
}
li.events-row.quarter {
	width: 25%;
	padding-right: 3%;
}
li.events-row.quarter:last-child {
	padding-right: 0;
}
li.events-row label.events-label {
	display: block;
	width: 100%;
	font-size: 90%;
	padding: 0 0 4px;
	font-weight: 600;
	line-height: 20px;
}
.homeLeft {
	float: left;
}
.homeRight {
	float: right;
}
.homeVisitorGroup {
	display: block;
	width: 101.5%;
	margin: 0 0 0 -1.5%;
}
.homeVisitorGroup .events-row.half {
	width: 50%;
	padding: 0 0 0 1.5%;
}
.homeVisitorGroup .events-row.half input {
	width: 100%;
}
label.events-label-check {
	font-size: 90%;
}
.events-edit-btns {
	width: 100%;
	display: flex;
	padding: 5px 10px;
	border-top: 1px solid #b5b5b5;
}
.ht-evnt-btns-right {
	display: flex;
	position: absolute;
	right: 10px;
}
.ht-evnt-btns-left {
	display: flex;
}
.empty-net {
	font-weight: 400;
	padding: 5px;
	cursor: pointer;
}
.empty-net i {
	font-size: 20px;
}
.plus-minus-container {
	display: table;
	padding: 0;
}
.plus-minus-container .plus-minus-player {
	float: left;
	display: inline-block;
	border: 1px solid #999;
	background-color: #c6e8c6;
	padding: 0 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 90%;
}
.plus-minus-container .plus-minus-player i {
	color: #666;
	cursor: pointer;
}
.plus-minus-container .plus-minus-player i:hover {
	color: #00A000;
}

.breakout-players-container .breakout-player {
	float: left;
	display: inline-block;
	border: 1px solid #999;
	background-color: #c6e8c6;
	padding: 0 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 90%;
}

.offside-players-container .offside-player {
	float: left;
	display: inline-block;
	border: 1px solid #999;
	background-color: #c6e8c6;
	padding: 0 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 90%;
}

li.events-row .events-field {
	display: block;
	width: 100%;
	padding: 0 0 4px 0;
}
.events-field {
	position: relative;
}
.events-field i {
	position: absolute;
	right: 1px;
	top: 2px;
	color: #999;
	background-color: #fff;
	cursor: pointer;
}
.events-field i:hover {
	color: #00a000;
}
.events-field i.material-icons.delete {
	position: initial;
	background-color: transparent;
}
input.drop-x {
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 24px;
}
li.events-row .events-field select,
li.events-row .events-field input {
	width: 100%;
}
select.period {
	width: 56px;
}
li.events-row .events-field input.time {
	width: 40px;
	font-size: 100%;
	text-align: center;
	font-weight: 600;
}
.group-radios {
	display: table;
}
.group-radios label {
	float: left;
	min-width: 116px;
	margin: 0 5px 4px 0;
	background-color:#eee;
	border-radius:4px;
	border: 1px solid #b5b5b5;
	overflow: auto;
	position: relative;
}
.group-radios label span {
	text-align: center;
	font-size: 80%;
	padding: 5px;
	display: block;
	cursor: pointer;
}
.table-span-label {
	padding: 6px !important;
	font-size: 90% !important;
}
.group-radios label input {
	position:absolute;
	top: 0;
	display: none;
}
.group-radios input:checked + span {
	background-color: #00a000;
	color: #fff;
}
.events-edit-btns button {
	background-color: #fff;
	color: #00a000;
}
.events-edit-btns button:hover {
	background-color: #00a000;
	color: #fff;
}
button#submit-event-btn {
	background-color: #00a000;
	color: #fff;
	font-weight: 600;
	min-width: 80px;
}
button#submit-event-btn:hover {
	background-color: #73CB73;
}
button#submit-event-btn:disabled {
	background-color: #808080;
	color: #666666;
	cursor: not-allowed;
}
#events-log .grid {
	line-height: 24px;
}
#events-log .container-row {
	background-color: #f8f8f8;
	border-color: #e1e1e1 !important;
	padding: 6px 8px;
}
i.material-icons.warning {
	color: #ffe000;
	vertical-align: middle;
}
i.material-icons.confirmed{
	color: #00a000;
	vertical-align: middle;
}
i.material-icons.deleted{
	color: #a00000;
	vertical-align: middle;
}
.glowing-game-event {
	cursor: pointer;
	background-color: #73CB73 !important;
}

/* 2D Rink */
#ht-rink-container {
	width: 100%;
}
.ht-gc-icerink-wrapper {
	position: relative;
	margin: 0%;
}
.ht-gc-icerink-container {
	position: relative;
	width: 98%;
	margin: 7% auto;
}
.ht-gc-icerink-container-goal {
	position: relative;
	width: 98%;
	margin: 2% auto 5%;
}
.ht-gc-icerink-image {
	display: block;
	width: 100%;
	cursor: crosshair;
}
.rink-header {
	display: table;
	width: 100%;
}
.ht-gc-team-logos {
	display: table-row;
	width: 100%;
}
.ht-gc-team-cell {
	display: table-cell;
	width: 39%;
}
.team-color-home {
	display: table-cell;
	width: 1%;
	background-color: #0025ca;
}
.team-color-visit {
	display: table-cell;
	width: 1%;
	background-color: #f38300;
}
.ht-team-switch {
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
.ht-team-switch button {
	line-height: 30px;
	border: none;
	background-color: transparent;
	color: #000;
	outline: none;
}
.ht-team-switch button i {
	vertical-align: middle;
	padding: 0 3px 0 0;
}
.ht-gc-logo {
	display: block;
	margin: 2%;
	text-align: center;
	font-weight: 600;
}
.team-header-logo {
	display: inline-block;
	vertical-align: middle;
	padding: 0 4px;
}
.team-header-logo img {
	width: 40px;
}
.goalie-modal-link {
	font-size: 85%;
	padding-top: 4px;
	font-weight: 400;
}
.ht-gc-team-cell .ht-gc-team-visit-color {
	display: block;
	height: 5px;
	margin-top: 4px;
	background-color: #f38300;
}
.ht-gc-team-cell .ht-gc-team-home-color {
	display: block;
	height: 5px;
	margin-top: 4px;
	background-color: #0025ca;
}
span.goalie-name {
	display: inline-block;
	padding-top: 5px;
	padding-left: 3px;
	cursor: pointer;
}
.ht-gc-logo a:hover {
	color: #00a000;
}
.ht-gc-pin {
	width: 30px;
	height: 30px;
	border-radius: 50% 50% 50% 0;
	background: #ebebeb;
	position: absolute;
	transform: rotate(-45deg);
	top: 0;
	left: 0;
	margin: -35px 0 0 -15px;
	border: 2px solid #999;
}
.ht-gc-pin:after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: -5px;
	width: 15px;
	height: 6px;
	opacity: 0.3;
	background-color: #000;
	-moz-border-radius: 100px / 50px;
	-webkit-border-radius: 100px / 50px;
	border-radius: 100px / 50px;
	transform: rotate(45deg);
	z-index: -1;
}
.ht-gc-pin-type {
	position: absolute;
	color: #000;
	transform: rotate(45deg);
	bottom: 5px;
	left: 7px;
	font-weight: 600;
	cursor: default;
}
.ht-gc-none-pin {
	background: #606060;
	border: 2px solid #313131;
}
@-webkit-keyframes rinkPinVisitingBlink {
	0%   { background: #00A000; }
	50%  { background: #f38300; }
	100% { background: #00A000; }
}
@-moz-keyframes rinkPinVisitingBlink {
	0%   { background: #00A000; }
	50%  { background: #f38300; }
	100% { background: #00A000; }
}
@-o-keyframes rinkPinVisitingBlink {
	0%   { background: #00A000; }
	50%  { background: #f38300; }
	100% { background: #00A000; }
}
@keyframes rinkPinVisitingBlink {
	0%   { background: #00A000; }
	50%  { background: #f38300; }
	100% { background: #00A000; }
}
.ht-gc-pin-visiting-blink {
	z-index: 99;
	-webkit-animation: rinkPinVisitingBlink 1s ease-in-out infinite;
	-moz-animation: rinkPinVisitingBlink 1s ease-in-out infinite;
	-o-animation: rinkPinVisitingBlink 1s ease-in-out infinite;
	animation: rinkPinVisitingBlink 1s ease-in-out infinite;
}
.ht-gc-home-pin {
	background: #0025ca;
	border: 2px solid #080085;
}
.ht-gc-home-pin .ht-gc-pin-type {
	color: #fff;
}
@-webkit-keyframes rinkPinHomeBlink {
	0%   { background: #00A000; }
	50%  { background: #0025ca; }
	100% { background: #00A000; }
}
@-moz-keyframes rinkPinHomeBlink {
	0%   { background: #00A000; }
	50%  { background: #0025ca; }
	100% { background: #00A000; }
}
@-o-keyframes rinkPinHomeBlink {
	0%   { background: #00A000; }
	50%  { background: #0025ca; }
	100% { background: #00A000; }
}
@keyframes rinkPinHomeBlink {
	0%   { background: #00A000; }
	50%  { background: #0025ca; }
	100% { background: #00A000; }
}
.ht-gc-pin-home-blink {
	z-index: 99;
	-webkit-animation: rinkPinHomeBlink 1s ease-in-out infinite;
	-moz-animation: rinkPinHomeBlink 1s ease-in-out infinite;
	-o-animation: rinkPinHomeBlink 1s ease-in-out infinite;
	animation: rinkPinHomeBlink 1s ease-in-out infinite;
}
.ht-gc-visiting-pin {
	background: #f38300;
	border: 2px solid #875700;
}
.ht-gc-visiting-pin .ht-gc-pin-type {
	color: #fff;
}
.ht-gc-home-pin-goal {
	background: #222222;
	border: 2px solid #000000;
	z-index: 1;
}
.ht-gc-home-pin-goal .ht-gc-pin-type {
	color: #fff;
	left: 4px;
	bottom: -4px;
}
.ht-gc-visiting-pin-goal {
	background: #999999;
	border: 2px solid #000000;
	z-index: 1;
}
.ht-gc-visiting-pin-goal .ht-gc-pin-type {
	color: #000000;
	left: 4px;
	bottom: -4px;
}
#ht-icerink #faceoff-totals-container .faceoff-total-h, #ht-icerink #faceoff-totals-container .faceoff-total-v {
	position: absolute;
	font-size: 140%;
	font-weight: 600;
	width: 30px;
	text-align: center;
	margin-left: -15px;
	height: 30px;
	margin-top: -15px;
}
#ht-icerink #faceoff-totals-container .faceoff-total-h {
	border-bottom: 5px solid #0025ca;
}
#ht-icerink #faceoff-totals-container .faceoff-total-v {
	border-bottom: 5px solid #f38300;
}

.eventsFormsContainer.eventsfullhalfform {
    width: 50%;
    float: left;
}
.eventsfullhalfrink {
	width: 50%;
    float: right;
}

/* MODAL */
.modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2001;
	background-color: rgba(255, 255, 255, 0.6);
}
.nav-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1001;
	background-color: rgba(255, 255, 255, 0.6);
}
.nav-overlay.nav-overlay-penalties {
	z-index: 11100;
}
.modal {
	z-index: 10005;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 0px;
	bottom: 40px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	box-shadow: 0 0 10px 1px #999;
}
.modal.modalNotifications {
	top: 50px;
	bottom: auto !important;
	width: 600px;
	margin-left: -300px;
	z-index: 15000;
}
.modal-header {
	text-align: right;
	padding: 10px 15px 0;
	font-weight: 600;
}
.modal-header a:hover {
	color: #00a000;
}
.modal-content {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: calc(100% - 35px);
	padding: 0 15px 15px;
	overflow: hidden;
}
.modal-message {
	padding: 10px;
	font-size: 100%;
	line-height: 1.5;
}
.modal-buttons {
	display: block;
	text-align: center;
	padding: 5px 10px 10px;
}
.modal-buttons button {
	margin: 0 10px;
	height: 30px;
	padding: 0 10px;
	font-size: 100%;
	border: 1px solid #666;
	background-color: #fff;
	color: #666;
}
.modal-buttons button.isDefault {
	border: 1px solid #00a000;
	background-color: #00a000;
	color: #fff;
}
.modal-buttons button:hover {
	background-color: #73CB73;
	color: #fff;
}
h3.modal-title {
	flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	font-weight: 400;
	font-size: 110%;
}
h3.modal-title i {
	padding-right: 5px;
	cursor: pointer;
}
h3.modal-title i:hover {
	color: #00a000;
}
.modal-body {
	overflow-x: hidden;
	margin-top: 15px;
	margin-bottom: 10px;
	height: 100%;
}
section.player-section .modal-body-player {
	overflow-x: hidden;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	bottom: 40px;
}
section.player-section .modal-body-player .modal-player-container {
	display: table;
	width: 100%;
}
section.player-section .modal-body-player .modal-player-container .one-half {
	width: 50%;
	display: table-cell;
}

.modal-body-content {
	margin: 0px;
	display: flex;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}
.modal-goalie {
	margin-bottom: 10px;
	width: 50%;
	float: left;
	padding: 0 1%;
}
.container-header.home {
	background-color: #0025ca !important;
}
.container-header.visit {
	background-color: #f38300 !important;
}
.container-header.timeouts {
	background-color: #ffcf00 !important;
	color: #000;
}
.pen-even {
	background-color: #f8eee2;
}
.pen-odd {
	background-color: #f1f8ff;
}
.modal-goalie h3.container-title {
	width: 55%;
}
.modal-goalie .container-icon {
	width: 45%;
	line-height: 28px;
}
.modal-goalie .container-icon i {
	line-height: 28px;
	vertical-align: top;
}
.modal-goalie .events-rows {
	position: relative;
	margin: 0;
	padding: 5px 8px 0;
	border: 1px solid;
	margin-top: -1px;
}
.modal-goalie .events-rows .event-status {
	position: absolute;
	top: 0;
	right: 8px;
}
.modal-goalie .events-rows.home {
	border-color: #0025ca;
}
.modal-goalie .events-rows.visit {
	border-color: #f38300;
}
.modal-goalie .events-rows .event-group-row {
	display: block;
	width: 100%;
}
.modal-goalie .events-rows .event-group-row .events-row {
	display: table;
	width: 100%;
	margin: 0 0 5px;
}
.event-col-sg {
	width: 50%;
	display: table-cell;
	padding-right: 1%;
}
.modal-goalie .events-rows .event-col-sg .group-radios {
	display: block;
}
.modal-goalie .event-col-sg .group-radios label {
	min-width: 54px !important;
}
.event-col-sg:last-child {
	 padding-right: 0;
}
.events-rows .shot-event-col {
	display: table-cell;
	float: left;
	width: 44px;
}
.events-rows .shot-event-col.right {
	float: right;
	width: 62px;
}
.events-rows .shot-event-col label.events-label {
	text-align: center;
}
.events-rows .shot-event-col .events-field {
	text-align: center;
	line-height: 28px;
}
.events-rows .shot-event-col .events-field input {
	text-align: center;
}
#shotGoalie:disabled {
	background: #FFFFFF;
	border: 0;
}
span.text-readonly {
	color: #666;
}

label.events-label {
	display: block;
	width: 100%;
	font-size: 90%;
	padding: 2px 0;
	min-height: 22px;
}
a.plus-minus-btn {
	border: 1px solid #00a000;
	color: #fff;
	background-color: #00a000;
	display: table;
	line-height: 25px;
	width: 90px;
	text-align: center;
	float: left;
	margin-right: 5px;
}
a.plus-minus-btn:hover {
	color: #00a000;
	background-color: #fff;
}

a.add-player-btn {
	border: 1px solid #00a000;
	color: #fff;
	background-color: #00a000;
	display: table;
	line-height: 25px;
	width: 125px;
	text-align: center;
	float: left;
	margin-right: 5px;
}
a.add-player-btn:hover {
	color: #00a000;
	background-color: #fff;
}

.modal-goalie .events-field input.drop-x {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 24px;
}
.modal-goalie .events-row .event-col.half {
	width: 44%;
	float: left;
}
.modal-goalie .events-row .event-col.full {
	width: 88%;
	float: left;
}
.event-radio {
	display: table-cell;
	padding-right: 10px;
	font-size: 90%;
}
.event-radio input,
.event-label-radio {
	cursor: pointer;
}
.modal-goalie .events-row .event-col.action {
	width: 12%;
	float: left;
	text-align: center;
}
.field-input-pointer {
	height: 20px;
	position: absolute;
	left: -25;
	top: 7;
}

/** Dynamic Modal **/

.dyn-modal {
	z-index: 11000;
	background-color: #fff;
	box-shadow: 0 0 10px 1px #999;
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	transform: translate(-50%, -50%);
	max-width: calc(100% - 5%);
	min-width: 80%;
	min-height: calc(100% - 5%);
}
#gcModal.dyn-modal {
	min-width: 66%;
}
@media only screen and (max-width: 1366px) {
	.dyn-modal {
		min-width: 95% !important;
	}
}
.dyn-modal header {
	text-align: right;
	padding: 10px 15px 0;
	font-weight: 600;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.clock-modal-container .clock-type {
	display: none;
}
.modal-close-esc {
	position: absolute;
	top: 10px;
	right: 10px;
}
.dyn-modal .dyn-modal-title {
	font-weight: 400;
	font-size: 110%;
	position: absolute;
	top: 34px;
	left: 0;
	right: 0;
	padding: 0 10px;
}
.dyn-modal .dyn-modal-content {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 70px;
	width: 100%;
}
.dyn-modal .dyn-is-required {
	font-style: italic;
	font-size: 90%;
	color: #666;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
}
.dyn-modal .dyn-edit-btns {
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	padding: 5px 10px;
	border-top: 1px solid #b5b5b5;
}
.dyn-edit-btns .one-half {
	display: table-cell;
}
.dynModal {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	padding: 0 10px;
	margin: 0;
}
.dynModal .group-teams {
	position: relative;
	min-height: 45%;
}
.table-checkbox {
	float: left;
	padding: 0 5px;
}
.table-checkbox input[type="checkbox"] {
	display: inline-block;
	margin: 0 4px;
}
.table-checkbox [type="checkbox"]:not(:checked),
.table-checkbox [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
	visibility: hidden;
}
.table-checkbox input[type="checkbox"],
.table-checkbox input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
.table-checkbox [type="checkbox"]+label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
}
[type="checkbox"].filled-in+label:before,
[type="checkbox"].filled-in+label:after {
	content: '';
	left: 0;
	position: absolute;
	transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
	z-index: 1;
}
[type="checkbox"].filled-in:not(:checked)+label:before {
	width: 0;
	height: 0;
	border: 3px solid transparent;
	left: 6px;
	top: 10px;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 20% 40%;
	transform-origin: 100% 100%;
}
.table-checkbox [type="checkbox"]+label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 1px solid #999;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
}
[type="checkbox"].filled-in:not(:checked)+label:after {
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #999;
	top: 2px;
	z-index: 0;
}
[type="checkbox"].filled-in:checked+label:after {
	top: 2px;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
	background-color: #fff;
	z-index: 0;
}
[type="checkbox"].filled-in:checked+label:before {
	top: 4px;
	left: 1px;
	width: 8px;
	height: 14px;
	border-top: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 3px solid #00a000;
	border-bottom: 3px solid #00a000;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	z-index: 1;
}

/** Penalties Modal **/
.table-penalties {
	width: 100%;
	display: table;
	margin-bottom: 15px;
}
.table-penalties th {
	font-weight: 600;
	text-align: left;
	font-size: 90%;
	padding: 4px;
}
.table-penalties th.offence {
	min-width: 280px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* iPad mini Landscape */
	.table-penalties th.offence {
		min-width: 220px;
	}
}
@media only screen and (min-device-width: 810px) and (max-device-width: 1080px) { /* iPad 10 */
	.table-penalties th.offence {
		min-width: 140px;
	}
}
.table-penalties th.cb {
	min-width: 42px;
}
.table-penalties th.time {
	min-width: 134px;
}
.penSetFocus {
	box-shadow: inset 0 0 8px 0 rgba(0, 160, 0, 0.7);
	background-color: rgba(0, 160, 0, 0.3) !important;
}
.table-penalties td {
	vertical-align: top;
	padding: 2px 1px;
}
.table-penalties td .events-field input {
	width: 100%;
}
.pen-delete a i {
	color: #999;
}
.pen-delete a i:hover {
	color: #00A000;
}
/* Yes No buttons */
.group-yes-no label {
	float: left;
	min-width: 33px;
	margin: 0 4px 0 0;
	background-color:#eee;
	border-radius: 0;
	border: 1px solid #b5b5b5;
	overflow: auto;
	position: relative;
}
.group-yes-no label span {
	text-align: center;
	font-size: 80%;
	padding: 5px;
	display: block;
	cursor: pointer;
}
.group-yes-no label input {
	position:absolute;
	top: 0;
	display: none;
}
.group-yes-no input:checked + span {
	background-color: #00a000;
	color: #fff;
}

/* SHOOTOUT */
.shootout-header {
	display: table;
	width: 100%;
	padding-bottom: 5px;
}
.shootout-header div {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.shootout-add-round {
	text-align: right;
}
.shootout-add-round i {
	vertical-align: middle;
}
.shootout-add-round a:hover {
	color: #00a000;
}
.shootout-header .group-toggle {
	display: inline-block;
	padding: 3px;
}
.shootout-header .group-toggle ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.shootout-header .group-toggle ul li:first-child {
	border-right: none;
}
.shootout-header .group-toggle ul li {
	float: left;
	padding: 0;
	list-style: none;
	border: 1px solid #000;
}
.shootout-header .ht-btn {
	display: inline-block;
	background-color: transparent;
	color: #000;
	height: 30px;
	min-width: 66px;
	text-decoration: none;
	padding: 0 8px;
	margin: 0;
	font-size: 90%;
	line-height: 30px;
	text-align: center;
}
.shootout-header .htactive {
	background-color: #000;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}
ul.events-rows {
	padding-top: 10px;
}
li.events-row.action {
	width: initial;
}
li.events-row.action .events-field {
	text-align: center;
}
li.events-row.action .events-field a:hover {
	color: #00a000;
}
.player-controller {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}
.player-section {
	display: block;
	height: 100%;
	width: 100%;
}
.player-buttons {
	display: flex;
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.player-buttons .player-btn-group {
	width: 100%;
	text-align: right;
}
button.add-player {
	background-color: #fff;
	color: #00a000;
}
button.add-player:hover {
	background-color: #00a000;
	color: #fff;
}
button.add-selected {
	background-color: #00a000;
	color: #fff;
	font-weight: 600;
	min-width: 80px;
}
button.add-selected:hover {
	background-color: #73CB73;
}
.modal-body-search {
	margin-top: 10px;
	height: calc(100% - 200px);
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-table-container {
	display: flex;
	height: calc(100% - 105px);
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-container {
	display: block;
	height: calc(100% - 175px);
	overflow-y: auto;
	overflow-x: hidden;
}
.modal-container form {
	width: 100%;
}
table.modal-table {
	width: 100%;
}
table.modal-table thead {
	background-color: #000;
	color: #fff;
	font-weight: 400;
}
table.modal-table thead th {
	padding: 3px;
	text-align: left;
}
table.modal-table td {
	padding: 3px;
	text-align: left;
}
@media only screen and (max-width: 1023px) {
	.modal {
		position: absolute;
		top: 20px;
		width: 740px;
		margin-left: -370px;
	}
}
@media only screen and (max-width: 767px) {
	.modal {
		width: 500px;
		margin-left: -250px;
	}
}
@media only screen and (max-width: 567px) {
	.modal {
		width: 400px;
		margin-left: -200px;
	}
}
@media only screen and (max-width: 479px) {
	.modal {
		width: 300px;
		margin-left: -150px;
	}
}
.filter-btns,
.filter-dropdown {
	float: left;
	padding: 0 4px 4px;
}
.filter-btns label,
.filter-dropdown label {
	display: block;
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 3px;
}
.filter-btns ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.filter-btns ul li {
	float: left;
	padding: 6px 8px;
	list-style: none;
	font-size: 85%;
	color: #606060;
	border: 1px solid #606060;
	border-left: none;
	cursor: pointer;
	text-transform: uppercase;
	min-width: 30px;
	text-align: center;
}
.filter-btns ul li.active {
	background-color: #000;
	color: #fff;
}
.filter-btns ul li:hover {
	background-color: #606060;
	color: #fff;
}
.filter-btns ul li:first-child {
	border-left: 1px solid #606060;
}
li.teams-visitor.active {
	background-color: #f38300 !important;
}
li.teams-home.active {
	background-color: #0025ca !important;
}
.filter-dropdown li.drop-select {
	line-height: 25px;
	font-size: 90%;
	background-color: #fff;
	min-width: 170px;
	padding: 0 4px;
	border: 1px solid #999;
	cursor: pointer;
}
.filter-dropdown li.drop-select span {
	color: #999;
}
.filter-dropdown li.drop-select i {
	padding-top: 1px;
	float: right;
}
ul#select-events {
	position: relative;
}
ul#more-events-menu {
	position: absolute;
	background-color: #fff;
	z-index: 999;
	min-width: 170px;
	border: 1px solid #999;
	border-top: none;
	box-shadow: 0px 1px 4px 0px #606060;
}
ul#more-events-menu li {
	line-height: 32px;
	padding: 2px 4px;
}
ul#more-events-menu li:hover {
	background-color: #73CB73;
}
ul#more-events-menu li input {
	float: left;
}
ul#more-events-menu li label {
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
}
/* Bottom Notification */
.action-notification {
	position: fixed;
	right: 5px;
	padding: 5px 10px;
	background: #73cb73;
	line-height: 30px;
	font-size: 90%;
	font-weight: 600;
	color: #004400;
	border: 1px solid #004400;
}
.action-notification i {
	vertical-align: middle;
	cursor: pointer;
}
.action-notification i:hover {
	color: #fff;
}

/* POPUP CALENDAR */
.js-date-picker {
	position: relative;
}
.js-date-picker .input-group-btn {
	position: absolute;
	right: 0;
	top: 0;
}
.js-date-picker .input-group-btn button.btn.btn-default {
	height: 28px;
	background-color: #fff;
	color: #00a000;
	border: 1px solid #999;
	outline: none;
	text-align: center;
}
.js-date-picker .input-group-btn button.btn.btn-default:hover {
	background-color: #00a000;
	color: #fff;
}
ul.uib-datepicker-popup.dropdown-menu {
	background-color: #fff;
	border: 1px solid #999;
	padding: 5px 5px 10px;
	box-shadow: 0px 1px 4px 0px #606060;
	max-height: none;
}
.uib-datepicker table {
	border: none;
	outline: none;
}
.uib-datepicker table th {
	text-align: center;
	font-size: 90%;
	font-weight: 600;
	padding: 5px 0;
}
button.btn.btn-default {
	height: 32px;
	font-size: 80%;
	line-height: 1.5;
	border-radius: 0;
	color: #000;
	background-color: #fff;
	border: 1px solid #999;
	outline: none;
}
button.btn.btn-default:hover {
	background-color: #73CB73;
}
.btn-group-sm>.btn, .btn-sm {
	width: 32px;
	height: 32px;
	font-size: 80%;
	line-height: 1.5;
	border-radius: 0;
	color: #000;
	background-color: #fff;
	border: 1px solid #999;
	outline: none;
}
.btn-group-sm>.btn, .btn-sm:hover {
	background-color: #73CB73;
}
span.sr-only {
	display: none;
}
button.btn.btn-default.btn-sm.pull-left.uib-left,
button.btn.btn-default.btn-sm.pull-right.uib-right {
	font-family: 'Material Icons';
	font-weight: 600;
	font-size: 170%;
	line-height: 1;
	padding: 1px;
}
.uib-left::after {
	content: "keyboard_arrow_left";
}
.uib-right::after {
	content: "keyboard_arrow_right";
}
.uib-day, .uib-month, .uib-year {
	padding: 1px;
}
td.text-center.h6 {
	color: #999;
	font-size: 80%;
	text-align: center;
}
button.btn.btn-default.btn-sm.active {
	background-color: #00a000;
	color: #fff;
}
.uib-button-bar {
	padding: 10px 5px 0 !important;
}
.uib-datepicker-current {
	width: auto;
	background-color: #00a000;
	color: #fff;
	font-weight: 600;
	font-size: 90%;
}
.uib-clear, .uib-close {
	width: auto;
}
.is-required {
	display: block;
	width: 100%;
	padding: 0 10px 10px;
	font-style: italic;
	font-size: 90%;
	color: #666;
	clear: both;
}

/* add player form */
.form-title {
	margin: 0 0 10px;
	font-weight: 400;
	font-size: 90%;
	line-height: 1.4;
}
.form-title.top-margin {
	margin-top: 10px;
}
.form-item {
	float: left;
	width: 25%;
}
.form-field input {
	width: 98%;
}
.form-footer {
	margin-top: 5px;
	margin-bottom: 5px;
}
button.publish-btn i.material-icons {
	display: none;
}

/* Shots Conntroller and lacrossePlayerStatsController */
.shotContainer, .laxContainer {
	display: table;
	width: 100%;
}
.shotColumn {
	display: table-cell;
	float: left;
	width: 48%;
	margin: 0;
}
.shotColumn.shotVisitor {
	margin: 0 1% 0 0;
}
.shotColumn.shotHome {
	margin: 0 0 0 1%;
}
table.shotTable {
	width: 100%;
	border: 1px solid #b5b5b5;
	background-color: #fff;
	margin-bottom: 20px;
}
table.shotTable thead th {
	line-height: 30px;
	font-size: 90%;
	font-weight: 400;
	color: #fff;
	background-color: #000;
}
.shotTableHeaderVisitor th {
	background-color: #f38300 !important;
	text-align: left;
	padding: 0 5px;
	line-height: 30px;
	color: #fff;
}
.shotTableHeaderHome th {
	background-color: #0025ca !important;
	text-align: left;
	padding: 0 5px;
	line-height: 30px;
	color: #fff;
}
table.shotTable .shotColNo {
	width: 15%;
}
table.shotTable .shotColName {
	width: 63%;
	text-align: left;
}
table.shotTable .shotColShot {
	width: 12%;
}
table.shotTable .shotColVal {
	width: 10%;
}
table.shotTable td {
	padding: 2px 4px;
	font-size: 92%;
}
.shotRows {
	background-color: #f5f5f5;
}

.statTotals {
	line-height: 32px;
}

.statTotals td.total {
	font-weight: 600;
	text-align: center;
}

/* Tablet target landscape */
@media only screen and (max-width: 1025px) {
	.hide-tablet {
		display: none;
	}
	body,
	table.table-game-select {
		font-size: 90%;
	}
	table#boxscore td,
	tr.event-row td {
		font-size: 80%;
		padding: 2px;
	}
	main.game-panel-container {
		padding: 10px;
	}
	ul.game-event-buttons {
		margin: 0;
	}
	.event-buttons-container {
		margin: 0 auto 5px;
	}
	li.event-button .event-button-name {
		padding: 6px 0;
	}
	.ht-team-switch {
		width: 10%;
	}
	.ht-gc-team-cell {
		width: 44%;
	}
	tr.event-row td.event-pertime {
		width: 100px;
	}
	.game-clock-panel {
		padding: 5px;
	}
	.clock-type {
		display: none;
	}
	.container-title {
		width: 75%;
	}
	.container-icon {
		width: 25%;
	}
	.group-radios label {
		min-width: 100px;
	}
	table#boxscore th {
		padding: 0 5px;
	}
	button.publish-btn {
		margin-left: 5px;
	}
	button.publish-btn i.material-icons {
		display: block;
	}
}

/* Tablet target landscape 1024px wide to 1280px wide */
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	li.event-button {
		margin: 0 2px 5px;
		min-width: 100px;
	}
	.grid > .one-half {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.time-split {
		font-size: 100% !important;
	}
	.ppInfo {
		font-size: 70% !important;
	}
	.ppLeft {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppRight {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppTeamName {
		font-size: 70% !important;
	}
	.ppTitle {
		font-size: 70% !important;
	}
	input.period-time {
		border-radius: 0% !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
		font-size: 100% !important;
		margin: 3px 0;
	}
	li input.penalty-time {
		height: 1.4rem !important;
		width: 1.3rem !important;
	}
	input, select, textarea {
		font-size: 80% !important;
	}
	.table-row-game-select .game-select-date {
		width: 250px;
	}
}

/* Tablet target landscape 900px wide to 1023px wide */
@media only screen and (min-width: 900px) and (max-width: 1023px) {
	li.event-button {
		margin: 0 2px 5px;
		min-width: 100px;
	}
	.grid > .one-half {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.time-split {
		font-size: 80% !important;
	}
	.ppInfo {
		font-size: 70% !important;
	}
	.ppLeft {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppRight {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppTeamName {
		font-size: 70% !important;
	}
	.ppTitle {
		font-size: 70% !important;
	}
	input.period-time {
		border-radius: 0% !important;
		width: 30px !important;
		height: 30px !important;
		line-height: 30px !important;
		font-size: 80% !important;
		margin: 3px 0;
	}
	li input.penalty-time {
		height: 1.4rem !important;
		width: 1.3rem !important;
	}
	input, select, textarea {
		font-size: 80% !important;
	}
	.table-row-game-select .game-select-date {
		width: 250px;
	}
}

/* Tablet target landscape 768px wide to 899px wide */
@media only screen and (min-width: 768px) and (max-width: 899px) {
	li.event-button {
		margin: 0 2px 5px;
		min-width: 100px;
	}
	.grid > .one-half {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.time-split {
		font-size: 85% !important;
	}
	.ppInfo {
		font-size: 70% !important;
	}
	.ppLeft {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppRight {
		justify-content: left !important;
		flex-flow: row wrap !important;
	}
	.ppTeamName {
		font-size: 50% !important;
	}
	.ppTitle {
		font-size: 60% !important;
	}
	input.period-time {
		border-radius: 0% !important;
		width: 20px !important;
		height: 20px !important;
		line-height: 20px !important;
		font-size: 85% !important;
		margin: 3px 0;
	}
	li input.penalty-time {
		height: 1.4rem !important;
		width: 1.3rem !important;
	}
	input, select, textarea {
		font-size: 70% !important;
	}
	.table-row-game-select .game-select-date {
		width: 250px;
	}
	button.start-btn {
		height: 20px !important;
	}
}


.eventsfull {
	width: 100% !important;
}

/* Finialize Game Errors and Warnings */
.final-error-section,
.final-warning-section {
	margin: 0 0 15px;
}
.final-error-title {
	font-weight: 600;
	font-size: 100%;
	margin-bottom: 5px;
}
.final-error-container {
	border: 1px solid #900000;
}
.final-warning-container,
.modal-final-warning {
	border: 1px solid #d0b20a;
}
.modal-final-warning {
	margin-bottom: 15px;
}
.modal-final-warning-line {
	padding: 6px 4px;
	cursor: default;
	background-color: #fff1a3;
	border-bottom: 1px solid #d0b20a;
}
.modal-final-warning-line:last-child {
	border: none;
}
.final-error-row {
	padding: 6px 4px;
	cursor: pointer;
	border-bottom: 1px solid #900000;
}
.final-error-row:last-child {
	border: none;
}
.final-error-row-hard {
	background-color: #ffdedc;
}
.final-error-row-hard:hover {
	background-color: #900000;
	color: #fff;
}
.final-error-row-soft {
	background-color: #fff1a3;
	border-bottom: 1px solid #d0b20a;
}
.final-error-row-soft:hover {
	background-color: #d0b20a;
	color: #fff;
}
.final-error-row-detail {
	display: inline-block;
	width: 100%;
}
.coach-incomplete {
 	background-color: #fff1a3;
}
.coach-duplicate {
	background-color: #ffdedc;
}
 /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
/* Old Styles below to be cleaned up */


/* These need to be replaced */
.sprite-sprite,
.sprite-bar-chart,
.sprite-dropdown-arrow-white,
.sprite-excel,
.sprite-fast-forward-icon,
.sprite-fast-reverse-icon,
.sprite-forward-icon,
.sprite-garbage-can,
.sprite-reverse-icon {
	background-image: url('../img/sprite-sb0c438c2f6.png');
	background-repeat: no-repeat;
}
.sprite-bar-chart {
	background-position: 0 -58px;
	height: 41px;
	width: 41px;
}
.sprite-dropdown-arrow-white {
	background-position: 0 -284px;
	height: 11px;
	width: 17px;
}
.sprite-excel {
	background-position: 0 -347px;
	height: 32px;
	width: 32px;
}
.sprite-fast-forward-icon {
	background-position: 0 -399px;
	height: 23px;
	width: 21px;
}
.sprite-fast-reverse-icon {
	background-position: 0 -422px;
	height: 23px;
	width: 21px;
}
.sprite-forward-icon {
	background-position: 0 -445px;
	height: 23px;
	width: 13px;
}
.sprite-garbage-can {
	background-position: 0 -468px;
	height: 23px;
	width: 19px;
}
.sprite-reverse-icon {
	background-position: 0 -581px;
	height: 23px;
	width: 13px;
}

/******* MISC *******/
.container-content:before, .container-content--fill:before,
.events-tabs:before, .events-pagination:before,
.form-list:before, .gameinfo:before, .heading:before,
.filter-list:before, .filter-reports:before, .language:before,
.officials:before, .postgame:before,
.postgame--secondary:before, .scorecard:before,
.scorecard-penaltybox:before, .scorecard-penaltybox--left:before,
.scorecard-penaltybox--right:before, .scorecard-scoreboxes:before,
.scorecard-logo:before, .table-row:before, .table-row--header:before,
.table-row--footer:before, .tags:before, .tags--slim:before,
.container-content:after, .container-content--fill:after,
.events-tabs:after, .events-pagination:after, .form-list:after,
.gameinfo:after, .heading:after, .filter-list:after,
.filter-reports:after, .language:after,
.officials:after, .postgame:after, .postgame--secondary:after,
.scorecard:after, .scorecard-penaltybox:after,
.scorecard-penaltybox--left:after, .scorecard-penaltybox--right:after,
.scorecard-scoreboxes:after, .scorecard-logo:after,
.table-row:after, .table-row--header:after,
.table-row--footer:after, .tags:after, .tags--slim:after,
.clearfix:before,
.grid:before,
.grid--multiline:before,
.grid--col3:before,
.grid--col4:before,
.grid--no-gutter:before,
.coaches-coach:before,
.filter:before,
.clearfix:after,
.grid:after,
.grid--multiline:after,
.grid--col3:after,
.grid--col4:after,
.grid--no-gutter:after,
.coaches-coach:after,
.filter:after {
	content: "";
	display: table;
	clear: both;
}
.events-pagination, .nav-link, .scorecard-scorebox, .scorecard-scorebox--left, .scorecard-scorebox--right, .submenu-list, .table-row, .table-row--header, .table-row--footer,
.table-layout {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.events-pagination > *, .nav-link > *, .scorecard-scorebox > *, .scorecard-scorebox--left > *, .scorecard-scorebox--right > *, .submenu-list > *, .table-row > *, .table-row--header > *, .table-row--footer > *,
.table-layout > * {
	display: table-cell;
	vertical-align: middle;
}
.contain {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
	max-width: 1100px;
}
.inline-block {
	display: inline-block;
}
.inline-block-fix {
	margin-left: -5px;
}
.top-margin {
	margin-top: 15px;
}
.left-margin {
	margin-left: 15px;
}
.double-top-margin {
	margin-top: 30px;
}
@media only screen and (max-width: 479px) {
	.top-margin--portrait {
		margin-top: 15px;
	}
}
.align-center {
	text-align: center;
}
@media only screen and (max-width: 479px) {
	.align-center--portrait {
		text-align: center;
	}
}
.float-right {
	float: right;
}
@media only screen and (max-width: 479px) {
	.float-none--portrait {
		float: none;
	}
}
@media only screen and (max-width: 567px) {
	.small-mobile-font {
		font-size: 14px;
	}
}
.normal {
	font-weight: normal;
}
.hide.hide.hide {
	display: none;
}
@media only screen and (max-width: 767px) {
	.hide--mobile.hide--mobile.hide--mobile {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.hide--tablet.hide--tablet.hide--tablet {
		display: none;
	}
}
@media only screen and (min-width: 768px) {
	.hide--tablet-min.hide--tablet-min.hide--tablet-min {
		display: none;
	}
}
@media only screen and (min-width: 1024px) {
	.hide--desktop.hide--desktop.hide--desktop {
		display: none;
	}
}
@media only screen and (max-width: 1279px) {
	.hide--medium-desktop-max.hide--medium-desktop-max.hide--medium-desktop-max {
		display: none;
	}
}
@media only screen and (min-width: 1366px) {
	.hide--large-desktop-min.hide--large-desktop-min.hide--large-desktop-min {
		display: none;
	}
}
.grid > *, .grid--multiline > *,
.grid--col3 > *,
.grid--col4 > *,
.grid--no-gutter > * {
	float: left;
	min-height: 1px;
}
.grid > *:first-of-type, .grid--multiline > *:first-of-type,
.grid--col3 > *:first-of-type,
.grid--col4 > *:first-of-type,
.grid--no-gutter > *:first-of-type {
	margin-left: 0 !important;
}
.one {
	width: 100%;
}
.grid > .one, .grid--multiline > .one,
.grid--col3 > .one,
.grid--col4 > .one,
.grid--no-gutter > .one {
	margin-left: 0px;
	width: 97%;
	width: -webkit-calc(100% - 0px);
	width: -moz-calc(100% - 0px);
	width: calc(100% - 0px);
}
.grid--multiline > .one {
	margin-left: 15px;
	width: 97%;
	width: -webkit-calc(100% - 0px);
	width: -moz-calc(100% - 0px);
	width: calc(100% - 0px);
}
.grid--multiline > .one:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .one:nth-of-type(1n + 2) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .one:nth-of-type(1n + 2) {
	margin-top: 30px;
}
.grid--col3 > .one {
	margin-left: 15px;
	width: 97%;
	width: -webkit-calc(100% - 10px);
	width: -moz-calc(100% - 10px);
	width: calc(100% - 10px);
}
.grid--col4 > .one {
	margin-left: 15px;
	width: 97%;
	width: -webkit-calc(100% - 11.25px);
	width: -moz-calc(100% - 11.25px);
	width: calc(100% - 11.25px);
}
.grid--no-gutter .one {
	margin-left: 0px;
	width: 97%;
	width: -webkit-calc(100% - 0px);
	width: -moz-calc(100% - 0px);
	width: calc(100% - 0px);
}
.one-half {
	width: 50%;
}
.grid > .one-half, .grid--multiline > .one-half,
.grid--col3 > .one-half,
.grid--col4 > .one-half,
.grid--no-gutter > .one-half {
	margin-left: 15px;
	width: 47%;
	width: -webkit-calc(50% - 7.5px);
	width: -moz-calc(50% - 7.5px);
	width: calc(50% - 7.5px);
}
.grid--multiline > .one-half {
	margin-left: 15px;
	width: 47%;
	width: -webkit-calc(50% - 7.5px);
	width: -moz-calc(50% - 7.5px);
	width: calc(50% - 7.5px);
}
.grid--multiline > .one-half:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .one-half:nth-of-type(2n + 3) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .one-half:nth-of-type(1n + 3) {
	margin-top: 30px;
}
.grid--col3 > .one-half {
	margin-left: 15px;
	width: 47%;
	width: -webkit-calc(50% - 10px);
	width: -moz-calc(50% - 10px);
	width: calc(50% - 10px);
}
.grid--col4 > .one-half {
	margin-left: 15px;
	width: 47%;
	width: -webkit-calc(50% - 11.25px);
	width: -moz-calc(50% - 11.25px);
	width: calc(50% - 11.25px);
}
.grid--no-gutter .one-half {
	margin-left: 0px;
	width: 47%;
	width: -webkit-calc(50% - 0px);
	width: -moz-calc(50% - 0px);
	width: calc(50% - 0px);
}
.one-third {
	width: 33.33333%;
}
.grid > .one-third, .grid--multiline > .one-third,
.grid--col3 > .one-third,
.grid--col4 > .one-third,
.grid--no-gutter > .one-third {
	margin-left: 15px;
	width: 30.33333%;
	width: -webkit-calc(33.33333% - 7.5px);
	width: -moz-calc(33.33333% - 7.5px);
	width: calc(33.33333% - 7.5px);
}
.grid--multiline > .one-third {
	margin-left: 15px;
	width: 30.33333%;
	width: -webkit-calc(33.33333% - 10px);
	width: -moz-calc(33.33333% - 10px);
	width: calc(33.33333% - 10px);
}
.grid--multiline > .one-third:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .one-third:nth-of-type(3n + 4) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .one-third:nth-of-type(1n + 4) {
	margin-top: 30px;
}
.grid--col3 > .one-third {
	margin-left: 15px;
	width: 30.33333%;
	width: -webkit-calc(33.33333% - 10px);
	width: -moz-calc(33.33333% - 10px);
	width: calc(33.33333% - 10px);
}
.grid--col4 > .one-third {
	margin-left: 15px;
	width: 30.33333%;
	width: -webkit-calc(33.33333% - 11.25px);
	width: -moz-calc(33.33333% - 11.25px);
	width: calc(33.33333% - 11.25px);
}
.grid--no-gutter .one-third {
	margin-left: 0px;
	width: 30.33333%;
	width: -webkit-calc(33.33333% - 0px);
	width: -moz-calc(33.33333% - 0px);
	width: calc(33.33333% - 0px);
}
.two-thirds {
	width: 66.66667%;
}
.grid > .two-thirds, .grid--multiline > .two-thirds,
.grid--col3 > .two-thirds,
.grid--col4 > .two-thirds,
.grid--no-gutter > .two-thirds {
	margin-left: 15px;
	width: 63.66667%;
	width: -webkit-calc(66.66667% - 7.5px);
	width: -moz-calc(66.66667% - 7.5px);
	width: calc(66.66667% - 7.5px);
}
.grid--multiline > .two-thirds {
	margin-left: 15px;
	width: 63.66667%;
	width: -webkit-calc(66.66667% - 10px);
	width: -moz-calc(66.66667% - 10px);
	width: calc(66.66667% - 10px);
}
.grid--multiline > .two-thirds:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .two-thirds:nth-of-type(3n + 4) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .two-thirds:nth-of-type(1n + 4) {
	margin-top: 30px;
}
.grid--col3 > .two-thirds {
	margin-left: 15px;
	width: 63.66667%;
	width: -webkit-calc(66.66667% - 10px);
	width: -moz-calc(66.66667% - 10px);
	width: calc(66.66667% - 10px);
}
.grid--col4 > .two-thirds {
	margin-left: 15px;
	width: 63.66667%;
	width: -webkit-calc(66.66667% - 11.25px);
	width: -moz-calc(66.66667% - 11.25px);
	width: calc(66.66667% - 11.25px);
}
.grid--no-gutter .two-thirds {
	margin-left: 0px;
	width: 63.66667%;
	width: -webkit-calc(66.66667% - 0px);
	width: -moz-calc(66.66667% - 0px);
	width: calc(66.66667% - 0px);
}

.one-fourth {
	width: 25%;
}
.grid > .one-fourth, .grid--multiline > .one-fourth,
.grid--col3 > .one-fourth,
.grid--col4 > .one-fourth,
.grid--no-gutter > .one-fourth {
	margin-left: 15px;
	width: 22%;
	width: -webkit-calc(25% - 7.5px);
	width: -moz-calc(25% - 7.5px);
	width: calc(25% - 7.5px);
}
.grid--multiline > .one-fourth {
	margin-left: 15px;
	width: 22%;
	width: -webkit-calc(25% - 11.25px);
	width: -moz-calc(25% - 11.25px);
	width: calc(25% - 11.25px);
}
.grid--multiline > .one-fourth:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .one-fourth:nth-of-type(4n + 5) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .one-fourth:nth-of-type(1n + 5) {
	margin-top: 30px;
}
.grid--col3 > .one-fourth {
	margin-left: 15px;
	width: 22%;
	width: -webkit-calc(25% - 10px);
	width: -moz-calc(25% - 10px);
	width: calc(25% - 10px);
}
.grid--col4 > .one-fourth {
	margin-left: 15px;
	width: 22%;
	width: -webkit-calc(25% - 11.25px);
	width: -moz-calc(25% - 11.25px);
	width: calc(25% - 11.25px);
}
.grid--no-gutter .one-fourth {
	margin-left: 0px;
	width: 22%;
	width: -webkit-calc(25% - 0px);
	width: -moz-calc(25% - 0px);
	width: calc(25% - 0px);
}

.three-fourths {
	width: 75%;
}
.grid > .three-fourths, .grid--multiline > .three-fourths,
.grid--col3 > .three-fourths,
.grid--col4 > .three-fourths,
.grid--no-gutter > .three-fourths {
	margin-left: 15px;
	width: 72%;
	width: -webkit-calc(75% - 7.5px);
	width: -moz-calc(75% - 7.5px);
	width: calc(75% - 7.5px);
}
.grid--multiline > .three-fourths {
	margin-left: 15px;
	width: 72%;
	width: -webkit-calc(75% - 11.25px);
	width: -moz-calc(75% - 11.25px);
	width: calc(75% - 11.25px);
}
.grid--multiline > .three-fourths:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .three-fourths:nth-of-type(4n + 5) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .three-fourths:nth-of-type(1n + 5) {
	margin-top: 30px;
}
.grid--col3 > .three-fourths {
	margin-left: 15px;
	width: 72%;
	width: -webkit-calc(75% - 10px);
	width: -moz-calc(75% - 10px);
	width: calc(75% - 10px);
}
.grid--col4 > .three-fourths {
	margin-left: 15px;
	width: 72%;
	width: -webkit-calc(75% - 11.25px);
	width: -moz-calc(75% - 11.25px);
	width: calc(75% - 11.25px);
}
.grid--no-gutter .three-fourths {
	margin-left: 0px;
	width: 72%;
	width: -webkit-calc(75% - 0px);
	width: -moz-calc(75% - 0px);
	width: calc(75% - 0px);
}

.one-fifth {
	width: 20%;
}
.grid > .one-fifth, .grid--multiline > .one-fifth,
.grid--col3 > .one-fifth,
.grid--col4 > .one-fifth,
.grid--no-gutter > .one-fifth {
	margin-left: 15px;
	width: 17%;
	width: -webkit-calc(20% - 7.5px);
	width: -moz-calc(20% - 7.5px);
	width: calc(20% - 7.5px);
}
.grid--multiline > .one-fifth {
	margin-left: 15px;
	width: 17%;
	width: -webkit-calc(20% - 12px);
	width: -moz-calc(20% - 12px);
	width: calc(20% - 12px);
}
.grid--multiline > .one-fifth:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .one-fifth:nth-of-type(5n + 6) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .one-fifth:nth-of-type(1n + 6) {
	margin-top: 30px;
}
.grid--col3 > .one-fifth {
	margin-left: 15px;
	width: 17%;
	width: -webkit-calc(20% - 10px);
	width: -moz-calc(20% - 10px);
	width: calc(20% - 10px);
}
.grid--col4 > .one-fifth {
	margin-left: 15px;
	width: 17%;
	width: -webkit-calc(20% - 11.25px);
	width: -moz-calc(20% - 11.25px);
	width: calc(20% - 11.25px);
}
.grid--no-gutter .one-fifth {
	margin-left: 0px;
	width: 17%;
	width: -webkit-calc(20% - 0px);
	width: -moz-calc(20% - 0px);
	width: calc(20% - 0px);
}

.two-fifths {
	width: 40%;
}
.grid > .two-fifths, .grid--multiline > .two-fifths,
.grid--col3 > .two-fifths,
.grid--col4 > .two-fifths,
.grid--no-gutter > .two-fifths {
	margin-left: 15px;
	width: 37%;
	width: -webkit-calc(40% - 7.5px);
	width: -moz-calc(40% - 7.5px);
	width: calc(40% - 7.5px);
}
.grid--multiline > .two-fifths {
	margin-left: 15px;
	width: 37%;
	width: -webkit-calc(40% - 12px);
	width: -moz-calc(40% - 12px);
	width: calc(40% - 12px);
}
.grid--multiline > .two-fifths:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .two-fifths:nth-of-type(5n + 6) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .two-fifths:nth-of-type(1n + 6) {
	margin-top: 30px;
}
.grid--col3 > .two-fifths {
	margin-left: 15px;
	width: 37%;
	width: -webkit-calc(40% - 10px);
	width: -moz-calc(40% - 10px);
	width: calc(40% - 10px);
}
.grid--col4 > .two-fifths {
	margin-left: 15px;
	width: 37%;
	width: -webkit-calc(40% - 11.25px);
	width: -moz-calc(40% - 11.25px);
	width: calc(40% - 11.25px);
}
.grid--no-gutter .two-fifths {
	margin-left: 0px;
	width: 37%;
	width: -webkit-calc(40% - 0px);
	width: -moz-calc(40% - 0px);
	width: calc(40% - 0px);
}

.three-fifths {
	width: 60%;
}
.grid > .three-fifths, .grid--multiline > .three-fifths,
.grid--col3 > .three-fifths,
.grid--col4 > .three-fifths,
.grid--no-gutter > .three-fifths {
	margin-left: 15px;
	width: 57%;
	width: -webkit-calc(60% - 7.5px);
	width: -moz-calc(60% - 7.5px);
	width: calc(60% - 7.5px);
}
.grid--multiline > .three-fifths {
	margin-left: 15px;
	width: 57%;
	width: -webkit-calc(60% - 12px);
	width: -moz-calc(60% - 12px);
	width: calc(60% - 12px);
}
.grid--multiline > .three-fifths:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .three-fifths:nth-of-type(5n + 6) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .three-fifths:nth-of-type(1n + 6) {
	margin-top: 30px;
}
.grid--col3 > .three-fifths {
	margin-left: 15px;
	width: 57%;
	width: -webkit-calc(60% - 10px);
	width: -moz-calc(60% - 10px);
	width: calc(60% - 10px);
}
.grid--col4 > .three-fifths {
	margin-left: 15px;
	width: 57%;
	width: -webkit-calc(60% - 11.25px);
	width: -moz-calc(60% - 11.25px);
	width: calc(60% - 11.25px);
}
.grid--no-gutter .three-fifths {
	margin-left: 0px;
	width: 57%;
	width: -webkit-calc(60% - 0px);
	width: -moz-calc(60% - 0px);
	width: calc(60% - 0px);
}

.four-fifths {
	width: 80%;
}
.grid > .four-fifths, .grid--multiline > .four-fifths,
.grid--col3 > .four-fifths,
.grid--col4 > .four-fifths,
.grid--no-gutter > .four-fifths {
	margin-left: 15px;
	width: 77%;
	width: -webkit-calc(80% - 7.5px);
	width: -moz-calc(80% - 7.5px);
	width: calc(80% - 7.5px);
}
.grid--multiline > .four-fifths {
	margin-left: 15px;
	width: 77%;
	width: -webkit-calc(80% - 12px);
	width: -moz-calc(80% - 12px);
	width: calc(80% - 12px);
}
.grid--multiline > .four-fifths:nth-of-type(n) {
	clear: none;
	margin-top: 0;
	margin-left: 15px;
}
.grid--multiline > .four-fifths:nth-of-type(5n + 6) {
	clear: left;
	margin-left: 0;
}
.grid--multiline > .four-fifths:nth-of-type(1n + 6) {
	margin-top: 30px;
}
.grid--col3 > .four-fifths {
	margin-left: 15px;
	width: 77%;
	width: -webkit-calc(80% - 10px);
	width: -moz-calc(80% - 10px);
	width: calc(80% - 10px);
}
.grid--col4 > .four-fifths {
	margin-left: 15px;
	width: 77%;
	width: -webkit-calc(80% - 11.25px);
	width: -moz-calc(80% - 11.25px);
	width: calc(80% - 11.25px);
}
.grid--no-gutter .four-fifths {
	margin-left: 0px;
	width: 77%;
	width: -webkit-calc(80% - 0px);
	width: -moz-calc(80% - 0px);
	width: calc(80% - 0px);
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.one--tablet {
		width: 100%;
	}
	.grid > .one--tablet, .grid--multiline > .one--tablet,
	.grid--col3 > .one--tablet,
	.grid--col4 > .one--tablet,
	.grid--no-gutter > .one--tablet {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--tablet {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one--tablet:nth-of-type(1n + 2) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one--tablet:nth-of-type(1n + 2) {
		margin-top: 30px;
	}
	.grid--col3 > .one--tablet {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.grid--col4 > .one--tablet {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 11.25px);
		width: -moz-calc(100% - 11.25px);
		width: calc(100% - 11.25px);
	}
	.grid--no-gutter .one--tablet {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}

	.one-half--tablet {
		width: 50%;
	}
	.grid > .one-half--tablet, .grid--multiline > .one-half--tablet,
	.grid--col3 > .one-half--tablet,
	.grid--col4 > .one-half--tablet,
	.grid--no-gutter > .one-half--tablet {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 7.5px);
		width: -moz-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
	.grid--multiline > .one-half--tablet {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 7.5px);
		width: -moz-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
	.grid--multiline > .one-half--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-half--tablet:nth-of-type(2n + 3) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-half--tablet:nth-of-type(1n + 3) {
		margin-top: 30px;
	}
	.grid--col3 > .one-half--tablet {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	.grid--col4 > .one-half--tablet {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 11.25px);
		width: -moz-calc(50% - 11.25px);
		width: calc(50% - 11.25px);
	}
	.grid--no-gutter .one-half--tablet {
		margin-left: 0px;
		width: 47%;
		width: -webkit-calc(50% - 0px);
		width: -moz-calc(50% - 0px);
		width: calc(50% - 0px);
	}

	.one-third--tablet {
		width: 33.33333%;
	}
	.grid > .one-third--tablet, .grid--multiline > .one-third--tablet,
	.grid--col3 > .one-third--tablet,
	.grid--col4 > .one-third--tablet,
	.grid--no-gutter > .one-third--tablet {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 7.5px);
		width: -moz-calc(33.33333% - 7.5px);
		width: calc(33.33333% - 7.5px);
	}
	.grid--multiline > .one-third--tablet {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 10px);
		width: -moz-calc(33.33333% - 10px);
		width: calc(33.33333% - 10px);
	}
	.grid--multiline > .one-third--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-third--tablet:nth-of-type(3n + 4) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-third--tablet:nth-of-type(1n + 4) {
		margin-top: 30px;
	}
	.grid--col3 > .one-third--tablet {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 10px);
		width: -moz-calc(33.33333% - 10px);
		width: calc(33.33333% - 10px);
	}
	.grid--col4 > .one-third--tablet {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 11.25px);
		width: -moz-calc(33.33333% - 11.25px);
		width: calc(33.33333% - 11.25px);
	}
	.grid--no-gutter .one-third--tablet {
		margin-left: 0px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 0px);
		width: -moz-calc(33.33333% - 0px);
		width: calc(33.33333% - 0px);
	}

	.two-thirds--tablet {
		width: 66.66667%;
	}
	.grid > .two-thirds--tablet, .grid--multiline > .two-thirds--tablet,
	.grid--col3 > .two-thirds--tablet,
	.grid--col4 > .two-thirds--tablet,
	.grid--no-gutter > .two-thirds--tablet {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 7.5px);
		width: -moz-calc(66.66667% - 7.5px);
		width: calc(66.66667% - 7.5px);
	}
	.grid--multiline > .two-thirds--tablet {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 10px);
		width: -moz-calc(66.66667% - 10px);
		width: calc(66.66667% - 10px);
	}
	.grid--multiline > .two-thirds--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .two-thirds--tablet:nth-of-type(3n + 4) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .two-thirds--tablet:nth-of-type(1n + 4) {
		margin-top: 30px;
	}
	.grid--col3 > .two-thirds--tablet {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 10px);
		width: -moz-calc(66.66667% - 10px);
		width: calc(66.66667% - 10px);
	}
	.grid--col4 > .two-thirds--tablet {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 11.25px);
		width: -moz-calc(66.66667% - 11.25px);
		width: calc(66.66667% - 11.25px);
	}
	.grid--no-gutter .two-thirds--tablet {
		margin-left: 0px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 0px);
		width: -moz-calc(66.66667% - 0px);
		width: calc(66.66667% - 0px);
	}

	.one-fourth--tablet {
		width: 25%;
	}
	.grid > .one-fourth--tablet, .grid--multiline > .one-fourth--tablet,
	.grid--col3 > .one-fourth--tablet,
	.grid--col4 > .one-fourth--tablet,
	.grid--no-gutter > .one-fourth--tablet {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 7.5px);
		width: -moz-calc(25% - 7.5px);
		width: calc(25% - 7.5px);
	}
	.grid--multiline > .one-fourth--tablet {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 11.25px);
		width: -moz-calc(25% - 11.25px);
		width: calc(25% - 11.25px);
	}
	.grid--multiline > .one-fourth--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-fourth--tablet:nth-of-type(4n + 5) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-fourth--tablet:nth-of-type(1n + 5) {
		margin-top: 30px;
	}
	.grid--col3 > .one-fourth--tablet {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 10px);
		width: -moz-calc(25% - 10px);
		width: calc(25% - 10px);
	}
	.grid--col4 > .one-fourth--tablet {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 11.25px);
		width: -moz-calc(25% - 11.25px);
		width: calc(25% - 11.25px);
	}
	.grid--no-gutter .one-fourth--tablet {
		margin-left: 0px;
		width: 22%;
		width: -webkit-calc(25% - 0px);
		width: -moz-calc(25% - 0px);
		width: calc(25% - 0px);
	}

	.three-fourths--tablet {
		width: 75%;
	}
	.grid > .three-fourths--tablet, .grid--multiline > .three-fourths--tablet,
	.grid--col3 > .three-fourths--tablet,
	.grid--col4 > .three-fourths--tablet,
	.grid--no-gutter > .three-fourths--tablet {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 7.5px);
		width: -moz-calc(75% - 7.5px);
		width: calc(75% - 7.5px);
	}
	.grid--multiline > .three-fourths--tablet {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 11.25px);
		width: -moz-calc(75% - 11.25px);
		width: calc(75% - 11.25px);
	}
	.grid--multiline > .three-fourths--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .three-fourths--tablet:nth-of-type(4n + 5) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .three-fourths--tablet:nth-of-type(1n + 5) {
		margin-top: 30px;
	}
	.grid--col3 > .three-fourths--tablet {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 10px);
		width: -moz-calc(75% - 10px);
		width: calc(75% - 10px);
	}
	.grid--col4 > .three-fourths--tablet {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 11.25px);
		width: -moz-calc(75% - 11.25px);
		width: calc(75% - 11.25px);
	}
	.grid--no-gutter .three-fourths--tablet {
		margin-left: 0px;
		width: 72%;
		width: -webkit-calc(75% - 0px);
		width: -moz-calc(75% - 0px);
		width: calc(75% - 0px);
	}

	.one-fifth--tablet {
		width: 20%;
	}
	.grid > .one-fifth--tablet, .grid--multiline > .one-fifth--tablet,
	.grid--col3 > .one-fifth--tablet,
	.grid--col4 > .one-fifth--tablet,
	.grid--no-gutter > .one-fifth--tablet {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 7.5px);
		width: -moz-calc(20% - 7.5px);
		width: calc(20% - 7.5px);
	}
	.grid--multiline > .one-fifth--tablet {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 12px);
		width: -moz-calc(20% - 12px);
		width: calc(20% - 12px);
	}
	.grid--multiline > .one-fifth--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-fifth--tablet:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-fifth--tablet:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .one-fifth--tablet {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 10px);
		width: -moz-calc(20% - 10px);
		width: calc(20% - 10px);
	}
	.grid--col4 > .one-fifth--tablet {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 11.25px);
		width: -moz-calc(20% - 11.25px);
		width: calc(20% - 11.25px);
	}
	.grid--no-gutter .one-fifth--tablet {
		margin-left: 0px;
		width: 17%;
		width: -webkit-calc(20% - 0px);
		width: -moz-calc(20% - 0px);
		width: calc(20% - 0px);
	}

	.two-fifths--tablet {
		width: 40%;
	}
	.grid > .two-fifths--tablet, .grid--multiline > .two-fifths--tablet,
	.grid--col3 > .two-fifths--tablet,
	.grid--col4 > .two-fifths--tablet,
	.grid--no-gutter > .two-fifths--tablet {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 7.5px);
		width: -moz-calc(40% - 7.5px);
		width: calc(40% - 7.5px);
	}
	.grid--multiline > .two-fifths--tablet {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 12px);
		width: -moz-calc(40% - 12px);
		width: calc(40% - 12px);
	}
	.grid--multiline > .two-fifths--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .two-fifths--tablet:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .two-fifths--tablet:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .two-fifths--tablet {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 10px);
		width: -moz-calc(40% - 10px);
		width: calc(40% - 10px);
	}
	.grid--col4 > .two-fifths--tablet {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 11.25px);
		width: -moz-calc(40% - 11.25px);
		width: calc(40% - 11.25px);
	}
	.grid--no-gutter .two-fifths--tablet {
		margin-left: 0px;
		width: 37%;
		width: -webkit-calc(40% - 0px);
		width: -moz-calc(40% - 0px);
		width: calc(40% - 0px);
	}

	.three-fifths--tablet {
		width: 60%;
	}
	.grid > .three-fifths--tablet, .grid--multiline > .three-fifths--tablet,
	.grid--col3 > .three-fifths--tablet,
	.grid--col4 > .three-fifths--tablet,
	.grid--no-gutter > .three-fifths--tablet {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 7.5px);
		width: -moz-calc(60% - 7.5px);
		width: calc(60% - 7.5px);
	}
	.grid--multiline > .three-fifths--tablet {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 12px);
		width: -moz-calc(60% - 12px);
		width: calc(60% - 12px);
	}
	.grid--multiline > .three-fifths--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .three-fifths--tablet:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .three-fifths--tablet:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .three-fifths--tablet {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 10px);
		width: -moz-calc(60% - 10px);
		width: calc(60% - 10px);
	}
	.grid--col4 > .three-fifths--tablet {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 11.25px);
		width: -moz-calc(60% - 11.25px);
		width: calc(60% - 11.25px);
	}
	.grid--no-gutter .three-fifths--tablet {
		margin-left: 0px;
		width: 57%;
		width: -webkit-calc(60% - 0px);
		width: -moz-calc(60% - 0px);
		width: calc(60% - 0px);
	}

	.four-fifths--tablet {
		width: 80%;
	}
	.grid > .four-fifths--tablet, .grid--multiline > .four-fifths--tablet,
	.grid--col3 > .four-fifths--tablet,
	.grid--col4 > .four-fifths--tablet,
	.grid--no-gutter > .four-fifths--tablet {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 7.5px);
		width: -moz-calc(80% - 7.5px);
		width: calc(80% - 7.5px);
	}
	.grid--multiline > .four-fifths--tablet {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 12px);
		width: -moz-calc(80% - 12px);
		width: calc(80% - 12px);
	}
	.grid--multiline > .four-fifths--tablet:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .four-fifths--tablet:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .four-fifths--tablet:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .four-fifths--tablet {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 10px);
		width: -moz-calc(80% - 10px);
		width: calc(80% - 10px);
	}
	.grid--col4 > .four-fifths--tablet {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 11.25px);
		width: -moz-calc(80% - 11.25px);
		width: calc(80% - 11.25px);
	}
	.grid--no-gutter .four-fifths--tablet {
		margin-left: 0px;
		width: 77%;
		width: -webkit-calc(80% - 0px);
		width: -moz-calc(80% - 0px);
		width: calc(80% - 0px);
	}
}
@media only screen and (max-width: 767px) {
	.one--mobile {
		width: 100%;
	}
	.grid > .one--mobile, .grid--multiline > .one--mobile,
	.grid--col3 > .one--mobile,
	.grid--col4 > .one--mobile,
	.grid--no-gutter > .one--mobile {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--mobile {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one--mobile:nth-of-type(1n + 2) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one--mobile:nth-of-type(1n + 2) {
		margin-top: 30px;
	}
	.grid--col3 > .one--mobile {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.grid--col4 > .one--mobile {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 11.25px);
		width: -moz-calc(100% - 11.25px);
		width: calc(100% - 11.25px);
	}
	.grid--no-gutter .one--mobile {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}

	.one-half--mobile {
		width: 50%;
	}
	.grid > .one-half--mobile, .grid--multiline > .one-half--mobile,
	.grid--col3 > .one-half--mobile,
	.grid--col4 > .one-half--mobile,
	.grid--no-gutter > .one-half--mobile {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 7.5px);
		width: -moz-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
	.grid--multiline > .one-half--mobile {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 7.5px);
		width: -moz-calc(50% - 7.5px);
		width: calc(50% - 7.5px);
	}
	.grid--multiline > .one-half--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-half--mobile:nth-of-type(2n + 3) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-half--mobile:nth-of-type(1n + 3) {
		margin-top: 30px;
	}
	.grid--col3 > .one-half--mobile {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 10px);
		width: -moz-calc(50% - 10px);
		width: calc(50% - 10px);
	}
	.grid--col4 > .one-half--mobile {
		margin-left: 15px;
		width: 47%;
		width: -webkit-calc(50% - 11.25px);
		width: -moz-calc(50% - 11.25px);
		width: calc(50% - 11.25px);
	}
	.grid--no-gutter .one-half--mobile {
		margin-left: 0px;
		width: 47%;
		width: -webkit-calc(50% - 0px);
		width: -moz-calc(50% - 0px);
		width: calc(50% - 0px);
	}

	.one-third--mobile {
		width: 33.33333%;
	}
	.grid > .one-third--mobile, .grid--multiline > .one-third--mobile,
	.grid--col3 > .one-third--mobile,
	.grid--col4 > .one-third--mobile,
	.grid--no-gutter > .one-third--mobile {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 7.5px);
		width: -moz-calc(33.33333% - 7.5px);
		width: calc(33.33333% - 7.5px);
	}
	.grid--multiline > .one-third--mobile {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 10px);
		width: -moz-calc(33.33333% - 10px);
		width: calc(33.33333% - 10px);
	}
	.grid--multiline > .one-third--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-third--mobile:nth-of-type(3n + 4) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-third--mobile:nth-of-type(1n + 4) {
		margin-top: 30px;
	}
	.grid--col3 > .one-third--mobile {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 10px);
		width: -moz-calc(33.33333% - 10px);
		width: calc(33.33333% - 10px);
	}
	.grid--col4 > .one-third--mobile {
		margin-left: 15px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 11.25px);
		width: -moz-calc(33.33333% - 11.25px);
		width: calc(33.33333% - 11.25px);
	}
	.grid--no-gutter .one-third--mobile {
		margin-left: 0px;
		width: 30.33333%;
		width: -webkit-calc(33.33333% - 0px);
		width: -moz-calc(33.33333% - 0px);
		width: calc(33.33333% - 0px);
	}

	.two-thirds--mobile {
		width: 66.66667%;
	}
	.grid > .two-thirds--mobile, .grid--multiline > .two-thirds--mobile,
	.grid--col3 > .two-thirds--mobile,
	.grid--col4 > .two-thirds--mobile,
	.grid--no-gutter > .two-thirds--mobile {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 7.5px);
		width: -moz-calc(66.66667% - 7.5px);
		width: calc(66.66667% - 7.5px);
	}
	.grid--multiline > .two-thirds--mobile {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 10px);
		width: -moz-calc(66.66667% - 10px);
		width: calc(66.66667% - 10px);
	}
	.grid--multiline > .two-thirds--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .two-thirds--mobile:nth-of-type(3n + 4) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .two-thirds--mobile:nth-of-type(1n + 4) {
		margin-top: 30px;
	}
	.grid--col3 > .two-thirds--mobile {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 10px);
		width: -moz-calc(66.66667% - 10px);
		width: calc(66.66667% - 10px);
	}
	.grid--col4 > .two-thirds--mobile {
		margin-left: 15px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 11.25px);
		width: -moz-calc(66.66667% - 11.25px);
		width: calc(66.66667% - 11.25px);
	}
	.grid--no-gutter .two-thirds--mobile {
		margin-left: 0px;
		width: 63.66667%;
		width: -webkit-calc(66.66667% - 0px);
		width: -moz-calc(66.66667% - 0px);
		width: calc(66.66667% - 0px);
	}

	.one-fourth--mobile {
		width: 25%;
	}
	.grid > .one-fourth--mobile, .grid--multiline > .one-fourth--mobile,
	.grid--col3 > .one-fourth--mobile,
	.grid--col4 > .one-fourth--mobile,
	.grid--no-gutter > .one-fourth--mobile {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 7.5px);
		width: -moz-calc(25% - 7.5px);
		width: calc(25% - 7.5px);
	}
	.grid--multiline > .one-fourth--mobile {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 11.25px);
		width: -moz-calc(25% - 11.25px);
		width: calc(25% - 11.25px);
	}
	.grid--multiline > .one-fourth--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-fourth--mobile:nth-of-type(4n + 5) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-fourth--mobile:nth-of-type(1n + 5) {
		margin-top: 30px;
	}
	.grid--col3 > .one-fourth--mobile {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 10px);
		width: -moz-calc(25% - 10px);
		width: calc(25% - 10px);
	}
	.grid--col4 > .one-fourth--mobile {
		margin-left: 15px;
		width: 22%;
		width: -webkit-calc(25% - 11.25px);
		width: -moz-calc(25% - 11.25px);
		width: calc(25% - 11.25px);
	}
	.grid--no-gutter .one-fourth--mobile {
		margin-left: 0px;
		width: 22%;
		width: -webkit-calc(25% - 0px);
		width: -moz-calc(25% - 0px);
		width: calc(25% - 0px);
	}

	.three-fourths--mobile {
		width: 75%;
	}
	.grid > .three-fourths--mobile, .grid--multiline > .three-fourths--mobile,
	.grid--col3 > .three-fourths--mobile,
	.grid--col4 > .three-fourths--mobile,
	.grid--no-gutter > .three-fourths--mobile {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 7.5px);
		width: -moz-calc(75% - 7.5px);
		width: calc(75% - 7.5px);
	}
	.grid--multiline > .three-fourths--mobile {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 11.25px);
		width: -moz-calc(75% - 11.25px);
		width: calc(75% - 11.25px);
	}
	.grid--multiline > .three-fourths--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .three-fourths--mobile:nth-of-type(4n + 5) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .three-fourths--mobile:nth-of-type(1n + 5) {
		margin-top: 30px;
	}
	.grid--col3 > .three-fourths--mobile {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 10px);
		width: -moz-calc(75% - 10px);
		width: calc(75% - 10px);
	}
	.grid--col4 > .three-fourths--mobile {
		margin-left: 15px;
		width: 72%;
		width: -webkit-calc(75% - 11.25px);
		width: -moz-calc(75% - 11.25px);
		width: calc(75% - 11.25px);
	}
	.grid--no-gutter .three-fourths--mobile {
		margin-left: 0px;
		width: 72%;
		width: -webkit-calc(75% - 0px);
		width: -moz-calc(75% - 0px);
		width: calc(75% - 0px);
	}

	.one-fifth--mobile {
		width: 20%;
	}
	.grid > .one-fifth--mobile, .grid--multiline > .one-fifth--mobile,
	.grid--col3 > .one-fifth--mobile,
	.grid--col4 > .one-fifth--mobile,
	.grid--no-gutter > .one-fifth--mobile {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 7.5px);
		width: -moz-calc(20% - 7.5px);
		width: calc(20% - 7.5px);
	}
	.grid--multiline > .one-fifth--mobile {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 12px);
		width: -moz-calc(20% - 12px);
		width: calc(20% - 12px);
	}
	.grid--multiline > .one-fifth--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one-fifth--mobile:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one-fifth--mobile:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .one-fifth--mobile {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 10px);
		width: -moz-calc(20% - 10px);
		width: calc(20% - 10px);
	}
	.grid--col4 > .one-fifth--mobile {
		margin-left: 15px;
		width: 17%;
		width: -webkit-calc(20% - 11.25px);
		width: -moz-calc(20% - 11.25px);
		width: calc(20% - 11.25px);
	}
	.grid--no-gutter .one-fifth--mobile {
		margin-left: 0px;
		width: 17%;
		width: -webkit-calc(20% - 0px);
		width: -moz-calc(20% - 0px);
		width: calc(20% - 0px);
	}

	.two-fifths--mobile {
		width: 40%;
	}
	.grid > .two-fifths--mobile, .grid--multiline > .two-fifths--mobile,
	.grid--col3 > .two-fifths--mobile,
	.grid--col4 > .two-fifths--mobile,
	.grid--no-gutter > .two-fifths--mobile {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 7.5px);
		width: -moz-calc(40% - 7.5px);
		width: calc(40% - 7.5px);
	}
	.grid--multiline > .two-fifths--mobile {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 12px);
		width: -moz-calc(40% - 12px);
		width: calc(40% - 12px);
	}
	.grid--multiline > .two-fifths--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .two-fifths--mobile:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .two-fifths--mobile:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .two-fifths--mobile {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 10px);
		width: -moz-calc(40% - 10px);
		width: calc(40% - 10px);
	}
	.grid--col4 > .two-fifths--mobile {
		margin-left: 15px;
		width: 37%;
		width: -webkit-calc(40% - 11.25px);
		width: -moz-calc(40% - 11.25px);
		width: calc(40% - 11.25px);
	}
	.grid--no-gutter .two-fifths--mobile {
		margin-left: 0px;
		width: 37%;
		width: -webkit-calc(40% - 0px);
		width: -moz-calc(40% - 0px);
		width: calc(40% - 0px);
	}

	.three-fifths--mobile {
		width: 60%;
	}
	.grid > .three-fifths--mobile, .grid--multiline > .three-fifths--mobile,
	.grid--col3 > .three-fifths--mobile,
	.grid--col4 > .three-fifths--mobile,
	.grid--no-gutter > .three-fifths--mobile {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 7.5px);
		width: -moz-calc(60% - 7.5px);
		width: calc(60% - 7.5px);
	}
	.grid--multiline > .three-fifths--mobile {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 12px);
		width: -moz-calc(60% - 12px);
		width: calc(60% - 12px);
	}
	.grid--multiline > .three-fifths--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .three-fifths--mobile:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .three-fifths--mobile:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .three-fifths--mobile {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 10px);
		width: -moz-calc(60% - 10px);
		width: calc(60% - 10px);
	}
	.grid--col4 > .three-fifths--mobile {
		margin-left: 15px;
		width: 57%;
		width: -webkit-calc(60% - 11.25px);
		width: -moz-calc(60% - 11.25px);
		width: calc(60% - 11.25px);
	}
	.grid--no-gutter .three-fifths--mobile {
		margin-left: 0px;
		width: 57%;
		width: -webkit-calc(60% - 0px);
		width: -moz-calc(60% - 0px);
		width: calc(60% - 0px);
	}

	.four-fifths--mobile {
		width: 80%;
	}
	.grid > .four-fifths--mobile, .grid--multiline > .four-fifths--mobile,
	.grid--col3 > .four-fifths--mobile,
	.grid--col4 > .four-fifths--mobile,
	.grid--no-gutter > .four-fifths--mobile {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 7.5px);
		width: -moz-calc(80% - 7.5px);
		width: calc(80% - 7.5px);
	}
	.grid--multiline > .four-fifths--mobile {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 12px);
		width: -moz-calc(80% - 12px);
		width: calc(80% - 12px);
	}
	.grid--multiline > .four-fifths--mobile:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .four-fifths--mobile:nth-of-type(5n + 6) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .four-fifths--mobile:nth-of-type(1n + 6) {
		margin-top: 30px;
	}
	.grid--col3 > .four-fifths--mobile {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 10px);
		width: -moz-calc(80% - 10px);
		width: calc(80% - 10px);
	}
	.grid--col4 > .four-fifths--mobile {
		margin-left: 15px;
		width: 77%;
		width: -webkit-calc(80% - 11.25px);
		width: -moz-calc(80% - 11.25px);
		width: calc(80% - 11.25px);
	}
	.grid--no-gutter .four-fifths--mobile {
		margin-left: 0px;
		width: 77%;
		width: -webkit-calc(80% - 0px);
		width: -moz-calc(80% - 0px);
		width: calc(80% - 0px);
	}
}
@media only screen and (max-width: 479px) {
	.one--portrait {
		width: 100%;
		margin-top: 7.5px;
	}
	.grid > .one--portrait, .grid--multiline > .one--portrait,
	.grid--col3 > .one--portrait,
	.grid--col4 > .one--portrait,
	.grid--no-gutter > .one--portrait {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--portrait {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.grid--multiline > .one--portrait:nth-of-type(n) {
		clear: none;
		margin-top: 0;
		margin-left: 15px;
	}
	.grid--multiline > .one--portrait:nth-of-type(1n + 2) {
		clear: left;
		margin-left: 0;
	}
	.grid--multiline > .one--portrait:nth-of-type(1n + 2) {
		margin-top: 30px;
	}
	.grid--col3 > .one--portrait {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: calc(100% - 10px);
	}
	.grid--col4 > .one--portrait {
		margin-left: 15px;
		width: 97%;
		width: -webkit-calc(100% - 11.25px);
		width: -moz-calc(100% - 11.25px);
		width: calc(100% - 11.25px);
	}
	.grid--no-gutter .one--portrait {
		margin-left: 0px;
		width: 97%;
		width: -webkit-calc(100% - 0px);
		width: -moz-calc(100% - 0px);
		width: calc(100% - 0px);
	}
	.one--portrait:first-child {
		margin-top: 0;
	}
}
.account {
	color: #fff;
	float: right;
}
.account-name {
	font-size: 18px;
}
@media only screen and (max-width: 1023px) {
	.account-name {
		font-size: 16px;
	}
}
.account-logout {
	font-size: 14px;
	border: 1px solid #666;
	color: #fff;
	padding: 9px 15px 7px;
	margin-left: 20px;
}
.account-logout:hover {
	color: #fff;
	background-color: #00a000;
	border-color: #fff;
}
@media only screen and (max-width: 767px) {
	.account-logout {
		top: 4px;
	}
}
@media only screen and (max-width: 479px) {
	.account-logout {
		top: 2px;
	}
}
.button, .button--alt, .heading-button, .filter-button {
	display: inline-block;
	text-align: center;
	background-color: #00a000;
	*zoom: 1;
	color: #fff;
	border: 1px solid #00a000;
	padding: 4px 10px;
}
.button:visited, .heading-button:visited, .filter-button:visited, .button:hover, .heading-button:hover, .filter-button:hover {
	color: #fff;
}
.button:hover, .heading-button:hover, .filter-button:hover {
	background: #73CB73;
}

.modal .container {
	margin-bottom: 0;
}
@media only screen and (max-width: 479px) {
	.container {
		max-width: 350px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}
.modal .container-header, .modal .container-header--fat {
	background: #00a000;
}
.container-header--fat {
	padding: 16px;
}
.container-icon--expand {
	top: 0px;
}
.container-icon--collapse {
	top: 0px;
}
.container-heading {
	background-color: #999;
	color: #fff;
	font-size: 16px;
	padding: 12px;
}
.container-row {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 12px;
	border-top: 1px solid #ccc;
}
.container-row:first-child {
	border-top: none;
}
.container-header .container-row, .container-header--fat .container-row {
	padding: 0;
}
.container-column, .container-column--pp {
	display: table-cell;
	vertical-align: middle;
	font-size: 94%;
}
.container-column:first-child, .container-column--pp:first-child {
	width: 40%;
}
@media only screen and (max-width: 567px) {
	.container-column, .container-column--pp {
		font-size: 14px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 479px) {
	.container-column, .container-column--pp {
		font-size: 13px;
	}
}
.container-header .container-column, .container-header--fat .container-column, .container-header .container-column--pp, .container-header--fat .container-column--pp {
	color: #fff;
	padding: 0;
}
.container-header .container-column:first-child, .container-header--fat .container-column:first-child, .container-header .container-column--pp:first-child, .container-header--fat .container-column--pp:first-child {
	font-size: 22px;
}
@media only screen and (max-width: 567px) {
	.container-column--pp {
		width: 32px;
	}
}
.modal .container-content, .modal .container-content--fill {
	border: none;
}
.container-content--fill {
	padding: 0;
}
.container-list {
	padding: 4px;
}
.container-item {
	padding: 8px;
}
.container-label {
	display: inline-block;
	min-width: 90px;
	color: #333;
	font-style: italic;
}
.events-tabs-item {
	text-align: center;
	float: left;
	width: 50%;
	background-color: #cccbcb;
}
.events-tabs-item.active {
	background-color: #00a000;
}
.events-header-warning {
	float: right;
	color: #ffcc33;
}
.pending-event-entry {
	background-color: rgba(255,215,0,0.3);
}
.events-tabs-link {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}
.events-tabs-link:visited, .events-tabs-link:hover {
	color: #fff;
}
.events-pagination {
	table-layout: inherit;
}
.events-pagination-item {
	padding-left: 5px;
	padding-right: 5px;
}
.events-pagination-item:first-child {
	padding-left: 0;
}
.events-pagination-item:last-child {
	padding-right: 0;
}
@media only screen and (max-width: 1279px) {
	.events-pagination-item {
		padding-left: 2px;
		padding-right: 2px;
	}
}
@media only screen and (max-width: 1023px) {
	.events-pagination-item {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media only screen and (max-width: 767px) {
	.events-pagination-item {
		padding-left: 2px;
		padding-right: 2px;
	}
}
.events-pagination-link {
	display: block;
	padding: 10px 10px 7px;
	background-color: #999;
	text-align: center;
}
.events-pagination-link:hover {
	cursor: pointer;
	background-color: #a6a6a6;
}
.events-pagination-icon {
	vertical-align: middle;
}
.events-pagination-text {
	color: #fff;
	vertical-align: middle;
	font-size: 17px;
	margin-left: 2px;
	margin-right: 2px;
}
@media only screen and (max-width: 767px) {
	.events-pagination-text {
		font-size: 16px;
	}
}
@media only screen and (max-width: 567px) {
	.events-pagination-text {
		display: none;
	}
}
input.invalid-input {
	background-color: rgba(255,0,0,0.1);
	border-color: #f99;
}
.field-input {
	padding: 0 4px;
	border: 1px solid #e5e5e5;
	color: #676767;
	width: 150px;
	background-color: #fff;
	max-width: 100%;
}
.field-input.slim {
	padding: 2px 5px;
}
.field-input.micro {
	max-width: 28px;
}
.field-input.small {
	max-width: 94px;
}
@media only screen and (max-width: 567px) {
	.field--pregame .field-input {
		width: 250px;
	}
}
@media only screen and (max-width: 479px) {
	.field--pregame .field-input {
		width: 176px;
	}
}
@media only screen and (max-width: 479px) {
	.field-input {
		width: 180px;
	}
}
.field-dropdown,
.field-dropdown--slim,
.field-dropdown--fat {
	display: inline-block;
	border: 1px solid #e5e5e5;
	padding: 9px 31px 8px 7px;
	line-height: normal;
	background-color: #f6f5f5;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF6F5F5', endColorstr='#FFEBEBEB');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f5f5), color-stop(100%, #ebebeb));
	background-image: -moz-linear-gradient(top, #f6f5f5 0%, #ebebeb 100%);
	background-image: -webkit-linear-gradient(top, #f6f5f5 0%, #ebebeb 100%);
	background-image: linear-gradient(to bottom, #f6f5f5 0%, #ebebeb 100%);
	max-width: 100%;
}
.field-dropdown:hover, .field-dropdown--slim:hover, .field-dropdown--fat:hover {
	cursor: pointer;
}
.field-dropdown--slim {
	padding: 4px 31px 4px 7px;
}
@media only screen and (max-width: 567px) {
	.field-dropdown--slim {
		top: 2px;
	}
}
.field-dropdown--fat {
	padding: 9px 38px 8px 14px;
}
.field-dropdown-text {
	color: #666;
	font-size: 13px;
	text-align: left;
	display: inline-block;
	width: 100%;
}
.field-dropdown-arrow {
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	text-align: center;
	width: 25px;
	background-color: #cdcccc;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCDCCCC', endColorstr='#FFB1B1B1');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2NjYyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYmJiYWJiIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNhOWFhYWEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWIxYjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cdcccc), color-stop(50%, #bbbabb), color-stop(51%, #a9aaaa), color-stop(100%, #b1b1b1));
	background-image: -moz-linear-gradient(top, #cdcccc 0%, #bbbabb 50%, #a9aaaa 51%, #b1b1b1 100%);
	background-image: -webkit-linear-gradient(top, #cdcccc 0%, #bbbabb 50%, #a9aaaa 51%, #b1b1b1 100%);
	background-image: linear-gradient(to bottom, #cdcccc 0%, #bbbabb 50%, #a9aaaa 51%, #b1b1b1 100%);
}
.field-dropdown-arrow-icon {
	top: 14px;
	left: -1px;
}
.field-dropdown--slim .field-dropdown-arrow-icon {
	top: 8px;
}
.field-dropdown-select {
	border: 2px solid #cccbcb;
	padding: 5px 10px 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.field-dropdown-select input {
		font-size: 14px;
		padding: 2px 3px;
	}
}
@media only screen and (max-width: 1023px) {
	.field-checkbox {
		right: -4px;
	}
}
.modal .field-checkbox {
	top: 1px;
}
@media only screen and (max-width: 1279px) {
	.header-primary {
		padding-top: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.header-primary {
		padding: 0 15px 15px;
	}
}
@media only screen and (max-width: 479px) {
	.heading {
		display: table;
		width: 100%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
}
.heading-details {
	float: left;
}
@media only screen and (max-width: 567px) {
	.heading-details {
		width: 100%;
	}
}
.heading-title {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-bottom: 5px;
}
.heading-subtitle {
	font-size: 16px;
	color: #999;
	margin-bottom: 15px;
	display: block;
}
.heading-description {
	font-size: 14px;
	color: #666;
	margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
	.heading-description-desktop {
		display: none;
	}
}
.heading-description-mobile {
	display: none;
}
@media only screen and (max-width: 767px) {
	.heading-description-mobile {
		display: inline;
	}
}
.heading-actions {
	float: right;
}
@media only screen and (max-width: 567px) {
	.heading-actions {
		width: 100%;
	}
}
.heading-action {
	display: inline-block;
	margin-left: 10px;
}
@media only screen and (max-width: 767px) {
	.heading-action {
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 567px) {
	.heading-action {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 15px;
		font-size: 14px;
	}
}
.filter {
	margin-bottom: 40px;
	background-color: #686565;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF686565', endColorstr='#FF5E5E5E');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY4NjU2NSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTI1MDUyIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMzNjM4MzgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTVlNWUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #686565), color-stop(50%, #525052), color-stop(51%, #363838), color-stop(100%, #5e5e5e));
	background-image: -moz-linear-gradient(top, #686565 0%, #525052 50%, #363838 51%, #5e5e5e 100%);
	background-image: -webkit-linear-gradient(top, #686565 0%, #525052 50%, #363838 51%, #5e5e5e 100%);
	background-image: linear-gradient(to bottom, #686565 0%, #525052 50%, #363838 51%, #5e5e5e 100%);
	padding: 10px 10px 6px;
}
@media only screen and (max-width: 567px) {
	.filter {
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 479px) {
	.filter {
		background: #5e5e5e;
	}
}
.filter-button {
	display: none;
}
@media only screen and (max-width: 567px) {
	.filter-button {
		display: block;
	}
}
.filter-list {
	float: left;
}
@media only screen and (max-width: 567px) {
	.filter-list {
		display: none;
	}
}
@media only screen and (min-width: 568px) {
	.filter-list {
		display: block !important;
	}
}
.filter-item {
	float: left;
	margin-right: 10px;
}
.filter-item .field-dropdown, .filter-item .field-dropdown--slim, .filter-item .field-dropdown--fat {
	padding: 9px 34px 8px 9px;
}
@media only screen and (max-width: 567px) {
	.filter-item {
		margin-top: 20px;
	}
}
.filter-reports {
	float: right;
	z-index: 1;
}
@media only screen and (max-width: 567px) {
	.filter-reports {
		position: absolute;
		top: 10px;
		right: 10px;
	}
}
.filter-report {
	display: block;
	float: left;
	margin-left: 10px;
}
.filter-report-icon.sprite-excel {
	top: 3px;
}
.language-item {
	float: left;
}
.language-link {
	display: block;
	padding: 10px 30px;
	background-color: #fafafa;
	border: 1px solid #ccc;
}
.language-link:visited, .language-link:hover {
	color: #666;
}
.language-link.active {
	background-color: #00a000;
	color: #fff;
	border-color: transparent;
}
.language-link.active:visited, .language-link.active:hover {
	color: #fff;
}
.language-item:first-child .language-link {
	border-right: none;
}
.language-item:last-child .language-link {
	border-left: none;
}
@media only screen and (max-width: 767px) {
	.logo {
		max-width: 70px;
	}
}
@media only screen and (max-width: 567px) {
	.main {
		padding: 15px 10px;
	}
}
.modal.mini {
	width: 400px;
	margin-left: -200px;
}
.modal-close {
	color: #000;
	font-weight: 600;
	padding: 0;
}
.officials-item {
	float: left;
	width: 33.3333333%;
}
@media only screen and (max-width: 1023px) {
	.officials-item {
		width: 50%;
	}
}
@media only screen and (max-width: 567px) {
	.officials-item {
		width: 100%;
	}
}
.pointer:hover {
	cursor: pointer;
}
.postgame-item {
	float: left;
	width: 33.333333%;
}
@media only screen and (max-width: 567px) {
	.postgame-item {
		width: 50%;
	}
	.postgame-item:last-child {
		width: 100%;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 479px) {
	.postgame-item {
		width: 100%;
		margin-top: 20px;
	}
	.postgame-item:first-child {
		margin-top: 0;
	}
}
.postgame--secondary {
	padding-top: 20px;
}
@media only screen and (max-width: 767px) {
	.postgame--secondary .postgame-item {
		width: 50%;
	}
	.postgame--secondary .postgame-item:last-child {
		width: 100%;
		margin-top: 20px;
	}
}
@media only screen and (max-width: 479px) {
	.postgame--secondary .postgame-item {
		width: 100%;
	}
}
@media only screen and (max-width: 1023px) {
	.rink {
		text-align: center;
	}
}
.submenu {
	background-color: #00a000;
	margin-top: -10px;
}
@media only screen and (max-width: 567px) {
	.submenu {
		background-color: #09883f;
		margin-top: 0;
	}
}
@media only screen and (max-width: 479px) {
	.submenu {
		border-bottom: 5px solid #222;
	}
}
@media only screen and (max-width: 479px) {
	.submenu-list {
		display: block;
		overflow: hidden;
	}
}
.submenu-item.active {
	background-color: #ffffff;
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF4F4F4');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4));
	background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
}
@media only screen and (max-width: 479px) {
	.submenu-item {
		display: block;
		float: left;
		width: 50%;
	}
}
.submenu-link {
	display: block;
	padding: 15px 5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.submenu-link:visited, .submenu-link:hover {
	color: #fff;
}
.active .submenu-link {
	color: #00a000;
}
@media only screen and (max-width: 767px) {
	.submenu-link {
		font-size: 13px;
	}
}
@media only screen and (max-width: 567px) {
	.submenu-link {
		font-size: 12px;
	}
}
.sprite {
	display: inline-block;
}
@media only screen and (max-width: 1023px) {
	.star-label {
		display: block;
	}
}
.table-mobile-header {
	display: none;
	background-color: #999;
	color: #fff;
	padding: 12px;
	font-size: 18px;
}
.modal .table-body {
	overflow: visible;
	max-height: inherit;
}
.table-footer {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
.table-body .table-row:not(#reports-graph-container .table-row):nth-of-type(2n), .table-body .table-row--header:nth-of-type(2n), .table-body .table-row--footer:nth-of-type(2n) {
	background-color: #eaeae9;
}
.table-row--subheading {
	background-color: #e6e6e6;
}
.table-row--footer {
	font-weight: 600;
	margin-top: 15px;
}
.table-row--footer:first-child {
	margin-top: 0;
}
.table-column:first-child:last-child, .table-column--number:first-child:last-child, .table-column--name:first-child:last-child, .table-column--tag:first-child:last-child, .table-column--more:first-child:last-child, .table-column--status:first-child:last-child, .table-column--contract:first-child:last-child, .table-column--start:first-child:last-child, .table-column--exempt:first-child:last-child, .table-column--line:first-child:last-child, .table-column--goalie:first-child:last-child, .table-column--confirmed:first-child:last-child, .table-column--actions:first-child:last-child, .table-column--player:first-child:last-child, .table-column--stat:first-child:last-child, .table-column--checkbox:first-child:last-child, .table-column--input:first-child:last-child, .table-column--pos:first-child:last-child, .table-column--add-name:first-child:last-child, .table-column--add:first-child:last-child, .table-column--birthdate:first-child:last-child, .table-column--jersey:first-child:last-child, .table-column--team:first-child:last-child, .table-column--half:first-child:last-child, .table-column--third:first-child:last-child {
	width: 100%;
}
.table--slim [class*="table-column--"] {
	padding: 8px 4px;
}
.table-column.omega, .omega.table-column--number, .omega.table-column--name, .omega.table-column--tag, .omega.table-column--more, .omega.table-column--status, .omega.table-column--contract, .table-column--line, .omega.table-column--start, .omega.table-column--exempt, .omega.table-column--goalie, .omega.table-column--confirmed, .omega.table-column--actions, .omega.table-column--player, .omega.table-column--stat, .omega.table-column--checkbox, .omega.table-column--input, .omega.table-column--pos, .omega.table-column--add-name, .omega.table-column--add, .omega.table-column--birthdate, .omega.table-column--jersey, .omega.table-column--team, .omega.table-column--half, .omega.table-column--third {
	padding-right: 8px;
}
.table-column--number {
	width: 5%;
	text-align: center;
}
.table-column--position {
	width: 7%;
}
.table-column--agegroup {
	width: 10%;
}
.table-column--name {
	width: 24%;
	line-height: 1.3;
}
.table-column--tag {
	width: 14%;
}
.table-column--ref-lines {
	width: 61%;
}
.table-column--more {
	display: none !important;
	width: 28%;
	padding-right: 8px;
}
.table-column--status {
	width: 8%;
}
.table-column--contract {
	width: 12%;
}
.table-column--line {
	width: 7%;
}
.table-column--confirmed {
	width: 8%;
	text-align: center;
}
.table-column--start {
	width: 7%;
	text-align: center;
}
.table-column--exempt {
	width: 9%;
	text-align: center;
}
.table-column--goalie {
	width: 9%;
	text-align: center;
}
.table-column--actions {
	width: 7%;
	text-align: center;
}
.table-column--state {
	width: 3%;
	text-align: center;
}
.table-column--state img.loading {
	height: 24px;
	max-width: 100vw;
}
.table-column--player {
	width: 40%;
}
.table-column--player-mark {
	width: 12px;
	display: inline-block;
}
.table-column--player-pos {
	width: 12px;
	display: inline-block;
}
.table-column--player-number {
	width: 20px;
	display: inline-block;
	text-align: center;
}
.table-column--stat {
	width: 10%;
	font-size: 16px;
}
.table-column--checkbox {
	width: 12%;
}
.table-column--input {
	width: 12%;
}
.table-column--pos {
	width: 11%;
	text-align: center;
}
.table-column--add-name {
	width: 35%;
}
.table-column--add {
	width: 26%;
	text-align: right;
}
.table-column--birthdate {
	width: 27%;
}
.table-column--jersey {
	width: 20%;
}
.table-column--team {
	width: 29%;
}
.table-column--half {
	width: 50%;
}
.table-column--third {
	width: 33.3333333%;
}
.table-column--cname {
	width: 40%;
}
.table-column--crole {
	width: 40%;
}
.table-column--cactions {
	width: 20%;
	text-align: center;
}
.table--slim [class*="table-column--"] select {
	width: 100%;
}
@media only screen and (max-width: 567px) {
	[class*="table-label"]:before {
		color: #999;
		display: inline-block;
		line-height: 10px;
	}
}
[class*="table-label"].table-label-block:before {
	display: block;
}
@media only screen and (max-width: 567px) {
	.table-label-tag-id:before {
		content: "Tag ID: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-name:before {
		content: "Name: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-team:before {
		content: "Team: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-pos:before {
		content: "Pos: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-g:before {
		content: "G: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-a:before {
		content: "A: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-plus-minus:before {
		content: "+/-: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-sh:before {
		content: "SH: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-pim:before {
		content: "PIM: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-ga:before {
		content: "GA: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-mins:before {
		content: "MINS: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-svs:before {
		content: "SVS: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-jersey:before {
		content: "Jersey #: ";
	}
}
@media only screen and (max-width: 567px) {
	.table-label-birthdate:before {
		content: "DOB: ";
	}
}
.table-icon {
	margin-left: 7%;
}
.table-icon:first-child {
	margin-left: 0;
}
.table-button {
	background-color: #00a000;
	color: #fff;
	padding: 4px 15px;
	border: 1px solid #09883f;
	font-size: 13px;
	top: 2px;
}
.table-button:hover {
	background-color: #0db855;
}
.table-label {
	display: none;
	font-size: 12px;
	color: #999;
}
@media only screen and (max-width: 567px) {
	.table-label {
		display: block;
	}
}
.tags, .tags--slim {
	text-align: center;
}
#tags-container {
	max-height: 170px;
	overflow-y: scroll;
}
.tags-item {
	float: left;
	margin: 5px;
	cursor: pointer;
}
@media only screen and (max-width: 1023px) {
	.tags-item {
		float: none;
		display: inline-block;
	}
}
.rink-tags .tags-item {
	float: none;
	display: inline-block;
}
.tags-tag {
	color: #fff;
	background-color: #cccbcb;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 16px;
	border-radius: 5px;
	width: 165px;
}
.tags-tag.active {
	background-color: #00a000;
}
.tags-tag.active.selected {
	background-color: #ee9800;
}
@media only screen and (max-width: 479px) {
	.tags-tag {
		width: 132px;
		font-size: 14px;
	}
}
.tags--slim .tags-tag {
	width: 100px;
}
.typeahead-home {
	background: #0025ca;
}
.typeahead-visitor {
	background: #f38300;
}
.typeahead-logo {
	max-width: 40px;
	max-height: 20px;
}
.dropdown-menu {
	max-height: 200px;
	overflow-y: auto;
	min-width: 240px;
	max-width: 700px;
}
li.uib-typeahead-match a img {
	vertical-align: middle;
}
.dropdown-menu > li > a {
	padding: 4px 5px !important;
}

/* Override for ng-tags-input */
tags-input .tags, tags-input .host {
	height: auto;
	margin: 0;
	box-shadow: none;
}
tags-input .tags {
	border: 1px solid #999;
}
tags-input .tags .tag-item {
	font: inherit;
	font-size: 90%;
	border-radius: 0;
	line-height: 28px;
	background: #00a000;
	color: #fff;
	border: none;
}
tags-input .tags .tag-item .remove-button {
	color: #fff;
}
tags-input .autocomplete .suggestion-item {
	font: inherit;
	font-size: 90%;
}
tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
	background-color: #73cb73;
}
tags-input .autocomplete .suggestion-item img {
	vertical-align: middle;
}

/* Dev Panel */

.on_staging {
	background-color:rgb(0, 170, 170);
	border-bottom: 4px solid #ca1212;
	color: #000;
}
.on_dev_live {
	background-color: #840f0f;
	border-bottom:4px solid yellow;
	color:#FFF;
}
.on_env {
	background-color: #005800;
	color:#e1e1e1;
}
.htdev {
	width: 33%;
}
.htdevenv {
	font-size: 180%;
	text-align: center;
	color: rgb(217, 217, 217);
}
.htdevdir {
	float: right;
	text-align: right;
	margin: 0px 10px 0 0;
	font-size: 90%;
	line-height: 1.2;
}
.htdevbranch {
	float: left;
	text-align: left;
	margin: 10px 0 0 10px;
}
.htdeveloper {
	position: fixed;
	height: 45px;
	width: 100%;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
}
.htdev-links a {
	color:yellow;
}
.ht-lost-internet {
	background-color: rgba(0, 0, 0, 0.5);
	height: 40px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10050;
}
.ht-lost-internet .ht-lost-center {
	width: 600px;
	margin: 0 auto;
}
div.zam {
	width: 300px;
	height: 40px;
	float: left;
	position: relative;
}
div.offline-zamboni {
	background-image: url('../img/zam.png');
	background-repeat: no-repeat;
	width: 80px;
	height: 40px;
	position: absolute;
	-webkit-animation: myfirst 4s infinite; /* Chrome, Safari, Opera */
	-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
	animation: myfirst 4s infinite;
	animation-direction: alternate;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
	0%   {left: 0px; top: 0px;}
	50%  {left: 220px; top: 0px;}
	100% {left: 0px; top: 0px;}
}
@keyframes myfirst {
	0%   {left: 0px; top: 0px;}
	50%  {left: 220px; top: 0px;}
	100% {left: 0px; top: 0px;}
}
div.offline-warning {
	float: left;
	min-width: 300px;
	margin: 0px;
	padding: 0 10px;
	background-color: #ff2616;
	color: #fff;
	line-height: 40px;
	font-size: 110%;
	font-weight: 600;
	text-align: center;
}
.event-error-msg {
	font-style: italic;
	font-size: 90%;
	padding: 6px 0 0;
	color: #666;
	clear: both;
}
.table-error-msg {
	font-style: italic;
	font-size: 90%;
	padding: 4px 0;
	color: #666;
	clear: both;
}
.event-error,
.group-radios label.event-error,
.group-yes-no label.event-error{
	box-shadow: 0 0 5px rgba(255, 38, 22, 0.7) !important;
	border: 1px solid rgba(255, 38, 22, 0.7) !important;
}
.event-goalie-error-msg {
	position: absolute;
	bottom: 0;
	background-color: #ff2616;
	left: 0;
	right: 0;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	color: #fff;
	font-style: italic;
	font-size: 90%;
}
/* top hard warning */
section.hard-warning {
	position: fixed;
	top: 24px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
	border: 1px solid #900000;
	box-shadow: 0px 2px 14px 0px #000;
}
@media only screen and (max-width: 1100px) {
	section.hard-warning {
		top: 0px;
		width: 80%;
	}
}
@media only screen and (max-width: 800px) {
	section.hard-warning {
		top: 0px;
		width: 90%;
	}
}
.hard-warning-content {
	text-align: center;
	line-height: 30px;
	height: 30px;
	background-color: #ff2616;
	padding: 0 10px;
	font-size: 88%;
	white-space: nowrap;
}
.hard-warning-content p {
	color: #fff;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}
div.settings-menu ul li a.disabled {
	cursor: no-drop;
}
div.settings-menu ul li a.disabled:hover {
	background-color: #808080;
}
a.add-player-btn.disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.5;
}
.offensive-defensive-container {
	display: table;
	padding: 0;
}
.offensive-defensive-container .plus-minus-player {
	float: left;
	display: inline-block;
	border: 1px solid #999;
	background-color: #c6e8c6;
	padding: 0 6px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 26px;
	font-size: 90%;
}
.offensive-defensive-container .plus-minus-player i {
	color: #666;
	cursor: pointer;
}
.offensive-defensive-container .plus-minus-player i:hover {
	color: #00A000;
}
a.offensive-defensive-btn {
	border: 1px solid #00a000;
	color: #fff;
	background-color: #00a000;
	display: table;
	line-height: 25px;
	width: 130px;
	text-align: center;
	float: left;
	margin-right: 5px;
}
a.offensive-defensive-btn:hover {
	color: #00a000;
	background-color: #fff;
}
a.offensive-defensive-btn.disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: 0.5;
}