.dropzone-custom .dropzone {
        font: normal 11px/1.4em Tahoma, Helvetica, Arial, Sans-derif;
        border: 2px solid white;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items:center;
        align-items:center;
        padding: 0;
    }

        .dropzone-custom .dropzone.dz-drag-hover {
            border: 2px dashed #ddd !important;
            background: #fcfcfc !important;
        }

        .dropzone-custom .dropzone .dz-message {
            font: normal 12px/1.4px Tahoma, Arial, Sans-serif;
            -webkit-flex-grow: 1;
            flex-grow: 1;
            color: #888;
        }

        .dropzone-custom .dropzone .dz-image {
            -webkit-border-radius:4px !important;
            -moz-border-radius:4px !important;
            border-radius:4px !important;
            width: 100px !important;
            height: 100px !important;
        }

        .dropzone-custom .dropzone .dz-image img {
            width: 100%;
        }

        .dropzone-custom .dropzone .dz-preview:hover .dz-image img {
          transform: none !important;
          -webkit-filter: initial !important;
          filter: initial !important;
        }

        .dropzone-custom .dropzone .dz-preview {
            background: white !important;
            border: 1px solid #e0e0e0;
            -webkit-border-radius:4px;
            -moz-border-radius:4px;
            border-radius:4px;
            padding: 10px 12px;
            margin: 10px;
            width: 100px !important;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .dropzone-custom .dropzone .dz-details {
            display: none !important;
        }

        .dropzone-custom .dropzone .document-remove {
            display: block;
            cursor: pointer !important;
            position: absolute;
            top: -8px;
            right: -8px;
            z-index: 15;
            width: 16px;
            height: 16px;
            overflow: hidden;
            background: url(/img/edit_delete.png?56dff404c379a6914716e1b481465004==) 0px -336px no-repeat;
            cursor: pointer;
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

            .dropzone-custom .dropzone .document-remove:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .dropzone-custom .dropzone .document-remove i {
                cursor: pointer !important;
            }

            .dropzone-custom .dropzone .document-temp {
                display: none;
                padding: 2px 5px 4px 5px;
                background: #5bb75b;
                color: white;
                font-weight: bold;
                line-height:1em;
                position: absolute;
                top:-8px;
                left:-8px;
                z-index:15;
                cursor: help;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                border-radius:4px;
                box-shadow: 1px 1px 1px #ccc;
            }

        .dropzone-custom .dropzone .document-download {
            display: block;
            cursor: pointer !important;
            text-align: center;
            margin:10px 0 5px 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dropzone-custom .dropzone .document-size {
            display: block;
            text-align: center;
        }

        .dropzone-custom .dropzone .dz-success-mark,
        .dropzone-custom .dropzone .dz-error-mark {
            top: 35% !important;
        }

        .dropzone-custom .dropzone .dz-link {
            font-family: Tahoma, Arial, Sans-Serif;
            color: #0B91CF;
            text-decoration: none;
            font-size: 11px;
        }

            .dropzone-custom .dropzone .dz-link:hover {
                text-decoration: underline;
            }