@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;  }
}
:root {
--primary-color-dark: 222, 81, 53;
--btn-default-clr: 28, 28, 104;
--primary-color: 255, 94, 62;
--text-on-primary: 255, 255, 255;
--text-on-default-btn: 255, 255, 255;
--data-table-row-height: 52px;
--data-table-header-height: 42px;
}