.gallery {
    min-height: 900px;
}

.example-search {
    padding: 0px 5px 15px;

    & input {
        width: 100%;
        font-size: 18px;
        padding: 5px 10px;
        border-radius: 3px;
        border: 1px solid #ececec;
        background-color: #fbfbfb;
    }

    & input:focus {
        border: 1px solid #C0C0C0;
        background-color: #fff;
    }
}

#public-docs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 0 0 15px;
    --tile-width: 362px;
    --tile-height: 210px;
    .doc-tile {
        border: 1px solid #e6e6e6;
        background-color: #fcfcfc;
        border-radius: 5px;
        margin: 0 10px 10px 0;
        cursor: pointer;
        overflow: hidden;

        &:hover {
            border: 1px solid #16b4d1;
            background-color: #f7f7f7;
        }

        .doc-image {
            width: var(--tile-width, 250px);
            height: var(--tile-height, 200px);
            overflow: hidden;
            padding: 2px 5px;
            .image {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                width: 100%;
            }
        }

        .doc-name {
            display: block;
            color: #626262;
            font-size: 18px;
            padding: 0 7px;
            width: var(--tile-width, 250px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .doc-author {
            display: block;
            color: gray;
            padding: 2px 7px 10px 7px;
            width: var(--tile-width, 250px);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }
}

.show-more {
    clear: both;
    border-radius: 3px;
    border: 1px solid #e8e8e8;
    cursor: pointer;
    padding: 4px;
    text-align: center;
    background-color: #f6fbfd;
    color: #737272;
}

.show-more .w2ui-spinner {
    background-size: 20px 20px;
    width: 21px;
    height: 21px;
    /* margin-top: 1px; */
    transform: translate(0, 2px);
}

.show-more:hover {
  border: 1px solid #C0E1FF;
}

.w2ui-centered {
    color: gray;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    font-size: 17px;
}