/* ////////// 

   // LOADER  

   ////////// */

.loader {

  width: 48px;

  height: 48px;

  border: 3px dotted #FFF;

  border-style: solid solid dotted dotted;

  border-radius: 50%;

  display: inline-block;

  position: relative;

  top: 40vh;

  left: 50%;

  box-sizing: border-box;

  animation: rotation 2s linear infinite;

}

.loader::after {

  content: '';  

  box-sizing: border-box;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  border: 3px dotted #FF3D00;

  border-style: solid solid dotted;

  width: 24px;

  height: 24px;

  border-radius: 50%;

  animation: rotationBack 1s linear infinite;

  transform-origin: center center;

}

    

@keyframes rotation {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(360deg);

  }

} 

@keyframes rotationBack {

  0% {

    transform: rotate(0deg);

  }

  100% {

    transform: rotate(-360deg);

  }

} 

/* ////////// 

   // loader  

   ////////// */



body {

  background: rgba(0, 0, 0, .6);

}



input[type=text] {

  width:auto;

}

h1.entry-title {
  margin: 0;
}

.entry-content {
  margin: 5px 0;
}

.entry-header {

  position:relative;

  z-index:99;

}


a {

//    color: #b10000;

}


.site-content h3 {

  margin: 0 0 5px;

  font-weight: 600;

  font-size: 13px;

  line-height: 1.4;

  border-radius: 2px;

  /* margin-bottom: -20px; */

  padding: 2px 10px;

}

}




.dashicons, .dashicons-before:before {
  font-size: 14px !important;
}




/* .dashicons-open-folder, */
/* .dashicons-yes, */
/* .dashicons-no, */
/* .dashicons-no-alt, */

/* .dashicons-plus */

.dashicons {
  vertical-align: middle !important;

  background: transparent;
  color: #252525;
  border-radius: 2px;
  padding: 0px 2px 0 1px;
  margin-left: 5px;

  margin-bottom: 5px;
}

.dashicons.bg {

  background: #979797;

  color: #bcbcbc;

  font-size: 18px;

}
.dashicons-open-folder:hover,
.dashicons-yes:hover,
.dashicons-no:hover,
.dashicons-no-alt:hover,

.dashicons-plus:hover, .dashicons:hover {
  background: #000;
  color: white;

  cursor: pointer;
}


.tcn-input span.dashicons {

  position: absolute;

  position: absolute;

  position: absolute;

  right: 29px;

  margin-top: 29px;

}
/* ////////////////////////// */
.TCN-hiddens,
.tcn-hidden  {
  display: none;
}

/*new*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#masthead, #masthead-sentinel {
  display: none !important;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/





:root {

  --width-tree:  1257px;

  --heigth-tree: 1120px;

  --ratio-img-tree: 1257 / 1120;

  /* --ratio-img-tree: 1257 / 2000; */

  

  --color-equal:      red;

  --color-mat-hide:  #ffa7a7;

  --color-sun-hide:  #ffb950;

  --color-moon-hide: #72a6dd;

  --color-star-hide: #f6ffa9;

  --color-voies:     #01b504;

  --color-sentiers:  #00ff04;

  --color-configs:   #ff9b7f;

  

  --color-equal-10:      red;

  --color-mat-hide-10:  #ff7474;

  --color-sun-hide-10:  #ffa51d;

  --color-moon-hide-10: #498cd3;

  --color-star-hide-10: #d8e46b;

  --color-voies-10:     #018203;

  --color-sentiers-10:  #00cc03;

  --color-configs-10:   #ff734c;

  

  --cur-lame: rgb(205,92,92); /* #CD5C5C	rgb(205,92,92) */

  --like-cur-lame: rgba(205,92,92, .5); /* #CD5C5C	rgb(205,92,92) */

  --birth: rgb(255,255,182); /* #FFFFE0	rgb(255,255,224) */

  --like-birth: rgb(255,255,182, .7);

}



@media screen and (min-height: 600px) {

  :root {

    --ratio-card-wh: 0.58;

  }

}

@media screen and (min-height: 700px) {

  :root {

    --ratio-card-wh: 0.575;

  }

}

@media screen and (min-height: 800px) {

  :root {

    --ratio-card-wh: 0.57;

  }

}

  

@media screen and (min-height: 900px) {

  :root {

    --ratio-card-wh: 0.565;

  }

}


:root {

  /* --ratio-card-wh: 0.61; /*0.56;*/ */
  --inc-plus: 0.5;
  --padd-height-card: 5px;

  --ratio-card-plus: 0.9;
  
  --height-container: 100vh;

  --width-container: calc(var(--height-container) * var(--ratio-img-tree));
  
  --height-frame-card-plus: 200px;
  //--height-frame-card: 240px; // taille réelle 235px;
  --height-frame-card: calc(var(--height-container) / 5 - 10px); 
  --width-frame-card: calc(var(--height-frame-card) * var(--ratio-card-wh));
  //--width-frame-card: 130px;  // taille réelle 125px;
  --width-frame-card-plus: calc(var(--width-frame-card) * var(--ratio-card-plus) );
  --height-frame-card-plus: calc(var(--width-frame-card-plus) / var(--ratio-card-wh));
}


/* .container-icons { */

  /* text-align: right;   */

  /* padding-top: 10px; */

/* } */



#content .container {
  //background: no-repeat center 150px url('/wp-content/plugins/si-tarot-ciel/img/celtic-tree-of-life-colored_h1120.png'); 
  //background: no-repeat center url('/wp-content/plugins/si-tarot-ciel/img/fleur-de-vie-utilisez-ses-bienfaits-pour-vous-proteger-et-trouver-lequilibre.jpg'); 
  
  max-width: unset !important;
}
  /* variables*/
.tarot-cards-global-container {

  height: 100vh;

}


.tarot-cards-containers {
  background: no-repeat center #fff url('/wp-content/plugins/si-tarot-ciel/img/celtic-tree-of-life-colored_h1120.png'); 
  background-size: auto  95vh;
  position: absolute;

  top: 0;
  height: var(--height-container);
  width: 100%;

  display: none;

  /* margin-top: -36px; */
}


.tarot-cards-container-main {
  position: absolute;
  height: var(--height-container);
  width: 100%;
  top: 0;
}
.tarot-cards-container-plus {
  position: absolute;
  height: var(--height-container);
  width: 100%;
  top: 0;
}
.tarot-cards-container-deck {
  width: 100%;
  position: absolute;
  top: 30px;
  width: 250px;
  left: calc(50% + 430px);

  left: calc(50% + var(--width-frame-card) * 5.1);

  width: calc(var(--width-frame-card-plus) * 3.75);

  z-index:99;
}
.tarot-cards-container-more-links {

  position: absolute;

  background: #eee;

  width: 270px;

  z-index: 99;

  left: -14px;

  top: 0px;

  /* border: 1px solid #ddd; */

  /* display:none; */

}

/* .tarot-cards-container-more-links h3 { */

  /* font-size: 13px; */

  /* margin: 5px; */

  /* font-weight: 600; */

  /* padding: 0px 8px; */

  /* border-radius: 2px; */

/* } */

.tarot-cards-container-more-links > h3,

.container-specials-weather h3 {

  /* margin: 0; */

  background: aquamarine;

  line-height: 1.4;

  /* margin-bottom: 6px; */

  /* padding: 2px 10px; */

  border: 1px solid #a8aca9;

  /* font-size: 13px; */

  /* font-weight: 600; */

}



.container-more-links-mat-hide h3 {

  background: var(--color-mat-hide);

  border: 1px solid var(--color-mat-hide-10);

}    

.container-more-links-sun-hide h3 {

  background: var(--color-sun-hide);

  border: 1px solid var(--color-sun-hide-10);

}  

.container-more-links-moon-hide h3 {

  background: var(--color-moon-hide);

  border: 1px solid var(--color-moon-hide-10);

}  

.container-more-links-star-hide h3 {

  background: var(--color-star-hide);

  border: 1px solid var(--color-star-hide-10);

}  

.container-more-links-voies h3 {

  background: var(--color-voies);

  border: 1px solid var(--color-voies-10);

}      

.container-more-links-sentiers h3 {

  background: var(--color-sentiers);

  border: 1px solid var(--color-sentiers-10);

}      

.container-more-links-configs h3 {

  background: var(--color-configs);

  border: 1px solid var(--color-configs-10);

}      





.tarot-cards-container-specials {

  

  //display:none;

}

.container-specials-weather {

  position: absolute;

  background: #fafafa;

  width: 500px;

  z-index: 1000;

  left: calc(50% - 300px);

  top: 59px;

  /* border: 1px solid #ddd; */

  /* padding: 5px; */

  /* display: none; */

  /* box-shadow: 1px 1px 12px #000; */

  /* border-radius: 4px; */

}



.container-specials-weather table {

  margin: 0;

}

/* td:nth-child(odd), */

.container-specials-weather tr:nth-child(even) {

  background: #ddd;

}

.container-specials-weather th[scope=row] {

  background: #d4d4d4;

  text-align: center;

  padding: 5px 10px 1px;

}

.container-specials-weather th[scope=col] {

  text-align: right;

}

.container-specials-weather td {

  text-align: right;

}

.container-specials-weather td, .container-specials-weather th {

  /* padding: 2px 10px; */

  padding: 2px 12px 0 0;

}

.container-specials-weather .cur-lame {

  background: var(--cur-lame);

  color: white;

}.container-specials-weather .like-cur-lame {

  background: var(--like-cur-lame);

  /* color: white; */

}

.container-specials-weather .birth {

  background: var(--birth);

  /* color: white; */

}

.container-specials-weather .like-birth {

  background: var(--like-birth);

  /* color: white; */

}



.tarot-cards-container-more-links ul {

  list-style: none;

  margin: 0 0 7px 14px;

  font-size: 12px; 

}


.tarot-cards-container-plus .tarot-cards {
  font-size: .66em;
  width: 110px;
  width: var(--width-frame-card-plus);
  padding-bottom: 0;
}
.tarot-cards {
  position: absolute;
  background: #f4f4f4;
  padding: 0 11px 7px;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 2px 0px #000;
  //width: 125px;
  width: var(--width-frame-card);
  font-size: .68em;
  /* line-height: 1; */ 
   z-index: 99; 
}
.tarot-cards label {
  display: block;
  text-align: center;
  overflow: hidden;
  margin: 0 -20px;
}
.tarot-cards-min {
  width: 80px;
  width: calc(var(--width-frame-card) * .65);
  display: inline-block;
  margin: 3px 2px;
  opacity: .2;
  text-align: center;
  position: relative;
}
.tarot-cards-min label {
  background-color: #d6cccc;
  width: 100%;

  font-size: .7em;
  text-align: center;
  display: inline-block;
  line-height: 1.2;
  position: absolute;
  top: -13px;
  left: 0;
}

.tarot-cards-min span {
  display: inline-block;
  background: #fe0000;
  height: 10px;
  width: 10px;
  color: #fffdfd;
  line-height: 1.3;
  margin-top: 10px;
  font-size: 8px;
  border-radius: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  right: 2px;
  opacity: 0;
}
.tc-1, .tc-2, .tc-3, .tc-4, .tc-5 {
  background: #c4c4ff;
}

.tc-12{
  left: calc(50% - var(--width-frame-card) / 2);
  top: calc(50% - var(--height-frame-card) / 2 - var(--height-frame-card) * 2 - var(--padd-height-card) * 2);
}
.tc-1{
  left: calc(50% - var(--width-frame-card) / 2);
  top: calc(50% - var(--height-frame-card) / 2 - var(--height-frame-card) - var(--padd-height-card) );
}
.tc-5{ /* centre */
  left: calc(50% - var(--width-frame-card) / 2);
  top: calc(50% - var(--height-frame-card) / 2);
}
.tc-3{
  left: calc(50% - var(--width-frame-card) / 2);
  top: calc(50% - var(--height-frame-card) / 2 + var(--height-frame-card) + var(--padd-height-card) );
}
.tc-11{
  left: calc(50% - var(--width-frame-card) / 2);
  top: calc(50% - var(--height-frame-card) / 2 + var(--height-frame-card) * 2 + var(--padd-height-card) * 2);
}

.tc-2{
  left: calc(50% - var(--width-frame-card) / 2 - 130px);

  left: calc(50% - var(--width-container) * 0.225);
  top: calc(50% - var(--height-frame-card) / 2);

  
}
.tc-4{
  left: calc(50% - var(--width-frame-card) / 2 + 130px);

  left: calc(50% + var(--width-container) * 0.125);
  top:  calc(50% - var(--height-frame-card) / 2);
}
.tc-9{
  left: calc(50% - var(--width-frame-card) / 2 - 300px);
  top:  calc(50% - var(--height-frame-card) / 2);

  left: calc(50% - var(--width-container) * .45);
}


.tc-7{
  left: calc(50% - var(--width-frame-card) / 2 - 200px);

  left: calc(50% - var(--width-container) * 0.3);
  top:  calc(50% - var(--height-frame-card) / 2 + 200px);

  top:  calc(50% + var(--height-frame-card) * 1);
}
.tc-10{
  left: calc(50% - var(--width-frame-card) / 2 + 200px);

  left: calc(50% + var(--width-container) * 0.2);
  top:  calc(50% - var(--height-frame-card) / 2 + 200px);

  top:  calc(50% + var(--height-frame-card) * 1);
}

.tc-6{
  left: calc(50% - var(--width-frame-card) / 2 - 200px);

  left: calc(50% - var(--width-container) * 0.3);
  top:  calc(50% - var(--height-frame-card) / 2 - 200px);

  top:  calc(50% - var(--height-frame-card) * 2);
}

.tc-8{
  left: calc(50% - var(--width-frame-card) / 2 + 200px);

  left: calc(50% + var(--width-container) * 0.2);
  top: calc(50% - var(--height-frame-card) / 2 - 200px);

  top:  calc(50% - var(--height-frame-card) * 2);
}
.tc-13{
  left: calc(50% - var(--width-frame-card) / 2 + 350px);

  left: calc(50% + var(--width-container) * 0.35);
  top: calc(50% - var(--height-frame-card) / 2 - var(--height-frame-card) * 2);

  top:  calc(50% - var(--height-frame-card) * 2.45);
  font-size:0.6em;
}

.tc-arcane_mineur{
  /* left: calc(50% - var(--width-frame-card) / 2 + 650px); */
  /* top: calc(var(--height-frame-card-plus) * (4 + var(--inc-plus)) ); */
  left: calc(50% - var(--width-frame-card) / 2 + 350px);

  left: calc(50% + var(--width-container) * 0.35);
  top: calc(50% - var(--height-frame-card) / 2 + 350px);
  top: calc(50% - var(--height-frame-card) / 2 + var(--height-frame-card) * 1.2);

  top:  calc(50% + var(--height-frame-card) * .25);
  width: var(--width-frame-card);
}




.tc-reve_de_vie{
  left: calc(50% - var(--width-frame-card) / 2 - 420px);

  left: calc(50% - var(--width-frame-card) * 6);
  top: calc(var(--height-frame-card-plus) * var(--inc-plus));
  top: calc(50% - var(--height-frame-card-plus) / 2 - var(--height-frame-card-plus) * 2 - var(--padd-height-card) * 2);

  top: calc(50% - var(--height-frame-card-plus) * 2.5 + var(--padd-height-card) * 2);
}
.tc-empreinte{
  left: calc(50% - var(--width-frame-card) / 2 - 420px);

  left: calc(50% - var(--width-frame-card) * 6);
  top: calc(var(--height-frame-card-plus) * (1 + var(--inc-plus)) );
  top: calc(50% - var(--height-frame-card-plus) / 2 - var(--height-frame-card-plus) - var(--padd-height-card) );

  top: calc(50% - var(--height-frame-card-plus) * 1.5 + var(--padd-height-card) * 2);
}
.tc-barre {
  left: calc(50% - var(--width-frame-card) / 2 - 420px);

  left: calc(50% - var(--width-frame-card) * 6);
  //top: calc(var(--height-frame-card-plus) * (2 + var(--inc-plus)) );
  top: calc(50% - var(--height-frame-card-plus) / 2);

  top: calc(50% - var(--height-frame-card-plus) * .5 + var(--padd-height-card) * 2);
}
.tc-bande {
  left: calc(50% - var(--width-frame-card) / 2 - 420px);

  left: calc(50% - var(--width-frame-card) * 6);
  top: calc(var(--height-frame-card-plus) * (3 + var(--inc-plus)) );
  top: calc(50% - var(--height-frame-card-plus) / 2 + var(--height-frame-card-plus) + var(--padd-height-card));

  top: calc(50% + var(--height-frame-card-plus) * .5 + var(--padd-height-card) * 2);
}
.tc-mythe{
  /* left: calc(50% - var(--width-frame-card) / 2 - 520px); */
  /* top: calc(50% - var(--height-frame-card) / 2 + 350px); */
  /* width: 125px; */
  left: calc(50% - var(--width-frame-card) / 2 - 420px);

  left: calc(50% - var(--width-frame-card) * 6);
  top: calc(var(--height-frame-card-plus) * (4 + var(--inc-plus)) );
  top: calc(50% - var(--height-frame-card-plus) / 2 + var(--height-frame-card-plus) * 2 + var(--padd-height-card) * 2);

  top: calc(50% + var(--height-frame-card-plus) * 1.5 + var(--padd-height-card) * 2);
}

.icons-actions {
  position: relative;
  left:16px;
}



.icons-actions span,
.icons-main span,

.icons-simile span{
  display: block;
  position: absolute;
  height: 14px;
  width: 14px;
  bottom: 0px;
  background-size: cover;
  opacity: 0;
}

.icon-equal {

  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/equal.png');

}
.icon-mat {
  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/mat_white.png');
}
.icon-sun {
  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/sun_white.png');
}
.icon-moon {
  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/moon_white.png');
}
.icon-star {
  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/star_white.png');
}

.icon-config {

  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/config_32x32.png');

}

.icon-voies {

  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/voies_32x32.png');

}

.icon-see {

  background-image: url('/wp-content/plugins/si-tarot-ciel/img/icons/see_32x32.png');

}





.icons-actions span {

  top: 0px;

  opacity: 0.2;

}

.icons-actions span:hover {

  opacity: 1;

  border: 1px solid #000;

  

}

.icons-actions .icon-equal {

  top: 0px;

  left: 40px;

}

.icons-actions .icon-mat {

  top: 0px;

  left: 56px;

}

.icons-actions .icon-sun {

  left: 72px;

}

.icons-actions .icon-moon {

  left: 88px;;

}

.icons-actions .icon-star {

  left:104px;

}

.icons-actions .icon-see {

  left:120px;

}



.icons-main .icon-mat {

  left:2px;

}

.icons-main .icon-sun {

  left:18px;

}

.icons-main .icon-moon {

  left:34px;

}

.icons-main .icon-star {

  left:50px;

}

.icons-main .icon-config {

  left:66px;

}

.icons-main .icon-voies {

  left:82px;

}





.icons-simile .icon-equal {

  top:0px;

  left: -1px;

}

.icons-simile .icon-mat {

  top:20px;

  left: -1px;

}

.icons-simile .icon-sun {

  top:36px;

  left: -1px;

}

.icons-simile .icon-moon {

  top:42px;

  left: -1px;

}

.icons-simile .icon-star {

  top:58px;

  left: -1px;

}


.card-sel {
  //background-color: #ff1e00 !important;
  box-shadow: 0 0 22px 10px #440505;
  //border-color: #e50808;
}
.card-sel label {
  color: white;
}
.card-sel.color-icon-star label {
  color: black;
}
.color-icon-mat{
  background-color: var(--color-mat-hide) !important;

  border-color: var(--color-mat-hide-10); 
}
.color-icon-sun {

  background-color: var(--color-sun-hide) !important;

  border-color: var(--color-sun-hide-10); 
}
.color-icon-moon {

  background-color: var(--color-moon-hide) !important;  

  border-color: var(--color-moon-hide-10); 
}
.color-icon-star{

  background-color: var(--color-star-hide) !important;  

  /* border: 1px solid var(--color-star-hide-10);   */

  border-color: var(--color-star-hide-10); 

  color: inherit;
}


.cmb2-id-TCN-session {

  position: absolute;

  top: 40px;

  z-index: 99;

}
/* #TCN_group_repeat, */

.cmb2-id-TCN-group{
  position: absolute;
  /* top: calc(var(--height-container) * -1); */

  top: 85px;
  /* width: 350px !important; */

  /* margin-left: 6px; */
}

#TCN_fe_edit {

  margin-left: 6px;

}

#TCN_fe_edit select[id$=person_status], 

#TCN_fe_edit input[type=text] {

  border: 0;

  border-bottom: 1px solid #ccc;

  padding: 6px 0px 1px;

  width: 90px;

  background-color: #fffce5;

  text-align: center;

}

#TCN_fe_edit input[id$=person_name] {

  font-weight: 700;

}

#TCN_group_repeat .dashicons, 

#TCN_group_repeat .dashicons-before:before {

    /* width: 16px; */

    /* height: 16px; */

}

#TCN_group_repeat .cmb-row {

  clear: both;

}



#TCN_group_repeat .icons {

  position: relative; 

  width: 16px;

  /* bottom: 0;  */

  left: 63px;

  top: 15px;

}

#TCN_group_repeat .icons span.dashicons-visibility {

  left: 70px;

  top: -13px;

} 



#TCN_group_repeat .icons span{

  opacity: .5;

}



.curContainer {

  display: block;

}

#TCN_group_repeat .cmb-type-text-date:not(.person-birthdate) .curBirthDate {

  background-color: #f56754;

  color: white;

  text-align: center;

}

#TCN_group_repeat .curBirthDate {

  background-color: unset;

  color: unset;

  text-align: unset;

}
button.cmb-remove-group-row {
  position: relative;
  top: 27px;
  left: -28px;

  border: 0;

  box-shadow: unset;;
}
button.cmb-add-group-row {

  font-size: 10px;

  margin-left: -15px;

  padding: 6px 10px 4px;

  margin-top: 15px;

}
.cmbhandle, .cmbhandle-title, .cmb-remove-group-row-button{
  display: none;
}

input.button-primary {

    display: none;

}

.button-secondary.alignleft {

  margin-right: 0;

}

.button-secondary.alignleft .dashicons {

  margin-right: 0;

}



@media screen and (min-width: 1320px) {

  #TCN_fe_edit input[type=text] {

    width: 150px;

  }

  button.cmb-add-group-row {

    /* margin-left: 0; */

  }

}



.ui-datepicker-calendar {

  background: #fbfbfb;

}



button.cmb-remove-group-row {

  display: none;

}

div.person-name span.dashicons-no-alt {

  margin: 0 4px 4px -24px;

}



.equal {

  border: 4px solid red;

}

/*

.mat-hide {

  border: 4px solid #ffa7a7; 

}

.sun-hide {

  border: 4px solid #ffb950;

}

.moon-hide {

  border: 4px solid #567ba3;

}

.star-hide {

  border: 4px solid #567ba3;

}

*/

/* .hover-hide: { */

.zoom {

   -ms-transform: scale(1.7); /* IE 9 */

  -webkit-transform: scale(1.7); /* Safari 3-8 */

  transform: scale(2); 

  z-index: 100;

  opacity: 1 !important;

}

.tarot-cards-min:hover{

    -ms-transform: scale(1.7); /* IE 9 */

  -webkit-transform: scale(1.7); /* Safari 3-8 */

  transform: scale(1.7); 

  z-index: 100;

  opacity: 1 !important;

}



.tarot-cards.voie-hover {

  //border: 5px solid red;

  box-shadow: 0 0 5px 5px #000;

  box-shadow: 0 0 22px 10px #440505;

}



.tarot-cards.voie-hover.mat-hide,

.tarot-cards.hover-hide.mat-hide {

  background: var(--color-mat-hide);

  border: 1px solid var(--color-mat-hide-10);

}

.tarot-cards.voie-hover.sun-hide,

.tarot-cards.hover-hide.sun-hide {

  background: var(--color-sun-hide);

  border: 1px solid var(--color-sun-hide-10);

}

.tarot-cards.voie-hover.moon-hide,

.tarot-cards.hover-hide.moon-hide {

  background: var(--color-moon-hide);

  border: 1px solid var(--color-moon-hide-10);

}

.tarot-cards.voie-hover.star-hide,

.tarot-cards.hover-hide.star-hide {

  background: var(--color-star-hide);

  border: 1px solid var(--color-star-hide-10);

}

.tarot-cards.voie-hover.voies {

  background: var(--color-voies);

  border: 1px solid var(--color-voies-10);

}

.tarot-cards.voie-hover.sentiers {

  background: var(--color-sentiers);

  border: 1px solid var(--color-sentiers-10);

}

.tarot-cards.voie-hover.configs {

  background: var(--color-configs);

  border: 1px solid var(--color-configs-10);

}

  

.tarot-cards-min.voie-hover,

.tarot-cards-min.voie-hover2 {

  -ms-transform: scale(1.4); /* IE 9 */

  -webkit-transform: scale(1.4); /* Safari 3-8 */

  transform: scale(1.4); 

  z-index: 100;

  opacity:1 !important;

}

.tarot-cards-min.voie-hover img{

  //border:3px solid red;

  box-shadow: 0 0 5px 5px #000;

  box-shadow: 0 0 22px 10px #440505;

}

.tarot-cards-min.voie-hover2 img{

  //border:3px dashed red;

}

.tarot-cards-min.voie-hover.mat-hide img{

  border:3px solid var(--color-mat-hide);

}

.tarot-cards-min.voie-hover.sun-hide img{

  border:3px solid var(--color-sun-hide);

}

.tarot-cards-min.voie-hover.moon-hide img{

  border:3px solid var(--color-moon-hide);

}

.tarot-cards-min.voie-hover.star-hide img{

  border:3px solid var(--color-star-hide);

}

.tarot-cards-min.voie-hover.voies img{

  border:3px solid var(--color-voies);

}

.tarot-cards-min.voie-hover.sentiers img{

  border:3px solid var(--color-sentiers);

}

.tarot-cards-min.voie-hover.configs img{

  border:3px solid var(--color-configs);

}



.tarot-cards-min.voie-hover2.mat-hide img{

  border:3px dashed var(--color-mat-hide);

}

.tarot-cards-min.voie-hover2.sun-hide img{

  border:3px dashed var(--color-sun-hide);

}

.tarot-cards-min.voie-hover2.moon-hide img{

  border:3px dashed var(--color-moon-hide);

}

.tarot-cards-min.voie-hover2.star-hide img{

  border:3px dashed var(--color-star-hide);

}

.tarot-cards-min.voie-hover2.voies img{

  border:3px dashed var(--color-voies);

}

.tarot-cards-min.voie-hover2.sentiers img{

  border:3px dashed var(--color-sentiers);

}

.tarot-cards-min.voie-hover2.configs img{

  border:3px dashed var(--color-configs);

}



.voie-hover2 {

  /* border: 5px dashed red; */

}



#TCN_curYear{

  float: left;

  width: 50px;

  margin-bottom: 10px;

}



span.maisons {

    margin-right: 7px;

    font-weight: 600;

    

}

span.lames {

    margin-right: 7px;

    font-style: italic;

}

/* tooltip */

/* li span */

*[data-title]:hover:after {

    opacity: 1;

    transition: all 0.1s ease 0.5s;

    visibility: visible;

}

/* li span */

*[data-title]:after {

  content: attr(data-title);

  background-color: #d9cdfa;

  color: #022078;

  font-size: 14px;

  font-family: 'Roboto Condensed';

  position: absolute;

  padding: 8px 20px 5px;

  bottom: -2em;

  left: 50%;

  white-space: nowrap;

  box-shadow: 1px 1px 3px #222222;

  opacity: 0;

  border: 1px solid #afb8ff;

  z-index: 99999;

  visibility: hidden;

  border-radius: 2px;

}



/* li span */

*[data-title] {

    position: relative;

}

*/

.tarot-cards-container-more-links li:hover,

.tarot-cards.tc-8 label:hover { /* meteo annuelle */

  color: blue;

  cursor: pointer;

  text-decoration: underligne;

}



span.barre {

    float: left;

    font-size: 10px;

    margin-top: 4px;

    margin-left: 5px;

    color: #968c8c;

    /* display: none; */ 

}



/* // FORM */

.TCN_flex {

  display: flex;

}

.TCN_flex .cur-year input {

  width: 45px !important;

  margin-right: 10px;

}

.TCN_flex .person-birthdate input {

  width: 95px  !important;

}



/* .win-title + span { */

  /* float: right; */

  /* margin-top: -28px; */

  /* margin-right: 2px; */

  /* background: transparent; */

  /* color: black; */

  /* font-size: 14px; */

/* } */

.win {

  padding: 5px;

  border: 1px solid #ddd;

  padding: 5px;

  display: none;

  box-shadow: 1px 1px 12px #000;

  border-radius: 4px;

  

}

.win span {

  margin-bottom: -20px;

}

.dashicons.right {

  position: relative;

  top: -28px;

  float: right;

  right: 2px;

}  

.button-secondary .dashicons {

  font-size: 12px;

  margin-left: 0;

}

/* div.person-name span.dashicons { */

  /* background-color: #a6a4a4; */

  /* color: #4f4f4f; */

  /* font-size: 18px; */

/* } */





.list-status {

  border: 0;

  background: #fffce5;

  width: 150px;

}



.no-width {

  width:0;

}

.curContainer input[id$=person_birthdate] {

  background-color: red !important; 

  color: white; 

}



select[id$=person_statuxxs] {

  border: 0;

  border-bottom: 1px solid #ddd;

  border: 0;

  border-bottom: 1px solid #ccc;

  padding: 6px 0px 1px;

  width: 90px;

  background-color: #fffce5;

  text-align: center;

}

/*

width: 200px; 

max-height: 95vh;

height: 95vh;

overflow: auto;

*/