/* Structure  */
.structure_card{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 5px 5px 16px 2px rgba(255,255,255,0.25);
    padding-top: 0px;
    height: 100%;
    position:relative;
    display: inline-table;
    background:#151515;
}

.structure_card_historique {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-top: 0px;
    position: relative;
    display: inline-table;
    background: #191f33;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(38, 227, 247, 0.7), -1px -1px 1px 1px rgba(36, 127, 244, 0.7);
    /* left: 25% */
}

@media (max-width: 800px) {
    .structure_card_historique {
        width: 98%;
        left: 1%;
    }
}

.card-store-item{
    border-radius: 30px;
    /* border: 1px solid #75839d; */
    box-shadow: 1px 1px 1px 1px rgba(38, 227, 247, 0.7), -1px -1px 1px 1px rgba(36, 127, 244, 0.7);
}
  
.text-area{
    /* background-color: #30405fab; */
    background-color: #272f3bab;
    padding: 20px 0 25px;
    margin: 20px 0;
}

.maintenance{
    filter: grayscale(1);
}

.disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

.structure_title{
    padding: 20px;
}

.structure_card_auth{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 1px 1px 10px 1px #10fff4;
    padding-top: 0px;
    position:relative;
    background:#101112;
    width: 50%;
    left: 25%;
    padding: 10px;
}

@media (max-width: 800px) {
    .structure_card_auth {
        width: 98%;
        left: 1%;
    }
  }



.structure_card_center{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    /* box-shadow: 5px 5px 16px 2px rgba(255,255,255,0.25); */
    box-shadow: 1px 1px 10px 1px #10fff4;
    padding-top: 0px;
    /* height: 100%; */
    position:relative;
    display: inline-table;
    /* background:#151515; */
    background: #0c151e;
    width: 50%;
    left: 25%;
}

@media (max-width: 800px) {
    .structure_card_center {
        width: 98%;
        left: 1%;
    }
}

.cards-list {
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    /* width: 50%; */
    /* left: 25%; */
    position:relative;
}

.card-list-lan{
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position:relative;
}

/* .card-dashboard {
    margin-top: 30px;
    width: 490px;
    height: 150px;
    border-radius: 40px;
    box-shadow: 2px 2px 2px 5px rgba(147, 204, 255, 0.37), -2px -2px 2px 5px rgba(253, 255, 255, 0.22);
    cursor: pointer;
    transition: 0.4s;
    background-color: #01010191;
} */

.card-documents{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #191f33;
    background-clip: border-box;
    box-shadow: 1px 1px 1px 1px rgba(38, 227, 247, 0.7), -1px -1px 1px 1px rgba(36, 127, 244, 0.7);
    border-radius: 20px;
    color: white;
    margin: 20px;
}



.card-dashboard{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #191f33;
    background-clip: border-box;
    box-shadow: 1px 1px 1px 1px rgba(38, 227, 247, 0.7), -1px -1px 1px 1px rgba(36, 127, 244, 0.7);
    border-radius: 20px;
    color: white;
    /* margin: 20px; */
    width: 340px;
    height: 150px;
    text-align:center;
    font-size: 30px;
    justify-content: center;
}

.card-nbPlayer{
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #191f33;
    background-clip: border-box;
    box-shadow: 1px 1px 1px 1px rgba(247, 38, 58, 0.7), -1px -1px 1px 1px rgb(13, 135, 242);
    border-radius: 20px;
    color: white;
    /* margin: 20px; */
    width: 360px;
    height: 150px;
    text-align:center;
    font-size: 30px;
    justify-content: center;
}




.card {
    margin-top: 30px;
    width: 190px;
    height: 150px;
    border-radius: 40px;
    box-shadow: 2px 2px 2px 5px rgba(147, 204, 255, 0.37), -2px -2px 2px 5px rgba(253, 255, 255, 0.22);
    cursor: pointer;
    transition: 0.4s;
    background-color: #01010191;
}

.card .card_image {
    width: inherit;
    height: inherit;
    border-radius: 40px;
}

  .card .card_image img {
    width: inherit;
    height: inherit;
    border-radius: 40px;
    object-fit: cover;
}

  .card .card_title {
    text-align: center;
    border-radius: 0px 0px 40px 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: -80px;
    height: 40px;
    position: relative;
}

.title-white {
    color: white;
}

.title-black {
    color: black;
}

.selectGame{
    opacity: 0.6;
}

.selectGame:hover{
    opacity: 1;
}