div.file-box-wrapper {
  border: 2px solid #8c8c8c;
  border-radius: 3px;
  margin-top: 15px;

  &.not-available {
    height: 150px;
    text-align: center;
    padding-top: 40px;
    color: #494949;
  }
}

.content-wrapper {
  min-height: 200px;
  background: #222;
  display: flex;
  flex-direction: column;

  .empty-text {
    flex: 1;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #ccc;
  }
}

.folders, .files {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  .item {
    display: flex;
    flex-direction: row;
    background: #393939;
    padding: 10px;
    margin: 10px;
    border-radius: 3px;
    transition: all 0.2s linear;

    &:hover {
      cursor: pointer;
      background: #424242;
    }

    .icon {
      margin-right: 10px;
    }
  }
}
