@import "client/common";

#getting-started-dialog {

  height:auto;
  width:auto;

  .ftue-inner h2 {
    font-weight:normal;
    color:#ed3618;
    margin-bottom:6px;
    font-size:1.7em;
  }

  .icheckbox_minimal {
    display:inline-block;
    position:relative;
    top:3px;
    margin-right:3px;

  }

  .show-getting-started {
    position:absolute;
    margin-left:-280px;
    right:50%;
    top:-2px;
    width:280px;
    color:rgb(170, 170, 170);

    span {
      font-size:15px;
    }
  }

  .close-btn {
    position:relative;
  }

  .title {
    width:97%;
    margin:20px 1.5%;

  }

  .row {
    font-size:12px;
    font-weight:300;
    margin:10px 0;
    @include border_box_sizing;

    .column {
      @include border_box_sizing;
      width:47%;
      float:left;
      background-color:black;
      padding: 10px;
      height:140px;
      margin: 0 1.5%;
    }

    &.full {
      .column {
        width:97%;
        margin:0 1.5%;
        height:78px;
      }
    }

    &.find-connect {
      .column {
        height:128px;
      }
    }

    &.setup-gear {
      .action-button {
        float:right;
        margin-top:2px;
      }
    }

    &.learn-more {
      height:80px;
      margin-bottom:20px;

      .blurb a {
        margin-left:5px;
      }
    }

    &.dialog-buttons {
      margin-top:35px;
    }

    .action-button {
      margin-top:10px;
      text-align:center;
    }

    .blurb {
      line-height:1.3em;
    }
    .buttons {
      width:100%;
      margin:0 auto;
      text-align:center;
    }

    .social-buttons {
      text-align:center;
      width:100;
      margin:0 auto;
      height:24px;
      line-height:24px;
      vertical-align:middle;

      a {
        vertical-align: middle;
        line-height:24px;
        height:24px;
        margin:5px;
      }

      span {
        vertical-align: top;
        line-height:24px;
        height:24px;
      }
    }
  }

  .column {
    @include border_box_sizing;
  }


  .get-a-free-jamtrack-section {

    &.has-free-jamtrack {
      h2.get-a-free-jamtrack {
        display:block;
      }

      .action-button {
        margin-top:-7px;
      }
    }

    &.no-free-jamtrack {
      h2.browse-jamtracks {
        display:block;
      }
    }
  }

  .ftue-inner table a {
    text-decoration:none;
  }
}