.bar {
    position: absolute;
    display: inline;

    height: 100%;
    padding: 0;
    margin: 0;

}

.s-titre {
    font-size: 120%;
}

.locArbre {
    position: relative;

    font-size: 25px;
}

.content {
    position: relative;
    display: inline;
}

.scrolly {
    overflow-x: hidden;
    overflow-y: scroll;
}


#line1 {
    background: var(--dodger-blue);
    color: var(--white);
    text-shadow: 0 1px 0 var(--white);

}

#line2 {
    background: var(--red-dark);
    color: var(--white);
    text-shadow: 0 1px 0 var(--white);

}

.date-range-picker {
    position: relative;
    display: inline;
    text-align: left;
    outline-style: solid;
    font-size: small;
    height: 25px;
    outline-color: var(--gray);
    color: var(--black);
    padding: 3px
}


.date-range-picker:hover {
    outline-color: var(--gray);
    outline-style: solid;
}

.poly {
    height: 500px;
    width: 10px;
}

.graph {
    height: 50vh;
    width: 100%;
// border: 1 px solid #6f42c1;
// box-shadow: 5 px 10 px #6f42c1;
// background-color: white;
}

#map {
    height: 35vh;
    width: 100%;
// border: 1 px solid #6f42c1;
// box-shadow: 5 px 10 px #6f42c1;
// background-color: white;
}

.card-graph {
    width: 100%;
}

table.table-bordered > thead > tr > th {
    border: 1px solid var(--purple);
}

table.table-bordered > tbody > tr > td {
    border: 1px solid var(--dodger-blue);
}

.table {
    border: 1px solid var(--purple);
    overflow-x: scroll;
}

.nohover {
    pointer-events: none;
}

.hovered {
    pointer-events: initial;
}

.disable {
    pointer-events: none;
    opacity: 0.4;
}

.spaced {
    display: inline-block;
    margin-left: 20px;
}