/*------------------------------*\
    #COULEURS
/*------------------------------*/

/**--- couleur texte ---**/
.color-dropdown {
    color: var(--dropdow--main-color)!important;
}

.color--black {
    color: var(--black)!important;
}
.color--error {
    color: var(--red)!important;
}
.color--warning {
    color: var(--orange)!important;
}
.color--white {
    color: var(--white)!important;
}
.color--light_gray {
    color: var(--light_gray);
}
.color--medium_gray {
    color: var(--medium_gray);
}

.color--paragraphe {
    color: var(--main-color_paragraphe);
}

.color--demande {
    color: var(--main-color_demande)!important;
}

.color--negociee {
    color: var(--main-color_negociee)!important;
}

.color--annuaire {
    color: var(--main-color_annuaire)!important;
}

.color--disponible {
    color: var(--main-color_disponible)!important;
}

.color--disponible_secondary {
    color: var(--secondary-color_disponible)!important;
}

.color--besoin {
    color: var(--main-color_besoin)!important;
}

/**--- couleur bordure ---**/
.border--white {
    border: 1px solid var(--white)!important;
}
.border--gray {
    border: 1px solid var(--another-gray);
}
.border--gray_lighten {
    border: 1px solid var(--another-gray_2);
}


.border--demande {
    border: 1px solid var(--main-color_demande)!important;
}

.border--negociee {
    border: 1px solid var(--main-color_negociee)!important;
}

.border--annuaire {
    border: 1px solid var(--main-color_annuaire)!important;
}

.border--disponible {
    border: 1px solid var(--main-color_disponible)!important;
}

.border--besoin {
    border: 1px solid var(--main-color_besoin)!important;
}

/**--- couleur background ---**/


.bg--demande {
    background: var(--main-color_demande);
}

.bg--negociee {
    background: var(--main-color_negociee);
}

.bg--annuaire {
    background: var(--main-color_annuaire);
}

.bg--disponible {
    background: var(--main-color_disponible);
}

.bg--besoin {
    background: var(--main-color_besoin);
}


/*--- couleur ---*/
.bg--usersAcount {
    background: #FD6C9E 0% 0% no-repeat padding-box;
    opacity: 0.74;
}