.file-thumbnails {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.file-thumbnail {
    width: 250px;
    border: 1px solid #efefef;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 4px 2px 10px -6px rgba(0,0,0,0.55);
    margin-right: 15px;
}

.file-thumbnail img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.file-thumbnail img:hover {
    opacity: 0.5;
}

.file-thumbnail-content {
    padding-left: 8px;
    padding-right: 8px;
}

.file-thumbnail-title {
    font-weight: 700;
    font-size: 0.9em;
    color: #555;
}

.file-thumbnail-description {
    font-size: 0.8em;
    color: #aaa;
    margin-top: 8px;
    margin-bottom: 5px;
}

.file-viewer {
    position: relative;
}

.file-viewer img {
    max-width: 95%;
    max-height: 85%;
    margin-top: 10px;
}
