.tooltip.top > .tooltip-arrow {
  background-color: #f00 !important; }

/* Infinite rotate *//*START WF173869 - Robert S. - Add tooltip styling per WQA Mockup*/
@keyframes infinite-rotate {
  to {
    transform: rotate(360deg); } }

.tooltip--auto-wicon {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 100;
  width: calc(100% - 36px);
  font-weight: 500 !important; }

.tooltip__text {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 36px); }

.ui.popup {
  padding: 16px; }
  .ui.popup > .header {
    position: relative;
    border: none;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500; }

[data-tooltip]::before {
  z-index: 101; }

[data-tooltip]::after {
  z-index: 100; }

[data-tooltip][data-width='large']:after {
  white-space: normal !important;
  }
  @media screen and (min-width: 768px) {
    [data-tooltip][data-width='large']:after {
      width: 500px !important;
      }

::after {} }/*END WF173869*/