/* Force les Form.Group à avoir un alignement vers le bas */
.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -.5em 1em
}

/* Cible les form-group avec la props width="equal"*/
.equal.width.fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em
}

/* Permet de respecter la largeur du contenue de chacun des enfants */
.equal.width.fields > .field {
    width: fit-content !important;
}

/* Supprime les petits ecarts toujours presents dans les groupes de statistique */
.ui.statistics::after {
    display: none;
    content : none
}


/* Pour un filtre avec un label */
.field {
    display: flex;
    flex-direction: column;
}

/*permet d avoir un slider visible lorsque le fond n est pas blanc */
.custom-color-slider-filter .semantic_ui_range_inner div:nth-child(2) {
    background-color: whiteSmoke!important;
}

.field > .label {
    border-radius: 0.3rem 0.3rem 0 0;
    margin: 0;
    border-bottom: none !important
}

.field > .ui.dropdown {
    border-radius: 0 0 0.3rem 0.3rem;
}

.field > .ui.input > input {
    border-radius: 0 0 0.3rem 0.3rem
 }

.ui.label {
    border: 1px solid rgba(34, 36, 38, 0.15);
}