a {
  text-decoration:none;
}

.table a
{
    display:block;
    text-decoration:none;
}

td.HoverCell a {
  display: block;
  width: 275px;
  height: 50px;
}

td.HoverCell:hover {
  background-color: #CDCD00;
  opacity: 1.0;
  width: 275px;
  height: 50px;
}

img.Video {
  border: 1;
  width: 40px;
  height: 40px;
}

span {
  font-size: 14px;
  font-family: arial;
  vertical-align: top;
}

/* scrollbar-color: color-thumb color-track*/
.scroller {
  scrollbar-color: #999900 #404040;
  scrollbar-width: thin;
}

.scroller {
    --scrollbar-color-thumb: #999900;
    --scrollbar-color-track: #404040;
    --scrollbar-width: thin;
    --scrollbar-width-legacy: 10px;
}

/* Modern browsers with `scrollbar-*` support */
@supports (scrollbar-width: auto) {
    .scroller {
        scrollbar-color: var(--scrollbar-color-thumb) var(--scrollbar-color-track);
        scrollbar-width: var(--scrollbar-width);
    }
}

/* Legacy browsers with `::-webkit-scrollbar-*` support */
@supports selector(::-webkit-scrollbar) {
    .scroller::-webkit-scrollbar-thumb {
        background: var(--scrollbar-color-thumb);
    }
    .scroller::-webkit-scrollbar-track {
        background: var(--scrollbar-color-track);
    }
    .scroller::-webkit-scrollbar {
        max-width: var(--scrollbar-width-legacy);
        max-height: var(--scrollbar-width-legacy);
    }
}

.scroller {
  border: 1px solid #000;
  width: 100%;
  height: 50vh;

  position: relative;
  container-type: inline-size;

  &:has(.content) {
    background: white;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .content {
    min-height: 75vh;
    padding: 1rem 1rem;

    *:first-child {
      margin-top: 0;
    }
    *:last-child {
      margin-bottom: 0;
    }
  }
}