.dt {
	/*data table*/
  
	& > table {
	  & .tdWithAvatar {
		& label {
		  margin-left: 34px;
		  max-width: calc(100% - 34px);
		}
		& span {
		  margin-left: 34px;
		  max-width: calc(100% - 34px);
		}
  
		& .avatarOnTD {
		  position: absolute;
		  top: 2px;
		  left: 4px; //forze para alinearlo :(
		  height: 30px;
		  width: 30px;
  
		  cursor: pointer;
		  margin-right: 0px !important;
		  border-radius: 50%;
		  //background-image:  url('./img/pic/person.svg');
  
		  background-position: center;
		  background-repeat: no-repeat;
		  background-size: cover;
		  //background-color: $c-pd;
		  //border: 2px solid $c-surface;
		  z-index: 2;
		  @include selectNo();
  
		  & letter {
			position: relative;
			display: inline-block;
			top: 6px;
			left: 0px;
			height: 30px;
			width: 30px;
			@include clearfix;
  
			color: $c-f-lb !important;
			font-size: 12px;
			font-weight: 700;
			text-align: center;
  
			//border: 0.5px solid red;           //←←←←←←←←←←←←←←←←←←←←
		  }
		}
	  } /*tdWithAvatar*/
  
	  & .tdWithAvatar-state {
		position: relative;
  
		.avatarOnTD {
		  position: relative;
  
		  &::after {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background-color: #5f5f5f;
			border: 2px solid $c-w;
			box-sizing: content-box;
			z-index: 3;
		  }
		}
  
		&-up {
		  .avatarOnTD::after {
			background-color: #00ff36;
		  }
		}
	  }
  
	  & .tdWithIcon {
		& label {
		  margin-left: 24px;
		  max-width: calc(100% - 24px);
		}
		& span {
		  margin-left: 24px;
		  max-width: calc(100% - 24px);
		}
		& svg {
		  position: absolute;
		  top: 2px;
		  left: 4px; //forze para alinearlo :(
		  height: 18px;
		  width: 18px;
  
		  fill: $c-w;
		  transform: rotate(0deg);
		  @include transition(0.5s, stan); 
		  @include selectNo;
		  @include back-visivility;
		  @include selectNo();
  
		  // border: 0.5px solid red;           //←←←←←←←←←←←←←←←←←←←←
		}
		//border: 0.3px solid red;               //←←←←←←←←←←←←←←←←←←←←
	  } /**/
  
	  & .tdWithIconAnimated {
		& svg {
		  @include loading();
		}
	  }
  
	  & .td-red-icon {
		& svg {
		  fill: $cs-red;
		}
	  } /*tdWithAvatar*/
  
	  & .td-blue-icon {
		& svg {
		  fill: $cs-blue;
		}
	  } /*tdWithAvatar*/
	} /*table*/
  } /*dt*/