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

body {
  background: linear-gradient(135deg, #00215C, #029EE1);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  color: white;
}

.bar-limegreen {
    background-color: limegreen;
}

.bar-lightgreen {
    background-color: lightgreen;
}

.bar-gold {
    background-color: gold;
}

.bar-lightcoral {
    background-color: lightcoral;
}

.bar-red {
    background-color: red;
}

.uptime-bar {
    min-width: 6em; 
    height: 60px;
    margin-right: 8px; 
    margin-bottom: 8px;
    border-radius: 10px;
    text-align: right;
    padding-top: 8px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.status-up {
    color: limegreen;
    font-weight: bold;
    text-transform: uppercase;
}

.status-down {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
}

#logo-Desk {
    display: none;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #4b4b4d;
  color: #c7c7c9;
  padding: 8px;
  font-size: .8em;
}

.popover-header {
    background-color: black;
    color: white;
}

footer a {
  text-decoration: none;
  color: #c7c7c9;
}

footer a:hover {
  color: white;
}

.pulse {
    border-radius: 50%;
    position: relative;
}

.pulse-up {
    background-color: limegreen;
    animation: animate-up 3s linear infinite
}

.pulse-down {
    background-color: red;
    animation: animate-down 8s linear infinite
}        

@keyframes animate-up {
    0% {box-shadow: 0 0 0 150px rgba(50, 205, 50, 0), 0 0 0 0 rgba(50, 205, 50, 0.7);}
    50% {box-shadow: 0 0 0 150px rgba(50, 205, 50, 0), 0 0 0 14px rgba(50, 205, 50, 0.2);}
    100% {box-shadow: 0 0 0 150px rgba(50, 205, 50, 0), 0 0 0 0 rgba(50, 205, 50, 0.7);}

}

@keyframes animate-down {
    0% {box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 109, 74, 1);}
    20% {box-shadow: 0 0 0 150px rgba(255, 109, 74, 0), 0 0 0 15px rgba(255, 109, 74, 0.8);}
    50% {box-shadow: 0 0 0 150px rgba(255, 109, 74, 0), 0 0 0 20px rgba(255, 109, 74, 0.4);}
    80% {box-shadow: 0 0 0 150px rgba(255, 109, 74, 0), 0 0 0 35px rgba(255, 109, 74, 0.1);}
    100% {box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 50px rgba(255, 109, 74, 0);}
}

#watermark {
  height: 800px;
  z-index: -9999;
  opacity: 0.05;
}