@keyframes animateLeftToRight {
  from { transform: translateX(-100%); }
  to { transform: translateX(0%); }
}
@keyframes animateRightToLeft {
  from { transform: translateX(100%);  }
  to { transform: translateX(0%);  }
}
@keyframes animateTopToBottom {
  from { transform: translateY(-100%);  }
  to { transform: translateY(0%);  }
}
@keyframes animateBottomToTop {
  from { transform: translateY(100%);  }
  to { transform: translateY(0%);  }
}
.tk-data-table__cell.Done {
 background-color: rgba(173,222,171,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Done input{
 background-color: rgba(173,222,171,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Done .tk-select__native{
 background-color: rgba(173,222,171,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Done .tk-button__native{
 background-color: rgba(173,222,171,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Done .tk-static-text__native{
 background-color: rgba(173,222,171,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.Pending:not(.ctImage){
 background-color: rgba(192,192,192,1);
}
.tk-component.Pending img{
 background-color: rgba(192,192,192,1);
}