/*--- Filepond custom css ---*/

.filepond--root {
    font-family: 'Inter', sans-serif;
    /* height: 8rem; */
    cursor: pointer;
}

.filepond--drop-label {
    color: inherit;
}

.filepond--drop-label label {
    cursor: inherit;
}

.filepond--panel-root {
    background-color: #f7f8fa;
    border-radius: .25rem;
    border: 1px dashed #bfc1cb;
}

.filepond--root .filepond--item {
    top: 25px; /* For multi-files upload field */
}

.filepond-single-file.filepond--root .filepond--item {
    top: 0; /* For single-files upload field */
}

.filepond--item-panel {
    border-radius: .5rem;
    background-color: #ecf2ff;
    box-shadow: none !important;
}

.filepond--file {
    color: #676e8b;
    cursor: default;
}

.filepond--file-action-button {
    background-color: #1652f0;
    cursor: pointer;
    box-shadow: none;
}

.filepond--file-action-button:focus, 
.filepond--file-action-button:hover {
    box-shadow: none;
    background-color: #3B6CF0;
}

/* Error and invalid states */
[data-filepond-item-state*='error'] .filepond--item-panel,
[data-filepond-item-state*='invalid'] .filepond--item-panel {
    background-color: #f8d7da;
}

/* Processing complete state */
[data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: #d4edda;
}

.filepond--file-status .filepond--file-status-sub {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.filepond--file-status {
    flex: 1;
}

.filepond--credits {
    display: none !important;
}