/*========================================================
        DARK LAYOUT
=========================================================*/
    
    .dropzone {
        min-height: 350px;
        border: 2px dashed #7367F0;
        background: #F8F8F8;
    }
    
    .dropzone .dz-message {
        font-size: 2rem;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 300px;
        margin-top: -30px;
        color: #7367F0;
        text-align: center;
    }
    
    .dropzone .dz-message:before {
        /* content: '\e864';*/
        font-family: 'feather';
        font-size: 20px;
        position: absolute;
        top: 0px;
        height: 10px;
        display: inline-block;
        left: 50%;
        margin-left: -40px;
        line-height: 1;
        z-index: 2;
        color: #7367F0;
        text-indent: 0;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
    }
    
    .dropzone .dz-preview {
        background: transparent;
    }
    
    .dropzone .dz-preview .dz-error-mark,
    .dropzone .dz-preview .dz-success-mark {
        background-image: url('../../../images/dropzone/spritemap.png');
    }
    
    .dropzone .dz-preview .dz-error-message {
        min-width: 113px;
        top: 0;
        left: 0;
    }
    
    .dropzone .dz-preview .dz-remove {
        font-size: 1.1rem;
        color: #EA5455;
        line-height: 2rem;
    }
    
    .dropzone .dz-preview .dz-remove:before {
        content: '\e8f6';
        font-family: 'feather';
        display: inline-block;
        line-height: 1;
        z-index: 2;
        text-indent: 0;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
    }
    
    .dropzone .dz-preview .dz-remove:hover {
        text-decoration: none;
        color: #E42728;
    }
    
    @media (max-width: 576px) {
        .dropzone .dz-message:before {
            top: 7.14rem;
        }
    }