/*------------------
--- Global Syles ---
-------------------*/
* {
	box-sizing: border-box;
}
html {
  position: relative;
  min-height: 100%;
}
body {
	background-color: #f4f4f4;
	color: #6d6d6d;
	margin-bottom: 8rem;
}
footer {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
table,
th {
	text-align: center;
}
tr {
   line-height: 60px;
   min-height: 60px;
   height: 60px;
}
.table > tbody > tr > td,
.table > tbody > tr > th  {
	vertical-align: middle;
}
.main-color-bg {
	background-color: #e2e2e2 !important;
	color: #6d6d6d !important;
	border: none;
}
.container,
.nav-content {
	padding-left: 60px !important;
	padding-right: 60px !important;
}
.panel-body {
	padding-bottom: 0;
}
.panel-footer {
	background-color: #fff;
	border-top: none;
	padding: 0 15px 15px 15px;
}
.footer-content {
	padding: 0 15px;
}
.btn-primary {
	border: none !important;
}
/*--- Nav ---*/
nav {
	color: #fff;
	background-color: #077700;
	border-radius: 0;
}
.nav-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
}
.nav-content a {
	color: #fff;
}
.nav-left,
.nav-right {
	display: flex;
	align-items: center;
}
.nav-left a:first-child,
.nav-right span:first-child {
	margin-right: 3rem;
}
.nav-left a:first-child {
	font-size: 2.5rem;
}
.nav-left a:last-child {
	background-color: #006000;
	padding: 1rem;
	border-radius: .5rem;
}
.nav-content a:hover {
	text-decoration: none;
	opacity: .7;
}
/*--- Header ---*/
#header {
	background-color: #fff;
	padding: 1.8rem 0;
	margin-bottom: 2.5rem;
	height: 70px;
}
.capstone-logo {
	width: 70px;
	margin-top: -6px;
}
.search {
	height: 35px;
	width: 200px;
	font-size: 1.4rem;
}
.import {
	padding: .5rem 2rem;
}
/*--- Left side Menu--*/
ul {
	padding-left: 0 !important;
}
.action-list li {
	list-style: none;
	margin-bottom: 1rem;
}
.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -1rem 1rem 0;
}
.pagination label {
	align-self: flex-end;
}
.chevron-margin {
	margin-right: -6px;
}
.results-per-page{
	width: 80px;
	margin: 0 3rem 0 1rem;
}
.page-number {
	width: 40px;
	margin: 0 1rem;
}
/*--------------------------
--- Page specific Styles ---
--------------------------*/
/*--- login/reset/recover ---*/
#home {
	padding: 20rem 0 0;
}
#home .log-in {
	font-size: 2rem;
	width: 600px;
	margin: 0 auto 12rem;
	padding: 4rem;
	background-color: #fff;
	border-radius: 1rem;
	color: #6d6d6d;
}
#home .log-in-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 2rem;
}
#home .log-in h3 {
	font-size: 3rem;
	color: #077700;
	margin: 0;
}
#home label {
	font-weight: normal;
}
#home input {
	margin-bottom: 2rem;
	width: 100%;
	height: 6rem;
	font-size: 3rem;
}
#home .submit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 3rem;
}
#home .log-in button {
	padding: 1rem 3rem;
	background-color: #077700;
	color: #fff;
	border-radius: 1rem;
	border: none;
}
#home .log-in button:hover {
	opacity: 0.7;
}
#home .log-in a {
	font-size: 1.6rem;
	display: inline-block;
}
#home .log-in p {
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
/*--- Dashboard Page ---*/
#dashboard .case-actions button {
	border: none;
	background-color: rgba(109,109,109,0);
}
/*--Import Page--*/
#import .import-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#import .fault-margin-top {
	margin-top: 10px;
}
#import #notes {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
	resize: none;
	padding: 1rem;
}
#import .csv-import {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#import .file {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2.5rem;
  margin-right: 8rem;
}
#import .file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
#import .file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 3.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #fff;
  border: .075rem solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#import .file-custom:after {
  content: "Choose file...";
}
#import .file-custom:before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  content: "Browse";
  height: 3.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: .075rem solid #ddd;
  border-radius: 0 .25rem .25rem 0;
}
/*--- Data Page ---*/
#data #notes {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
	resize: none;
	padding: 1rem;
}
#data .fault-codes input:not(:last-child) {
	margin-bottom: 1.5rem;
}
#data .update-btn {
	margin-top: 1rem;
}
#data .graphs .panel {
	margin-top: 5px;
}
/*-------------------
--- Media Queries ---
-------------------*/
@media (min-width: 1200px) {
	.container {
		width: auto !important;
	}
}