#mainNav {  }
#footerNav { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 99999; }
#nav_settings { display: none; }
.elipsis{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.clickable{ cursor: pointer; }
.center{ text-align: center; }
#themeChooser{ color: whitesmoke; }
.responsibleAvatar{ float: left;  }

/* Mario Theme */
.star_wrapper { 
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-size: 1800% 1800%;

  -webkit-animation: rainbow 3s ease infinite;
  -z-animation: rainbow 3s ease infinite;
  -o-animation: rainbow 3s ease infinite;
  animation: rainbow 3s ease infinite;
}

  @-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
  }
  @-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
  }
  @-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
  }
  @keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
  }

@keyframes offlinePulse {
  0% {
    background-color: red;
  }
  50% {
    background-color: black;
  }
  100% {
    background-color: red;
  }
}

#hbgraph{
  width: 100%; height: 100%;
}
#hbgraph .section{
  display: inline-block; padding: 0.20px; margin: -2px; height: 100%; text-align: center; color: white;
}
#hbgraph .section:hover
{
  color: red; border: 1px solid white;
}


.badge-defcon-low{ background-color: #008dff; }
.badge-defcon-med{ background-color: #00d200;  }
.badge-defcon-high{ background-color: #fdff73;  }
.badge-defcon-critical{ background-color: #ffbe73; }
.badge-defcon-custreq{ background-color: #ff7373; }
.badge-defcon-unknown{ background-color: #d7b4f3; }
.clean{ background: #00800038; }
.cleanicon{ color: green; }
.dirty{ background: #ff00004f; }
.dirtyicon{ color: red; }

.dot {
  height: 15px;
  width: 15px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}