/* CrossOver V3 design system (layered over Bootstrap). */
@import "v3/color_scheme-kJfY54q.css";
@import "v3/layout-d-dhNrK.css";
@import "v3/buttons-BMPD_Ht.css";
@import "v3/login-U0wntiz.css";

/* Drop-zone + validation styles (ported from the legacy assets/css/custom.css). */
.drop-zone {
    transition: all 0.3s;
    border-color: var(--light-ui-gray) !important;
}

.drop-zone:hover {
    background-color: var(--gray-accent-bkg);
    cursor: pointer;
}

/* Highlighted while a file is being dragged over the zone. */
.drop-zone--dragover {
    background-color: #e6f0fd;
    border-color: var(--accent-blue) !important;
    border-style: solid !important;
}

/* A file has been selected and is ready to upload. */
.drop-zone--ready {
    background-color: #f0faf4;
    border-color: var(--green-positive) !important;
    border-style: solid !important;
}

.is-invalid {
    border-color: #dc3545;
}

.invalid-feedback {
    display: block;
    color: #dc3545;
}