.epic-sidebar {
  .block.date {
    .help-icon,
    .date-warning-icon {
      &:hover {
        cursor: pointer;
      }
    }

    .help-icon {
      color: $gl-text-color-secondary;
    }

    .date-warning-icon {
      color: $orange-500;
      margin-top: -1px;
    }

    .value-type-fixed,
    .value-type-dynamic {
      color: $gl-text-color-secondary;

      .value-content {
        margin-left: 2px;
      }

      &.is-option-selected {
        > span {
          color: $gl-text-color;
          font-weight: $gl-font-weight-bold;
        }
      }
    }
  }
}

@include media-breakpoint-down(xs) {
  .epic-page-container .detail-page-header {
    display: flex;
  }
}

.tooltip .tooltip-inner .milestone-date-range {
  color: $gl-text-color-tertiary;
}
