#sidebar td > label > i {
  opacity:0.4;
}

#toggle:checked + .detail-tooltip {
  display: block;
}

.hidden-tooltip {
  display: none;
  margin-top:7px;
  max-height: 230px;
  overflow-y:scroll;
  background: var(--bs-body-bg);
  padding: 12px;
  border-radius: 6px;
}

/* Show the tooltip when the corresponding checkbox is checked */
input[type="checkbox"]:checked + .hidden-tooltip {
  display: block;
}

#model_notes {
  min-height: 50vh;
  font-family: monospace;
  font-size: 13px;
  color: #CCF;
  background: #000;
}

.col-form-label{
  width:111px;
}

/* shimmer loader */

.shimcontainer {
    width: 100%;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    background: #000;
    border-radius: 10px;
}

article {
    background: #000;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    text-align:center;
    color:#AAA;
}

.shimmer {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        100deg,
        rgba(255, 255, 255, 0) 20%,
        rgba(255, 255, 255, 0.2) 50%,
        rgba(255, 255, 255, 0) 80%
    );
    animation: shimmer 2s infinite linear;
}

@keyframes shimmer {
    from {
        transform: translateX(-200%);
    }
    to {
        transform: translateX(200%);
    }
}

.shimcontainer img {
  height: 175px;
  margin-top: 37px;
  display:inline-block;
}