.rcn_image {
  height: 100%;
  width: 100%;
  color: #333333;

  .main-row {
    height: 100%;
  }

  .navigation {
    display: flex;
    height: 40px;
    text-align: center;
    box-shadow: inset 0 -0.5px 0 0 #dddddd;
    background: white;
  }

  .navigation-buttons {
    margin: auto;
  }

  .navigation-buttons > img {
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
  }

  .navigation-title {
    margin: 0 20px;
    min-width: 500px;
    display: inline-block;
  }

  .picture-wrapper {
    height: calc(100vh - 32px - 41px);
    width: 100%;
    display: grid;
    grid-template-columns: 310px auto;
  }
  .picture-wrapper-sub{
    overflow-y: overlay;
    overflow-x: hidden;
  }
  .highlight-ann {
    background-color: rgba(255, 253, 30, .30) !important;
  }

  .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
    display: inline-block;
    vertical-align: bottom;
  }
}