body{
    font-family: Barlow;
    font-size: 18px;
    line-height: normal;
}

.titleNavBar {
    color: white;
    font-weight:600 ;
}

.nav-item.active{
    background-color: #249EC9;
}

.modal-dialog{margin-top: 145px;}

@media screen and (max-width: 768px) {
    .display-mobile {display: none;}
    .pagination{
        margin-left: 1%;
        margin-top: 5%;
    }
    .toast-height{height: 200px;line-height: 18px}
    .main-margin-top{margin-top: 120px}
    .thematique-height{height: auto}
    .projetdiff-btn-modal{width: 86%}
    .font-mobile{font-size: smaller}
}

@media only screen and (min-width: 768px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
    .min-s-height {min-height: 38rem;}
    .max-s-width {max-width: 100%;}
    .pagination{
        margin-left: 13%;
        margin-top: 5%;
    }
    .toast-height{height: 200px;line-height: 19px}
    .main-margin-top{margin-top: 90px}
    .thematique-height{height: 800px}
    .projetdiff-btn-modal{width: 92%}
    .font-mobile{font-size: medium}
    .navbar-nav>li>a{min-height: 56px;}
    .navbar-mobile{display: block}
    .navbar-desktop{display: none}
}
@media only screen and (min-width: 1200px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .min-height {min-height: 43rem;}
    .max-width {max-width: 50rem;}
    .pagination{
        margin-left: 13%;
        margin-top: 5%;
    }
    .toast-height{height: 150px}
    .main-margin-top{margin-top: 90px}
    .thematique-height{height: 780px}
    .projetdiff-btn-modal{width: 95%}
    .navbar-nav>li>a{min-height: 80px;}
    .navbar-mobile{display: none}
    .navbar-desktop{display: block}
}

.navbarGauche{
    background-color: #32BEF0;
}

.badge-danger{
    background-color: red;
}

.popover{
    --bs-popover-max-width :500px
}

.tooltip-inner {
    background-color: #098bf3 !important;
    color: #fff;
    box-shadow: 0 0 4px black;
    opacity: 1 !important;
}
.bs-tooltip-end .tooltip-arrow::before{
    border-right-color: #098bf3 !important;
}
.bs-tooltip-bottom .tooltip-arrow::before{
    border-bottom-color: #098bf3 !important;
}
.bs-tooltip-start .tooltip-arrow::before{
    border-left-color: #098bf3 !important;
}
.bs-tooltip-top .tooltip-arrow::before{
    border-top-color: #098bf3 !important;
}