/* Cluster HAT https://clusterctrl.com/
 * (c) 2019 Chris Burton
 */

/* navbar */
.navbar-clusterctrl {
    background-color: #aaaaff;
    color:#ffffff;
    border-radius:0;
}

.navbar-clusterctrl .navbar-nav > li > a {
    color:#000;
}

.navbar-clusterctrl .navbar-nav > .active > a {
    color: #fff;
    background-color:#efb542;
}

.navbar-clusterctrl .navbar-nav > li > a:hover,
.navbar-clusterctrl .navbar-nav > li > a:focus,
.navbar-clusterctrl .navbar-nav > .active > a:hover,
.navbar-clusterctrl .navbar-nav > .active > a:focus,
.navbar-clusterctrl .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #ffc552;
}

.navbar-clusterctrl .navbar-brand {
    color:#eeeeee;
}
.navbar-clusterctrl .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-clusterctrl .icon-bar {
    background-color:#33aa33; /* green */
}
/* navbar - dropdowns */
.navbar-clusterctrl .navbar-nav .dropdown-menu  { 
  background-color: #aaaaff;
}
.navbar-clusterctrl .navbar-nav .dropdown-menu>li>a  { 
  color: #000;
}
.navbar-clusterctrl .navbar-nav .dropdown-menu>li>a:hover,.navbar-clusterctrl .navbar-nav .dropdown-menu>li>a:focus  { 
  background-color: #ffc552;
}
.navbar-clusterctrl .navbar-nav .open .dropdown-menu > .active > a,
.navbar-clusterctrl .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-clusterctrl .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #efb542;
  }

.panel-default  .panel-footer,
.panel-default .panel-heading {
 background-color: #efb542;
}

.panel-footer.panel-plain {
 background-color: #fff0d4;
}

/* padding for static navbar */
body {
 padding-top: 105px;
}
html, body {
 height: 100%;
}
body,
.navbar-fixed-top
.navbar-fixed-bottom {
 min-width: 970px;
}

/* Undo the collapsing navbar */
.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
}

.container {
  width: 970px;
  max-width: none !important;
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

.navbar-brand {
  margin-left: -15px;
}

.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
  float: right;
}

#page {
 min-height: 100%;
}

#page {
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
}

.footer {
  position: relative;
  margin-top: -60px;
  height: 60px;
  clear:both;
  padding-top:20px;
  background-color:#eeeeee;
} 

.space20 {
 margin-top: 20px;
}