#topnav {
  background-color: #2e2e2e;
}

#topnav .container {
  width: 1275px;
  max-width: 1275px;
  min-width: 1275px;
}

#topnav .navbar-brand {
  padding: 0;
  vertical-align: middle;
  margin-right: 30px;
}

#topnav .navbar-brand span {
  vertical-align: middle;
  font-size: 28px;
}

#topnav .navbar-brand img {
  width: 54px;
  height: 54px;
}

#topnav .nav-item {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
}

#topnav .navbar-nav .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
  line-height: 34px;
}

#content {
  max-width: 1275px;
  min-width: 1275px;
  margin: 70px auto 0 auto;
  padding: 0 15px;
}

#content h3 {
  font-size: 1.6rem;
  margin: 10px 0 20px 0;
}

h4 {
  font-size: 1.3rem;
}

.centered-form {
  width: 320px;
  margin: auto;
  padding: 25px 0 0 0;
  text-align: center;
}

.centered-form form {
  width: 100%;
}

.centered-form h3 {
  text-align: center;
}

#login-form input {
  width: 100%
}

#login-form a {
  text-decoration: none;
}

#password-reset-form {
  text-align: left;
}


#password-reset-form input, #password-reset-form a.btn {
  width: 100%
}

.centered-form label {
  text-align: left;
}

#password-change-form {

}

#password-change-form p {
	display: flex;
}

#password-change-form p input {
	margin-left: auto;
	height: 26px;
}

#password-change-form ul {
	display: none;
}

#login-form ul.errorlist,
#password-change-form ul.errorlist,
#password-reset-form ul.errorlist {
  display: block;
  text-align: left;
  list-style-type: none;

  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
}

#password-change-form button {
	width: 100%;
}

.graph-header {
	margin-right: 15px;
}

.graph-container {
  background-color: #f8f8f8;
  margin: 0 0 30px 0;
  padding: 15px;
}

.graph-container .graph {
  width: 600px;
  height: 400px;
  margin-left: 15px;
}

.graph-container .graph.first {
  margin-left: 0;
}

.graph-dropdown {
  font-size: 0.9rem;
  margin-bottom: 15px;
  width: 291px;
  margin-left: 17px;
}

.graph-dropdown.first {
  margin-left: 0;
}

.graph-dropdown label {
 line-height: 0.5em;
 font-size: 0.8rem;
 color: #505050;
}

.graph-dropdown.global {
  margin-bottom: 10px;
}

.messages {
  margin-top: 80px;
}

.bg-blue1 {
  background-color: #0583D2;
}

.bg-blue2 {
  background-color: #00B4D8;
}

.project-dropdown {
  border: 1px solid #505050;
  color: rgba(255,255,255,.55);
}
.project-dropdown:hover {
  color: rgba(255,255,255,.75);
}