/* =========================================
   FORM INPUT VISIBILITY & AUTOFILL FIXES
   ========================================= */

/* Force Black Text on Inputs */
input,
select,
textarea,
.form-control,
.fx-input-group input {
    color: #000000 !important;
    background-color: #ffffff !important;
    /* -webkit-text-fill-color: #000000 !important; */
    /* Forces text color on WebKit */
    opacity: 1 !important;
    /* Ensure no transparency issues */
}

/* Fix WebKit Autofill Background & Text */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000 !important;
    background-color: #fff !important;
    color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
    /* Hack to delay bg color change */
}

/* Ensure Placeholder is distinguishable but visible */
::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}

/* Floating Label / Text Overlap Prevention */
.fx-input-group {
    position: relative;
    background: #ffffff00;
    /* Ensure it covers anything behind */
}

.fx-input-group label {
    color: #333;
    font-weight: 500;
    margin-bottom: 5px;
    display: block;
    /* Ensure it sits above input if not floating */
}