/* =====================================================================

BUTTON CSS

===================================================================== */

button {
  align-items: center;
  background-color: #ffffff;
  border: none;
  color: white;
  cursor: pointer;
  display: inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  font: inherit;
  font-weight: 700;
  justify-content: center;
  outline: none;
  padding: 6px 12px;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -ms-user-select: none;
  -moz-user-select: none;
  text-decoration: none;
  user-select: none;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-user-select: none;
  white-space: nowrap;
}

.ui-button { margin: 0 20px 0 0; }
.ui-button--b { background-color: #5D7F98; }
.ui-button--b:hover { background-color: #4A6578; }
.ui-button--bordered { border-radius: 10px; }

.ui-button--flex {
  display: inline-flex;
  flex-direction: row;
}

.ui-button--nth {
    background-color: transparent;
    color: #1067c4;
    display: flex;
    padding: 0;
}

.ui-button--g {
    color: #1067c4;
}
    .ui-button--g:hover {
        background-color: #CEDBE4;
    }

.ui-button--w {
  background-color: white;
  color: #1067c4;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}

/*pour icone bleue */
.ui-button--blue {
    color: #1067c4;
}
    .ui-button--blue:hover {
        color: #1067c4;
    }

/* pour wucListe*/
/* bouton  rouge sur fond bleu gris */
.ui-button--br {
    background-color: #eff3f6 !important;
    color: #e23e5a;
}

    .ui-button--br:hover {
        color: #f59d7e !important;
    }

    /* rouge fond bleu du footer*/
.ui-button--rb {
    background-color: #1067c4 !important;
    color: #e23e5a  !important;
    font-size: 20px;
}

    .ui-button--rb:hover {
        color: #f59d7e;
    }

/* pour icone remove dans footer blanc fond bleu du footer*/
.ui-button--wb {
    background-color: #1067c4 !important;
    color: #ffffff !important;
    font-size: 20px;
}

    .ui-button--wb:hover {
        color: #e23e5a !important; /*rose*/
    }

    /* icone rouge sur fond blanc */
    .ui-button--rg {
        background-color: white !important;
        color: #e23e5a;
    }

        .ui-button--rg:hover {
            color: #f59d7e !important; /* rose clair */
        }

.link-button-list {
    align-items: center;
    border: none;
    color: white;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    justify-content: center;
    outline: none;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -ms-user-select: none;
    -moz-user-select: none;
    text-decoration: none;
    user-select: none;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-user-select: none;
    white-space: nowrap;
    padding: 3px 6px !important;
    margin: 0 20px 0 0 !important;
} 

/* fin pour wucListe*/

.ui_button__label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.ui-button__label--down { text-transform: uppercase; }
.ui-button--margin { margin: 0 20px 15px 0; }
.ui-button--r {
    background-color: #e23e5a;
    color: white;
}
    .ui-button--r:hover {
        background-color: #f59d7e;
    }
.ui-button__label--up { font-weight: 300; }
.ui-button__label--up_small {
    font-weight: 300;
    font-size: x-small;
    color: white !important;
    text-decoration:none;
}
.ui-button__popup { font-size: 30px; }

.ui-button__wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.ui-icon__button {
  font-size: 1.3rem;
  margin-right: 10px;
}

.button_wuc_liste{
    width:40%;
}