#attachment-container {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.attachment-list-container {
    padding: 9px;
}

    .attachment-list-container .file-input-wrapper {
        overflow: hidden;
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
    }

        .attachment-list-container .file-input-wrapper input[type=file] {
            position: absolute;
            top: 20px;
            left: 20px;
            opacity: 0;
            cursor: pointer;
            width: 100px;
            height: 100px;
        }

        .attachment-list-container .file-input-wrapper button {
            font-size: 16px;
            color: #000;
            line-height: 24px;
            padding: 10px;
            margin: 8.5px;
        }

    .attachment-list-container .icon {
        background: url("../images/icons-sprite.png") no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        text-indent: -9999px;
    }

        .attachment-list-container .icon.plus {
            background-position: 0 0;
        }

    .attachment-list-container .photo-tile {
        display: inline-block;
        height: 100px;
        width: 100px;
        margin: 10px;
    }

        .attachment-list-container .photo-tile img {
            height: 100px;
            width: 100px;
            cursor: pointer;
            -moz-transition: transform .1s ease-in-out;
            -o-transition: transform .1s ease-in-out;
            -webkit-transition: transform .1s ease-in-out;
            transition: transform .1s ease-in-out;
            will-change: transform;
        }

            .attachment-list-container .photo-tile img:hover {
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                -webkit-transform: scale(1.05);
                transform: scale(1.05);
            }