/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Jul 02 2025 | 07:16:35 */
table tr td a span {
	font-family: Katex-Main, serif;
}
.boardG {
    width: 400px;
    height: 400px;
    border: 1px solid black;
    background: white;
}

.serif {
    font-family: "Computer Modern", Times, serif;
}
.sansserif {
    font-family: "Computer Modern Sans", Times, sans-serif;
}
.monospace {
    font-family: "Lucida Console", Courier, monospace;
}
.shaded {
    padding: 8px;
    border: 1px solid #CCC;
    box-shadow: 8px 8px 12px #888;
    border-radius: 6px;
}
div.Wrapper * {
    color: "red";
}
#myDIV {
    color: "red";
    background-color: Transparent;
}
.circle {
    width: 25px;
    height: 25px;
    border: solid 1px #DCDCDC;
    background-color: #DCDCDC;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 2px 2px 1px rgba(1, 1, 1, 0.6);
    -webkit-box-shadow: 10px 10px 5px rgba(1, 1, 0, 0.6);
    -o-box-shadow: 5px 5px 5px rgba(1, 0, 0, 0.6);
    border-radius: 70px;
}
.board-container {
    /* position: relative;*/
    width: 810px;
    height: 500px;
    margin: auto;
}
.mybutton > button {
  background-color: #5F9EA0;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  box-shadow: 8px 8px 12px #888;
}

.mybuttonh > button {
  background-color: #5F9EA0;
  border: none;
  color: #AE181E;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  box-shadow: 10px 10px 14px #494949;
  cursor:pointer;
}

.input_custom_width1 {
    width: 50px;
}
.no-border {
            border: none;
}
.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Katex-Main, serif;font-size:16px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Katex-Main, serif;font-size:16px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-8zwo{width:180px;font-style:italic;text-align:center;vertical-align:top;border-bottom: 0.3rem solid;font-family:Katex-Main, serif;font-size:16px;}
.tg .tg-0lax{text-align:center;vertical-align:top;border-bottom: 0.3rem solid;font-family:Katex-Main, serif;font-size:16px;}
.tg .tg-0lay{text-align:center;vertical-align:top;font-family:Katex-Main, serif;font-size:16px;}
.tg .tg-0laz{width:10px;text-align:center;vertical-align:top;border-bottom:none;border-top:none;font-family:Katex-Main, serif;font-size:16px;}

.wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 30px;
    /* grid-template-columns: 200px 200px 200px 200px 200px 200px 200px 200px 200px;>*/
}
.wrapper_onecol {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 30px;
    /* grid-template-columns: 200px 200px 200px 200px 200px 200px 200px 200px 200px;>*/
}
.wrapper_multicol {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
  grid-auto-rows: 30px;
  /* grid-template-columns: 200px 200px 200px 200px 200px 200px 200px 200px 200px;>*/
}

.wrapper_4col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 30px;
  /* grid-template-columns: 200px 200px 200px 200px 200px 200px 200px 200px 200px;>*/
}
 .flip-card {
    background-color: transparent;
    width: 300px;
    height: 300px;
    perspective: 1000px;
  }

  .flip-card-inner {
    position: relative;
    width: 400px;
    height: 400px;
    text-align: center;
    transition: transform 1.5s;
    transform-style: preserve-3d;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,1);*/
  }


  .flip-card.hover .flip-card-inner {
    transform: rotateY(calc(5*180deg));
  }

   .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
  }

  .flip-card-front {
    background-color:  #E5E4E2;
    color: black;
  }

  .flip-card-back {
    /*background-color: #2980b9;*/
    background-color:#E5E4E2;
    opacity :1;
    z-index:1000;
    color: white;
    backface-visibility: hidden;
    transform: rotateY(180deg);
  }
  #mydivCascourant {
    position: fixed;
    top: 50px;
    right: 50px;
    z-index: 9;
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    text-align:left;
  }


  #mydivCascourantheader {
    padding: 10px;
    cursor: move;
    z-index: 10;
    font-size:16px;
    background-color: #00c2a9;
    color: #fff;
  }
  .fen_arrondie {
    border-bottom: 1px solid #ddd;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -ms-border-radius-topleft: 10px;
    border-top-left-radius: 10px;

    -webkit-border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
  }