.dropzone {
    border: 2px dashed #bbb !important;
    border-radius: 5px !important;
    background: #fafafa !important;
    padding: 20px !important;
    cursor: pointer !important;
    margin: 20px auto !important;
    text-align: center !important;
}
/* Hide default thumbnail elements since we're using a textual layout */
.dz-image, .dz-details {
    display: none !important;
}

/* Each file preview row can have a subtle background, margin, etc. */
.dz-preview.dz-file-preview {
    background: #fff;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

/* Highlight an error row if upload fails */
.dz-error {
    background-color: #ffe6e6;
}

/* Remove link styling */
.dz-remove {
    color: #d9534f;
    text-decoration: none;
    cursor: pointer;
}

    .dz-remove:hover {
        text-decoration: underline;
    }

.dz-preview.dz-file-preview {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: block !important;
    min-height: 0px !important;
}

.dz-preview div {
    height: 40px;
    overflow: hidden;
}

/* Dropzone: remove default thumbnail layout */
.dz-image, .dz-details {
    display: none !important;
}

/* Our container that mimics a table */
.grid-table {
    display: table; /* container behaves like a table */
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

    /* Each .row acts like a table row */
    .grid-table .row {
        display: table-row;
        margin-right: 0; /* override bootstrap row negative margins */
        margin-left: 0;
    }

        /* Each .col-md-3 acts like a table cell */
        .grid-table .row > div {
            display: table-cell;
            vertical-align: middle;
            border: 1px solid #ddd;
            padding: 8px;
        }

    /* Optional: style the header row differently */
    .grid-table .header-row > div {
        background-color: #f5f5f5;
        font-weight: bold;
    }

/* Make Dropzone's preview rows look consistent */
.dz-preview.dz-file-preview {
    background: #fff;
}

.dz-error {
    background-color: #ffe6e6;
}

/* Remove link styling */
.dz-remove {
    color: #d9534f;
    text-decoration: none;
    cursor: pointer;
}

    .dz-remove:hover {
        text-decoration: underline;
    }

.header-row {
    display: flex !important;
    align-items: stretch;
}

.dropzone.dz-drag-hover .dz-message {
    background-color: #f0f8ff; /* light up color */
    border: 2px solid #337ab7; /* a contrasting border */
    outline-offset: -10px;
}

.dz-message {
    margin: 0px;
    height: 100px;
}

.dz-button {
    margin-top: 25px;
}

.header-row:before {
    display: none;
}

.dropzone .dz-message {
    margin: 0px !important;
}

.cell {
    margin-top: 20px;
}

.dz-error-message {
    background-color: #f8d7da; /* light red background */
    color: #721c24; /* dark red text */
    border: 1px solid #f5c6cb;
    padding: 8px;
    border-radius: 4px;
    margin-top: 5px;
    opacity: 1;
    transition: opacity 1s ease-out;
}



.documentRow {
    border: none;
    border-bottom: 1px solid #ccc;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 20px;
}

.entity-form {
    overflow: auto;
}

.row {
    margin-top: 10px;
}


.dz-file-preview > div {
    display: flex !important;
    align-items: center; 
    justify-content: center; 
}

.dz-preview  span {
    overflow-wrap: anywhere;
}