@property --col-table-border {
  syntax: '<color>';
  inherits: true;
  initial-value: #d0d0d0;
}
.view-rapoarte-investigatii.view-display-id-page_1 {
  & .view-content {
    & .views-row {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: stretch;
      padding: 0.5rem 0 ;

      &:nth-child(even) {
        background: #f0f0f0;
      }
      & > div {
        order: -1;
        flex-basis: 50px;
        height: 100%;
      }
      & > a {
        /*flex-basis: calc(100% - 100px);*/
        flex: 1;
      }
      & > p {
        flex-basis: calc(100% - 32px - 1rem);
        padding-left: 48px;
      }
      .field--name-field-media-image img {
        width:  32px;
        height: auto;
      }
    }
  }
}