.view-documents1 {

  > .view-content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;

    .views-row {
      padding: 5px 10px;
      background-color: #fff;
      margin-bottom: 5px;
      border-radius: 5px;
      flex: 0 1 auto;
      width: auto;

      span.views-field {
        &:before {
          font: 1em "icomoon";
          line-height: normal;
          vertical-align: middle;
          speak: none;
          padding-right: .3em;
          background-image: none;
          width: initial;
          height: initial;
          content: "\e9a1";
        }
      }

    }
  }
}

.views-element-container {
  .view-eva {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 10px;


    .views-row {
      padding: 5px 10px;
      background-color: #fff;
      margin-bottom: 5px;
      border-radius: 5px;
      flex: 0 1 auto;
      width: auto;

      span.views-field {
        &:before {
          font: 1em "icomoon";
          line-height: normal;
          vertical-align: middle;
          speak: none;
          padding-right: .3em;
          background-image: none;
          width: initial;
          height: initial;
          content: "\e9a1";
        }
      }

    }
  }
}

.node--type-document1 {
  background-color: #fff;
  box-shadow: var(--box-shadow);
  border: var(--b-bdr-wdth) var(--b-bdr-style) var(--b-bdr-clr);
  border-radius: var(--b-bdr-r);
  margin-bottom: 10px;
  padding: var(--i-py, 0) var(--i-px, 0);
}

.field--name-field-filefolder {
  .field__item {
    margin-top: 5px;
    background-color: #f1f1f1;
    padding: 3px;

    &:before {
      font: 1em "icomoon";
      line-height: normal;
      vertical-align: middle;
      speak: none;
      padding-right: .3em;
      background-image: none;
      width: initial;
      height: initial;
      content: "\e9a1";
    }
  }
}