#success {
  h1, h2, h3, h4, h5, h6 {
    margin-top:0;
  }
  button {
    &:extend(.center-block);
    margin-bottom: @vertical-margin;
  }

  .heading-area {
    &--payg {
      margin-top: @vertical-margin;
      text-align: center;
      @media @phone{
        padding:0;
      }
    }
    .title {
      span {
        color: @gray-dark;
        font-weight: 100;
        font-size:  @font-size-h6;
        margin-bottom: 0px;
      }
      h3 {
        color: @gray-darker;
        margin: 0px;
      }
    }
  }
  .infoDisplay {
    margin-bottom: @vertical-margin;
    margin-top: @vertical-margin;
    display: inline-block;
    padding: 5px 15px;
    .round-borders(5px);
    border: 1px solid @brand-primary;
    font-size: @font-size-h4;
    color: @brand-primary;
    font-family: @headings-font-family;

  }
  .paygContentContainer {
    text-align: center;
  }
  .progressLineContainer {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
    &--2items {
      @media @tablet-min{
        width:100%;
      }
    }
  }
  .progressLine {
    &__icon {
      width: 60px;
      height: 60px;
      div svg {
        fill: @brand-default;
        filter: drop-shadow( 1px 2px 1px #ccc);
      }
    }
  }


  /******* EXPERIMENTS STYLES *******/
.infoTableDisplay:extend(#success .infoDisplay){
  .box-shadow(0 0px 6px 1px rgba(0, 0, 0, 0.15));
  display:table;
  border-collapse:separate;
  border-color: @brand-default;
  color:@brand-info;
  background-color: @gray-lighter;
  padding:0;
  margin-left: auto;
  margin-right: auto;
  font-size: @font-size-h6;
  background-color:white;
  td{
    padding: 8px 20px;
  &:first-child {
      border-right:1px solid;
    }
  }
}
}


.modal-body.boost-modal {
  padding: 0;

  .boost-modal-image {
    max-width: 100%;
  }
}