.workflow {
  .tab-content {
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 0 none;
    padding-top: 10px;
  }

  fieldset > table {
    margin-bottom: 0;
  }

  &.wizard {
    .row {
      .btn {
        float: none;
        margin: 0;
      }

      .next {
        text-align: right;
      }
    }

    .nav-tabs.wizard-tabs {
      border-bottom: 0;
      background: $workflow-color-tab-trough-bg;
      padding: 0;

      li {
        margin-bottom: 0;
        position: relative;

        &:before {
          position: absolute;
          top: 0;
          right: -$workflow-size-tab-arrow;
          z-index: 2;
          display: block;
          border: $workflow-size-tab-arrow inset transparent;
          border-right: 0;
          border-left: $workflow-size-tab-arrow solid $workflow-color-tab-incomplete-bg;
          content: '';
        }

        &:after {
          position: absolute;
          top: -$workflow-size-tab-border;
          right: -($workflow-size-tab-arrow + $workflow-size-tab-border);
          z-index: 1;
          display: block;
          border: ($workflow-size-tab-arrow + $workflow-size-tab-border) inset transparent;
          border-right: 0;
          border-left: ($workflow-size-tab-arrow + $workflow-size-tab-border) solid $workflow-color-tab-border;
          content: '';
        }

        &.active:before,
        &.done:before {
          border-left: $workflow-size-tab-arrow solid $workflow-color-tab-complete-bg;
        }

        a {
          border: 0;
          border-radius: 0;
          background: $workflow-color-tab-incomplete-bg;
          color: $workflow-color-tab-link-inactive;
          padding: 0 $workflow-size-tab-padding;
          padding-left: $workflow-size-tab-arrow + $workflow-size-tab-padding;
          line-height: $workflow-size-tab-arrow * 2;
          position: relative;
          margin: 0;
        }

        &:first-child a {
          padding-left: $workflow-size-tab-padding;
        }

        &.active a {
          background: $workflow-color-tab-complete-bg;
          color: $workflow-color-tab-link-active;
        }

        &.done a {
          background: $workflow-color-tab-complete-bg;
        }
      }
    }

    label.error {
      color: $workflow-color-label-error;
    }
  }

  .nav-tabs .hz-icon-required {
    font-size: 50%;
    vertical-align: top;
    color: $brand-primary;
  }
}

