body {
    background-color: black;
    background-image: url("/src/assets/images/Doom_Dlmr_19-08-2022.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin: 0;
    padding: 0;
}

.icon-menu{
    margin-right: 20px;
}

.dropdown-item-color:hover{
    background-color: #0B1321;
    color: #fff;
}
.dropdown-menu-color{
    background-color: #0B1321;
    color: #fff;
}
h5 {
    color: #8CEFE9;
    margin: 15px;
}

p {
    color: #ffffff;
}

h1 {
    color: #8CEFE9;
}

.container-boussole {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 7%;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    background-color: RGBA(11, 19, 33, 0.7);
    max-width: 100%;
}

.block {
    display: inline-block;
    vertical-align: top;
}

.miniblock {
    display: inline-block;
    vertical-align: top;
    background-color: #172641;
    color: rgb(211, 211, 211);
    font-family: sans-serif;;
    position: relative;
    margin-top: 15px;
    margin-right: 15px;
    border-radius: 10px;
}

.miniblock-header {
    padding: 3px;
    height: 35;
    left: 5;
    right: 0;
    top: 5;
    position: absolute;
}

.miniblock-content {
    position: absolute;
    overflow-y: auto;
    max-height: 100%;
    left: 10px;
    right: 10px;
    top: 35;
    bottom: 0;
}

.loot-container{
    display: flex;
}

.ressources-container{
    display: flex;
}

.classe-image-loot {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}





.image-data-container{
    margin-top: 5px;
    display: flex;
}

.head-body-container{
    display: flex;
    flex-direction: column;
}

.head-container{
    display: flex;
}

.body-container {
    display: flex;
    margin-bottom: 5px;
}

.image-container{
    margin-left: 0px;
}

.stats-container{
    display: flex;
    flex-direction: column;
    width: 100px;
}

.classe-image {
    height: 50px;
    width: 50px;
    margin-right: 10px;
}

.lvl-utilisateur{
    color: rgb(255, 183, 69);
}

.classement-utilisateur{
    color: rgb(232, 232, 187);
}

.nom-salon{
    border-radius: 10px;
    font-size: small;
    text-align: center;
    padding: 0px 5px;
}

.nom-utilisateur{
    margin-left: 5px;
    font-weight: bold;
}

.nom-guilde{
    margin-left: 10px;
}

.date-message{
    color: grey;
    font-size: small;
    margin-left: 10px;
}

.contenu-message{
    width: 700px;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
background-color: rgb(151, 134, 134);
border-radius: 10px;
}

::-webkit-scrollbar-track {
background-color: #221f1f;
}

.miniblock-content::-webkit-scrollbar {
    right: 0;
}

.btn-search {
    background-color: #0B1321;
    color: #8CEFE9;;
    border-color: #8CEFE9;;
    }
.btn-search:hover {
    background-color: #8CEFE9;;
    color: rgb(168, 168, 168);
    border-color: #8CEFE9;;
    } 
input[type="radio"].btn-check:checked + label.btn-search {
    background-color: #8CEFE9;;
    color: rgb(168, 168, 168);
    border-color: #8CEFE9;;
    }

.btn-guilde {
    background-color: #0B1321;
    color: rgb(221, 135, 27);
    border-color: rgb(221, 135, 27);
    }
.btn-guilde:hover {
    background-color: rgb(221, 135, 27);
    color: #fff;
    border-color: rgb(221, 135, 27);
    } 
input[type="radio"].btn-check:checked + label.btn-guilde {
    background-color: rgb(221, 135, 27);
    color: #fff;
    border-color: rgb(221, 135, 27);
    }

.btn-langue {
    background-color: #0B1321;
    color: rgb(245, 49, 148);
    border-color: rgb(245, 49, 148);
    }
.btn-langue:hover {
    background-color: rgb(245, 49, 148);
    color: #fff;
    border-color: rgb(245, 49, 148);
    } 
input[type="radio"].btn-check:checked + label.btn-langue {
    background-color: rgb(245, 49, 148);
    color: #fff;
    border-color: rgb(245, 49, 148);
    }

.btn-serveur {
    background-color: #0B1321;
    color: rgb(132, 171, 176);
    border-color: rgb(132, 171, 176);
    }
.btn-serveur:hover {
    background-color: rgb(132, 171, 176);
    color: #fff;
    border-color: rgb(132, 171, 176);
    } 
input[type="radio"].btn-check:checked + label.btn-serveur {
    background-color: rgb(132, 171, 176);
    color: #fff;
    border-color: rgb(132, 171, 176);
    }
    
.btn-pertinent {
    background-color: #0B1321;
    color: rgb(132, 171, 176);
    border-color: rgb(132, 171, 176);
    }
.btn-pertinent:hover {
    background-color: rgb(132, 171, 176);
    color: #fff;
    border-color: rgb(132, 171, 176);
    } 
input[type="radio"].btn-check:checked + label.btn-pertinent {
    background-color: rgb(132, 171, 176);
    color: #fff;
    border-color: rgb(132, 171, 176);
    }


table td, table th {
    color: white;
    vertical-align: middle;
}

.accordion-item{
    background-color: #172641;
    color: white;
}

.accordion-button{
    background-color: #0B1321 !important;
    color: white !important;
    }


.big-chart{
    width: 100%;
    padding: 10%;
}
.little-chart{
    width: 100%;
}

.player-data {
    color: #fff;
}






.chart-box {
    display: flex;
    flex-wrap: wrap;
}


.header-item{
    color:#fff;
    text-decoration : none;
}

.header-item:hover{
    color:#fff;
    text-decoration : none;
}

.joueur{
    color:#8CEFE9;
    text-decoration : none;
}

.joueur:hover{
    color:#8CEFE9;
    text-decoration : none;
}



.red-row {
    background-color: red;
}