/* items */
idt-list-item .idt-list-item{
  padding: 5px;
  min-height: 40px;
  margin: 4px;
  background-color: white;
  cursor: pointer;
  border-radius: 4px;
}
idt-list-item .idt-list-item:hover{
  background-color: #eaeaea;
}
idt-list-item .idt-avatar-container{
  height: 40px;
  width: 40px;
  min-width: 40px;
}
idt-list-item .idt-avatar{
  width: 100%;
  border-radius: 50%;
}
idt-list-item .idt-content{
  font-size: 12px;
  padding: 0px 10px;
}
idt-list-item .idt-list-item-header{
  font-size: 9px;
  margin-bottom: -2px;
  padding: 0px 10px;
  color: #a5a5a5;
}

/* badge */
idt-list-badge .idt-list-badge{
  border-radius: 20%;
  position: relative;
  height: 25px;
  width: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 14px;
  margin: 1px;
}
idt-list-badge .idt-list-badge-registration{
  background-color: #e2e2e2;
  color: #ababab;
}
idt-list-badge .idt-list-badge:hover .idt-list-badge-tooltip{
  display: block;
}
idt-list-badge .idt-list-badge-tooltip{
  display: none;
  position: absolute;
  width: max-content;
  z-index: 999999;
  background-color: black;
  opacity: 0.8;
  font-size: 10px;
  padding: 0px 10px;
  border-radius: 5px;
  top: -26px;
  right: 0px;
}
idt-list-badge .idt-list-inactive{
  background-color: #f4f5f7 !important;
}
idt-list-badge .idt-list-inactive i{
  color: #d6d6d6 !important;
}

/*idt-toggle-list*/
idt-toggle-list .idt-toggle-list {
  padding: 0px 5px;
  min-height: 40px;
  margin: 4px;
  background-color: white;
  cursor: pointer;    
  height: 50%;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.2),
          0 1px 1px 0 rgba(0,0,0,.14), 
          0 1px 1px -1px rgba(0,0,0,.12);
}
idt-toggle-list.open .idt-toggle-list{
  background-color: #4b4b4b;
  color: white;
  height: 100%;
}
idt-toggle-list .idt-toggle-list:hover{
  background-color: #eaeaea;
}
idt-toggle-list.open .idt-toggle-list:hover{
  background-color: #333333;
}
idt-toggle-list note{
  width: 16px;
  height: 16px;
  text-align: center;
}
idt-toggle-list note, noteItems {
  border-radius: 100%;
  padding: 7px; 
  font-weight: 700;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 
              0 1px 1px 0 rgba(0,0,0,0.14), 
              0 2px 1px -1px rgba(0,0,0,0.12);
}
idt-toggle-list  noteItems {
  border-radius: inherit;
}    
idt-toggle-list .note-plus{
  background-color: #1cca7e; 
  color: #FFF;
}
idt-toggle-list .note-moins{
  background-color: #c75151;   
  color: #FFF;  
}
idt-toggle-list .idt-toggle-list-items {
  background-color: grey;
}
idt-toggle-list .idt-toggle-list-items items {
  margin: 0px -5px;
  min-height: 40px;
  cursor: pointer;
  height: 50%;
  padding: 0px 10px;
  font-size: 10px;
  color: white;
}

idt-toggle-list .idt-toggle-list-items items:nth-child(even) {background: #FFF}
idt-toggle-list .idt-toggle-list-items items:nth-child(odd) {background: #5a5a5a}




/*A METTRE AILLEUR CSS NE DEPEENDANT PAS DE LA DIRECTIVE MAIS DE LA PAGE BAT RESULT*/
.header-select-family {
  padding: 5px;
  min-height: 40px;
  height: 50%;
  margin: 4px 4px -3px 4px;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 
              0 1px 1px 0 rgba(0,0,0,0.14), 
              0 2px 1px -1px rgba(0,0,0,0.12);    
}
.header-select-family .select-family {
  font-size: 13px;
  font-weight: 600;
  border-right: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
}
.selected-family-video {
  font-weight: 600;
  text-shadow: white 1px 1px;
  text-align: center;
  margin: 5px;
  font-size: 18px;    
}