/* Fix for password field with validation error and eye icon */
/* .form-control.is-invalid {
    background-image: none !important;
}

input[type="password"].form-control {
    padding-right: 2.5rem !important;
}

.mb-4.position-relative .show-pass {
    position: absolute;
    right: 15px;
    top: 43px;
    z-index: 10;
    cursor: pointer;
}

.position-relative .invalid-feedback {
    display: block;
}
 */
.form-control.is-invalid,
.form-select.is-invalid,
select.form-control.is-invalid {
    background-image: none !important;
    padding-right: 0 !important;
}

.bootstrap-select.is-invalid .filter-option,
.input-group.is-invalid .input-group-text {
    color: var(--bs-form-invalid-border-color);
}

.input-group.is-invalid .input-group-text {
    border: 1px solid var(--bs-form-invalid-border-color);
}

.input-group.is-invalid .form-control {
    border: 1px solid var(--bs-form-invalid-border-color);
}

/* === filepond css === */
/* The background color of the filepond drop area and file panel */
[data-theme-version="dark"] .filepond--panel-root {
    background-color: #2c3e50; /* A dark blue-gray */
    border: 2px solid #34495e; /* A slightly darker border */
}

/* The background color of the file and file panel (used when dropping an image) */
[data-theme-version="dark"] .filepond--item-panel {
    background-color: #34495e;
}

/* The text color of the drop label */
[data-theme-version="dark"] .filepond--drop-label {
    color: #ecf0f1; /* Light gray text */
}

/* The underline color for "Browse" button */
[data-theme-version="dark"] .filepond--label-action {
    text-decoration-color: #ecf0f1;
}

/* The text color of the file status and info labels */
[data-theme-version="dark"] .filepond--file-status-main,
[data-theme-version="dark"] .filepond--file-info-main {
    color: #ecf0f1;
}

/* The background color of the action buttons */
[data-theme-version="dark"] .filepond--file-action-button {
    background-color: rgba(255, 255, 255, 0.2); /* Semi-transparent white */
    color: white;
}

.filepond--credits {
    display: none !important;
}
/* === filepond css end === */