@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%);  }
}
@keyframes animateVisible {
  from { opacity:0;  }
  to { opacity:1;  }
}
@keyframes animateInVisible {
  from { opacity:1;  }
  to { opacity:0;  }
}
.tk-placingcontainer.PurpleCard{
 background-color: rgba(153,0,153,1);
}
.tk-placingcontainer.RedCard{
 background-color: rgba(220,57,18,1);
}
.tk-placingcontainer.GreenCard{
 background-color: rgba(16,150,24,1);
}
.tk-placingcontainer.ScoreCard{
border-radius: 5px 5px 5px 5px ;
 margin: 5px 5px 5px 5px ;
 padding: 3px 10px 3px 10px ;
}
.tk-placingcontainer.OrangeCard{
 background-color: rgba(255,153,0,1);
}
.tk-component.White:not(.isgridrowdiv *) input.White{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.White:not(.isgridrowdiv *) .tk-select__native.White{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-component.White:not(.isgridrowdiv *) .tk-button__native.White{
}
.tk-component.White:not(.isgridrowdiv *) .tk-static-text__native.White{
 color: rgba(255,255,255,1);
 text-align: left;
 vertical-align: text-top;
 font-weight: normal;
 font-style: normal;
}
.tk-placingcontainer.BlueCard{
 background-color: rgba(51,102,204,1);
}
:root {
}