table thead .externalannotation > th,
table .externalannotation tr th {
  background-color: #f0ad4e;
  color: #fff;
  border-bottom-width: 1px;
  font-weight: normal;
  
}

.break {
  word-wrap: break-word;
  word-break: break-all;
}
.actionButtons {
  display: flex; 
  justify-content: start;
} 
#panel {
  border: 1px solid #666666;
  position: static;
}
.noradius {
  border-radius: 0;
}
.ligand-image{
  width: 100%;
  aspect-ratio: 1 / 1;
}
.viewer-labels{
  text-align: center;
  padding-top: 0;
  padding-bottom: 30px;
}
.breakWord{
  word-break: break-all;
}
.headerHelpLink{
  font-weight: normal;
}
/* Mobile */
/* --------- Breakpoint added for the awkward transition point where  the action buttons don't fit on one line--------- */
@media print, screen and (min-width: 992px) and (max-width: 1199px) {
  .actionButtons {
    display: block;
  } 
}
/* --------- TABLET FORM FACTOR --------- */
@media screen and (min-width: 768px) and (max-width: 991px) {


  .actionButtons {
      margin-top: 20px;
      margin-bottom: 0px;
      justify-content: center;
  } 
  .panel {
    background-color: none;
  }
  .ligand-image{
    width: 50%;
    aspect-ratio: 1 / 1;
  }

}


/* --------- MOBILE PHONE FORM FACTOR --------- */
@media screen and (max-width: 767px) {

  .actionButtons {
      margin-top: 20px;
      margin-bottom: 0px;
      justify-content: center;
  } 



}