html {
	overflow-y: scroll;

	min-height: 100%;
}

body {
	background:#00c9b9;
	background:linear-gradient(to bottom,#00c9b9 0,#02c6ba 7%,#00c4b8 10%,#04bfb8 16%,#01beb7 19%,#03bbb9 20%,#04bbb7 22%,#02b9b5 23%,#03bab8 23%,#05b9b8 24%,#05b5b5 29%,#06b3b7 29%,#06b3b7 29%,#06b4b3 29%,#06b3b9 30%,#05b1b5 33%,#08afb5 34%,#06adb3 34%,#07aeb6 35%,#07aeb6 36%,#08aab5 38%,#07abb5 40%,#0aa8b4 40%,#09a7b3 44%,#0ba4b4 45%,#08a4b3 47%,#0aa1b2 47%,#0b9db4 53%,#0e9ab3 54%,#0c96b2 59%,#1093b1 60%,#0d92b1 63%,#118db1 68%,#0d8cad 70%,#108ab3 71%,#108aaf 71%,#1289b1 72%,#1086ae 74%,#1384b0 77%,#137dad 85%,#167baf 91%,#1478ac 93%,#1675ad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c9b9',endColorstr='#1675ad',GradientType=0);
	background-attachment: fixed;

	margin: 0;
	padding: 0;

	color: white;
	font-family:sans-serif;
	font-size: 1em;

	min-height: 100%;
}

header {
	height: 70px;
	width: 100%;
	border-bottom: solid 1px white;

	background-color: #02c6ba;

	box-sizing: border-box;

	position: fixed;
	line-height: 49px;
}

header div {
	box-sizing: border-box;
	padding: 10px;
	min-width: 140px;
	text-align: center;
}

header div:hover {
	background-color: rgba(0, 0, 0, 0.25);
	cursor: hand;
}

.ship {
	background:url(/assets/images/Ship_Gradient.svg) center center no-repeat fixed;
	/*min-height: 474px;*/
	height: auto;
	min-height: 100%;
	box-sizing: border-box;
}

.site-width {
	/*max-width: 900px;*/
	margin: auto;

	text-align: center;
}

.site-width img {
	margin-bottom: 50px;
}

.site-width .login {
	padding: 25px;
	width: auto;
	background-color: rgba(0, 0, 0, 0.4);
	margin: auto;
	border-radius: 20px;
	border: solid 1px rgba(255, 255, 255, 1);
	width: 300px;
    box-sizing: border-box;
}

input[type="text"], input[type="password"], button{
	padding: 5px;
	border: 1px solid rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.5);
	outline: none;
    box-sizing: border-box;
    color: white;
    width: 100%;

	font-family:sans-serif;
	font-size: 1em;
}

input[type="text"]:focus, input[type="password"]:focus, button:focus{
	border: 1px solid rgb(200, 200, 200);
}

form {
	margin: 0;
	padding: 0;
}

table thead tr th {
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;

	background-color: rgba(0, 0, 0, 0.15);

	font-weight: bold;
}

table tr td {
	text-align: center;
}

table tr:nth-child(even) td{
	background-color: rgba(0, 0, 0, 0.1);
}

table tr:nth-child(odd) td{
	background-color: rgba(0, 0, 0, 0.05);
}

.red {
	color: red;
}

.bold {
	font-weight: bold;
}

table.highlight thead tr td {
	background-color: rgba(0, 0, 0, 0.25);
}

table.highlight tbody tr:hover td {
	background-color: rgba(255, 255, 255, 0.2);
}

table.itemTable thead tr td {
	background-color: rgba(0, 0, 0, 0.2);
}

table.itemTable thead tr:last-child td {
	border-bottom: solid 1px black;
}

table.itemTable tbody tr.odd td {
	background-color: rgba(0, 0, 0, 0);
}

table.itemTable tbody tr.even td {
	background-color: rgba(0, 0, 0, 0);
}

table.itemTable tbody tr.line td {
	border-bottom: solid 1px black;
}

table.itemTable tbody tr.packed td {
	background-color: rgba(0, 255, 0, 0.3);
}

table.itemTable tbody tr.picked td {
	background-color: rgba(0, 255, 0, 0.15);
}

table.itemTable tfoot tr td {
	background-color: rgba(0, 0, 0, 0.2);
}

table.itemTable tbody tr.line td {
	border-bottom: solid 1px black;
}