::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #eeeeee;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 22px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #666666;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
/* 
.compteInfoNAV:hover .connectedImg{
box-shadow: 3 2 1  #333333  ;
} */


.compteInfoNAV:hover{
  cursor: pointer;
}

.sousItem{
  display: flex !important;
}

.sousSectionName {
  width: 100%;
}


.notifications{
  position: relative;
  cursor: pointer;
  transition-duration: 0.3s;
}

.notifications:hover .iconsNotif {
  background: var(--gray);
}

.nbrNotification{

  position: absolute;
  display: none;

}

.iconsNotif {
  font-size: 23px;
  color: #fff;
  background: var(--info);
  width: 33px;
  border-radius: 50%;
  text-align: center;
}

.nbrNotification {
  position: absolute;
  background: var(--danger);
  color: #fff;
  width: 23px;
  height: 23px;
  font-size: 13px;
  text-align: center;
  line-height: 21px;
  border-radius: 50%;
  left: -11px;
  top: -6px;
}

.notificationGlobal{
  position: relative;
}
.listNotification {

  overflow: auto;
    max-height: 42vh ;
    margin: 0px -17px;
    margin-bottom: -17px;
    margin-top: 10px;
}
.affichageNotification {
 
  background-color: #fff;
  border: 1px #eee solid;
  border-radius: 5px;
  width: 371px;
  z-index: 479;
  position: absolute;
  right: -155px;
  text-align: left;
  padding: 17px;
  -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.05);
box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.05);
}
.titreNotif {
  font-weight: bolder;
  font-size: 19px;
}
.itemsSw {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.itemSw.selected {
  background: var(--info);
  border-radius: 20px;
  padding: 4px 19px;
  text-align: center;
  color: #fff;
}

.itemSw {
  padding: 4px;
  transition-duration: 0.3s;
}

.itemNotif {
  display: flex;
  align-items: center;
  padding: 6px;
  padding-bottom: 1px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}
.itemNotif:hover {

  background-color: #eee;

}
.iconNotif {
  font-size: 44px;
  color: var(--success);
  padding: 10px;
}

.objectNotif {
  font-weight: bolder;
  font-size: 16px;
  line-height: 17px;
}

.contNotif {
  font-size: 12px;
  line-height: 14px;
}

.etat {
  font-size: 9px;
  color: var(--primary);
}

.dateNotif {
  font-size: 11px;
  font-weight: bolder;
  color: rgba(150,150,150);
  text-align: right;
}

.affichageNotification {
  display: none; 
}

.affichageNotification.active {
  display: block; 
}


#idItem_tr8 .animatedBackground{
  animation: colorChange 1s infinite alternate;

  background: radial-gradient(circle at center left,  rgba(255, 255, 255, 1) 0% ,rgba(143, 143, 143, 50%) 100% ) center right/200% 100%;
  
  /* background:  radial-gradient(circle at center left, rgba(255, 255, 255, 1) 0%, rgba(143, 143, 143, 1) 100%); */
}

@keyframes colorChange {
  0% {
    background-position:top left;
    /* background: radial-gradient(circle at center left,  rgba(255, 255, 255, 1) 0% ,rgba(143, 143, 143, 50%) 100% ) center right/200% 100%; */
  }
  100% {
    background-position:top right;
    /* background: radial-gradient(circle at center right,  rgba(255, 255, 255, 1) 0% ,rgba(143, 143, 143, 50%) 100% ) center right/200% 100%; */
  }
 
 }