/* ==========================
   Général
========================== */

html, body {

    margin:0;
    padding:0;

    overflow-x:hidden;

    background:#f8f9fa;

}



/* ==========================
   Sidebar
========================== */


.sidebar {

    position:fixed;

    top:0;

    left:0;

    width:250px;

    height:100vh;

    background:#0d6efd;

    overflow-y:auto;

    z-index:1000;

}



/* Liens sidebar */

.sidebar a {


    display:block;

    color:white;

    padding:15px 20px;

    text-decoration:none;

    font-size:16px;


}



.sidebar a:hover {


    background:#084298;


}



/* ==========================
   Contenu principal
========================== */


.content {


    margin-left:250px;

    padding:20px;

    width:calc(100% - 250px);


}



/* ==========================
   Cartes statistiques
========================== */


.stat-card {


    border:none;

    border-radius:15px;

    box-shadow:0 3px 15px rgba(0,0,0,.1);


}



/* ==========================
   Responsive Mobile
========================== */


@media(max-width:768px){



    .sidebar {


        left:-250px;

        transition:.3s;


    }



    .sidebar.active {


        left:0;


    }



    .content {


        margin-left:0;

        width:100%;

        padding:15px;


    }



    .table-responsive {


        overflow-x:auto;


    }


}