.upload-container {
    .upload-area {
        border: 3px dashed #ccc;
        padding: 30px;
        border-radius: 5px;
        margin: 0 auto 15px auto;
        max-width: 600px;
        &:hover {
            background: rgba(0, 0, 0, 0.025);
            cursor: pointer;
        }
        button.browse,
        .controls button,
        input {
            width: 100%;
        }
    }
    .upload-queue {
        .input-sm {
            line-height: 1em;
            font-size: 0.8em;
            height: 24px;
            margin-bottom: 1px;
        }
        .controls {
            display: block;
            margin-top: 10px;
            padding-top: 10px;
            width: 100%;
        }
        .previews {
            margin-top: 4em;
            max-height: 50vh;
            overflow-y: auto;
            .item {
                padding: 5px 0;
                clear: both;
            }
            .title {
                padding-left: 3px;
            }
            .info img {
                width: 32px;
                height: 32px;
                margin-top: -26px;
                float: right;
            }
        }
    }
    #fakeUploadFile {
        height: 35px;
    }
    .pattern-relateditems-container,
    .pattern-relateditems-container > * {
        width: 100% !important;
    }
    .align-right {
        text-align: right;
    }
    .controls {
        display: none;
    }
    .actions {
        margin-top: 0.5em;
    }

    .dz-drag-hover {
        box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.75), 0 0 0 1000px rgba(0, 0, 0, 0.85);
        z-index: 99999;
        position: relative;
    }
    .upload .dz-preview .dz-details .dz-size,
    .upload-previews .dz-preview .dz-details .dz-size {
        font-size: 11px;
    }
}
