body {
	margin: 0 auto;
}

.hide {
	display: none;
}

@media (max-width: 991px) {
    .container {
        max-width: none !important;
    }
}

/* Table Defaults */

.bootstrap-table {
	margin-bottom: 1em;
}

table td {
	vertical-align: middle;
}

table .games,
table .goals,
table .plusMinus,
table .specialTeams,
table .minutes,
table .period,
table .score,
table .shots,
table .percentage,
table .toi {
	text-align: center;
}

table .number,
table .actions {
	text-align: right;
}

table .score .win {
	color: green;
}

table .score .loss {
	color: red;
}

.fixed-columns {
	background: none;
}

/* Login Page */

.page-login .btn.login {
	display: none;
}

.page-login main {
	max-width: 330px;
    padding: 1rem;
}

@media (max-width: 991px) {
	.page-login main {
		max-width: none;
		padding: 1rem 0;
	}
}

/* Import Page */

.page-games-import .externalTypeFields:not([data-id="1"]) {
	display: none;
}

/* Team Page */

.filters a {
	margin-right: 1em;
}

.filters a:last-child {
	margin-right: 0;
}

.modal-footer {
	justify-content: space-between;
}

.actionLinks a {
	display: inline-block;
	width: 90px;
}

/* Add/Edit Shot Page */

.page-games-shots-add,
.page-games-shots-edit {
	[data-type-id]:not([data-type-id*="1"]) {
		display: none;
	}
}

/* Rink Image */
.hockeyRinkImage {
	position: relative;

	.puck {
		position: absolute;
		background: black;
		border-radius: 50%;
		width: 10px;
		height: 10px;
		box-shadow: 0 0 1px 1px #FFF;
		box-sizing: border-box;

		&.goal {
			box-shadow: 0 0 6px 2px green;

			&.home {
				box-shadow: 0 0 6px 2px orange;
			}
		}

		&.missed {
			background: none;
			box-shadow: 0 0 1px 1px #000;

			&:before {
				content: 'X';
				color: #000;
				position: absolute;
				line-height: 10px;
				left: 1px;
				font-weight: bold;
				font-size: 13px;
			}
		}
	}
}

/* Team Identifier */
.teamIdentifier {
	display: inline-block;
	background: green;
	border-radius: 50%;
	width: 10px;
	height: 10px;

	&.home {
		background: orange;
	}
}

/* Action Drop Down */

.actions {
	position: relative;

	&:hover {
		.dropdown-menu {
			display: block;
			right: 0;
			text-align: right;
		}
	}

	.btn {
		text-align: right;
	}
}