﻿
/* status message positioning */
.large-upload .k-dropzone,
.large-upload .k-dropzone .k-upload-status {
    display: block;
}

    /* status message spacing */
    .large-upload .k-dropzone .k-upload-status {
        padding: .4em .4em .2em;
    }

    /* drop zone size and background */
    .large-upload .k-dropzone .k-button {
        display: block;
        width: 100%;
        height: 50px;
        position: relative;
        background-image: none;
        background-color: #fff;
    }

        /* drop zone hover background - optional */
        .large-upload .k-dropzone .k-button:hover, .large-upload .k-dropzone.hovering .k-button {
            background-color: #f5f5f5;
        }

        /* drop zone label - optional */
        .large-upload .k-dropzone .k-button::before {
            content: "Drop files here ...";
            display: block;
            font-size: 14px;
            position: absolute;
            top: 1em;
            left: 1em;
            bottom: auto;
            right: auto;
            opacity: 1;
            background: transparent;
        }

        /* "Select files" label position and button styling */
        .large-upload .k-dropzone .k-button span {
            position: absolute;
            top: 50%;
            margin-top: -1em;
            border: 1px solid rgba(0, 0, 0, 0.08);
            padding: 4px 8px;
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
            color: #424242;
            opacity: 0;
        }
