.b-divider {
  height: 1rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-divider > p {
  margin: 10px 10px 10px 25px;
  font-weight: bold;
  color: green;
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

.main-content { margin: 10px; }
.centerTable { margin: 0 auto; }

.stats {
  margin: 15px;
  font-weight: bold;
}

h5 { color: #517EBD; }

.serversDown2 {
  margin: 15px;
  color: white;
}

.serversDown2 th {
  font-weight: bold;
  color: red;
  padding: 5px;
}

.serversDown2 tr { border: 1px solid black; }
.serversDown2 td { padding: 0 5px; }

.gridHeader {
    background-color: #25292D;
    padding: 10px;
}

.errorBox {
    background-color: #dae1ed;
    color: red;
    border: thick solid #808080;
    padding: 10px;
    margin: 10px;
    display: none;
}

.grid-title {
    float: left;
}

.grid-header .spinner {
    float: left;
    height: 20px;
    margin-left: 10px;
    margin-top: 2px;
}

.grid-header .ui-icon {
    float: left;
    margin-left: 0.25em;
    margin-right: 0.25em;
    margin-top: 0.15em;
    font-size: 1em;
}

.onlineIcon {
    width: 14px;
    height: 14px;
    background: url(/https/defier.net/images/dotGreen.png);
    background-size: cover;
    display: inline-block;
}

.offlineIcon {
    width: 14px;
    height: 14px;
    background: url(/https/defier.net/images/dotRed.png);
    background-size: cover;
    display: inline-block;
}

#statusIcon {
    margin-top: 25px;
}

/* Missed Sigings Meter */
.signing-container {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 2px;
    width: 10px;
    height: 5px;
    padding-top: 2px;
    padding-left: 5px;
}

.signing-cell {
    width: 380px;
}

.block {
    align-items: center;
    border-radius: 5px;
    display: flex;
    height: 15px;
    max-width: 5px;
    transition: 0.1s max-width ease-in-out, 1s opacity ease-in-out;
    width: 5px;
}

.block.is-new {
    max-width: 0;
    opacity: 0;
    position: absolute;
}

.block.signed {
    background: green;
}

.block.missed {
    background: red;
}

/* inactive blocks where validator is not bonded */
.block.inactive {
    background: inherit;
    border: 1px solid orange;
}

#serversDown {
    width: 650px;
    display: none;
}

#serversDown tr {
    border-bottom: 1px solid white;
    height: 10px;
}

#serversDown th {
    text-align: center;
    padding: 5px 0 5px 0;
}

#serversDown td {
    padding-left: 10px;
    background-color: #1F2737;
}

.redRow > td { color: red; }
.greenRow > td { color: green; }