/*--------------------------*/
/*         SPACING          */
/*--------------------------*/

body,
html {
    height: auto;
}

body>.ui.container {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

#form-predict,
#imageMap img {
    margin-bottom: 1rem;
}

/*--------------------------*/
/*     HIDDEN AT START      */
/*--------------------------*/

#measuringPoint>i.icon:first-child,
#form-predict .ui.info.message,
#labelMissingValues,
#listMissingValues,
#graph {
    display: none;
}

/*--------------------------*/
/*       INFO MESSAGE       */
/*--------------------------*/

.ui.message .header+p {
    margin-bottom: 0;
}

#labelMissingValues {
    margin-top: .25em;
    margin-bottom: 0;
}

#listMissingValues {
    margin-top: 0;
}

#listMissingValues li {
    margin-bottom: 0;
}

/*--------------------------*/
/*          FORM            */
/*--------------------------*/

form.form .field>.ui.icon>i.icon:first-child {
    opacity: 0.5;
}

/*--------------------------*/
/*           MAP            */
/*--------------------------*/

#imageMap {
    position: relative
}

#imageMap i {
    color: #2185d0;
    /* #cb59ff */
    position: absolute;
    cursor: pointer;
}

/*--------------------------*/
/*          Toasts          */
/*--------------------------*/

.ui.toast.error .ui.inverted.button:hover {
    color: #db2828;
}

.ui.toast-container .toast-box :not(.comment):not(.card) .actions {
    margin: .5em -0.5em -0.5em -0.5em;
}

/*--------------------------*/
/*           PINS           */
/*--------------------------*/

#pinFonderie {
    bottom: calc(29.2% + 1em / 2);
    left: calc(39.1% - 1.18em / 2);
}

@media screen and (max-width: 991px) {
    #pinFonderie {
        bottom: calc(28.8% + 1em / 2);
    }
}

@media screen and (max-width: 582px) {
    #pinFonderie {
        bottom: calc(27.5% + 1em / 2);
    }
}