/**********/
/* Navbar */
body{
    font-family: "Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif;
}
.navbar{
    background-color: #7b0c38 !important;
}
.navbar-light .navbar-nav .nav-link {
    color: white;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #FFC6E3;
}

/**********/
/* Home */
.social-box .box{
    background: #FFF;
    border-radius: 10px; 
    cursor: pointer;
    transition: all 0.5s ease-out;
}
.social-box .box:hover{
box-shadow: 0 0 6px #4183D7;
}
.social-box .box .box-text{
    margin:20px 0px;
    font-size: 15px;
    line-height: 30px;
}
.social-box .box .box-btn a{
    text-decoration: none;
    color: #4183D7;
    font-size: 16px;
}
.fa{
    color:#4183D7;
}
.box-href{
    display: block;
    padding: 40px 10px;
    margin: 20px 0px;
}
.social-box .box a{
    text-decoration: none;
}
.box-title{
    color: black;
}
.box-text{
    color: black;
}

/********************/
/* User List */
.alert-fixed {
    position: fixed;
    top: 70px;
    width: 100%;
    margin: 0 auto;
    z-index: 99999;
}
.alert-custom{
    width: 350px;
    margin: 0 auto;
}
.btn_new_user{
    margin: 15px 0px;
}
.container_nav{
    height: calc(100vh - 100px);
}

/********************/
/* Compteur Distrib */
.dt-buttons{
    width: 300px;
    margin: 0;
    float: left;
}
.dataTables_length{
    width: 250px;
    margin: 0;
    float: left;
}
.dataTables_filter{
    width: 250px;
    margin: 0;
    float: right;
}
.dataTables_info{
    width: 250px;
    margin: 0;
    float: left;
}
#compteurTable tbody td{
    padding: 5px 10px;
    font-size: 13px;
}
.information{
    margin: 15px 0px;
}

/************************/
/* Compteur Statistique */
.filtre{
    border-radius : 8px;
    margin: 8px;
    padding: 0px 8px;
}
.btnParcours {
    display: inline-block;
    margin: 0 2px;
}
.btnLang{
    display: inline-block;
    width: 120px;
    font-weight : bold;
}
.bouton_statistique{
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-align : center;
    line-height : 3em;
    color: #ffffff;
    border-radius : 8px;
    margin: 8px;
    padding: 6px 8px;
    display : bloc;
    border : solid 2px #bdc3c7;
}
.export{
    background-color: #2980b9;
}

/************************/
/* Connexion */
.row_connexion{
    position: fixed;
    width: 100%;
    background-color: #00968d;
    padding: 10px 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.btn_aol{
    background-color: #00968D;
    border-color: #00968D;
    color: white;
}
.btn_aol:hover{
    background-color: #00857d;
    color: white;
}