// Import Colors
@import "incl/colors";
@import "incl/func";

/**
* Style
**/
@include liveselect2;

/* Error */
span.error,
p.error,
span.error > p {
    font-size: 13px;
    font-weight: 400;
    color: getColor(red);
    font-style: italic;
}

/* Error */
.required {
    & {
        .bi-asterisk,
        .fa-asterisk {
            color: getColor(red);
            font-size: 10px;
        }
    }
}

label.required:after {
    content: "*";
    margin-left: 0.2rem;
    color: getColor(red);
}

.transaction-status--pending {
    color: #ffa500 !important;
}

.transaction-status--approved {
    color: #2cb34a !important;
}

.dashboard-balance-card {
    background-color: #2cb34a;
}

.text-brand-green {
    color: #2cb34a;
}

.investment-status--active {
    background-color: #2cb34a;
    color: #fff;
}

.transaction-status--rejected {
    color: #ff0000 !important;
}
