/**
 * FilePond Custom Styles
 */

/* text of the drop label*/
.filepond--drop-label {
	color: #4c4e53;
    font-size: medium !important;
}

/* underline color for "Browse" button */
.filepond--label-action {
	text-decoration-color: #babdc0;
}

/* filepond drop area */
.filepond--panel-root {
	background-color: #edf0f4;
    border-radius: 0.5em;
	height: 1em;
}

/* file item */
.filepond--item-panel {
    border-radius: 0.5em;
    background-color: #595e68;
}

/* drop circle */
.filepond--drip-blob {
	background-color: #7f8a9a;
}

/* black action buttons */
.filepond--file-action-button {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
}

/* the color of the focus ring */
.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

/* the text color of the file status and info labels */
.filepond--file {
    color: white;
}

/* error state color */
/* [data-filepond-item-state*='error'] .filepond--item-panel,
[data-filepond-item-state*='invalid'] .filepond--item-panel {
    background-color: color_code;
} */

/* success state color (only on request load)*/
/* [data-filepond-item-state='processing-complete'] .filepond--item-panel {
    background-color: color_code;
} */

.filepond--panel-bottom.filepond--item-panel {
    height: 40px;
}