html {
    font-family: 'Droid Serif', sans-serif;
	max-width:1800px;
}
.err {
	color:white;
	background-color:red;
	text-align:center;
}
.short_num {
	text-align:right;
	width: 80px;
}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#login-box {
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width:300px;
	height:400px;
	color:#7FB;
	
}
#login-box::after {
  content: "";
  background-color:#7FB;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

.input-login {
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	min-height:30px;
	text-align:center;
	width: 90%;
	margin-left:15px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
	
}

.form-btn {
	background-color:#d31745;
	color:white;
	margin-left: calc(40% - 100px);
	margin-top:25px;
	width:120px;
	border: none;
	padding: 8px 10px 8px 10px;
	border-radius: 5px;
}
.form-btn:hover {
	color: #FFA;
	text-decoration:underline;
}
#nav-box {
	position: fixed;
	top: 20%;
	left: 20%;
	/* bring your own prefixes */
	width:300px;
	height:400px;
	color:white;
}
a {
	text-decoration:none;
}
.nav_item {
	height:30px;
	width:100%;
	font-size:24px;
	margin-top:15px;
	color:white;
	font-weight:bold;
	text-shadow: 2px 2px 4px #000;
	border-bottom: 3px solid transparent;
}
.nav_item:hover {
	color:#d31745;
	border-bottom: 3px solid #DDD;
	text-shadow: 2px 2px 2px #FFF;
	
}
#feature-left {
	position:fixed;
	height:100%;
	width:20%;
	max-width:350px;
	background-color:#CCC;
	
}
.feature_label {
	height:50px;
	padding:5px;
	font-size:1.5vw;
	color:#d31745;
	text-decoration:none;
	text-shadow: 2px 2px 4px #FFF;
	text-align:center;
	font-weight:bold;
}
.feature_item {
	height:8%;
	width:100%;
	text-align:center;
	padding-top:10%;
	font-size:16px;
	color:#000;
	text-decoration:none;
	text-shadow: 2px 2px 4px #FFE;
	border-top:3px solid #AAA;
}
.feature_item:hover {
	text-shadow: none;
	font-weight:bold;
	background-color:#EEE;
	color:#d31745;
	text-decoration:underline;
}
#wrapper {
	width:75%;
	margin-left:20%;
	min-height:1600px;
}
#col-1 {
	width:25%;
	margin-left:calc(20% + 5px);
	float:left;
	min-height:1600px;
}
#col-2 {
	width:50%;
	margin-left:10px;
	min-height:1600px;
	float:left;
}
.search_bar {
	margin:20px;
}
.feature_section {
	margin-bottom:5%;
	margin-left:10px;
}
.feature_heading {
	width:cal(100% - 15px);
	height:5%;
	background-color:#CCC;
	padding:15px;
	color:#d31745;
	border-bottom:3px solid black;
	border-left:3px solid black;
	margin-bottom:25px;
	font-weight:bold;
	text-transform: uppercase;
}
table {
	max-width:90%;
}
table, td, th, tr {
	border:1px solid black;
	border-collapse:collapse;	
}
.inv-table, .inv-table th, .inv-table tr, .inv-table td {
	border:none;
}

table th {
	background-color:#CCC;
	padding:10px;
	color:#000;
}
.form-table th {
	text-align:left;
}
.float-table {
	float:left;
	margin-left:25px;
	margin-bottom:25px;
}
.list-table tr:nth-child(even) {background-color: #FFF}
.list-table tr:nth-child(odd) {background-color: #EEE}
.list-table tr:hover {background-color: #FFA;}


.in-table-btn {
	background-color:#d31745;
	color:white;
	border: none;
	padding: 8px 10px 8px 10px;
	border-radius: 5px;
	margin-left:5px;
}
.in-table-btn:hover {
	color: #FFA;
	text-decoration:underline;
}
.good_cond {
	background-color:#8F5;
}
.bad_cond {
	background-color:#F69;
}
.on_going {
	background-color:#FF8;
}
.not_started {
	background-color:#DDD;
}
.bom_tile {
	float:left;
	margin-left:25px;
	margin-top:10px;
	padding-top:10px;
	width:120px;
	height: 170px;
	background-color:#d31745;
	color:white;
	border-radius:10px;
	text-align:center;
	font-weight:bold;
}
.bom_tile:hover {
	color:#FFA;
	box-shadow:2px 2px 4px #333;
}
.bom_img {
	margin:10px;
}