.librarybrowserblock {
  a {
    text-decoration: none !important;
    &:hover {
      i {
        text-decoration: none;
      }
      span {
        text-decoration: underline;
      }
      .material-icons {
        text-decoration: none;
      }
    }
    text-decoration: none !important;
    .material-icons {
      text-decoration: none !important;
    }
  }
  .go--back {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: $xxs-space;
    i{
      font-size: 28px;
    }
    span {
      color: $dark-grey;
      margin-left: $xxs-space;
    }
  }
  .volume--btn {
    margin-left: $xxs-space;
    &:hover {
      opacity: 0.6;
    }
    @include media-breakpoint-down(md) {
      margin-left: $xxs-space;
    }
  }
  .file--speaker{
    @include media-breakpoint-down(sm) {
      margin-right: auto;
    }
  }

  .is--date {
    font-size: 16px;
    line-height: 132%;
    @include media-breakpoint-down(md) {
      margin-right: 0px !important;
      margin-left: auto;
    }
    @include media-breakpoint-down(sm) {
      margin-left: 0px !important;
      margin-right: auto;
    }
  }
  .action--items {
    min-height: 22px;
    margin-bottom: $xxs-space;
    a {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-family: "Lato";
      font-style: normal;
      font-size: 16px;
      line-height: 132%;
      color: $dark-grey;

      i {
        &.material-icons {
          font-size: 18px;
          line-height: 18px;
        }
      }
    }
  }
  .sort--items {
    &.cant-sort-by-date{
      opacity: 0.6;
      pointer-events:none
    }
    span {
      font-family: "Lato";
      font-style: normal;
      font-size: 16px;
      line-height: 132%;
      color: $dark-grey;
    }
  }

  .file--items {
    li{
      border-top: 1px solid #e5e5e5;
    }
    &:last-child{
      border-bottom: 1px solid #e5e5e5
    }
    .file--row {
      @include media-breakpoint-down(md) {
        padding: 20px 0 20px 0;
      }
    }
    .title--speaker {
      @include media-breakpoint-down(md) {
        margin-left: auto;
      }
    }
    a:not(.inner-a),
    .file {
      min-height: 65px;

      span {
        img {
          max-width: 28px;
          margin-right: $xxs-space;
        }
      }
      span {
        font-family: "Lato";
        font-style: normal;
        font-size: 18px;
        line-height: 132%;
        color: $dark-grey;
        @include media-breakpoint-down(md) {
          font-size: 16px;
        }
      }
    }
    .doc--item {
      padding: $xxs-space 0 $xxs-space 0;
      .doc--icon {
        margin-right: $xxs-space;
        font-size: 28px;
      }
    }
    .file--item {
      padding: $xxs-space 0 $xxs-space 0;
      .file--icon {
        max-width: 24px;
        margin-right: $xxs-space;
      }
    }
  }
  .vld-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
  }

  .vld-overlay.is-active {
    display: flex;
  }

  .vld-overlay.is-full-page {
    z-index: 999;
    position: fixed;
  }

  .vld-overlay .vld-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 0.5;
  }

  .vld-overlay .vld-icon,
  .vld-parent {
    position: relative;
  }

  // .files--info{
  //   font-size: 18px;
  //   line-height: 132%;
  //   font-family: "Lato Bold";
  //   @include media-breakpoint-down(md) {
  //     font-size: 16px;
  //     line-height: 24px;
  //   }
  // }
  // .files--text{
  //   font-size: 18px;
  //   line-height: 132%;
  //   font-family: "Lato Bold";
  //   @include media-breakpoint-down(md) {
  //     font-size: 16px;
  //     line-height: 24px;
  //   }
  // }
  // a{
  //   &.files--speaker{
  //     &:hover{
  //       opacity: 0.6;
  //       text-decoration: none!important;
  //       span{
  //         text-decoration: none!important;
  //       }
  //     }
  //   }
  // }

  // width: 100%;
  // margin-bottom: $md-space;
  // .folder--back {
  //   &:hover {
  //     .dots {
  //       text-decoration: underline;
  //     }
  //   }
  // }
  // .files--speaker {
  //   margin-top: 2px;
  //   cursor: pointer;
  // }
  // .filebrowserblock--container {
  //   width: 100%;
  //   .library--list {
  //     width: 100%;
  //     margin-top: 0px;
  //     margin: 0;
  //     padding-left: 0;
  //     margin-top: $xs-space;
  //     list-style: none;
  //     li {
  //       background-color: "white";
  //       border-bottom: 1px solid #e5e5e5;
  //       padding: $xs-space;
  //       padding-left: 0;
  //       .files--icon{
  //         span{
  //           &.material-icons{
  //             font-size: 30px;
  //           }
  //         }
  //       }
  //       .files--info {
  //         cursor: pointer;
  //         color: $dark-grey;
  //         p{
  //           font-size: 18px;
  //           line-height: 132%;
  //           font-family: "Lato Bold";
  //           @include media-breakpoint-down(md) {
  //             font-size: 16px;
  //             line-height: 24px;
  //           }
  //         }
  //         &:hover {
  //           text-decoration: underline;
  //         }
  //       }
  //       img {
  //         width: 28px;
  //         height: 36px;
  //       }
  //     }
  //   }
  //   .folder--open {
  //     cursor: pointer;
  //   }
  //   .sort--bar {
  //     padding: $md-space 0 8px 0;
  //     border-bottom: 1px solid #e5e5e5;

  //     .sort--button {
  //       cursor: pointer;
  //     }
  //   }
  //   .files {
  //     width: 100%;
  //     padding-left: 0;
  //     margin-top: $xs-space;
  //     list-style: none;

  //     .files--info {
  //       margin-left: $xs-space;
  //       .files--title {
  //         font-weight: inherit;
  //         font-family: "Lato Bold";
  //         margin-bottom: 0;
  //       }
  //       .files--extension {
  //         margin-bottom: 0;
  //       }
  //     }
  //     li {
  //       background-color: "white";
  //       border-bottom: 1px solid #e5e5e5;
  //       padding: $xs-space;
  //       padding-left: 0;
  //       .files--extension {
  //         text-transform: uppercase;
  //       }
  //       img {
  //         width: 28px;
  //         height: 36px;
  //       }
  //     }
  //   }
  // }

  // [v-cloak] {
  //   display: none;
  // }

  // .list-enter-active,
  // .list-leave-active,
  // .list-move {
  //   transition: 500ms cubic-bezier(0.59, 0.12, 0.34, 0.95);
  //   transition-property: opacity, transform;
  // }

  // .list-enter {
  //   opacity: 0;
  //   transform: translateX(50px) scaleY(0.5);
  // }

  // .list-enter-to {
  //   opacity: 1;
  //   transform: translateX(0) scaleY(1);
  // }

  // .list-leave-active {
  //   position: absolute;
  // }

  // .list-leave-to {
  //   opacity: 0;
  //   transform: scaleY(0);
  //   transform-origin: center top;
  // }
}