:root {
    --black: #061623;
    --green: #30714C;
    --white: #FFF;
    --grey: #BDC3C7;
    --greyDark: #7d7d7d;
    --dark: #888481;
    --lightGrey: #F7F5F7;
    --lightGrey2: #e6e3e3;
    --cardBgColor: #F7F5F8;
    --lightRed: #E06F638C;
    --red: #E76356;
    --redDark: #926163;
    --yellow: #DEC66F;
    --chemical: #0063C4;
    --fertilizer: #955D18;
    --secialty: #C4006F;
    --seed: #13723B;
    --fuelAdditives: #E9CB35;
    --blue: #84BEE8;
    --irrigationParts: #9D16CA;
    --request: #5E8F7C;
    --lightRequest: #A0D1BE;
    --lightQuote: #FFB9A4;
    --quote: #C98671;
    --lightOrder: #a6bcd1;
    --order: #7496b7;
    --lightGreen: #BACBBA;
    --statusColor: #aacfbf;
}

.end-icon {
    position: absolute;
    top: 20px;
    left: auto;
    right: 20px;
    pointer-events: none;
    color: var(--green) !important;
}



.form-control:focus,
.form-control:not(:placeholder-shown),
.form-select {
    ~ label {
        color: var(--green) !important;
    }}