:root {
    --main-bg-color: rgb(215, 195, 132);
    --main-color: #fff8ea;
    --main-rowseparator: #fff8ea;
}  



.small-caps{
    font-variant: small-caps;
    text-transform: capitalize;
}
.my-1{
    margin-top: .5em;
    margin-bottom: .5em;

}
.w-70px{
    width:70px;
}
.w-5rem{
    width: 5rem !important;
}
.bgcolor-transparent{
    background-color: transparent  !important;
}
.txtList{
    font-weight: bold;
    width: max-content;
    border-radius: 8px;
    margin-left: 3px; margin-right: 3px;
    text-align:center;
}
.imgLogo{
    /* position:absolute; */
    width: 48px;
    /* margin: 7px; */
}
header{
    display:flex;
    position: sticky;
    top: 0;
    width: 100%
}

h2{
    font-size: x-large;
}

summary{
    font-size: large;
}

summary,
h2{
    color: floralwhite;
}
.dossier{
    border-radius: 7px 7px 0px 0px;
    padding-left: 3px;
    padding-bottom: 2px;
    text-shadow: -1px 1px 5px black;
    margin-top: 2px;
    margin-bottom: 2px;
}
main{
    /*border:1px solid floralwhite;*/
    margin:2px;
    overflow-y: auto;
height: 100%;
margin-bottom:17px;
}
footer{
    position: fixed;
    bottom: 0;
}
table{
    text-align: center;
}
header{
    display:flex;
    z-index: 1;
    /* background: linear-gradient(#2b4242,#2b4242,#2b424277, #2b424200); */
    background: linear-gradient(#c9ad63,#c9ae63a9,#c9ae6377, #c9ae6300);
    /*margin-left:auto;
    margin-right:auto;
    position:fixed;
    height:12%;*/
}
tr{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    display: table;
    table-layout: fixed;
    transition-duration: 0.2s;
}
.border{
    border:1px solid var(--main-color);
}
.border1101 th{
    border-top:1px solid var(--main-color);
    border-right:1px solid var(--main-color);
    border-left:1px solid var(--main-color);
}
.border0111 th,.border0111 td{
    border-bottom:1px solid var(--main-color);
    border-right:1px solid var(--main-color);
    border-left:1px solid var(--main-color);
}
/*nav*/
.navTraceur{
    display: flex;
    justify-content: center;
    margin-bottom: 3px;
}

.navForm{
    margin:5px auto 5px auto;
    display:flex;
    flex-direction: column;
    
    /*margin:8px;justify-content: space-between;*/
}
.switchDiv{
    /* background-color: rgba(40, 40, 40, 0.8); */
    
    display: inline-flex; 
    text-align: center; 
    /* border: 1px solid chartreuse; */
}
.switchUnselectable,.switchLabel,.switchLabelOnOff{
    border: medium none;
    cursor: pointer;
    font-size: 0.9em;
    min-width: 28px; 
    width: auto;
    border: 1px solid #82796e;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    display:block;
    padding: 0px 3px;
    background-color: rgb(215, 195, 132);
}
.switchLabel,
.switchLabelOnOff{
    user-select: none;
}
.switchLabel.selected,.switchLabelOnOff.selected{
    background-color: green;
    color:#fff;
    /*border: medium 1px transparent;*/
    border: 1px solid #7fff0075;
    -webkit-transition: background-color 200ms ease;
    -ms-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}
.switchUnselectable.disabled,.switchLabel.disabled{
    /* color: gray;
    pointer-events: none; */
    display:none;
}

.centerContainer{
    margin: 10px auto 10px auto;
    padding: 0px 2px 5px 0px;
    display: flex;
    border-radius: 7px;
    height: fit-content;
}
.column{
    flex-direction: column;
}
/*TABLEAU*/

.rzPseudo{
    color:#004080;
    text-shadow: #3f55537d 0px 1px;
}
.rzDate{
    font-size: medium !important;
}
.rzDate,.rzAlly,.rzPseudo,.rzPseudoTraceur{
    font-weight:bold;
    
}
.rzDate:hover,
.rzAlly:hover,
.rzPseudo:hover,
.rzPseudoTraceur:hover{
    cursor: pointer;
}

tr.selectedTr{
    font-size: larger;
}
.selectedTr{
    border: 3px solid #ecffa5db !important;
    border-radius: 3px;
}
/* .bg-stat{
    background-color:#c3f900db;
} */
.floodeur{
    /* background-color:rgb(31, 179, 31); */
    /* background:linear-gradient(rgb(31, 179, 31),rgb(31, 179, 31),rgba(122, 83, 15, 0.92)); */
    background: linear-gradient(rgb(35, 200, 35),rgb(22, 111, 22));
}

.floode{
    /* background-color:rgb(242, 59, 50);/*rgba(255, 12, 0, 0.84); */
    background: linear-gradient(rgb(255, 81, 73),rgb(181, 15, 15));
}

.trophee_winner{
    /* background-color:#ffd700d1; */
    background: linear-gradient(#ffd700f7,#9b8300d1);
}
.trophee_looser{
    /* background-color:rgb(227, 22, 12); */
    background: linear-gradient(rgb(227, 22, 12),rgb(189, 19, 10));
}

.orange{
    background-color:orangered;
}
.tableau{
    display: flex;
    flex-flow: column nowrap;
    max-height: 400px;/*100%;*/
    /* width: 100%; */
    border-collapse: collapse;
    background-color: rgb(215, 195, 132);
}
.tableau>thead{
    text-align: center;
    flex: 0 0 auto;
    width: calc(100% - 1.05em);
    /*font-size": medium;*/
    display: table;
    table-layout: fixed;
    /* background-color: rgb(215, 195, 132); */
    /*color:black;*/
}
.tableau>tbody{
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
    max-height: 100%;
    text-align: center;
    background-color: black;
    color: floralwhite;
    /* border-top: 3px solid black;
    border-bottom: 3px solid black; */
}
.tableau>tbody>tr{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    display: table;
    table-layout: fixed;
}
.rowSeparator{
    border-bottom: 2px solid var(--main-rowseparator);
}
.fMystere.sameTime{
    color:gray;
}
.smallRowSeparator{
    border-bottom: 1px solid var(--main-rowseparator);
}


.paneljoueur{
    background-color:var(--main-bg-color);
    color:var(--main-color);
    position: absolute;
    
    border: 1px solid;
    max-width: 300px;
    min-width:250px;
    border-radius: 2px;
}
.panelHead{
    display: flex;
    justify-content: space-between;
}
.panelContent{
    padding: 0em .25em .2em;
}
.bt_close{
    /* right: 0px; */
    border-radius: 2px;
    padding-right: 3px;
}
.bt_close:hover{
    cursor: pointer;
}
a{
    text-decoration: none;
    font-weight: bold;
    color: unset;
}
.imageLink{
    display: block;
    opacity: 0.8;
    transition: opacity 1.7s ease 0s;
    width: 30px;
}
.panelTitle{
    font-size: large;
    padding: .1em;
    display: flex;
    align-items: center;
}

.mnuOptionsAffichages{
    background-color: #c7d2d2d9;
    padding: 0px 3px;
    margin: 0.35em;
    border-radius: 4px;
}
.fInterne.fMystere{
    color:rgb(40, 34, 212) !important;
}
.fInterne, .fInterneCheckBox{
    color:rgb(11, 9, 70);
}

.graph_container{
    text-align: center;
}
.imageAutoscale{
    max-width: 100%;
    height: auto;
}

.imageRoundedCorner{
    border-radius: 20px;
}