/***
**
**  Game Themes
**
***/

/** Default **/
div#Haibu_container .Haibu_board .cell {
  background: #fffffa;
  border: 5px solid #000000;
}
div#Haibu_container .Haibu_board .cell.fix.cache{
  opacity: 0;
  background: transparent;
}


/*****
***
*** DARK MODE
***
*****/
body.dark_theme {

background-color: rgb(20, 18, 18);
}

body.dark_theme h1,body.dark_theme .coda,body.dark_theme .time{
color : rgb(180, 180, 180);
}

body.dark_theme .triangleV1, 
body.dark_theme .triangleV2, 

body.dark_theme .triangleH5,
body.dark_theme .triangleH6, 

body.dark_theme .triangleT5,
body.dark_theme .triangleT6
{
background-color: rgb(180, 180, 180);
}

body.dark_theme .gameover strong {
color :white;
}

body.dark_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  
}

body.dark_theme  div#Haibu_container .cell.fix.color-100{
background: #696969;
}


body.dark_theme div#toolbar {
  background-color: rgb(20, 18, 18);
  color: rgb(180, 180, 180);
  }

body.dark_theme div#toolbar span {
  background-color: rgb(20, 18, 18)k;
  color: rgb(180, 180, 180);
  }


/*****
***
*** full1 Theme
***
****/


body.full1_theme {
  background:#121f31;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.full1_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: snow;
}
body.full1_theme  div#Haibu_container .cell.fix.color-100{
  background: #B0C4DE;
  border: 5px solid #B0C4DE;
} 
body.full1_theme .Haibu_board .cell.fix,
body.full1_theme div#Haibu_container .Haibu_board .cell span,
body.full1_theme div#Haibu_container .Haibu_board .cell .note,
body.full1_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.full1_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.ful_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}

body.full1_theme  div#Haibu_container .cell.fix.color-100 :hover{
  background: #121f31;
} 
  
body.full1_theme h1,body.full1_theme .coda,body.full1_theme .time{
  color : rgb(180, 180, 180);
}

body.full1_theme .triangleV1, 
body.full1_theme .triangleV2, 

body.full1_theme .triangleH5,
body.full1_theme .triangleH6, 

body.full1_theme .triangleT5,
body.full1_theme .triangleT6
{
  background-color: red;
}

body.full1_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /*background-image: url("../img/logo3.svg");*/
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  }

body.full1_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px snow;
  color: #121f31;
  
}
  
body.full1_theme div#toolbar {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.full1_theme div#toolbar span {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.full1_theme  div#Haibu_container .Haibu_board .cell{
  background-color: lightslategray;
  border: 5px solid lightslategray;
}

body.full1_theme div#Haibu_container .Haibu_board .cell .note,
body.full1_theme  div#Haibu_container .Haibu_board .cell span{
  color: #121f31;
}

body.full1_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
}


body.full1_theme .board_console .num.color-20.selected,
body.full1_theme .board_console .num.color-21.selected,
body.full1_theme .board_console .num.color-22.selected,
body.full1_theme .board_console .num.color-23.selected,
body.full1_theme .board_console .num.color-24.selected,
body.full1_theme .board_console .num.color-25.selected,
body.full1_theme .board_console .num.color-26.selected,
body.full1_theme .board_console .num.color-27.selected,
body.full1_theme .board_console .num.color-28.selected,
body.full1_theme .board_console .num.color-29.selected{
  background: lightslategray;
}
body.full1_theme .board_console .num.color-20:hover,
body.full1_theme .board_console .num.color-20
{
  background-color:  #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
}

body.full1_theme .board_console .num.color-21:hover,
body.full1_theme .board_console .num.color-21
{
  background-color:  #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
}
body.full1_theme .board_console .num.color-22:hover,
body.full1_theme .board_console .num.color-22
{
  background-color:  #ff0000;
  box-shadow: 0px 0px 0px 5px #ff0000;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  #32cd32;
  border: 5px solid #32cd32;
}
body.full1_theme .board_console .num.color-23:hover,
body.full1_theme .board_console .num.color-23
{
  background-color:  #32cd32;
  box-shadow: 0px 0px 0px 5px #32cd32;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
}
body.full1_theme .board_console .num.color-24:hover,
body.full1_theme .board_console .num.color-24
{
  background-color:  #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;
  border: 5px solid #008080;
}
body.full1_theme .board_console .num.color-25:hover,
body.full1_theme .board_console .num.color-25
{
  background-color:  #008080;
  box-shadow: 0px 0px 0px 5px #008080;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
}
body.full1_theme .board_console .num.color-26:hover,
body.full1_theme .board_console .num.color-26
{
  background-color:  #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  #6495ed;
  border: 5px solid #6495ed;
}
body.full1_theme .board_console .num.color-27:hover,
body.full1_theme .board_console .num.color-27
{
  background-color:  #6495ed;
  box-shadow: 0px 0px 0px 5px #6495ed;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
}

body.full1_theme .board_console .num.color-28:hover,
body.full1_theme .board_console .num.color-28
{
  background-color:  plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.full1_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
}
body.full1_theme .board_console .num.color-29:hover,
body.full1_theme .board_console .num.color-29
{
  background-color:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
}
body.full1_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px lightslategray;
  color: #121f31;
  
}

body.full1_theme .gameover strong {
  color :white;
  }

/*****
***
*** full2 Theme
***
****/


body.full2_theme {
  background:snow;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.full2_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: #121f31;
}
body.full2_theme  div#Haibu_container .cell.fix.color-100{
  background: #121f31;
  border: 5px solid #121f31;
} 
body.full2_theme .Haibu_board .cell.fix,
body.full2_theme div#Haibu_container .Haibu_board .cell span,
body.full2_theme div#Haibu_container .Haibu_board .cell .note,
body.full2_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.full2_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.ful_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: lightgray;
}

body.full2_theme  div#Haibu_container .cell.fix.color-100 :hover{
  background: #121f31;
} 
  
body.full2_theme h1,body.full2_theme .coda,body.full2_theme .time{
  color : #121f31;
}

body.full2_theme .triangleV1, 
body.full2_theme .triangleV2, 

body.full2_theme .triangleH5,
body.full2_theme .triangleH6, 

body.full2_theme .triangleT5,
body.full2_theme .triangleT6
{
  background-color: lightgrey;
}

body.full2_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /*background-image: url("../img/logo5.svg");*/
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  }

body.full2_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px snow;
  color: lightgray;
  
}
  
body.full2_theme div#toolbar {
  background-color: snow;
  color: rgb(180, 180, 180);
  }

body.full2_theme div#toolbar span {
  background-color: snow;
  color: rgb(180, 180, 180);
  }

body.full2_theme  div#Haibu_container .Haibu_board .cell{
  background-color: lightgray;
  border: 5px solid lightgray;
}

body.full2_theme div#Haibu_container .Haibu_board .cell .note,
body.full2_theme  div#Haibu_container .Haibu_board .cell span{
  color: snow;
}

body.full2_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
}

body.full2_theme .board_console .num.color-20.selected,
body.full2_theme .board_console .num.color-21.selected,
body.full2_theme .board_console .num.color-22.selected,
body.full2_theme .board_console .num.color-23.selected,
body.full2_theme .board_console .num.color-24.selected,
body.full2_theme .board_console .num.color-25.selected,
body.full2_theme .board_console .num.color-26.selected,
body.full2_theme .board_console .num.color-27.selected,
body.full2_theme .board_console .num.color-28.selected,
body.full2_theme .board_console .num.color-29.selected{
  background: #b3b3b3;
}
body.full2_theme .board_console .num.color-20:hover,
body.full2_theme .board_console .num.color-20
{
  background-color:  #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
}

body.full2_theme .board_console .num.color-21:hover,
body.full2_theme .board_console .num.color-21
{
  background-color:  #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
}
body.full2_theme .board_console .num.color-22:hover,
body.full2_theme .board_console .num.color-22
{
  background-color:  #ff0000;
  box-shadow: 0px 0px 0px 5px #ff0000;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  #32cd32;
  border: 5px solid #32cd32;
}
body.full2_theme .board_console .num.color-23:hover,
body.full2_theme .board_console .num.color-23
{
  background-color:  #32cd32;
  box-shadow: 0px 0px 0px 5px #32cd32;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
}
body.full2_theme .board_console .num.color-24:hover,
body.full2_theme .board_console .num.color-24
{
  background-color:  #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;
  border: 5px solid #008080;
}
body.full2_theme .board_console .num.color-25:hover,
body.full2_theme .board_console .num.color-25
{
  background-color:  #008080;
  box-shadow: 0px 0px 0px 5px #008080;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
}
body.full2_theme .board_console .num.color-26:hover,
body.full2_theme .board_console .num.color-26
{
  background-color:  #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  #6495ed;
  border: 5px solid #6495ed;
}
body.full2_theme .board_console .num.color-27:hover,
body.full2_theme .board_console .num.color-27
{
  background-color:  #6495ed;
  box-shadow: 0px 0px 0px 5px #6495ed;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
}

body.full2_theme .board_console .num.color-28:hover,
body.full2_theme .board_console .num.color-28
{
  background-color:  plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.full2_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
}
body.full2_theme .board_console .num.color-29:hover,
body.full2_theme .board_console .num.color-29
{
  background-color:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
}
body.full2_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px lightslategray;
  color: #121f31;
  
}



/****
***
*** Black & White theme 
***
****/
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-20,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-21, 
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-22,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-23,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-24,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-25,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-26,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-27,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-28,
body.bw_theme div#Haibu_container .Haibu_board .cell .note.color-29,
body.bw_theme .board_console .num.color-20:hover,
body.bw_theme .board_console .num.color-21:hover,
body.bw_theme .board_console .num.color-22:hover,
body.bw_theme .board_console .num.color-23:hover,
body.bw_theme .board_console .num.color-24:hover,
body.bw_theme .board_console .num.color-25:hover,
body.bw_theme .board_console .num.color-26:hover,
body.bw_theme .board_console .num.color-27:hover,
body.bw_theme .board_console .num.color-28:hover,
body.bw_theme .board_console .num.color-29:hover,
body.bw_theme .board_console .num.color-20,
body.bw_theme .board_console .num.color-21,
body.bw_theme .board_console .num.color-22,
body.bw_theme .board_console .num.color-23,
body.bw_theme .board_console .num.color-24,
body.bw_theme .board_console .num.color-25,
body.bw_theme .board_console .num.color-26,
body.bw_theme .board_console .num.color-27,
body.bw_theme .board_console .num.color-28,
body.bw_theme .board_console .num.color-29,
body.bw_theme .Haibu_board .cell.fix.color-20,
body.bw_theme .Haibu_board .cell.fix.color-21,
body.bw_theme .Haibu_board .cell.fix.color-22,
body.bw_theme .Haibu_board .cell.fix.color-23,
body.bw_theme .Haibu_board .cell.fix.color-24,
body.bw_theme .Haibu_board .cell.fix.color-25,
body.bw_theme .Haibu_board .cell.fix.color-26,
body.bw_theme .Haibu_board .cell.fix.color-27,
body.bw_theme .Haibu_board .cell.fix.color-28,
body.bw_theme .Haibu_board .cell.fix.color-29,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-20,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-21,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-22,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-23,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-24,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-25,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-26,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-27,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-28,
body.bw_theme div#Haibu_container .Haibu_board .cell.color-29,
body.bw_theme .board_console .num.remove:hover,
body.bw_theme .board_console .num.remove
{
  background-color: whitesmoke;
}

body.bw_theme .board_console .num.color-0
{
  background-color: whitesmoke;
  color: rgb(12, 2, 2);
}
body.bw_theme .board_console .num.color-0.selected
{
  background-color: tomato;
  color: rgb(12, 2, 2);
}

body.bw_theme div#Haibu_container .Haibu_board .cell .note {

  text-align: center;
  font-size: 15px;
}


body.bw_theme .board_console .num.color-20.selected,
body.bw_theme .board_console .num.color-21.selected,
body.bw_theme .board_console .num.color-22.selected,
body.bw_theme .board_console .num.color-23.selected,
body.bw_theme .board_console .num.color-24.selected,
body.bw_theme .board_console .num.color-25.selected,
body.bw_theme .board_console .num.color-26.selected,
body.bw_theme .board_console .num.color-27.selected,
body.bw_theme .board_console .num.color-28.selected,
body.bw_theme .board_console .num.color-29.selected{
  background: gray;
}


/****
***
*** Blanc & Noir theme 
***
****/

body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-20,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-21, 
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-22,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-23,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-24,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-25,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-26,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-27,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-28,
body.wb_theme div#Haibu_container .Haibu_board .cell .note.color-29,
body.wb_theme .board_console .num.color-20:hover,
body.wb_theme .board_console .num.color-21:hover,
body.wb_theme .board_console .num.color-22:hover,
body.wb_theme .board_console .num.color-23:hover,
body.wb_theme .board_console .num.color-24:hover,
body.wb_theme .board_console .num.color-25:hover,
body.wb_theme .board_console .num.color-26:hover,
body.wb_theme .board_console .num.color-27:hover,
body.wb_theme .board_console .num.color-28:hover,
body.wb_theme .board_console .num.color-29:hover,
body.wb_theme .board_console .num.color-0, 
body.wb_theme .board_console .num.color-20,
body.wb_theme .board_console .num.color-21,
body.wb_theme .board_console .num.color-22,
body.wb_theme .board_console .num.color-23,
body.wb_theme .board_console .num.color-24,
body.wb_theme .board_console .num.color-25,
body.wb_theme .board_console .num.color-26,
body.wb_theme .board_console .num.color-27,
body.wb_theme .board_console .num.color-28,
body.wb_theme .board_console .num.color-29,
body.wb_theme .Haibu_board .cell.fix.color-20,
body.wb_theme .Haibu_board .cell.fix.color-21,
body.wb_theme .Haibu_board .cell.fix.color-22,
body.wb_theme .Haibu_board .cell.fix.color-23,
body.wb_theme .Haibu_board .cell.fix.color-24,
body.wb_theme .Haibu_board .cell.fix.color-25,
body.wb_theme .Haibu_board .cell.fix.color-26,
body.wb_theme .Haibu_board .cell.fix.color-27,
body.wb_theme .Haibu_board .cell.fix.color-28,
body.wb_theme .Haibu_board .cell.fix.color-29,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-20,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-21,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-22,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-23,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-24,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-25,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-26,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-27,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-28,
body.wb_theme div#Haibu_container .Haibu_board .cell.color-29,
body.wb_theme .board_console .num.remove:hover,
body.wb_theme .board_console .num.remove
{
  background-color: rgb(12, 2, 2);
  color: seashell;
}
body.wb_theme div#Haibu_container .Haibu_board .cell span
{
  background-color: rgb(12, 2, 2);
  color: seashell;
}

body.wb_theme .board_console .num.color-0
{
  background-color: gray;
  color: rgb(12, 2, 2);
}
body.wb_theme .board_console .num.color-0.selected
{
  background-color: tomato;
  color: rgb(12, 2, 2);
}
body.wb_theme .board_console .num.color-0.note:before {
  content: "";
  background-image: url("../img/pen2.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 45%;
  background-position: center;
  z-index: 1;
} 
body.wb_theme div#Haibu_container .Haibu_board .cell .note {
  color: seashell;
  text-align: center;
  font-size: 15px;
}


body.wb_theme .board_console .num.color-20.selected,
body.wb_theme .board_console .num.color-21.selected,
body.wb_theme .board_console .num.color-22.selected,
body.wb_theme .board_console .num.color-23.selected,
body.wb_theme .board_console .num.color-24.selected,
body.wb_theme .board_console .num.color-25.selected,
body.wb_theme .board_console .num.color-26.selected,
body.wb_theme .board_console .num.color-27.selected,
body.wb_theme .board_console .num.color-28.selected,
body.wb_theme .board_console .num.color-29.selected{
  background: rgb(83, 83, 83);
}


body.wb_theme .triangleV1, 
body.wb_theme .triangleV2, 

body.wb_theme .triangleH5,
body.wb_theme .triangleH6, 

body.wb_theme .triangleT5,
body.wb_theme .triangleT6
{
background-color: seashell;
}

body.wb_theme div#toolbar {
  background-color: rgb(12, 2, 2);
  color: rgb(83, 83, 83);
  }

body.wb_theme div#toolbar span {
  background-color: rgb(12, 2, 2);
  color: rgb(180, 180, 180);
  }

body.wb_theme {
  background-color: rgb(12, 2, 2);
  }

   
  body.wb_theme h1,
  body.wb_theme .coda,
  body.wb_theme .time{
    color : rgb(180, 180, 180);
    }
  
  body.wb_theme  div#Haibu_container .cell.fix.color-100{
      background: black;
  } 
  
  body.wb_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px seashell;
    color: seashell;
    background: rgb(12, 2, 2);
  }
  
  body.wb_theme  div#Haibu_container .Haibu_board .cell{
    border: 5px solid seashell;
    background: rgb(12, 2, 2);
    ;
  }

body.wb_theme .Haibu_board .cell.fix,
body.wb_theme div#Haibu_container .Haibu_board .cell span,
body.wb_theme div#Haibu_container .Haibu_board .cell .note,
body.wb_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.wb_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.wb_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: seashell;
}

body.wb_theme  div#Haibu_container .cell.fix.color-100{
  background: seashell;
  
} 


/****
***
*** Couleurs 2 theme 
***
****/

body.col_theme .Haibu_board .cell.fix,
body.col_theme div#Haibu_container .Haibu_board .cell span,
body.col_theme div#Haibu_container .Haibu_board .cell .note,
body.col_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.col_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.col_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}

body.col_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.col_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-20,
body.col_theme .board_console .num.color-20:hover,
body.col_theme .board_console .num.color-20
{
  background-color:  #8b4513;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-21,
body.col_theme .board_console .num.color-21:hover,
body.col_theme .board_console .num.color-21
{
  background-color:  #d2b48c;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-22,
body.col_theme .board_console .num.color-22:hover,
body.col_theme .board_console .num.color-22
{
  background-color:  #ff0000;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-23,
body.col_theme .board_console .num.color-23:hover,
body.col_theme .board_console .num.color-23
{
  background-color:  #32cd32;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-24,
body.col_theme .board_console .num.color-24:hover,
body.col_theme .board_console .num.color-24
{
  background-color:  #ff8c00;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-25,
body.col_theme .board_console .num.color-25:hover,
body.col_theme .board_console .num.color-25
{
  background-color:  #008080;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-26,
body.col_theme .board_console .num.color-26:hover,
body.col_theme .board_console .num.color-26
{
  background-color:  #ffd800;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-27,
body.col_theme .board_console .num.color-27:hover,
body.col_theme .board_console .num.color-27
{
  background-color:  #6495ed;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-28,
body.col_theme .board_console .num.color-28:hover,
body.col_theme .board_console .num.color-28
{
  background-color:  plum;
  color: transparent;
}
body.col_theme div#Haibu_container .Haibu_board .cell.color-29,
body.col_theme .board_console .num.color-29:hover,
body.col_theme .board_console .num.color-29
{
  background-color:  darkviolet;
  color: transparent;
}

body.col_theme .triangleV1, 
body.col_theme .triangleV2, 

body.col_theme .triangleH5,
body.col_theme .triangleH6, 

body.col_theme .triangleT5,
body.col_theme .triangleT6
{
background-color: seashell;
}

body.col_theme div#toolbar {
  background-color: rgb(12, 2, 2);
  color: rgb(83, 83, 83);
  }

body.col_theme div#toolbar span {
  background-color: rgb(12, 2, 2);
  color: rgb(180, 180, 180);
  }

body.col_theme {
  background-color: rgb(12, 2, 2);
  }
    
body.col_theme h1,
body.col_theme .coda,
body.col_theme .time{
  color : rgb(180, 180, 180);
  }

body.col_theme  div#Haibu_container .cell.fix.color-100{
    background: transparent;
} 

body.col_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px seashell;
  color: seashell;
  background: rgb(12, 2, 2);
}

body.col_theme  div#Haibu_container .Haibu_board .cell{
  border: 5px solid seashell;
  background: rgb(12, 2, 2);
  ;
}
body.col_theme .board_console .num.color-0
{
  background-color: gray;
  color: rgb(12, 2, 2);
}
body.col_theme .board_console .num.color-0.selected
{
  background-color: tomato;
  color: rgb(12, 2, 2);
}

body.col_theme .board_console .num.color-20.selected,
body.col_theme .board_console .num.color-21.selected,
body.col_theme .board_console .num.color-22.selected,
body.col_theme .board_console .num.color-23.selected,
body.col_theme .board_console .num.color-24.selected,
body.col_theme .board_console .num.color-25.selected,
body.col_theme .board_console .num.color-26.selected,
body.col_theme .board_console .num.color-27.selected,
body.col_theme .board_console .num.color-28.selected,
body.col_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

body.col_theme .gameover strong {
  color :royalblue;
  }  



/****
***
*** Couleurs 1 theme 
***
****/

body.col1_theme .Haibu_board .cell.fix,
body.col1_theme div#Haibu_container .Haibu_board .cell span,
body.col1_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.col1_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: seashell;
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-20 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-20
{
  color: #8b4513;
  background: rgb(12, 2, 2);
}
body.col1_theme .board_console .num
{
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-20
{
  border: 5px solid #8b4513;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-20:hover,
body.col1_theme .board_console .num.color-20
{
  background-color:  rgb(12, 2, 2);
  color: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-21 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-21
{
  color: #d2b48c;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-21
{
  border: 5px solid #d2b48c;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-21:hover,
body.col1_theme .board_console .num.color-21
{
  background-color:  rgb(12, 2, 2);
  color: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-22 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-22
{
  color: #ff0000;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-22
{
  border: 5px solid #ff0000;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-22:hover,
body.col1_theme .board_console .num.color-22
{
  background-color:  rgb(12, 2, 2);
  color: #ff0000;
  box-shadow: 0px 0px 0px 5px #ff0000;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-23 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-23
{
  color: #32cd32;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-23
{
  border: 5px solid #32cd32;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-23:hover,
body.col1_theme .board_console .num.color-23
{
  background-color:  rgb(12, 2, 2);
  color: #32cd32;
  box-shadow: 0px 0px 0px 5px #32cd32;
}


body.col1_theme div#Haibu_container .Haibu_board .cell.color-24 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-24
{
  color: #ff8c00;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-24
{
  border: 5px solid #ff8c00;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-24:hover,
body.col1_theme .board_console .num.color-24
{
  background-color:  rgb(12, 2, 2);
  color: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-25 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-25
{
  color:  #008080;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-25
{
  border: 5px solid  #008080;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-25:hover,
body.col1_theme .board_console .num.color-25
{
  background-color:  rgb(12, 2, 2);
  color:  #008080;
  box-shadow: 0px 0px 0px 5px  #008080;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-26 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-26
{
  color:  #ffd800;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-26
{
  border: 5px solid  #ffd800;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-26:hover,
body.col1_theme .board_console .num.color-26
{
  background-color:  rgb(12, 2, 2);
  color:  #ffd800;
  box-shadow: 0px 0px 0px 5px  #ffd800;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-27 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-27
{
  color:  #6495ed;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-27
{
  border: 5px solid  #6495ed;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-27:hover,
body.col1_theme .board_console .num.color-27
{
  background-color:  rgb(12, 2, 2);
  color:  #6495ed;
  box-shadow: 0px 0px 0px 5px  #6495ed;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-28 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-28
{
  color:  plum;
  background: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-28
{
  border: 5px solid  plum;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-28:hover,
body.col1_theme .board_console .num.color-28
{
  background-color:  rgb(12, 2, 2);
  color:  plum;
  box-shadow: 0px 0px 0px 5px  plum;
}

body.col1_theme div#Haibu_container .Haibu_board .cell.color-29 span,
body.col1_theme div#Haibu_container .Haibu_board .cell .note.color-29
{
  color:  darkviolet;
  background: transparent;
}
body.col1_theme div#Haibu_container .Haibu_board .cell.color-29
{
  border: 5px solid  darkviolet;
  background-color:  rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-29:hover,
body.col1_theme .board_console .num.color-29
{
  background-color:  rgb(12, 2, 2);
  color:  darkviolet;
  box-shadow: 0px 0px 0px 5px  darkviolet;
}
body.col1_theme .board_console .num.color-0
{
  background-color: gray;
  color: rgb(12, 2, 2);
}
body.col1_theme .board_console .num.color-0.selected
{
  background-color: tomato;
  color: rgb(12, 2, 2);
}
body.col1_theme div#Haibu_container .Haibu_board .cell .note {

  text-align: center;
  font-size: 15px;
}

body.col1_theme .triangleV1, 
body.col1_theme .triangleV2, 

body.col1_theme .triangleH5,
body.col1_theme .triangleH6, 

body.col1_theme .triangleT5,
body.col1_theme .triangleT6
{
background-color: seashell;
}

body.col1_theme div#toolbar {
  background-color: rgb(12, 2, 2);
  color: rgb(83, 83, 83);
  }

body.col1_theme div#toolbar span {
  background-color: rgb(12, 2, 2);
  color: rgb(180, 180, 180);
  }

body.col1_theme {
  background-color: rgb(12, 2, 2);
  }
    
body.col1_theme h1,
body.col1_theme .coda,
body.col1_theme .time{
  color : rgb(180, 180, 180);
  }

body.col1_theme  div#Haibu_container .cell.fix.color-100
{
    background: transparent;
} 

body.col1_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px seashell;
  color: seashell;
  
}

body.col1_theme  div#Haibu_container .Haibu_board .cell
{
  border: 5px solid seashell;
  background: rgb(12, 2, 2);
}


body.col1_theme .board_console .num.color-20.selected,
body.col1_theme .board_console .num.color-21.selected,
body.col1_theme .board_console .num.color-22.selected,
body.col1_theme .board_console .num.color-23.selected,
body.col1_theme .board_console .num.color-24.selected,
body.col1_theme .board_console .num.color-25.selected,
body.col1_theme .board_console .num.color-26.selected,
body.col1_theme .board_console .num.color-27.selected,
body.col1_theme .board_console .num.color-28.selected,
body.col1_theme .board_console .num.color-29.selected{
  color: transparent;
}

body.col1_theme .gameover strong {
  color :white;
  }


/****
***
*** bleunuit theme 
***
****/

body.bleunuit_theme .triangleV1, 
body.bleunuit_theme .triangleV2, 

body.bleunuit_theme .triangleH5,
body.bleunuit_theme .triangleH6, 

body.bleunuit_theme .triangleT5,
body.bleunuit_theme .triangleT6
{
background-color: royalblue;
width: 7px;
}

body.bleunuit_theme
 {
  background: #121f31;
}

body.bleunuit_theme  div#Haibu_container .cell.fix.color-100
{
  background: royalblue;
  border: 5px solid royalblue;
} 

body.bleunuit_theme  div#Haibu_container .Haibu_board .cell
{
  background: gray;
  border: 5px solid gray;
} 
  
body.bleunuit_theme h1,body.bleunuit_theme .coda,body.bleunuit_theme .time
{
  color : rgb(180, 180, 180);
}

body.bleunuit_theme div#toolbar {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.bleunuit_theme div#toolbar span {
  background-color: #121f31;
  color: rgb(180, 180, 180);
}

body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
}
body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
}

body.bleunuit_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.bleunuit_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
}


body.bleunuit_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px #b3b3b3;
}
body.bleunuit_theme .board_console .num.color-20
{
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.bleunuit_theme .board_console .num.color-21
{
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.bleunuit_theme .board_console .num.color-22
{
  box-shadow: 0px 0px 0px 5px red;
}
body.bleunuit_theme .board_console .num.color-23
{
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.bleunuit_theme .board_console .num.color-24
{
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.bleunuit_theme .board_console .num.color-25
{
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.bleunuit_theme .board_console .num.color-26
{
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.bleunuit_theme .board_console .num.color-27
{
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.bleunuit_theme .board_console .num.color-28
{
  box-shadow: 0px 0px 0px 5px plum;
}
body.bleunuit_theme .board_console .num.color-29
{
  box-shadow: 0px 0px 0px 5px darkviolet;
} 

body.bleunuit_theme .gameover strong {
  color :white;
  }  

body.bleunuit_theme  div#Haibu_container .Haibu_board .cell span{
  color: #171d25;
}

/****
***
*** grand theme 
***
****/

body.grand_theme .triangleV1, 
body.grand_theme .triangleV2, 
body.grand_theme .triangleV3, 
body.grand_theme .triangleV4, 
body.grand_theme .triangleV5,
body.grand_theme .triangleV6,
body.grand_theme .triangleH1,
body.grand_theme .triangleH2,
body.grand_theme .triangleH3,
body.grand_theme .triangleH4,
body.grand_theme .triangleH5,
body.grand_theme .triangleH6, 
body.grand_theme .triangleT1,
body.grand_theme .triangleT2,
body.grand_theme .triangleT3,
body.grand_theme .triangleT4,
body.grand_theme .triangleT5,
body.grand_theme .triangleT6
{
  width: 8px;
}

body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  
}

body.grand_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  
}
body.grand_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.grand_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  
}

body.grand_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.grand_theme .board_console .num.color-20
{
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.grand_theme .board_console .num.color-21
{
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.grand_theme .board_console .num.color-22
{
  box-shadow: 0px 0px 0px 5px red;
}
body.grand_theme .board_console .num.color-23
{
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.grand_theme .board_console .num.color-24
{
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.grand_theme .board_console .num.color-25
{
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.grand_theme .board_console .num.color-26
{
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.grand_theme .board_console .num.color-27
{
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.grand_theme .board_console .num.color-28
{
  box-shadow: 0px 0px 0px 5px plum;
}
body.grand_theme .board_console .num.color-29
{
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.grand_theme  div#Haibu_container .cell.fix.color-100{
  border: 5px solid #171d25;
} 


/****
***
*** hexa theme 
***
****/
body.hexa_theme .triangleV1, 
body.hexa_theme .triangleV2, 
body.hexa_theme .triangleV3, 
body.hexa_theme .triangleV4, 
body.hexa_theme .triangleV5,
body.hexa_theme .triangleV6,
body.hexa_theme .triangleH1,
body.hexa_theme .triangleH2,
body.hexa_theme .triangleH3,
body.hexa_theme .triangleH4,
body.hexa_theme .triangleH5,
body.hexa_theme .triangleH6, 
body.hexa_theme .triangleT1,
body.hexa_theme .triangleT2,
body.hexa_theme .triangleT3,
body.hexa_theme .triangleT4,
body.hexa_theme .triangleT5,
body.hexa_theme .triangleT6
{
  
  width: 6px;
}

body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-21,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-21:hover
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-22,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-22:hover
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-23,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-23:hover
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-24,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-24:hover
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-25,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-25:hover
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-26,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-26:hover
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-27,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-27:hover
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-28,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-28:hover
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-29,
body.hexa_theme div#Haibu_container .Haibu_board .cell.color-29:hover
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell.fix.color-100
{
  background-image: url("../img/hexagone100.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexa_theme div#Haibu_container .Haibu_board .cell
{
  background-image: url("../img/hexagone.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  color:whitesmoke;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexa_theme .Haibu_board .cell.fix,
body.hexa_theme div#Haibu_container .Haibu_board .cell span,
body.hexa_theme div#Haibu_container .Haibu_board .cell .note,
body.hexa_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.hexa_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.hexa_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color:whitesmoke;
}

body.hexa_theme .board_console .num.color-0.selected:hover,
body.hexa_theme .board_console .num.color-0.selected 
{
  background-image: url("../img/hexagone101.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: tomato;
  z-index: 1;
}

body.hexa_theme .board_console .num.color-0
{
  background-image: url("../img/hexagone99.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
  z-index: 2;
}
body.hexa_theme .board_console .num.color-20
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-21
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-22
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-23
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-24
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-25
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexa_theme .board_console .num.color-26
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexa_theme .board_console .num.color-27
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-28
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa_theme .board_console .num.color-29
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexa_theme .board_console .num
{
  color: whitesmoke;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexa_theme .board_console .num.color-20.selected,
body.hexa_theme .board_console .num.color-21.selected,
body.hexa_theme .board_console .num.color-22.selected,
body.hexa_theme .board_console .num.color-23.selected,
body.hexa_theme .board_console .num.color-24.selected,
body.hexa_theme .board_console .num.color-25.selected,
body.hexa_theme .board_console .num.color-26.selected,
body.hexa_theme .board_console .num.color-27.selected,
body.hexa_theme .board_console .num.color-28.selected,
body.hexa_theme .board_console .num.color-29.selected{
  color: transparent;
}

/****
***
*** cpl theme 
***
****/

body.cpl_theme .triangleV1, 
body.cpl_theme .triangleV2, 

body.cpl_theme .triangleH5,
body.cpl_theme .triangleH6, 

body.cpl_theme .triangleT5,
body.cpl_theme .triangleT6
{
  background-color : navy;
  width: 7px;
}
  
body.cpl_theme h1,body.cpl_theme .coda,body.cpl_theme .time
{
  color : #808080;
}

body.cpl_theme .Haibu_board .cell.fix,
body.cpl_theme div#Haibu_container .Haibu_board .cell span,
body.cpl_theme div#Haibu_container .Haibu_board .cell .note,
body.cpl_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.cpl_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.cpl_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}

body.cpl_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.cpl_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  
}

body.cpl_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  
}
body.cpl_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.cpl_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  
}

body.cpl_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.cpl_theme .board_console .num.color-20
{
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.cpl_theme .board_console .num.color-21
{
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.cpl_theme .board_console .num.color-22
{
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.cpl_theme .board_console .num.color-23
{
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.cpl_theme .board_console .num.color-24
{
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.cpl_theme .board_console .num.color-25
{
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.cpl_theme .board_console .num.color-26
{
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.cpl_theme .board_console .num.color-27
{
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.cpl_theme .board_console .num.color-28
{
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.cpl_theme .board_console .num.color-29
{
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.cpl_theme  div#Haibu_container .cell.fix.color-100,
body.cpl_theme  div#Haibu_container .cell.color-100
{
  background:  navy;
  border: 5px solid navy;
} 

body.cpl_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: transparent;
}
body.cpl_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
}


body.cpl_theme .board_console .num.color-20.selected,
body.cpl_theme .board_console .num.color-21.selected,
body.cpl_theme .board_console .num.color-22.selected,
body.cpl_theme .board_console .num.color-23.selected,
body.cpl_theme .board_console .num.color-24.selected,
body.cpl_theme .board_console .num.color-25.selected,
body.cpl_theme .board_console .num.color-26.selected,
body.cpl_theme .board_console .num.color-27.selected,
body.cpl_theme .board_console .num.color-28.selected,
body.cpl_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

/****
***
*** hexa2 theme 
***
****/
body.hexa2_theme .triangleV1, 
body.hexa2_theme .triangleV2, 

body.hexa2_theme .triangleH5,
body.hexa2_theme .triangleH6, 

body.hexa2_theme .triangleT5,
body.hexa2_theme .triangleT6
{
  background: dimgray;
  width: 6px;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-20,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-20:hover
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-21,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-21:hover
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-22,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-22:hover
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-23,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-23:hover
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-24,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-24:hover
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-25,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-25:hover
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-26,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-26:hover
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-27,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-27:hover
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-28,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-28:hover
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-29,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.color-29:hover
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell.fix.color-100
{
  background-image: url("../img/hexagone100.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell 
{
  background-image: url("../img/hexagone2.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.hexa2_theme .Haibu_board .cell.fix,
body.hexa2_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.hexa2_theme div#Haibu_container .Haibu_board .cell .note,
body.hexa2_theme div#Haibu_container .Haibu_board .cell span,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}
body.hexa2_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.hexa2_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.hexa2_theme .board_console .num.color-20.selected,
body.hexa2_theme .board_console .num.color-21.selected,
body.hexa2_theme .board_console .num.color-22.selected,
body.hexa2_theme .board_console .num.color-23.selected,
body.hexa2_theme .board_console .num.color-24.selected,
body.hexa2_theme .board_console .num.color-25.selected,
body.hexa2_theme .board_console .num.color-26.selected,
body.hexa2_theme .board_console .num.color-27.selected,
body.hexa2_theme .board_console .num.color-28.selected,
body.hexa2_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

body.hexa2_theme .board_console .num
{
  color: transparent;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexa2_theme .board_console .num.color-0.selected:hover,
body.hexa2_theme .board_console .num.color-0.selected 
{
  background-image: url("../img/hexagone101.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: tomato;
  z-index: 1;
}

body.hexa2_theme .board_console .num.color-0
{
  background-image: url("../img/hexagone99.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
  z-index: 2;
}
body.hexa2_theme .board_console .num.color-20
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-21
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-22
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-23
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-24
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-25
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexa2_theme .board_console .num.color-26
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexa2_theme .board_console .num.color-27
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-28
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexa2_theme .board_console .num.color-29
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 



/****
***
*** hexo theme 
***
****/
body.hexo_theme .triangleV1, 
body.hexo_theme .triangleV2, 


body.hexo_theme .triangleH5,
body.hexo_theme .triangleH6, 

body.hexo_theme .triangleT5,
body.hexo_theme .triangleT6
{
  background: black;
  width: 6px;
}

body.hexo_theme
 {
  background: #121f31;
}
body.hexo_theme  div#Haibu_container .cell.fix.color-100 :hover{
  background: #121f31;
} 
  
body.hexo_theme h1,body.hexo_theme .coda,body.hexo_theme .time{
  color : rgb(180, 180, 180);
}

body.hexo_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
/*  background-image: url("../img/logo5.svg");  */
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  }

body.hexo_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px snow;
  color: #121f31;
  
}
  
body.hexo_theme div#toolbar {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.hexo_theme div#toolbar span {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }


body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-20,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-20:hover
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-21,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-21:hover
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-22,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-22:hover
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-23,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-23:hover
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-24,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-24:hover
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-25,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-25:hover
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-26,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-26:hover
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-27,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-27:hover
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-28,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-28:hover
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-29,
body.hexo_theme div#Haibu_container .Haibu_board .cell.color-29:hover
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell.fix.color-100
{
  background-image: url("../img/hexagone100.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell 
{
  background-image: url("../img/hexagone2.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  white-space: nowrap;
  animation: bull 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.hexo_theme .Haibu_board .cell.fix,
body.hexo_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.hexo_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.hexo_theme div#Haibu_container .Haibu_board .cell .note,
body.hexo_theme div#Haibu_container .Haibu_board .cell span,
body.hexo_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}
body.hexo_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.hexo_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.hexo_theme .board_console .num.color-20.selected,
body.hexo_theme .board_console .num.color-21.selected,
body.hexo_theme .board_console .num.color-22.selected,
body.hexo_theme .board_console .num.color-23.selected,
body.hexo_theme .board_console .num.color-24.selected,
body.hexo_theme .board_console .num.color-25.selected,
body.hexo_theme .board_console .num.color-26.selected,
body.hexo_theme .board_console .num.color-27.selected,
body.hexo_theme .board_console .num.color-28.selected,
body.hexo_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

body.hexo_theme .board_console .num.color-0.note:before {
  content: "";
  background-image: url("../img/pen2.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 45%;
  background-position: center;
  z-index: 1;
} 

body.hexo_theme .board_console .num
{
  color: transparent;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.hexo_theme .board_console .num.color-0.selected:hover,
body.hexo_theme .board_console .num.color-0.selected 
{
  background-image: url("../img/hexagone101.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: tomato;
  z-index: 1;
}

body.hexo_theme .board_console .num.color-0
{
  background-image: url("../img/hexagone99.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
  z-index: 2;
}
body.hexo_theme .board_console .num.color-20
{
  background-image: url("../img/hexagone20.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-21
{
  background-image: url("../img/hexagone21.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-22
{
  background-image: url("../img/hexagone22.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-23
{
  background-image: url("../img/hexagone23.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-24
{
  background-image: url("../img/hexagone24.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-25
{
  background-image: url("../img/hexagone25.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexo_theme .board_console .num.color-26
{
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 
body.hexo_theme .board_console .num.color-27
{
  background-image: url("../img/hexagone27.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-28
{
  background-image: url("../img/hexagone28.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.hexo_theme .board_console .num.color-29
{
  background-image: url("../img/hexagone29.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
} 



/*****
***
*** Perso Theme (Bleu nuit 2)
***
****/

body.perso_theme {
  background:#121f31;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.perso_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: snow;
}
body.perso_theme  div#Haibu_container .cell.fix.color-100{
  background: dimgray;
  border: 5px solid dimgray;
} 
body.perso_theme .Haibu_board .cell.fix,
body.perso_theme div#Haibu_container .Haibu_board .cell span,
body.perso_theme div#Haibu_container .Haibu_board .cell .note,
body.perso_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.perso_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.ful_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
}

body.perso_theme  div#Haibu_container .cell.fix.color-100 :hover{
  background: #121f31;
} 
  
body.perso_theme h1,body.perso_theme .coda,body.perso_theme .time{
  color : rgb(180, 180, 180);
}

body.perso_theme .triangleV1, 
body.perso_theme .triangleV2, 


body.perso_theme .triangleH5,
body.perso_theme .triangleH6, 

body.perso_theme .triangleT5,
body.perso_theme .triangleT6
{
  background-color:lightslategray;
  width: 7px;
}

body.perso_theme .board_console .num.color-0.note:before {
  content: "";
  background-image: url("../img/pen2.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  background-size: 45%;
  background-position: center;
  z-index: 1;
} 

body.perso_theme .board_console .num.color-20.selected,
body.perso_theme .board_console .num.color-21.selected,
body.perso_theme .board_console .num.color-22.selected,
body.perso_theme .board_console .num.color-23.selected,
body.perso_theme .board_console .num.color-24.selected,
body.perso_theme .board_console .num.color-25.selected,
body.perso_theme .board_console .num.color-26.selected,
body.perso_theme .board_console .num.color-27.selected,
body.perso_theme .board_console .num.color-28.selected,
body.perso_theme .board_console .num.color-29.selected{
  background: lightslategray;
}

body.perso_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px lightslategray;
  color: transparent;
  
}
  
body.perso_theme div#toolbar {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.perso_theme div#toolbar span {
  background-color: #121f31;
  color: rgb(180, 180, 180);
  }

body.perso_theme  div#Haibu_container .Haibu_board .cell{
  background-color: lightslategray;
  border: 5px solid lightslategray;
}

body.perso_theme div#Haibu_container .Haibu_board .cell .note,
body.perso_theme  div#Haibu_container .Haibu_board .cell span{
  color: transparent;
}

body.perso_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
}
body.perso_theme .board_console .num.color-20:hover,
body.perso_theme .board_console .num.color-20
{
  background-color:  #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
}

body.perso_theme .board_console .num.color-21:hover,
body.perso_theme .board_console .num.color-21
{
  background-color:  #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
}
body.perso_theme .board_console .num.color-22:hover,
body.perso_theme .board_console .num.color-22
{
  background-color:  #ff0000;
  box-shadow: 0px 0px 0px 5px #ff0000;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  #32cd32;
  border: 5px solid #32cd32;
}
body.perso_theme .board_console .num.color-23:hover,
body.perso_theme .board_console .num.color-23
{
  background-color:  #32cd32;
  box-shadow: 0px 0px 0px 5px #32cd32;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
}
body.perso_theme .board_console .num.color-24:hover,
body.perso_theme .board_console .num.color-24
{
  background-color:  #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;
  border: 5px solid #008080;
}
body.perso_theme .board_console .num.color-25:hover,
body.perso_theme .board_console .num.color-25
{
  background-color:  #008080;
  box-shadow: 0px 0px 0px 5px #008080;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
}
body.perso_theme .board_console .num.color-26:hover,
body.perso_theme .board_console .num.color-26
{
  background-color:  #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  #6495ed;
  border: 5px solid #6495ed;
}
body.perso_theme .board_console .num.color-27:hover,
body.perso_theme .board_console .num.color-27
{
  background-color:  #6495ed;
  box-shadow: 0px 0px 0px 5px #6495ed;
}

body.perso_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
}

body.perso_theme .board_console .num.color-28:hover,
body.perso_theme .board_console .num.color-28
{
  background-color:  plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.perso_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
}
body.perso_theme .board_console .num.color-29:hover,
body.perso_theme .board_console .num.color-29
{
  background-color:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
}
body.perso_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px black;
  color: black;
}

body.perso_theme .gameover strong {
  color :white;
  }  



/****
***
*** formes theme 
***
****/
body.formes_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /*background-image: url("../img/logo4.svg");*/
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  }

body.formes_theme .triangleV1, 
body.formes_theme .triangleV2, 
body.formes_theme .triangleV3, 
body.formes_theme .triangleV4, 
body.formes_theme .triangleV5,
body.formes_theme .triangleV6,
body.formes_theme .triangleH1,
body.formes_theme .triangleH2,
body.formes_theme .triangleH3,
body.formes_theme .triangleH4,
body.formes_theme .triangleH5,
body.formes_theme .triangleH6, 
body.formes_theme .triangleT1,
body.formes_theme .triangleT2,
body.formes_theme .triangleT3,
body.formes_theme .triangleT4,
body.formes_theme .triangleT5,
body.formes_theme .triangleT6
{
  background-color : transparent;
  width: 7px;
}
  
body.formes_theme h1,body.formes_theme .coda,body.formes_theme .time
{
  color : #808080;
}

body.formes_theme .Haibu_board .cell,
body.formes_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.formes_theme div#Haibu_container .Haibu_board .cell.fix,
body.formes_theme div#Haibu_container .Haibu_board .cell span,
body.formes_theme div#Haibu_container .Haibu_board .cell .note,
body.formes_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.formes_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.formes_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: white;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.formes_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.formes_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.formes_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.formes_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.formes_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.formes_theme .board_console .num
{
  color: dimgray;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.formes_theme .board_console .num.color-20
{
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.formes_theme .board_console .num.color-21
{
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.formes_theme .board_console .num.color-22
{
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.formes_theme .board_console .num.color-23
{
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.formes_theme .board_console .num.color-24
{
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.formes_theme .board_console .num.color-25
{
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.formes_theme .board_console .num.color-26
{
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.formes_theme .board_console .num.color-27
{
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.formes_theme .board_console .num.color-28
{
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.formes_theme .board_console .num.color-29
{
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.formes_theme  div#Haibu_container .cell.fix.color-100,
body.formes_theme  div#Haibu_container .cell.color-100
{
  background:  dimgray;
  border: 5px solid dimgray;
} 

body.formes_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: white;
  
}
body.formes_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}


body.formes_theme .board_console .num.color-20.selected,
body.formes_theme .board_console .num.color-21.selected,
body.formes_theme .board_console .num.color-22.selected,
body.formes_theme .board_console .num.color-23.selected,
body.formes_theme .board_console .num.color-24.selected,
body.formes_theme .board_console .num.color-25.selected,
body.formes_theme .board_console .num.color-26.selected,
body.formes_theme .board_console .num.color-27.selected,
body.formes_theme .board_console .num.color-28.selected,
body.formes_theme .board_console .num.color-29.selected{
  color: transparent;
}

/****
***
*** plein theme 
***
****/
body.plein_theme {
  
  background-color: silver;
  }

  body.plein_theme div#toolbar {
    background-color: silver;
    color: rgb(180, 180, 180);
    }
  
  body.plein_theme div#toolbar span {
    background-color: silver;
    color: black;
  }

body.plein_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /*background-image: url("../img/logo5.svg");*/
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: silver;
  }

body.plein_theme .triangleV1, 
body.plein_theme .triangleV2, 
body.plein_theme .triangleV3, 
body.plein_theme .triangleV4, 
body.plein_theme .triangleV5,
body.plein_theme .triangleV6,
body.plein_theme .triangleH1,
body.plein_theme .triangleH2,
body.plein_theme .triangleH3,
body.plein_theme .triangleH4,
body.plein_theme .triangleH5,
body.plein_theme .triangleH6, 
body.plein_theme .triangleT1,
body.plein_theme .triangleT2,
body.plein_theme .triangleT3,
body.plein_theme .triangleT4,
body.plein_theme .triangleT5,
body.plein_theme .triangleT6
{
  background-color : transparent;
  width: 7px;
}
body.plein_theme .Haibu_board .cell
{
  border: 5px solid transparent;
  animation: bully 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.plein_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}
body.plein_theme div#Haibu_container .Haibu_board .cell
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}
body.plein_theme  div#Haibu_container .cell.fix.color-100,
body.plein_theme  div#Haibu_container .cell.color-100
{
  background:  slategray;
  border: 5px solid slategray;
  box-shadow: 2px 2px 2px slategray;
} 

body.plein_theme .board_console .num
{
  color: black;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.plein_theme .board_console .num.color-20
{
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.plein_theme .board_console .num.color-21
{
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.plein_theme .board_console .num.color-22
{
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.plein_theme .board_console .num.color-23
{
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.plein_theme .board_console .num.color-24
{
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.plein_theme .board_console .num.color-25
{
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.plein_theme .board_console .num.color-26
{
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.plein_theme .board_console .num.color-27
{
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.plein_theme .board_console .num.color-28
{
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.plein_theme .board_console .num.color-29
{
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.plein_theme .board_console .num.color-20.selected,
body.plein_theme .board_console .num.color-21.selected,
body.plein_theme .board_console .num.color-22.selected,
body.plein_theme .board_console .num.color-23.selected,
body.plein_theme .board_console .num.color-24.selected,
body.plein_theme .board_console .num.color-25.selected,
body.plein_theme .board_console .num.color-26.selected,
body.plein_theme .board_console .num.color-27.selected,
body.plein_theme .board_console .num.color-28.selected,
body.plein_theme .board_console .num.color-29.selected{
  color: transparent;
}
/****
***
*** plein2 theme 
***
****/
body.plein2_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /*background-image: url("../img/logo4.svg");*/
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  }
/*
body.plein2_theme .triangleV1, 
body.plein2_theme .triangleV2, 
body.plein2_theme .triangleV3, 
body.plein2_theme .triangleV4, 
body.plein2_theme .triangleV5,
body.plein2_theme .triangleV6,
body.plein2_theme .triangleH1,
body.plein2_theme .triangleH2,
body.plein2_theme .triangleH3,
body.plein2_theme .triangleH4,
body.plein2_theme .triangleH5,
body.plein2_theme .triangleH6, 
body.plein2_theme .triangleT1,
body.plein2_theme .triangleT2,
body.plein2_theme .triangleT3,
body.plein2_theme .triangleT4,
body.plein2_theme .triangleT5,
body.plein2_theme .triangleT6
{
  background-color : gray;
  width: 7px;
}
  */
body.plein2_theme h1,body.plein2_theme .coda,body.plein2_theme .time
{
  color : #808080;
}

body.plein2_theme .Haibu_board .cell,
body.plein2_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.plein2_theme div#Haibu_container .Haibu_board .cell.fix,
body.plein2_theme div#Haibu_container .Haibu_board .cell span,
body.plein2_theme div#Haibu_container .Haibu_board .cell .note,
body.plein2_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.plein2_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.plein2_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.plein2_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.plein2_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.plein2_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.plein2_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.plein2_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.plein2_theme .board_console .num
{
  color: transparent;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.plein2_theme .board_console .num.color-20
{
  color: transparent;
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.plein2_theme .board_console .num.color-21
{
  color: transparent;
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.plein2_theme .board_console .num.color-22
{
  color: transparent;
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.plein2_theme .board_console .num.color-23
{
  color: transparent;
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.plein2_theme .board_console .num.color-24
{
  color: transparent;
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.plein2_theme .board_console .num.color-25
{
  color: transparent;
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.plein2_theme .board_console .num.color-26
{
  color: transparent;
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.plein2_theme .board_console .num.color-27
{
  color: transparent;
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.plein2_theme .board_console .num.color-28
{
  color: transparent;
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.plein2_theme .board_console .num.color-29
{
  color: transparent;
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.plein2_theme  div#Haibu_container .cell.fix.color-100,
body.plein2_theme  div#Haibu_container .cell.color-100
{
  background:  dimgray;
  border: 5px solid dimgray;
} 

body.plein2_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.plein2_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}


body.plein2_theme .board_console .num.color-20.selected,
body.plein2_theme .board_console .num.color-21.selected,
body.plein2_theme .board_console .num.color-22.selected,
body.plein2_theme .board_console .num.color-23.selected,
body.plein2_theme .board_console .num.color-24.selected,
body.plein2_theme .board_console .num.color-25.selected,
body.plein2_theme .board_console .num.color-26.selected,
body.plein2_theme .board_console .num.color-27.selected,
body.plein2_theme .board_console .num.color-28.selected,
body.plein2_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

/****
***
*** triskel theme 
***
****/
body.trisk_theme
 {
  background: #121f31;
}

body.trisk_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
 /* background-image: url("../img/logo4.svg");  */
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: #121f31;
  }

body.trisk_theme .triangleV1, 
body.trisk_theme .triangleV2, 
body.trisk_theme .triangleH5,
body.trisk_theme .triangleH6, 
body.trisk_theme .triangleT5,
body.trisk_theme .triangleT6
{
  background-color : gray;
  width: 7px;
}
  
body.trisk_theme h1,body.trisk_theme .coda,body.trisk_theme .time
{
  color : #808080;
}

body.trisk_theme .Haibu_board .cell,
body.trisk_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk_theme div#Haibu_container .Haibu_board .cell.fix,
body.trisk_theme div#Haibu_container .Haibu_board .cell span,
body.trisk_theme div#Haibu_container .Haibu_board .cell .note,
body.trisk_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.trisk_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.trisk_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: #171d25;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.trisk_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.trisk_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.trisk_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.trisk_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.trisk_theme .board_console .num
{
  color: black;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.trisk_theme .board_console .num.color-20
{
  color: black;
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.trisk_theme .board_console .num.color-21
{
  color: black;
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.trisk_theme .board_console .num.color-22
{
  color: black;
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.trisk_theme .board_console .num.color-23
{
  color: black;
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.trisk_theme .board_console .num.color-24
{
  color: black;
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.trisk_theme .board_console .num.color-25
{
  color: black;
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.trisk_theme .board_console .num.color-26
{
  color: black;
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.trisk_theme .board_console .num.color-27
{
  color: black;
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.trisk_theme .board_console .num.color-28
{
  color: black;
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.trisk_theme .board_console .num.color-29
{
  color: black;
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.trisk_theme  div#Haibu_container .cell.fix.color-100,
body.trisk_theme  div#Haibu_container .cell.color-100
{
  background:  dimgray;
  border: 5px solid dimgray;
} 

body.trisk_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.trisk_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk_theme .gameover strong {
  color :white;
  }
  
  body.trisk_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px transparent;
    
  }
  
  body.trisk_theme  div#Haibu_container .cell.fix.color-100{
  background: #696969;
  }
  
  
  body.trisk_theme div#toolbar {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
  body.trisk_theme div#toolbar span {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }


body.trisk_theme .board_console .num.color-20.selected,
body.trisk_theme .board_console .num.color-21.selected,
body.trisk_theme .board_console .num.color-22.selected,
body.trisk_theme .board_console .num.color-23.selected,
body.trisk_theme .board_console .num.color-24.selected,
body.trisk_theme .board_console .num.color-25.selected,
body.trisk_theme .board_console .num.color-26.selected,
body.trisk_theme .board_console .num.color-27.selected,
body.trisk_theme .board_console .num.color-28.selected,
body.trisk_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}

/****
***
*** triskel2 theme 
***
****/
body.trisk2_theme
 {
  background: #121f31;
}

body.trisk2_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /* background-image: url("../img/logo5.svg");  */
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: #121f31;
  }

body.trisk2_theme .triangleV1, 
body.trisk2_theme .triangleV2, 
body.trisk2_theme .triangleH5,
body.trisk2_theme .triangleH6, 
body.trisk2_theme .triangleT5,
body.trisk2_theme .triangleT6
{
  background-color : slategray;
  width: 7px;
}
  
body.trisk2_theme h1,body.trisk2_theme .coda,body.trisk2_theme .time
{
  color : #808080;
}

body.trisk2_theme .Haibu_board .cell,
body.trisk2_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk2_theme div#Haibu_container .Haibu_board .cell.fix,
body.trisk2_theme div#Haibu_container .Haibu_board .cell span,
body.trisk2_theme div#Haibu_container .Haibu_board .cell .note,
body.trisk2_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk2_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  #d2b48c;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  #ff8c00;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  #008080;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  #ffd800;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.trisk2_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.trisk2_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.trisk2_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.trisk2_theme .board_console .num
{
  color: transparent;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.trisk2_theme .board_console .num.color-20
{
  color: transparent;
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.trisk2_theme .board_console .num.color-21
{
  color: transparent;
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.trisk2_theme .board_console .num.color-22
{
  color: transparent;
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.trisk2_theme .board_console .num.color-23
{
  color: transparent;
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.trisk2_theme .board_console .num.color-24
{
  color: transparent;
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.trisk2_theme .board_console .num.color-25
{
  color: transparent;
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.trisk2_theme .board_console .num.color-26
{
  color: transparent;
  background: #ffd800;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.trisk2_theme .board_console .num.color-27
{
  color: transparent;
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.trisk2_theme .board_console .num.color-28
{
  color: transparent;
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.trisk2_theme .board_console .num.color-29
{
  color: transparent;
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.trisk2_theme  div#Haibu_container .cell.fix.color-100,
body.trisk2_theme  div#Haibu_container .cell.color-100
{
  background:  slategray;
  border: 5px solid slategray;
} 

body.trisk2_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.trisk2_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk2_theme .gameover strong {
  color :white;
  }
  
  body.trisk2_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px transparent;
    
  }
  
  body.trisk2_theme  div#Haibu_container .cell.fix.color-100{
  background: slategray;
  }
  
  
  body.trisk2_theme div#toolbar {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
  body.trisk2_theme div#toolbar span {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }


body.trisk2_theme .board_console .num.color-20.selected,
body.trisk2_theme .board_console .num.color-21.selected,
body.trisk2_theme .board_console .num.color-22.selected,
body.trisk2_theme .board_console .num.color-23.selected,
body.trisk2_theme .board_console .num.color-24.selected,
body.trisk2_theme .board_console .num.color-25.selected,
body.trisk2_theme .board_console .num.color-26.selected,
body.trisk2_theme .board_console .num.color-27.selected,
body.trisk2_theme .board_console .num.color-28.selected,
body.trisk2_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}


/****
***
*** triskel4 theme 
***
****/
body.trisk4_theme
 {
  background: #121f31;
}

body.trisk4_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  /* background-image: url("../img/logo5.svg");  */
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: #121f31;
  }

body.trisk4_theme .triangleV1, 
body.trisk4_theme .triangleV2, 

body.trisk4_theme .triangleH5,
body.trisk4_theme .triangleH6, 

body.trisk4_theme .triangleT5,
body.trisk4_theme .triangleT6
{
  background-color : slategray;
  width: 7px;
}
  
body.trisk4_theme h1,body.trisk4_theme .coda,body.trisk4_theme .time
{
  color : #808080;
}

body.trisk4_theme .Haibu_board .cell,
body.trisk4_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk4_theme div#Haibu_container .Haibu_board .cell.fix,
body.trisk4_theme div#Haibu_container .Haibu_board .cell span,
body.trisk4_theme div#Haibu_container .Haibu_board .cell .note,
body.trisk4_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: whitesmoke;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk4_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  slategray;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-color:  slategray;
  border: 5px solid #d2b48c;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  slategray;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  slategray;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-color:  slategray;
  border: 5px solid #ff8c00;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-25
{
  background-color:  slategray;  
  border: 5px solid #008080;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-26
{
  background-color:  slategray;
  border: 5px solid #ffd800;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  slategray;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  slategray;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.trisk4_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.trisk4_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.trisk4_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  slategray;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.trisk4_theme .board_console .num
{
  color: whitesmoke;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.trisk4_theme .board_console .num.color-20
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.trisk4_theme .board_console .num.color-21
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.trisk4_theme .board_console .num.color-22
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px red;
}
body.trisk4_theme .board_console .num.color-23
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.trisk4_theme .board_console .num.color-24
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.trisk4_theme .board_console .num.color-25
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.trisk4_theme .board_console .num.color-26
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px #ffd800;
}
body.trisk4_theme .board_console .num.color-27
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.trisk4_theme .board_console .num.color-28
{
  color: whitesmoke;
  background: slategray;
  box-shadow: 0px 0px 0px 5px plum;
}
body.trisk4_theme .board_console .num.color-29
{
  color: whitesmoke;
  background:  slategray;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.trisk4_theme  div#Haibu_container .cell.fix.color-100,
body.trisk4_theme  div#Haibu_container .cell.color-100
{
  background:  slategray;
  border: 5px solid slategray;
} 

body.trisk4_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.trisk4_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk4_theme .gameover strong {
  color :white;
  }
  
  body.trisk4_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px transparent;
    
  }
  
  body.trisk4_theme  div#Haibu_container .cell.fix.color-100{
  background: slategray;
  }
  
  
  body.trisk4_theme div#toolbar {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
  body.trisk4_theme div#toolbar span {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }


body.trisk4_theme .board_console .num.color-20.selected,
body.trisk4_theme .board_console .num.color-21.selected,
body.trisk4_theme .board_console .num.color-22.selected,
body.trisk4_theme .board_console .num.color-23.selected,
body.trisk4_theme .board_console .num.color-24.selected,
body.trisk4_theme .board_console .num.color-25.selected,
body.trisk4_theme .board_console .num.color-26.selected,
body.trisk4_theme .board_console .num.color-27.selected,
body.trisk4_theme .board_console .num.color-28.selected,
body.trisk4_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}


/****
***
*** triskel3 theme 
***
****/
body.trisk3_theme
 {
  background: #121f31;
}

body.trisk3_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  background-image: url("../img/logo4.svg");
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: #121f31;
  }

body.trisk3_theme .triangleV1, 
body.trisk3_theme .triangleV2, 
body.trisk3_theme .triangleV3, 
body.trisk3_theme .triangleV4, 
body.trisk3_theme .triangleV5,
body.trisk3_theme .triangleV6,
body.trisk3_theme .triangleH1,
body.trisk3_theme .triangleH2,
body.trisk3_theme .triangleH3,
body.trisk3_theme .triangleH4,
body.trisk3_theme .triangleH5,
body.trisk3_theme .triangleH6, 
body.trisk3_theme .triangleT1,
body.trisk3_theme .triangleT2,
body.trisk3_theme .triangleT3,
body.trisk3_theme .triangleT4,
body.trisk3_theme .triangleT5,
body.trisk3_theme .triangleT6
{
  background-color : transparent;
  width: 7px;
}
  
body.trisk3_theme h1,body.trisk3_theme .coda,body.trisk3_theme .time
{
  color : #808080;
}

body.trisk3_theme .Haibu_board .cell,
body.trisk3_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk3_theme div#Haibu_container .Haibu_board .cell.fix,
body.trisk3_theme div#Haibu_container .Haibu_board .cell span,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note,
body.trisk3_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk3_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: blue;
}

body.trisk3_theme div#Haibu_container .Haibu_board .cell span.color20,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color20,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-20
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-21
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-22
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-23
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-24
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-25
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-26
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-27
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-28 span,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-28
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}

body.trisk3_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-29 span,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-29
{
  color: black;
  background-color:  snow;
  border: 5px solid snow;
}
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-20,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-21, 
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-22,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-23,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-24,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-25,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-26,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-27,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-28,
body.trisk3_theme div#Haibu_container .Haibu_board .cell .note.color-29,
body.trisk3_theme .board_console .num.color-20:hover,
body.trisk3_theme .board_console .num.color-21:hover,
body.trisk3_theme .board_console .num.color-22:hover,
body.trisk3_theme .board_console .num.color-23:hover,
body.trisk3_theme .board_console .num.color-24:hover,
body.trisk3_theme .board_console .num.color-25:hover,
body.trisk3_theme .board_console .num.color-26:hover,
body.trisk3_theme .board_console .num.color-27:hover,
body.trisk3_theme .board_console .num.color-28:hover,
body.trisk3_theme .board_console .num.color-29:hover,
body.trisk3_theme .board_console .num.color-20,
body.trisk3_theme .board_console .num.color-21,
body.trisk3_theme .board_console .num.color-22,
body.trisk3_theme .board_console .num.color-23,
body.trisk3_theme .board_console .num.color-24,
body.trisk3_theme .board_console .num.color-25,
body.trisk3_theme .board_console .num.color-26,
body.trisk3_theme .board_console .num.color-27,
body.trisk3_theme .board_console .num.color-28,
body.trisk3_theme .board_console .num.color-29,
body.trisk3_theme .Haibu_board .cell.fix.color-20,
body.trisk3_theme .Haibu_board .cell.fix.color-21,
body.trisk3_theme .Haibu_board .cell.fix.color-22,
body.trisk3_theme .Haibu_board .cell.fix.color-23,
body.trisk3_theme .Haibu_board .cell.fix.color-24,
body.trisk3_theme .Haibu_board .cell.fix.color-25,
body.trisk3_theme .Haibu_board .cell.fix.color-26,
body.trisk3_theme .Haibu_board .cell.fix.color-27,
body.trisk3_theme .Haibu_board .cell.fix.color-28,
body.trisk3_theme .Haibu_board .cell.fix.color-29,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-20,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-21,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-22,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-23,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-24,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-25,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-26,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-27,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-28,
body.trisk3_theme div#Haibu_container .Haibu_board .cell.color-29,
body.trisk3_theme .board_console .num.remove:hover,
body.trisk3_theme .board_console .num.remove
{
  background-color: snow;
}
body.trisk3_theme .board_console .num
{
  color: black;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-20
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-21
{
  color:black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-22
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-23
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-24
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-25
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
} 
body.trisk3_theme .board_console .num.color-26
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-27
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-28
{
  color: black;
  background: snow;
  box-shadow: 0px 0px 0px 5px snow;
}
body.trisk3_theme .board_console .num.color-29
{
  color: black;
  background:  snow;
  box-shadow: 0px 0px 0px 5px snow;
} 
body.trisk3_theme  div#Haibu_container .cell.fix.color-100,
body.trisk3_theme  div#Haibu_container .cell.color-100
{
  background:  dimgray;
  border: 5px solid dimgray;
} 

body.trisk3_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.trisk3_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.trisk3_theme .gameover strong {
  color :white;
  }
  
  body.trisk3_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px transparent;
    
  }
  
  body.trisk3_theme  div#Haibu_container .cell.fix.color-100{
  background: #696969;
  }
  
  
  body.trisk3_theme div#toolbar {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
  body.trisk3_theme div#toolbar span {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
body.trisk3_theme .board_console .num
    {
      box-shadow: 0px 0px 0px 5px transparent;
      color: snow;
      
    }


body.trisk3_theme .board_console .num.color-20.selected,
body.trisk3_theme .board_console .num.color-21.selected,
body.trisk3_theme .board_console .num.color-22.selected,
body.trisk3_theme .board_console .num.color-23.selected,
body.trisk3_theme .board_console .num.color-24.selected,
body.trisk3_theme .board_console .num.color-25.selected,
body.trisk3_theme .board_console .num.color-26.selected,
body.trisk3_theme .board_console .num.color-27.selected,
body.trisk3_theme .board_console .num.color-28.selected,
body.trisk3_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}


/****
***
*** symbole theme 
***
****/
body.symbole_theme
 {
  background: #121f31;
}

body.symbole_theme  div#Haibu_container .Haibu_board {
  
  background-clip: border-box;
  background-image: url("../img/logo5.svg");
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: #121f31;
  }

body.symbole_theme .triangleV1, 
body.symbole_theme .triangleV2, 
body.symbole_theme .triangleV3, 
body.symbole_theme .triangleV4, 
body.symbole_theme .triangleV5,
body.symbole_theme .triangleV6,
body.symbole_theme .triangleH1,
body.symbole_theme .triangleH2,
body.symbole_theme .triangleH3,
body.symbole_theme .triangleH4,
body.symbole_theme .triangleH5,
body.symbole_theme .triangleH6, 
body.symbole_theme .triangleT1,
body.symbole_theme .triangleT2,
body.symbole_theme .triangleT3,
body.symbole_theme .triangleT4,
body.symbole_theme .triangleT5,
body.symbole_theme .triangleT6
{
  background-color : slategray;
  width: 7px;
}
  
body.symbole_theme h1,body.symbole_theme .coda,body.symbole_theme .time
{
  color : #808080;
}

body.symbole_theme .Haibu_board .cell,
body.symbole_theme .Haibu_board .cell :hover
{
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.symbole_theme div#Haibu_container .Haibu_board .cell.fix,
body.symbole_theme div#Haibu_container .Haibu_board .cell span,
body.symbole_theme div#Haibu_container .Haibu_board .cell .note,
body.symbole_theme div#Haibu_container .Haibu_board .cell span.samevalue,
body.symbole_theme div#Haibu_container .Haibu_board .cell.fix span.samevalue,
body.symbole_theme div#Haibu_container .Haibu_board .cell.selected.current span
{
  color: transparent;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.symbole_theme div#Haibu_container .Haibu_board .cell.notvalid span,
body.symbole_theme div#Haibu_container .Haibu_board .cell.selected.notvalid span
{
  color: black;
}

body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-20,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-20
{
  background-color:  #8b4513;
  border: 5px solid #8b4513;
  box-shadow: 2px 2px 6px black;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-21,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-21
{
  background-clip: border-box;
  background-image: url("../img/1165858.svg");
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-22,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-22
{
  background-color:  #ff0000;
  border: 5px solid #ff0000;
  box-shadow: 2px 2px 2px black;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-23,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-23
{
  background-color:  limegreen;
  border: 5px solid limegreen;
  box-shadow: 2px 2px 2px black;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-24,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-24
{
  background-clip: border-box;
  background-image: url("../img/Anonymous_lauburu.svg");
  background-size: 100%;
  background-position: 0%;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-25,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-25
{
  color: transparent;
  background: transparent;
  background-image: url("../img/Star.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  box-shadow: 2px 2px 2px #008080;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-26,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-26
{
  color: transparent;
  background: transparent;
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  border: 5px solid transparent;
  box-shadow: 2px 2px 2px yellow;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-27,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-27
{
  background-color:  cornflowerblue;
  border: 5px solid cornflowerblue;
  box-shadow: 2px 2px 2px black;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-28,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-28
{
  background-color:  plum;
  border: 5px solid plum;
  box-shadow: 2px 2px 2px black;
}

body.symbole_theme div#Haibu_container .Haibu_board .cell 
{
  background-color:  lightgray;
  border: 5px solid lightgray;
  box-shadow: 2px 2px 2px black;
}
body.symbole_theme div#Haibu_container .Haibu_board .cell .fix.color-29,
body.symbole_theme div#Haibu_container .Haibu_board .cell.color-29
{
  background-color:  darkviolet;
  border: 5px solid darkviolet;
  box-shadow: 2px 2px 2px black;
}

body.symbole_theme .board_console .num
{
  color: transparent;
  box-shadow: 0px 0px 0px 5px lightgray;
}
body.symbole_theme .board_console .num.color-20
{
  color: transparent;
  background: #8b4513;
  box-shadow: 0px 0px 0px 5px #8b4513;
}
body.symbole_theme .board_console .num.color-21
{
  color: transparent;
  background: #d2b48c;
  box-shadow: 0px 0px 0px 5px #d2b48c;
}
body.symbole_theme .board_console .num.color-22
{
  color: transparent;
  background: red;
  box-shadow: 0px 0px 0px 5px red;
}
body.symbole_theme .board_console .num.color-23
{
  color: transparent;
  background: limegreen;
  box-shadow: 0px 0px 0px 5px limegreen;
}
body.symbole_theme .board_console .num.color-24
{
  color: transparent;
  background: #ff8c00;
  box-shadow: 0px 0px 0px 5px #ff8c00;
}
body.symbole_theme .board_console .num.color-25
{
  color: transparent;
  background: #008080;
  box-shadow: 0px 0px 0px 5px #008080;
} 
body.symbole_theme .board_console .num.color-26
{
  color: transparent;
  background: transparent;
  background-image: url("../img/hexagone26.svg");
  background-origin: border-box;
  background-repeat: no-repeat;
  background-color: transparent;
  box-shadow: 0px 0px 0px 5px transparent;
}
body.symbole_theme .board_console .num.color-27
{
  color: transparent;
  background: cornflowerblue;
  box-shadow: 0px 0px 0px 5px cornflowerblue;
}
body.symbole_theme .board_console .num.color-28
{
  color: transparent;
  background: plum;
  box-shadow: 0px 0px 0px 5px plum;
}
body.symbole_theme .board_console .num.color-29
{
  color: transparent;
  background:  darkviolet;
  box-shadow: 0px 0px 0px 5px darkviolet;
} 
body.symbole_theme  div#Haibu_container .cell.fix.color-100,
body.symbole_theme  div#Haibu_container .cell.color-100
{
  background:  slategray;
  border: 5px solid slategray;
} 

body.symbole_theme .board_console .num
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: snow;
  
}
body.symbole_theme .board_console .num.color-0
{
  box-shadow: 0px 0px 0px 5px transparent;
  color: black;
  animation: bulles 4s linear infinite;
  transition: transform 200ms linear ease;
}

body.symbole_theme .gameover strong {
  color :white;
  }
  
  body.symbole_theme .board_console .num
  {
    box-shadow: 0px 0px 0px 5px transparent;
    
  }
  
  body.symbole_theme  div#Haibu_container .cell.fix.color-100{
  background: slategray;
  }
  
  
  body.symbole_theme div#toolbar {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }
  
  body.symbole_theme div#toolbar span {
    background-color: #121f31;
    color: rgb(180, 180, 180);
    }


body.symbole_theme .board_console .num.color-20.selected,
body.symbole_theme .board_console .num.color-21.selected,
body.symbole_theme .board_console .num.color-22.selected,
body.symbole_theme .board_console .num.color-23.selected,
body.symbole_theme .board_console .num.color-24.selected,
body.symbole_theme .board_console .num.color-25.selected,
body.symbole_theme .board_console .num.color-26.selected,
body.symbole_theme .board_console .num.color-27.selected,
body.symbole_theme .board_console .num.color-28.selected,
body.symbole_theme .board_console .num.color-29.selected{
  box-shadow: 0px 0px 0px 5px tomato;
}





/**   MOBILE  **/
@media (max-width: 768px) {

  /** full1 THEME **/
  body.full1_theme  div#Haibu_container .Haibu_board {
      background-size: 108%;
      background-position: 50% 100%;
    }
  /** full2 THEME **/
  body.full2_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** formes THEME **/
  body.formes_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** plein THEME **/
  body.plein_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** trisk THEME **/
  body.trisk_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** trisk2 THEME **/
  body.trisk2_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** symbole THEME **/
  body.symbole_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** trisk3 THEME **/
  body.trisk3_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  /** trisk4 THEME **/
  body.trisk4_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }  
  /** plein2 THEME **/
  body.plein2_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
   /** hexo THEME **/
   body.hexo_theme  div#Haibu_container .Haibu_board {
    background-size: 108%;
    background-position: 50% 100%;
  }
  }
  

  @-webkit-keyframes bubble-anim {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    2% {
      -webkit-transform: scaleY(0.96) scaleX(1.06);
      transform: scaleY(0.96) scaleX(1.06); }
  
    5% {
      -webkit-transform: scaleY(1.05) scaleX(0.95);
      transform: scaleY(1.05) scaleX(0.95); }
  
    7% {
      -webkit-transform: scaleY(0.98) scaleX(1.02);
      transform: scaleY(0.98) scaleX(1.02); }
  
    8% {
      -webkit-transform: scaleY(1.02) scaleX(0.98);
      transform: scaleY(1.02) scaleX(0.98); }
  
    10%{
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    95% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } 
      
    98%, 100% {
      -webkit-transform: scale(1);
      transform: scale(1); } 
       }
  
  @keyframes bubble-anim {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    2% {
      -webkit-transform: scaleY(0.96) scaleX(1.06);
      transform: scaleY(0.96) scaleX(1.06); }
  
    5% {
      -webkit-transform: scaleY(1.05) scaleX(0.95);
      transform: scaleY(1.05) scaleX(0.95); }
  
    7% {
      -webkit-transform: scaleY(0.98) scaleX(1.02);
      transform: scaleY(0.98) scaleX(1.02); }
  
    8% {
      -webkit-transform: scaleY(1.02) scaleX(0.98);
      transform: scaleY(1.02) scaleX(0.98); }
  
    10%{
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    95% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05); } 
  
    98%, 100% {
      -webkit-transform: scale(1);
      transform: scale(1); } 
  
       }
  
  
  @keyframes bulle {
    0% {
      -webkit-transform: scale(1);
      transform: scale(1); }
  
    20% {
      -webkit-transform: scaleY(1.1) scaleX(1.1);
      transform: scaleY(1.1) scaleX(1.1); }
    50% {
      -webkit-transform: scaleY(1.05) scaleX(0.95);
      transform: scaleY(1.05) scaleX(0.95); }
  
    70% {
      -webkit-transform: scaleY(1.02) scaleX(1.05);
      transform: scaleY(1.02) scaleX(1.05); }
  
    80% {
      -webkit-transform: scaleY(0.98) scaleX(0.98);
      transform: scaleY(0.98) scaleX(0.98); }
  
    97%, 100% {
      -webkit-transform: scale(1);
      transform: scale(1); } }
  
@keyframes bulles {
        0% {
          -webkit-transform: scale(1.08);
          transform: scale(1.08); }
      
        100% {
          -webkit-transform: scaleY(1.08) scaleX(1.08);
          transform: scaleY(1.08) scaleX(1.08); }} 

@keyframes bull {
            0% {
              -webkit-transform: scale(1.14);
              transform: scale(1.14); }
          
            100% {
              -webkit-transform: scaleY(1.14) scaleX(1.14);
              transform: scaleY(1.14) scaleX(1.14); }} 
              
@keyframes bully {
                0% {
                  -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
              
                100% {
                  -webkit-transform: scaleY(1.1) scaleX(1.1);
                  transform: scaleY(1.1) scaleX(1.1); }}