html {
    /* default font-size is 16px - this is set in the default browser stylesheet */
    font-size: 14px;
    /* font-weight: 400;
    line-height: 1.5;  */
}

/* Increase all font sizes on mobile */
@media (max-width: 767px) {
    html {
        /* default is 1rem or 16px */
        font-size: 14px;
    }
}

a,
.orange,
.card-header,
.navbar-light .navbar-nav .nav-link,
.dropdown-item,
.page-link button.btn,
.toast-body,
h2 {
    color: rgb(233, 68, 12);
}

.page-item.active .page-link button.btn,
.page-item.active .page-link {
    color: #fff;
    background-color: rgb(233, 68, 12);
    border-color: rgb(233, 68, 12);
}

[id^="id_etape-"][id$="-sequence"],
[id^="id_detail-"][id$="-numero_ligne"],
.toast-header,
.btn-light {

    background-color: rgba(233, 68, 12, 0.5);
    border-color: rgba(233, 68, 12, 0.5);
}

.facture {
    color: #fff;
}

.toast-header {
    font-size: larger;
}

.toast-body {
    font-size: larger;
}

img.logo {
    max-height: 100px;
}

.container {
    padding-bottom: 100px;
}

.arobaseit > a {
    font-size: 10px;
}

.arobaseit > a > img {
    height: 20px;
}

.note {
    font-size: 0.9rem;
}

.note p {
    line-height: 0.9rem;
    margin-bottom: 0.7rem;
}

.note hr {
    margin-bottom: 0.7rem;
    margin-top: 0.7rem;

}

#chart-container {
    margin: auto;
    height: 450px;
    width: 100%;
}