body {
	font-family: sans-serif;
	background: url('../img/bgs/dust_scratches.png');
}

hr {
	border-top-color: #999999;
}

a {
	color: #337ab7;
}

a:focus,
a:hover {
	color: #23527c;
}

div#page-top {
	position: fixed;
	width: 100%;
	top: 0;
    left: 0;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid #333;
}

/* Navigation Styles */
nav#navigation {
	width: 100%;
	margin: auto;
	overflow: hidden;
	border-top: 1px solid #cccccc;
	position: fixed;
	bottom: 0;
	background: #fff;
}

ul#nav-list {
	padding: 10px 0 0 0;
	list-style: none;
	list-style-type: none;
}

ul#nav-list li ul.display {
	list-style-type: none;
}

ul#nav-list li ul.display li {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	padding-left: 30px;
	text-align: left;
}

ul#nav-list li ul.display li:hover {
	background: #337ab7;
}

ul#nav-list li ul.display li a {
	dispalay: block;
}

ul#nav-list li ul.display li:hover a {
	color: #fff;
}

ul#nav-list li.nav-item {
	float: left;
	text-align: center;
}

ul#nav-list li.nav-item ul li {
	float: none;
}

ul#nav-list li.home,
ul#nav-list li.soldiers,
ul#nav-list li.missions,
ul#nav-list li.covert,
ul#nav-list li.more {
	width: 20%;
}

ul#nav-list li.more ul {
	display: none;
}

ul#nav-list li.nav-item a {
	color: #333333;
}

ul#nav-list li.nav-item span.mobile-icon {
	width: 100%;
	display: block;
	height: 48px;
}

ul#nav-list li.nav-item span.mobile-icon img {
	max-width: 48px;
	max-height: 48px;
}

ul#nav-list li.more ul.display {
	position: fixed;
	background: #ffffff;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	padding: 0;
}

ul#nav-list li.more ul.display li.sub-nav-item {
	line-height: 3em;
	text-align: left;
	border-top: 1px solid #cccccc;
	padding: 0 5%;
}

ul#nav-list li.more ul.display,
ul#nav-list li.more ul.display li.sub-nav-item,
ul#nav-list li.more ul.display li.sub-nav-item a {
	display: block;
}

h1 {
	font-size: 1.5em;
}

@media (min-width: 0px) {
	/* Homepage / Mission Page */
	table.soldier-table .flag-col,
	table.soldier-table .melee-col,
	table.soldier-table .damage-col,
	table.soldier-table span.rank-short,
	table.soldier-table span.shot-pct,
	table.soldier-table div.data-row-title
	{
		display: none;
	}
	
	table.soldier-table td.rank-col {
		border-left: 1px solid #000000;
	}
	
	table.soldier-table td.shots-col .data-row-info {
		margin: auto;
	}
	
	/* Soldier List Page */
	table.soldier-list-table span.rank-short,
	table.soldier-list-table .flag-col,
	table.soldier-list-table .aim-col,
	table.soldier-list-table .health-col,
	table.soldier-list-table .mobility-col,
	table.soldier-list-table .will-col,
	table.soldier-list-table .hack-col,
	table.soldier-list-table .dodge-col,
	table.soldier-list-table .psi-col,
	table.soldier-list-table .intelligence-col,
	table.soldier-list-table .damage-col,
	table.soldier-list-table .shot-pct,
	table.soldier-list-table .melee-title
	{
		display: none;
	}
	
	table.soldier-list-table .rank-col {
		border-left: 1px solid #000000;
	}
	
	table.soldier-list-table td.shots-col,
	table.soldier-list-table td.melee-col {
		text-align: center;
	}
	
	/* Soldier Page */
	div.soldier-flag img,
	table.soldier-ops-table .rank-short,
	table.soldier-ops-table .shot-head,
	table.soldier-ops-table .shots-pct,
	table.soldier-ops-table .damage-col,
	table.soldier-ops-table .melee-col,
	table.soldier-ops-table .kills-col
	{
		display: none;
	}
	
	table.soldier-ops-table .shots-col {
		text-align: center;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 2em;
	}
	
	/* Homepage / Mission Page */
	table.soldier-table .flag-col,
	table.soldier-table .damage-col,
	table.soldier-table .melee-col
	{
		display: table-cell;
	}
	
	table.soldier-table td.rank-col {
		border-left: 0;
	}
	
	table.soldier-table td.melee-col {
		text-align: center;
	}
	
	table.soldier-table span.melee-title {
		display: none;
	}
	
	/* Soldier List Page */
	table.soldier-list-table td:first-child {
		border-radius: 5px 0 0 5px;
	}
	
	table.soldier-list-table td:last-child {
		border-radius: 0 5px 5px 0;
	}
	
	table.soldier-list-table th {
		border-radius: 5px;
	}
	
	table.soldier-list-table .flag-col,
	table.soldier-list-table .damage-col
	{
		display: table-cell;
	}
	
	table.soldier-list-table .rank-col {
		border-left: 0;
	}
	
	/* Soldier Page */
	div.soldier-flag span {
		font-size: 1em;
	}
	
	div.soldier-flag img {
		display: block;
	}
	
	table.soldier-ops-table .kills-col {
		display: table-cell;
	}
}

@media (min-width: 992px) { 
	h1 {
		font-size: 2.5em;
	}
	
	/* Navigation */
	nav#navigation {
		display: block;
		bottom: auto;
		border: 0;
		position: unset;
		overflow: unset;
		width: 95%;
	}
	
	ul#nav-list {
		margin: 0;
		padding: 0;
		font-size: 0;    
		text-align: left;
	}
	
	ul#nav-list li.nav-item {
		display: inline-block;
		position: relative;
		padding: 0 20px;
		text-align: left;
	}
	
	ul#nav-list li.nav-item a {
		font-size: 1rem;
        display: block;
        text-align: center;
        text-decoration: none;
        padding: 10px 0 10px 25px;
		background-image: url('../img/icons/xcom-small.png');
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	ul#nav-list li.nav-item ul {
		 display: none;
         position: absolute;
         top: 100%;
         right: 0;
         margin-right: 0;
	}
	
	ul#nav-list li.nav-item ul li {
		margin-top: 1px;
	}
	
	ul#nav-list li.nav-item ul li a {
        text-align: left;
        white-space: nowrap;
	}
	
	ul#nav-list li.nav-item:hover {
		border-left: 1px solid #333;
		border-right: 1px solid #333;
		padding: 0 19px;
		background: #eee;
	}
	
	ul#nav-list li.nav-item.more:hover {
	}

	ul#nav-list li.nav-item:hover a {
		color: #d72a25;
		text-decoration: none;
		background-image: url('../img/icons/xcom-small-hover.png');
	}
	
	ul#nav-list li.nav-item:hover ul {
		display: block;
		background: #eee;
		margin-top: 1px;
		border-right: 1px solid #333;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		padding: 0;
		margin-right: -1px;
	}
	
	ul#nav-list li.nav-item:hover ul li {
		border: 0;
		padding: 0 20px;
	}
	
	ul#nav-list li.nav-item:hover ul li a {
		background-image: url('../img/icons/xcom-small.png');
	}
	
	ul#nav-list li.nav-item:hover ul li:hover a {
		background-image: url('../img/icons/xcom-small-hover.png');
	}
	
	ul#nav-list li.home,
	ul#nav-list li.soldiers,
	ul#nav-list li.missions,
	ul#nav-list li.covert,
	ul#nav-list li.about,
	ul#nav-list li.season2
	{
		width: auto;
		display: block;
	}
	
	ul#nav-list li.more {
		width: auto;
	}

	ul#nav-list li.nav-item span.mobile-icon {
		display: none;
	}
	
	ul#nav-list li.nav-item a {
		color: #337ab7;
	}

	/* Homepage / Mission Page */
	table.soldier-table span.rank-short,
	table.soldier-table span.rank-short,
	table.soldier-table span.shot-pct,
	table.soldier-table span.melee-title
	{
		display: inline;
	}
	
	table.soldier-table div.data-row-title {
		display: block;
	}
	
	table.soldier-table td.shots-col .data-row-info {
		margin: 0;
	}
	
	table.soldier-table td.melee-col {
		text-align: left;
	}
	
	/* Soldier List Page */
	table.soldier-list-table span.rank-short,
	table.soldier-list-table .shot-pct
	{
		display: inline;
	}
	
	table.soldier-list-table td.shots-col,
	table.soldier-list-table td.melee-col {
		text-align: left;
	}
	
	table.soldier-list-table .aim-col,
	table.soldier-list-table .health-col,
	table.soldier-list-table .mobility-col
	{
		display: table-cell;
	}
	
	/* Soldier Page */
	div.soldier-flag span {
		font-size: 1.2em;
	}
	
	table.soldier-ops-table .damage-col,
	table.soldier-ops-table .melee-col
	{
		display: table-cell;
	}
	
	table.soldier-ops-table .melee-title {
		display: none;
	}
	
	table.soldier-ops-table .shots-pct, 
	table.soldier-ops-table .rank-short
	{
		display: inline;
	}
	
	table.soldier-ops-table .shots-col {
		text-align: left;
	}
}

@media (min-width: 1200px) { 
	/* Navigation */
	nav#navigation {
		width: 85%;
	}

	/* Soldier List Page */
	table.soldier-list-table .will-col,
	table.soldier-list-table .hack-col,
	table.soldier-list-table .intelligence-col
	{
		display: table-cell;
	}
	
	table.soldier-list-table .melee-title {
		display: inline;
	}
	
	/* Soldier Page */
	table.soldier-ops-table .shot-head,
	table.soldier-ops-table .melee-title
	{
		display: inline;
	}
	
	div.soldier-flag span {
		font-size: 1.5em;
	}
}

/* Container Styles */
div#container {
	padding: 0;
}

/* Header Styles */
header {
	border-bottom: 2px #dddddd solid;
}

#head-container {
	width: 85%;
	margin: auto;
}

div#head-small {
	padding-top: 20px;
}

h1#head-main {
	margin-top: 0;
	color: #b91d0c;
	background:  linear-gradient(to bottom, #e96b6b 0%, #fa2a13 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Main Styles */
div#main {
	/* width: 85%;
	margin: auto;
	margin-top: 40px; */
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}

div.flex {
	display: flex;
}

div.mission-container {
	background: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 15px;
	overflow: hidden;
	padding: 20px;
}

h3.operation-name {
	margin-top: 0;
}

div.mission-photo img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 0 8px #333333;
}

p.mission-date,
p.mission-location,
p.objective,
p.dark-event {
	margin: 0;
}

div.chosen-result {
	font-size: 2em;
	color: #990000;
	margin: 20px;
}

div.mission-table {
	text-transform: uppercase;
	font-size: 1.2em;
	border-bottom: 1px groove #999999;
	margin: 5px 0;
	padding-bottom: 5px;
}

div.mission-table:first-of-type {
	margin-top: 20px;
}

div.mission-table-head,
div.mission-table-result {
	padding: 0;
}

/*Mission Information */
p.mission-date,
p.mission-location,
p.objective,
p.sitrep,
p.dark-event,
p.mission-difficulty {
	margin: 10px 0;
	min-height: 32px;
	line-height: 32px;
}

p.mission-date img,
p.mission-location img,
p.objective img,
p.sitrep img,
p.dark-event img,
p.mission-difficulty img {
	height: 32px;
	margin-right: 10px;
}

div.flag img {
	border: 1px solid #333333;
}

/* Table Styles */
table.soldier-table,
table.soldier-ops-table,
table.mission-table,
table.covert-table {
	width: 100%;
}

table.tablesorter {
	border-collapse: separate;
	border-spacing: 0 5px;
}

table.tablesorter thead tr th {
	border: 1px solid #FFF;
	padding: 5px;
}

table.tablesorter thead tr .tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	color: #ffffff;
	padding-right: 20px;
}

table.tablesorter thead tr .tablesorter-headerUnSorted {
	background-image: url('../img/icons/bg.gif');
	background-color: #333333;
}

table.tablesorter thead tr .tablesorter-headerAsc {
	background-image: url('../img/icons/asc.gif');
	background-color: #337ab7;
}

table.tablesorter thead tr .tablesorter-headerDesc {
	background-image: url('../img/icons/desc.gif');
	background-color: #337ab7;
}

table.tablesorter thead tr th img {
	width: 25px;
	height: auto;
}

table.tablesorter tbody tr td,
table.tablesorter tfoot tr td {
	background-color: #ffffff;
	padding: 5px;
}

table.tablesorter tbody tr td,
table.tablesorter tfoot tr td {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

table.tablesorter tbody tr td:first-child,
table.tablesorter tfoot tr td:first-child {
	border-left: 1px solid #999999;
}

table.tablesorter tbody tr td:last-child,
table.tablesorter tfoot tr td:last-child {
	border-right: 1px solid #999999;
}

table.tablesorter tbody tr td.alert-danger {
	color: #a94442;
	background-color: #f2dede;
}

table.tablesorter tbody tr td.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
}

table.tablesorter tbody tr td.alert-info {
	color: #31708f;
	background-color: #d9edf7;
}

table.tablesorter tbody tr td.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
}

table.tablesorter tbody tr td.alert-purple,
div.alert-purple {
	color: #89318f;
	background-color: #f5daf7;
}

table.tablesorter tbody tr td.alert-orange,
div.alert-orange {
	color: #8f6031;
	background-color: #f7e9da;
}

table.tablesorter tbody tr td.alert-mvp,
div.alert-mvp {
	color: #996515;
	background-color: #FFDF00;
}

table.tablesorter tbody tr td.classicon {
	width: 50px;
	text-align: center;
}


table.tablesorter tbody tr td.rankicon {
	line-height: 40px;
	white-space: nowrap;
}

table.tablesorter tbody tr td.mvp {
	width: 60px;
}

table.tablesorter tbody tr td.name,
table.tablesorter tbody tr td.kills,
table.tablesorter tbody tr td.shots,
table.tablesorter tbody tr td.overwatch,
table.tablesorter tbody tr td.melee {
	white-space: nowrap;
}

table.tablesorter tbody tr td.skill {
	text-align: center;
	width: 50px;
}

table.tablesorter tbody tr td.skill.intelligence {
	width: auto;
	text-align: left;
}

table.tablesorter td.mission-date {
	white-space: nowrap;
}


table.stats-table td {
	padding: 5px;
}

td.flag {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

table.soldier-list-table td {
	vertical-align: middle;
}

td.flag img {
	width: 100%;
	border: 1px solid #333333;
}

td.rankicon img {
	max-height: 37px;
	padding-right: 5px;
}

td.rank {
	max-width: 40px;
}

td.classicon img,
td.faction-icon img {
	max-height: 37px;
}

td.mvp img {
	max-height: 37px;
}

td.damage,
td.mvp,
td.difficulty,
td.episode {
	text-align: center;
}



div.data-row {
	margin-right: 0;
	margin-left: 0;
}

div.data-row-title {
	font-weight: bold;
	padding-right: 10px;
}

div.data-row-info {
	padding-right: 10px;
}

.status-box {
	height: 40px;
	line-height: 20px;
	padding: 10px;
	border-radius: 10px;
	float: left;
	min-width: 100px;
	margin-left: 10px;
	text-align: center;
	white-space: nowrap;
	border-width: 2px;
	border-style: solid;
}

.alert-hacked {
	color: #8f6031;
	background-color: #f7e9da;
	border-color: #f2d8bd;
}

.alert-mind-controlled {
	color: #89318f;
	background-color: #f5daf7;
	border-color: #efbdf2;
}

span.status-icon img {
	max-height: 37px;
}

/* Bond Styles */
.bond {
	text-align: left;
}

.bonded-soldier {
    font-size: 1.5em;
    padding-left: 0;
}

/* Footer */
footer {
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #337ab7;
	color: #ffffff;
	clear: both;
	margin-top: 100px;
}

footer a {
	color: #ffffff;
	text-decoration: underline;
}

footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* Soldier Page */
.soldier-name-container {
	font-family: "Ubuntu", sans-serif;
}

div.soldier-name {
	margin-top: auto;
}

.soldier-full-name {
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 0;
}

.soldier-nickname {
	font-size: 2.5em;
	line-height: 1em;
	margin-bottom: 0;
}

.country-name {
	font-family: "Ubuntu", sans-serif;
	font-size: 1.5em;
}

div.soldier-classrank-container,
div.soldier-stats-container,
div.soldier-skills-container {
	border-bottom: 2px solid #666666;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

div.soldier-rank,
div.soldier-class {
	margin-top: 20px;
}

div.soldier-flag img {
	background-color: #ffffff;
	border: 1px solid #333333;
	box-shadow: 0 0 6px #999999;
}

div.soldier-page-rank-insignia,
div.soldier-page-class-insignia {
	width: 80px;
	display: inline-block;
}

div.soldier-page-rank-insignia img,
div.soldier-page-class-insignia img {
	width: 64px;
}

div.soldier-page-rank-label {
	display: inline-block;
	font-size: 2em;
	line-height: 64px;
	vertical-align: middle;
}

span.soldier-page-nickname {
	font-size: 0.75em;
}

h2.soldier-page-name {
	margin-top: 0;
	font-weight: normal;
	font-size: 3em;
}

div.soldier-photo img {
	width: 100%;
	background: #ffffff;
	/* padding: 5px;
	border: 1px solid #666666; */
	border-radius: 20px;
	box-shadow: 0 0 10px #333333;
	margin-top: 20px;
}

div.soldier-flag img {
	max-width: 100%;
	width: auto;
	/* max-height: 64px; */
	border: 1px solid #333333;
	box-shadow: 0 0 6px #999999;
}

div.soldier-page-class-label {
	font-size: 2em;
	line-height: 64px;
	vertical-align: middle;
	display: inline-block;
}

div.stats {
}

div.stats div {
	margin-bottom: 10px;
}

div.stats-header,
div.skills-header,
div.bond-header {
	font-size: 2em;
}

div.skill-title {
	font-size: 1.5em;
}

div.skill-title-intelligence {
	font-size: 1.5em;
	text-align: left;
}

div.aim,
li.aim {
	background-image: url('../img/icons/stats/aim.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.health,
li.health {
	background-image: url('../img/icons/stats/health.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.mobility,
li.mobility {
	background-image: url('../img/icons/stats/mobility.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.will,
li.will {
	background-image: url('../img/icons/stats/will.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.psi,
li.psi {
	background-image: url('../img/icons/stats/psi.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.hack,
li.hack {
	background-image: url('../img/icons/stats/hack.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.dodge,
li.dodge {
	background-image: url('../img/icons/stats/dodge.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	line-height: 36px;
	font-size: 1.3em;
}

div.intelligence,
li.intelligence {
	background-image: url('../img/icons/stats/intelligence.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 46px;
	font-size: 1.3em;
}

div.soldier-killed {
	font-size: 4em;
	color: #cc0000;
	background-image: url('../img/icons/killed.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 80%;
	padding-left: 80px;
	margin-bottom: 20px;
}

div.skill {
	line-height: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 36px 36px;
	padding-left: 50px;
	font-size: 1.3em;
}

/* Mission List Page */
div.mission-box-container,
div.covert-box-container {
	margin-bottom: 30px;
}

div.mission-box {
	background-color: #ffffff;
	border-radius: 10px;
	margin: 0;
	padding: 0;
	border: 1px solid #666666;
	box-shadow: 0 0 4px #666666;
}

div.card.mission-box {
	border-radius: 0.25rem; /* don't need this if deleting above styles */
	box-shadow: none;
}

div.mission-box.mission-completed {
	border: 1px solid #28a745;
}

div.mission-box.mission-completed img {
	border-right: 1px solid #28a745;
	border-left: 1px solid #28a745;
}

div.mission-box.mission-completed div.card-header {
	background: url('../img/icons/green-check.png') no-repeat center right 5%;
	background-size: 32px 32px;
	padding-right: 40px;
	display: block;
}

div.mission-box.mission-failed {
	border: 1px solid #dc3545;
}

div.mission-box.mission-failed img {
	border-right: 1px solid #dc3545;
	border-left: 1px solid #dc3545;
}

div.mission-box.mission-failed div.card-header {
	background: url('../img/icons/red-x.png') no-repeat center right 5%;
	background-size: 32px 32px;
	padding-right: 40px;
	display: block;
}

div.mission-info {
	padding: 10px;
	border-radius: 10px 10px 0 0;
}

div.operation-name {
	/* font-size: 1.3em; */
	font-weight: bold;
	color: #333333;
}

/* Old after update */
div.operation-name span {
	font-size: 1.4em;
} /* end old */

div.card.mission-box div.card-header {
	font-size: 1.3em;
}

div.mission-date {
	color: #000000;
	font-weight: bold;
}

div.mission-objective {
	padding: 10px;
	color: #000000;
	border-bottom: 1px solid #666666;
}

div.mission-location,
div.mission-sitrep,
div.mission-reward,
div.covert-mission,
div.covert-operatives,
div.mission-darkevent {
	margin-bottom: 10px;
}

/* Covert List Page */
div.covert-faction {
	padding: 10px;
	color: #000000;
	height: 70px;
	border-radius: 10px 10px 0 0;
}

div.covert-reapers {
	border: 1px solid #ffc107;
}
div.covert-skirmishers {
	border: 1px solid #dc3545;
}

div.covert-templars {
	border: 1px solid #6035dc;
}

div.covert-skirmishers div.card-header {
	background: url('../img/icons/classes/skirmisher.png') no-repeat center right 5%;
	background-color: #f8d7da;
}

div.covert-reapers div.card-header {
	background: url('../img/icons/classes/reaper.png') no-repeat center right 5%;
	background-color: #fff3cd;
}

div.covert-templars div.card-header {
	background: url('../img/icons/classes/templar.png') no-repeat center right 5%;
	background-color: #f5daf7;
}

div.covert-box div.card-header {
	display: block;
	font-size: 1.2em;
	background-size: 48px 48px;
	padding-right: 64px;
}

.req-soldier {
	background: url('../img/icons/classes/xcom.png') no-repeat center left 10px;
}

.req-skirmisher {
	background: url('../img/icons/classes/skirmisher.png') no-repeat center left 10px;
}

.req-templar {
	background: url('../img/icons/classes/templar.png') no-repeat center left 10px;
}

.req-reaper {
	background: url('../img/icons/classes/reaper.png') no-repeat center left 10px;
}

.req-squaddie {
	background: url('../img/icons/ranks/squaddie.png') no-repeat center left 10px;
}

.req-corporal {
	background: url('../img/icons/ranks/corporal.png') no-repeat center left 10px;
}

.req-sergeant {
	background: url('../img/icons/ranks/sergeant.png') no-repeat center left 10px;
}

.req-lieutenant {
	background: url('../img/icons/ranks/lieutenant.png') no-repeat center left 10px;
}

.req-captain {
	background: url('../img/icons/ranks/captain.png') no-repeat center left 10px;
}

.req-major {
	background: url('../img/icons/ranks/major.png') no-repeat center left 10px;
}

.req-colonel {
	background: url('../img/icons/ranks/colonel.png') no-repeat center left 10px;
}

.req-scientist {
	background: url('../img/icons/scientist.png') no-repeat center left 10px;
}

.req-engineer {
	background: url('../img/icons/engineer.png') no-repeat center left 10px;
}

.req-supplies {
	background: url('../img/icons/supplies.png') no-repeat center left 10px;
}

.req-intel {
	background: url('../img/icons/intel.png') no-repeat center left 10px;
}

.req-alien-alloys {
	background: url('../img/icons/alloys.png') no-repeat center left 10px;
}

.req-elerium-crystals {
	background: url('../img/icons/elerium.png') no-repeat center left 10px;
}

div.covert-box li.covert-operative {
	padding-left: 48px;
	background-size: 32px 32px;
	display: block;
}

li.list-group-item.covert-location {
	background: url('../img/icons/globe.png') no-repeat center left 10px;
	background-size: 32px 32px;
	padding-left: 48px;
	display: block;
}

li.list-group-item.covert-date {
	background: url('../img/icons/date-icon.png') no-repeat center left 10px;
	background-size: 32px 32px;
	padding-left: 48px;
	display: block;
}

li.op-wounded {
	background-color: #fff3cd;
}

li.op-captured {
	background-color: #f5c6cb;
}

li.op-killed {
	background-color: #f5c6cb;
}

div.covert-faction-info {
	font-weight: bold;
	font-size: 1.4em;
}

div.covert-faction img {
	height: 50px;
	float: right;
}

div.covert-info {
	padding: 10px;
}

div.hidden {
	display: none;
}

/* Gear List Page & VIP List Page */
.gear-group,
.vip-group {
	border: 1px solid #666666;
	border-radius: 10px;
	margin-bottom: 20px;
}

.gear-title,
.vip-title {
	padding: 5px 20px;
	border-radius: 10px 10px 0 0;
	font-size: 1.3em;
	min-height: 3em;
	font-weight: bold;
	border-bottom: 1px solid #333;
	color: #eee;
	font-family: "Ubuntu";
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000;
	position: relative;
}

.gear-title span,
.vip-title span {
	position: absolute;
	bottom: 5px;
}

.gear-item:nth-child(even),
.vip-row:nth-child(even) {
	background: #fff;
}

.gear-item:nth-child(odd),
.vip-row:nth-child(odd) {
	background: #e6e6e6;
}

.gear-item:last-child,
.vip-row:last-child {
	border-radius: 0 0 10px 10px;
}

.gear-name {
	width: 80%;
	display: inline-block;
	padding: 10px 0 10px 10px;
}

.vip-name,
.vip-name-header {
	width: 50%;
	display: inline-block;
	padding: 10px 0 10px 10px;
}

.gear-number {
	width: 18%;
	border-left: 1px solid #333333;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
}

.vip-date,
.vip-date-header {
	width: 48%;
	border-left: 1px solid #333333;
	display: inline-block;
	padding: 10px 0 10px 10px;
}

.vip-name-header,
.vip-date-header {
	font-weight: bold;
	background: #fff;
}

.gear-number img {
	height: 24px;
}

.gear-title.armor {
	background-image: url("../img/gear/armor.jpg");
}

.gear-title.primary {
	background-image: url("../img/gear/primary.jpg");
}

.gear-title.secondary {
	background-image: url("../img/gear/secondary.jpg");
}

.gear-title.utility {
	background-image: url("../img/gear/utility.jpg");
}

.gear-title.grenade {
	background-image: url("../img/gear/grenade.jpg");
}

.gear-title.ammo {
	background-image: url("../img/gear/ammo.jpg");
}

.gear-title.heavy {
	background-image: url("../img/gear/heavy.jpg");
}

.gear-title.attachments {
	background-image: url("../img/gear/attachment.jpg");
}

.gear-title.pcs {
	background-image: url("../img/gear/pcs.jpg");
}

.vip-title.scientist {
	background-image: url("../img/vips/scientists.jpg");
}

.vip-title.engineer {
	background-image: url("../img/vips/engineers.jpg");
}

.vip-title.dark-vip {
	background-image: url("../img/vips/darkvip.jpg");
}

/* Begin New Styles Below This Line */
div.card.blank {
	background: transparent;
	border: 1px solid transparent;
}

div.card.mission-top img,
div.card.soldier-top img {
	width: 100%;
}

div.card-body.mission-stats {
	font-size: 1.5rem;
}

div.card-body.mission-stats div.row {
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding: 10px 0;
}

div.card-body.mission-stats div.row:last-child,
div.card-body.mission-stats div.row.rewards {
	border-bottom: 0;
	padding-bottom: 0;
}

div.card-body.mission-stats div.row:first-child {
	padding-top: 0;
}

div.card-header h2,
div.card-header h5,
div.card-header h6 {
	margin-bottom: 0;
}

div.country-flag img {
	width: 100%;
}

div.row.soldier-info div {
	padding: 0 5px;
}

div.row.soldier-info div.icon {
	padding: 0;
}

div.row.soldier-info div img {
	width: 100%;
}

li.list-group-item.episodes {
	background: url('../img/icons/youtube.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-date {
	background: url('../img/icons/date-icon.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-location {
	background: url('../img/icons/globe.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-difficulty {
	background: url('../img/icons/difficulty.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-objective {
	background: url('../img/icons/objective.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-dark-event {
	background: url('../img/icons/dark-event.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

li.list-group-item.mission-sitrep {
	background: url('../img/icons/sitrep-icon.png') no-repeat 20px 9px;
	background-size: 32px 32px;
	padding-left: 60px;
	display: block;
}

.badge {
	margin-right: 10px;
}

.badge-purple {
	color: #ffffff;
	background-color: #7c17b8;
}

/* Responsive Cards CSS Fix */
/* See: https://github.com/twbs/bootstrap/issues/20321#issuecomment-309210866 */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}
.row.equal-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.card {
    flex: 1;
}