/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

/* Loading */
#background-load { position: fixed;background: #000;z-index: 500000;width: 100%;min-height: 100%;opacity: 0.8;display: none; }
#text-load { position: fixed;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);z-index: 500001;display: none;}

@keyframes blinking-border {
    0% {
        border-color: green;
    }
    50% {
        border-color: transparent;
    }
    100% {
        border-color: green;
    }
}

 .waiting-field {
    width: 100%;
    height: 200px;
    background-color: #fff;
    border: 2px dashed #1330a7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    color:#1330a7;
}

.blinking-border {
    width: 50vh;
    margin: 0 auto;
    border: 5px solid green;
    animation: blinking-border 1s infinite;
}

#connectionStatus {
  text-align: center;
  font-size: 1.0em;
  color: white;
  border-radius: 10px;
  padding:5px;
}
.good {
  background-color: green;
}
.medium {
  background-color: orange;
}
.bad {
  background-color: red;
}