body {
	padding-top: 50px;
	padding-bottom: 20px;
	background-color: rgb(40, 156, 215);
}

/* Set padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}

@font-face {
	font-family: 'Roboto Medium';
	src: url('../fonts/Roboto Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'SF Light';
	src: url('../fonts/SF Light.ttf') format('truetype');
}

@font-face {
	font-family: 'SF Regular';
	src: url('../fonts/SF Regular.ttf') format('truetype');
}

label {
	font-weight: lighter;
	font-size: 14px;
}

button {
}

.login-frame {
	background-color: white;
	border-radius: 10px;
	padding: 20px;
	font-family: "SF Regular";
	min-width: 350px;
}

.logo-wrapper {
	width: 100%;
	text-align: center;
	padding: 0 0 10px 0;
}

.authorize-header {
	width: 100%;
	text-align: center;
}

.th-button {
	border: none;
	border-radius: 50px;
	background-color: rgb(40, 156, 215);
	color: white;
}

.th-button-danger {
	background-color: rgb(252, 47, 103);
}

.logged-in-as {
	padding-top: 10px;
	text-align: center;
}

.as-a {
	background: none;
	border: none;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
	width: 100%;
}

.text-center {
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.th-button {
		margin-bottom: 10px;
	}
}

.login-error {
	color: red;
}

.search-frame {
	background-color: white;
	border-radius: 3px;
	padding: 20px;
	font-family: "SF Regular";
}

.table-frame {
	background-color: white;
	border-radius: 3px;
	font-family: "SF Regular";
}


/* Main content */
.maintext {
	margin-top: 30px; /* Add a top margin to avoid content overlay */
}


.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item:focus .nav-link,
.navbar-light .nav-item:hover .nav-link {
	color: rgb(40, 156, 215);
	font-weight: 600;
	font-size: 16px;
}


.blacklink a, a:link, a:hover, a:visited {
	color: black;
}

.specialhead {
	background-color: rgb(240, 240, 240);
}

.fakebghead {
	background-color: rgb(40, 156, 215);
}

.bighead {
	font-size: 115%;
}

.statusdot {
	height: 12px;
	width: 12px;
	background-color: #bbb;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}

.statusdot-offline {
	background-color: #e88;
}

.statusdot-online {
	background-color: #8e8;
}

.radiolabel {
	margin-left: 3px;
	margin-right: 10px;
}

/* Change Color for Inactive Tabs */
.nav-tabs > li > a {
	color: #999;
}

.smallbadge {
	font-size: 1.0em;
	font-weight: normal !important;
}