body {
    padding-top: 90px;
}

/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.form-signin {
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom: 10px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}
.table .th{
	background-color: #99a5b0 !important;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.footer-bar-name {
	font-size: 12px;
	text-align: center;
	margin-top: 3em;
	margin-bottom: 0em;
	position: fixed;
	bottom: 0px;
	background-color: rgba(51,51,51,0.9);
	color: white;
	padding: 10px;
	width: 100%;
}
.adminmenu, .adminmenu2 {
    color: #e43f3f !important;
}
.adminmenu:hover {
    color: black !important;
    font-weight: bold;
}
.navbar-nav > li > a:hover {
    font-weight: bold;
}
.panel-heading a:link {
    color: white;
}
.td, td {
    vertical-align: middle !important;
}
.btn, btn {
    margin-bottom: 5px;
    margin-top: 5px;
}
table, .table {
    margin-bottom: 0px;
}
tr, th {
    background-color: white;
}
.navbar-brand:hover, .navbar-brand:focus {
    color: #337ab7 !important;
}
.qrcode {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 5px 2px gray;
}
body {
    background: url(../background.png);
}
.appname {
	color: white !important;
	font-weight: bold !important;
	font-size: 20px !important;
}
.pwa-img {
    display: none;
}
@media (min-width: 1100px){
	.pwa-img {
	    position: absolute;
	    height: 50px;
	    vertical-align: middle;
	    top: 0px;
	    right: 1%;
	    display: block;
	}
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #080808;
    font-weight: bold;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #080808;
    font-weight: bold;
    outline: 0;
}