html, body {
  height: 100%;
  margin: 0; }

.content-area {
  overflow: auto; }

body.loggedin > nav.navbar {
  border-bottom: solid 1px #ccc; }
  body.loggedin > nav.navbar .nav-item {
    margin: 0.4rem 0 0 1.5rem;
    font-size: 1.5rem; }
    body.loggedin > nav.navbar .nav-item a {
      color: black; }
      body.loggedin > nav.navbar .nav-item a:hover {
        text-decoration: none; }
  body.loggedin > nav.navbar .rh {
    margin-top: .45rem; }
    body.loggedin > nav.navbar .rh form {
      display: inline-block; }

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto; }
  .autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF; }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-group {
  padding: 2px 5px; }
  .autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000; }

footer {
  min-height: 50px;
  background-color: #563d7c; }
  footer span, footer a {
    color: white;
    display: table-cell;
    height: 50px; }

.validation-summary-errors ul {
  list-style: none; }
  .validation-summary-errors ul li {
    color: darkred;
    font-weight: 600; }

body.public > nav.navbar .nav-item {
  margin: 0.4rem 0 0 1.5rem;
  font-size: 1.5rem;
  border-bottom: solid 1px #ccc; }
  body.public > nav.navbar .nav-item a {
    color: black; }
    body.public > nav.navbar .nav-item a:hover {
      text-decoration: none; }

body.public > nav.navbar .login {
  margin-top: .5rem; }

body.public .page-header-bar {
  padding: 2em 0;
  background-color: #563d7c;
  color: #cdbfe3;
  text-align: left; }
  body.public .page-header-bar h1 {
    color: white;
    font-size: 4rem; }
  body.public .page-header-bar p {
    font-size: 1.5rem;
    font-weight: 300;
    margin-top: 0; }

.reportLaunch h1 {
  margin-bottom: 24px; }

.reportLaunch .nav-tabs {
  min-height: 44px; }

.reportLaunch .tab-content {
  flex: 1 1 auto;
  height: 0;
  border: solid 1px #ccc;
  border-top: none;
  padding: 12px; }
  .reportLaunch .tab-content .tab-pane {
    height: 100%; }
    .reportLaunch .tab-content .tab-pane .flex-row {
      height: 100%; }

.reportLaunch .noTabs {
  border-top: solid 1px #ccc !important; }

.reportLaunch .buttonRow {
  align-self: flex-end;
  width: 100%;
  margin: 24px 0;
  height: 38px; }

.reportLaunch .paramItem h5 {
  background-color: #ccc;
  padding: 4px; }

.reportLaunch .paramItem ul.multiselect-container {
  width: 100%; }