/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.nav
{
    padding-inline-start: 1em;
}

.nav li
{
    display: inline;
    background-color: cadetblue;
    color:white;
    padding: 10px;
}        

.nav li
{    
    color:lightgoldenrodyellow;    
}        
.nav li a
{    
    color:white;  
    text-decoration:none;  
}        

.nav li a:hover
{    
    color:lightgoldenrodyellow;   
    text-decoration:none;   
}        

.nav li a:visited
{    
    color:white;    
    text-decoration:none;  
}        

.datacontainer {
  display: flex; /* or inline-flex */
  flex-direction: row;
  align-items:center;
}

.chart-block {
    display: flex;    
    flex-direction: column;
}

.chart-wrapper {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid gray;
    padding: 0.5em;
    background-color:whitesmoke;
}

.chart-container {
    display: flex;    
}

.chart-label {
    display: flex;
    font-weight: bold;
}

.alarm-ok {
    color: green;    
}

.alarm-blink {
    color: red;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}