.halo-map-list-header {
	display: inline-block;
}

.halo-search-container {
	float: right;
	margin-top: 0;
	margin-bottom: 1ex;
}

.halo-map-list, .halo-game-list {
	list-style: none;
}

.halo-game {
	display: inline-block;
	padding: 0;
	border: 1px solid rgb(217, 224, 33);
	background-color: black;
	color: rgb(217, 224, 33);
	text-align: center;
	cursor: pointer;
	margin-right: 105px;
}

.halo-game-last {
	margin-right: 0;
}

.selectedGameIcon {
	height: 4ex;
	cursor: pointer;
}

.halo-map {
	display: inline-block;
	padding: 0;
	border: none;
	background-color: black;
	color: rgb(217, 224, 33);
	text-align: center;
	cursor: pointer;
    margin-bottom: 10px;
}

.halo-map-icon {
	width: 250px;
	height: 150px;
}

.halo-map-icon-selected {
	height: 5ex;
}

.halo-map-name {
	font-weight: bold;
}

.halo-timer-control-time {
	font-size: 500%;
    cursor: pointer;
}

.halo-timer-control {
	margin-left: 2em;
	height: 5ex;
	cursor: pointer;
}

.halo-timer-list {
	list-style: none;
}

.halo-timer-slot {
	padding: 0;
	height: 100px;
	width: 350px;
	color: rgb(217, 224, 33);
	border: 1px solid rgb(217, 224, 33);
	display: inline-block;
}

.halo-timer-slot-time {
	font-size: 500%;
	display: inline-block;
	width: 2em;
	text-align: right;
	vertical-align: top;
	margin-top: 5px;
	text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}

.halo-spawnable-icon {
	height: 90px;
	margin-top: 5px;
}

.spawnable-black {
	background-color: black;
}

.spawnable-green {
	background-color: green;
}

.spawnable-yellow {
	background-color: yellow;
}
.spawnable-orange {
	background-color: orange;
}

.spawnable-red {
	background-color: red;
}

.Feature {
	-webkit-animation: fadeIn .25s; 
	-moz-animation: fadeIn .25s;
	-ms-animation: fadeIn .25s;
	animation: fadeIn .25s;
}

.W3cContainer {
	display: none;
}

[ng\:cloak], [data-ng-cloak], .ng-cloak {
	display: none !important;
}

@media (max-width: 1200px) {
	.halo-game {
		margin-right: 10px;
		margin-bottom: 10px;
	}
}