@font-face {
	font-family: "DS9";
	src: url("/includes/DS9_Credits.woff2") format("woff2"),
		url("/includes/DS9_Credits.woff") format("woff"),
		url("/includes/DS9_Credits.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "TrekMonitor";
	src: url("/includes/Trek_TNG_Monitors.ttf");
}

@font-face {
	font-family: "Context";
	src: url("/includes/Context_Ultra_Condensed.ttf");
}

@viewport {
	min-width: 700px;
}

html,
body {
	background-color: #000000;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

#content {
	font-family: "DS9", "Trebuchet MS", Arial, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
	top: 7%;
	left: 14%;
	width: 86%;
	height: 85%;
	position: absolute;
	display: inline-block;
	overflow: auto;
}

#lcarsButton {
	font-family: TrekMonitor;
	font-size: 30em;
	fill: #ffffff;
}

#lcarsButton .hover {
	fill: #fcf10f;
}

.formLabel {
	display: inline-block;
	width: 195px;
}

.tooltip {
	display: none;
	position: absolute;
	border: 1px solid #333;
	background-color: #492323;
	border-radius: 3px;
	padding: 5px;
	color: #fff;
	font-family: DS9;
	font-size: 1em;
	max-width: 400px;
}

.tabs {
	overflow: hidden;
	border: 1px solid #8888ff;
	background-color: #222288;
}

.tabs button {
	font-family: TrekMonitor;
	font-size: 1.1em;
	color: #ffffff;
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

.tabs button:hover {
	background-color: #2222ff;
}

.tabs button.active {
	background-color: #8888ff;
}

.tabContent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
}

.delMethod {
	font-family: DS9;
	font-size: 1.1em;
	color: #ff0000;
}

table.tableStandard {
	border: 1px solid #1c6ea4;
	background-color: #444444;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
table.tableStandard td,
table.tableStandard th {
	border: 1px solid #aaaaaa;
	padding: 3px 2px;
}
table.tableStandard tbody tr[data-id] {
	cursor: pointer;
}
table.tableStandard tbody td {
	font-size: 20px;
    padding: 6px 3px 6px 3px;
}
table.tableStandard tr:nth-child(even) {
	background: #666666;
}
table.tableStandard thead {
	background: #405cff;
	background: -moz-linear-gradient(top, #7085ff 0%, #536cff 66%, #405cff 100%);
	background: -webkit-linear-gradient(
		top,
		#7085ff 0%,
		#536cff 66%,
		#405cff 100%
	);
	background: linear-gradient(to bottom, #7085ff 0%, #536cff 66%, #405cff 100%);
	border-bottom: 2px solid #444444;
}
table.tableStandard thead th {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	border-left: 2px solid #d0e4f5;
}
table.tableStandard thead th:first-child {
	border-left: none;
}