/*
Theme Name: C3BI
Theme URI: https://c3bi.pasteur.fr/
Author: Damien Mornico
Description: C3BI Theme
*/

/*======== Registration ========*/
/*           Appearence         */
/*------------ Div ----------*/
.div_trainings_avail {
  background-color: #E0E0E0;
  height: 100%;
  width: 100%;
  position: relative;
  border: 1px solid;
  text-align: center;
  padding: 5px;
}

a.trainings_avail {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}


:root {
  --gris-interne: #EEF0F3;
  --gris-fonce: #C0C2C4;


  --level1-active: #444444;
  --level1-inactive: #777777;
  --level2-active: #999999;
  --level2-inactive: #cccccc;
  --level3-active: #dddddd;
  --level3-inactive: #eeeeee;
  --font-bright: #eeeeee;
  --font-dark:#444444;

  --stats-level1-active: #F52A52;
  --stats-level1-inactive: #E8274E;

  --bioinfo-level1-active: #1B82E3;
  --bioinfo-level1-inactive: #4697E3;

  --image-level1-active: #71B531;
  --image-level1-inactive: #8ADE3C;

}


/* Style the button that is used to open and close the collapsible content */
.collapsible {
  
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.course {
  background-color: var(--gris-interne);
  color: var(--font-bright);
  border: 1px solid;
}
.active.course, .course:hover{
  background-color: var(--gris-fonce);
}

.course.stats {
  border-color: var(--stats-level1-inactive);
  color: black;
}
.active.course.stats, .course.stats:hover{
  border-color: var(--stats-level1-active);
}

.course.bioinfo {
  border-color: var(--bioinfo-level1-inactive);
  color: black;
}
.active.course.bioinfo, .course.bioinfo:hover{
  border-color: var(--bioinfo-level1-active);
}

.course.image {
  border-color: var(--image-level1-inactive);
  color: black;
}
.active.course.image, .course.image:hover{
  border-color: var(--image-level1-active);
}

.session {
  background-color: #ccc;
  color: #444;
  margin-left:10px;
}

.active.session, .session:hover{
  background-color: #999;
  color: #f1f1f5;
}


/* Style the collapsible content. Note: hidden by default */
.hidden-content {
  display: none;
  overflow: hidden;
}
.session-content {
  padding: 10px;
  margin: 10px 0px 10px 20px;
  
}
.collapsible::after {
  color: transparent;
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 18px;
  float: right;
  margin-left: 5px;
}
.course::after{
  text-shadow: 0 0 1px var(--font-dark);
}
.session::after{
  text-shadow: 0 0 1px var(--font-dark);
}
.session:hover::after, .active.session::after{
  text-shadow: 0 0 1px var(--font-dark);
}
.active::after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}
.rTable { display: table; }
.rTableRow { display: table-row; }
.rTableHeading { 
  display: table-header-group; 
  background-color: #555;
  color:#eee;
}
.rTableBody { display: table-row-group; }
.rTableFoot { display: table-footer-group; }
.rTableCell, .rTableHead { 
  display: table-cell; 
  padding: 5px;
}

.rTableRow:nth-child(even) {
  background: #aaa;
}
.rTableRow:nth-child(odd) {
  background: #ddd;
}

.stats .rTableRow:nth-child(even):hover {
  background: var(--stats-level1-active);
}
.stats .rTableRow:nth-child(odd):hover {
  background: var(--stats-level1-inactive);
}

.bioinfo .rTableRow:nth-child(even):hover {
  background: var(--bioinfo-level1-active);
}
.bioinfo .rTableRow:nth-child(odd):hover {
  background: var(--bioinfo-level1-inactive);
}

.image .rTableRow:nth-child(even):hover {
  background: var(--image-level1-active);
}
.image .rTableRow:nth-child(odd):hover {
  background: var(--image-level1-inactive);
}