.file-list{
    font-size: $font-12;
    .item{
        border-bottom: 1px solid $light-grey;
        padding: 8px 10px;
        transition: .4s;
        .date{
            color: $red;
        }
        a{
            color: $dark-grey;
            text-decoration: none;
            transition: .4s;
            &:hover{
                color: black;
            }
        }

        &:hover{
            background: $light-grey;
        }
    }

    .item-title{
        border-bottom: 1px solid $light-grey;
        padding: 8px 10px;
    }
}




.items-list{
  .item{
    padding: 10px;
    transition: .4s;
    font-size: $font-14;
    border-bottom: 1px solid $light-grey;

    .fa-angle-right{
      padding: 0 5px;
      transition: .4s;
    }

    a{
      &:after{
        content: '\f0c1';
        font-family: 'FontAwesome';
        padding: 0 5px;
      }
      &.button{
        &:after{
          content: '';
          padding: 0;
        }
      }
    }

    &:hover{
      background: $light-grey;
      .fa-angle-right{
        margin-left: 5px;
      }
    }

    .more{
      .more-title{

      }
      .more-content{
        margin-top: 10px;
        display: none;
      }
    }
  }
}