

html, body {
	background-color: #f8f8f8;
}

nav.navbar {
	background-color: black;
	font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
	padding-top: 0px;
	padding-bottom: 0px;
}

nav.navbar-dark .navbar-nav a.nav-link {
	color: #F0F0F0;
}

nav.navbar-dark .navbar-nav a.active {
	font-weight: bold;
	color: white;
}


nav.navbar-dark .navbar-nav a.active {
	font-weight: bold !important;
	color: #FFFFFF !important;
	border-bottom: solid 2px #FFFFFF;
}

.navbar-nav a.active {
	background-color: #333333;
	font-weight: normal !important;
}

i {
	color: #415E9B;
}

.card-header .btn-icon i {
	color: #415E9B;
}

.card-header h2{
	padding:0px;
	margin:0px;
}


.popupMessage {
	left: 10px;
	width: 500px;
}

@media (max-width: 520px), (max-device-width: 520px) {
	.popupMessage {
		left: 0px;
		width: 100%;
	}
}

.tabletColumn > div {
	background-color: #0A99C3;
	color: #FFFFFA;
	font-size: 18px;
	padding: 5px 10px;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:relative;
}

	.tabletColumn > div:nth-child(even) {
		background-color: #0084AB;
	}

.tabletColumn div .tabletBox {
	padding: 10px 0px;
	margin: 5px;
	min-width: 60px;
	text-align: center;
	border: solid 1px white;
}

.tabletColumn div a {
	color: white;
	text-decoration: none;
}

.tabletColumn div a:hover {
	text-decoration:underline;
}

/* Tablet Table */

table.tabletTable tbody tr td {
	border: none;
	background-color: #0A99C3;
	color: #FFFFFA !important;
	font-size:1.1em;
	padding: 5px 10px;
	text-decoration: none;
	height:67px;
}

table.tabletTable tbody tr:nth-child(even) td {
	background-color: #0084AB;
	color: #FFFFFA !important;
}

table.tabletTable tbody tr.expedited td {
	background-color: #E3963E;
	color: #FFFFFA;
}

table.tabletTable tbody tr.expedited:nth-child(even) td {
	background-color: #CD7F32;
}

table.tabletTable tbody td strong {
	color: #FFFFFA;
}

table.tabletTable tbody td a {
	color: #FFFFFA;
	font-weight: normal;
	text-underline-offset: 5px;
}

.tabletNotesOrange {
	background-color: #ffc107;
	border-left: solid 4px #fd7e14;
	padding: 10px;
	margin-bottom: 5px;
	color: #212529;
}

	.tabletNotesOrange h2 {
		margin-top: 0px;
		font-size: 12pt;
	}

span.tabletTableBox {
	display: inline-block;
	padding: 10px 0px;
	margin: 5px;
	min-width: 60px;
	text-align: center;
	border: solid 1px white;
}

ol.breadcrumb {
	margin-bottom: 0px;
	font-size:1.2em;
	text-underline-offset: 3px;
}

ul li{
	font-size:1.2em;
}

.bg-blue {
	background-color: #0A99C3;
}

.bg-green {
	background-color: #5CB85C;
}

.tabletLarge{
	font-size:1.2em;
}

.tabletLarge h2 {
	margin-top:20px;
}