body {
    /*background-image: url("../images/layout/background.jpg");*/
    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;
}

.topChart {
    width: 100%;
    height: 700px;
    max-width: 100%;
}

.columnChart {
    width: 100%;
    height: 620px;
}

.lineChart {
    width: 100%;
    height: 430px;
}

.comparaisonChart {
    width: 100%;
    height: 480px;
}

.barChart {
    width: 100%;
    height: 650px;
    max-width: 100%;
}

.donutChartDiv {
    width: 100%;
    height: 320px;
    max-width: 100%;
}

.pieChartDiv {
    width: 100%;
    height: 700px;
    max-width: 100%;
}

.articlesChartDiv {
    width: 100%;
    height: 700px;
    max-width: 100%;
}

.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-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;
}

a .am5exporting {
    z-index: 0 !important;
    height: 50px !important;
    width: 30px !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 {*/
/*    background-color: white;*/
/*    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);*/
/*    position: relative;*/
/*    text-align: center;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    cursor: pointer;*/
/*    touch-action: none;*/
/*    z-index: 5;*/
/*}*/

/*.dashboard-chart img {*/
/*    !*max-width: 100%;*!*/
/*    !*max-height: 100%;*!*/
/*    max-height: 220px;*/
/*    max-width: 400px;*/
/*    display: block;*/
/*}*/

/*.button-chart {*/
/*    position:absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*}*/

/*.button-chart button {*/
/*    margin-left: 10px;*/
/*}*/

/*.image-chart {*/
/*    position: absolute;*/
/*    top: 55%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

#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;
}