.dz {
    display: block;
    width: 100%;
    border: 2px dashed lightgrey;
    border-radius: 0.25rem;
    /*border: 2px dashed lightgrey;*/
}

.dz .dz-message {
    display: flex;
    justify-content: center;    /* horizontal */
    align-items: center;        /* vertcial */
    width: 100%;
    height: 57px; /* Height of 2 input fields with single label */
    cursor: pointer;
    background-color: #eee;
    border-radius: 0.25rem;
}

.dz .dz-file {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.dz .dz-file:hover {
    background-color: rgba(125, 193, 255, 0.44);
}

.dz .dz-file:first-child {
    margin-top: 6px;
}

.dz .dz-file:last-child {
    margin-bottom: 6px;
}

.dz .dz-file .dz-image {
    padding: 6px 20px;
    width: 16.6667%; /* col-2 */
    display: flex;
}

.dz .dz-file .dz-image img {
    max-width: 100%;
    max-height: 40px;
    border-radius: 3px;
    margin: auto;
}

.dz .dz-file .dz-image i {
    font-size: 28px;
    margin: auto;
}

.dz .dz-file .dz-name {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 66.6667%; /* col-8 */
}

.dz .dz-file .dz-delete {
    padding: 10px 20px;
    width: 16.6667%; /* col-2 */
    text-align: center;
    display: flex;
}

.dz .dz-file .dz-delete i {
    cursor: pointer;
    margin: auto;
}

.dz .dz-upload {
    position: absolute;
    width: 66.6667%; /* col-8 */
    bottom: 0;
    margin-left: 16.6667%; /* col-2 */ 
    margin-right: 16.6667%; /* col-2 */
}

.dz .dz-bar {
    width: 0%;
    background-color: #444; /* It will be overriden by primary color of the theme */
    height: 3px;
    border-radius: 3px;
    transition: width 2s;
}