.table-card-alt {
  border-collapse: separate !important;
  border-spacing: 5px 1rem;
}

.table-card-alt tbody > tr {
  border-radius: 10px;
  /*border-color: var(--bs-primary-text-emphasis);*/
  outline: 2px solid rgb(176,176,176);
  box-shadow: -4px 4px 0px 1px rgb(176,176,176);
  overflow: visible;
  margin-right: 0px;
  margin-left: 0;
  padding-left: 17px;
  max-height: 250px;
  transition: box-shadow .1s, transform .1s;
}

.table-card-alt tbody > tr > td {
  padding: 0.5rem 0rem 0.5rem 0rem;
}

.card-base {
  box-shadow: -6px 6px 0px 0px rgb(176,176,176);
  outline: 2px solid rgb(176,176,176);
  border-radius: 10px;
  transition: box-shadow .1s, transform .1s;
  /*border-color: var(--bs-primary-text-emphasis);*/
}

.col {
  padding: 12px;
  flex: 1 0 0%;
}

thead {
  font-size: 12px;
}

.feat-title {
  font-style: normal;
  font-size: 12px;
  writing-mode: vertical-lr;
  display: inline;
  color: var(--bs-primary-border-subtle);
}

.card-base:hover {
  outline: 2px solid rgb(166,166,166);
  box-shadow: -7px 8px 0px 0px rgb(176,176,176);
}

.table-card-alt tbody tr:hover {
  outline: 2px solid rgb(166,166,166);
  box-shadow: -6px 6px 0px 0px rgb(176,176,176);
}

path:hover {
  cursor: crosshair;
}

.ephys-key {
  font-size: 12px;
  color: var(--bs-primary-text-emphasis);
  display: block;
}

.table-ephys {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: 1;
  max-height: 15em;
  flex-wrap: wrap;
  overflow: hidden;
  flex-shrink: 1;
}

.feat-value {
  writing-mode: vertical-lr;
  font-variant: small-caps;
  max-height: 15%;
  word-wrap: break-word;
}

img {
  width: 90%;
  height: 90%;
}

@media screen and (max-width: 1050px) {
  .col-para {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  th[data-field="_ephys"] {
    display: none !important;
  }
}

@media screen and (max-width: 120px) {
  .table-ephys {
    display: none !important;
  }
}

img {
  filter: contrast(100%);
}

#umap-drop-menu {
  margin-top: 6px;
  margin-right: 0px;
  margin-bottom: 6px;
}

#plot-col {
  flex-grow: 1;
  flex-basis: 60%;
}

img[alt="FI"] {
  padding-right: 20px;
  padding-top: 0px;
}

.fixed-table-toolbar {
  /*visibility: hidden;*/
  /*max-height: 0px;*/
}

@media (min-width: 1200px) {
  #header-row {
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media screen and (max-width: 600px) {
  img[alt="FI"] {
    display: none !important;
  }
}

.file-link {
  padding: 0.5rem;
}

#header-row {
  max-height: 25%;
}

.fs-6 {
  font-size: 0.90rem!important;
}

.h6, h6 {
  font-size: 0.90rem;
}

@media (min-width:1200px) {
  .h4, h4 {
    font-size: 1rem;
  }
}