body {
    /*background-image: url("../images/layout/background.jpg");*/
    background-color: #FFFFFF;
    /*background-color: #eceff1;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

#menuBar {
    background-image: url("../images/layout/background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
}

#loading-spinner {
    background-image: url("../images/BIVperform-light.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto;
    background-position: center center;
}

.tab-links a.active {
    border-bottom-color: #095aff;
    color: #095aff;
}

.tab-links svg.active {
    fill: #095aff; /* Couleur de remplissage du SVG de l'onglet actif */
    color: #095aff; /* Couleur du texte du SVG de l'onglet actif */
}

a .am5exporting {
    z-index: 0 !important;
    height: 50px !important;
    width: 30px !important;
}

.chart {
    width: 100%;
    height: 650px;

    @media (max-width: 1680px) {
        height: 450px;
    }

    @media (max-width: 1200px) {
        height: 300px;
    }
}
.chart2 {
    width: 100%;
    height: 450px;
}

.chart3 {
    width: 100%;
    height: 550px;
}

.chartDashboard1{
    width: 100%;
    height: 280px;
}

.comparisonChart{
    width: 100%;
    height: 400px;
    max-width: 100%;
}

.h-filter {
    height: 40rem;
}

.h-cards {
    height: 23rem;
}

.h-cards2 {
    height: 15rem;
}

.h-cards3 {
    height: 23.5rem;
}

.border-b-1 {
    border-bottom-width: 1px;
}

.border-l-1 {
    border-left-width: 1px;
}

hover\:border-none:hover {
    border-style: none;
}


.logo-container {
    max-width: 40px;
    border-radius: 5px;
    margin: 8px;
    padding: 6px 8px;
}

.brand-name-container {
    margin: 10px 55px 0px 2px;
    padding: 0px;
}

.logo-sidebar {
    width: 100%;
    height: auto;
}

.brand-name {
    color: white;
    margin: 0px;
    line-height: 1.1rem;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}

.brand-subname {
    font-weight: 300;
    font-size: 14px;
}

@media screen and (max-width: 1080px) {
    .chartJs {
        width: 80vh;
    }
}

@media screen and (max-width: 500px) {
    .chartJs {
        width: 40vh;
    }
}

.dash-content {
    width: 100%;
}

#menuBar {
    width: 100%;
}

#analytics-content {
    width: 100%;
}

@media screen and (max-width: 870px) {
    body{
        width: 870px;
    }
}

.swal2-confirm {
    background-color: #28A745 !important;
}

.dt-button {
    background: none !important;
    background-color: #e5e7eb !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0.2rem !important;
    padding: 0.5rem !important;
    margin: 0.3rem !important;
}

.dt-buttons {
    padding: 10px !important;
    padding-left: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    justify-content: stretch !important;
}

#users-table_filter {
    padding: 10px !important;
}

.list-selector {
    width: 500px !important;
}

.date-selector {
    width: 250px !important;
}

#dashboard-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 5px;
    padding: 18px;
}


.dashboard-chart {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.image-chart {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-chart img {
    object-fit: cover;
    max-height: 300px;

}


.gu-mirror{
    /*position:fixed!important;*/
    margin:0!important;
    z-index:9999!important;
    opacity:.8;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.gu-hide{
    display:none!important
}

.gu-unselectable{
    -webkit-user-select:none!important;
    -moz-user-select:none!important;
    -ms-user-select:none!important;
    user-select:none!important
}

.gu-transit{
    opacity:.2;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter:alpha(opacity=20)
}

form[name=add_user]{
    display: grid;
    grid-gap: 5px;
    grid-column: 2;
}