@import 'public-booking/main_dependencies';

bb-check-items {
  display: block;
  min-height: $bb-empty-component-loader-height;

  // Classic padding/margin trick used so that we don't see shadows and outlines when loading content.
  margin: -15px;
  .check-items__body {
    padding: 15px;
  }

  .check-items {
    &__form {
      color: $bb-main-gray;
      @include form;
    }

    .required-fields {
      font-weight: 300;
      &:before {
        content: '*';
      }
    }

    &__link {
      @include button-link;
      padding: 0;
    }

  }

  bb-panel-group, bb-attendee-adder {
    margin-bottom: 15px;
  }

  bb-step-navigation {
    margin-top: 0;
  }

  bb-uploaded-files {
    .uploaded-files__file {
      .file__name {
        padding-left: 1px;
      }

      .file__link {
        padding-right: 1px;
        text-align: right;
      }
    }
  }
}