@import "client/common.scss";
@charset "UTF-8";


.dialog.loopback-wizard {
  min-height: 500px;
  max-height: 500px;
  width:800px;

  h2 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 6px;
    white-space:nowrap;
  }
  .ftue-box {
    background-color: #222222;
    font-size: 13px;
    padding: 8px;
  }

  .ftue-inner {
    line-height: 1.3em;
    width:800px;
    padding:25px;
    font-size:15px;
    color:#aaa;
    @include border_box_sizing;

  }

  .wizard-step[layout-wizard-step="0"] {
    p.intro {
      margin-top:0px;
    }

    ul {
      margin:0;
      padding:0px;
      margin-top:70px;
    }

    li {
      text-align:center;
      width: 31%;
      height: 170px;
      margin:0px;
      /*padding:0px;*/
      list-style: none;
      float:left;
    }
    li.first {
      width: 34%;
    }
  }

  .wizard-step[layout-wizard-step="1"] {

    .wizard-step-content .wizard-step-column {

      &:nth-of-type(1), &:nth-of-type(2) {
        width:31%;
      }

      &:nth-of-type(3)   {
        width:25%;
        float:right;
      }
    }

    a.button-orange {
      margin-left:3px;
    }

    .ftue-controls {
      margin-top: 10px;
      position:relative;
      height: 48px;
      width: 220px;
      background-color: #222;
    }
    .ftue-vu-left {
      position:relative;
      top: 0px;
    }
    .ftue-vu-right {
      position:relative;
      top: 22px;
    }
    .ftue-fader {
      position:relative;
      top: 14px;
      left: 8px;
    }
    .gain-label {
      color: $ColorScreenPrimary;
      position:absolute;
      top: 14px;
      right: 6px;
    }

    .ports-header {
      margin-top:10px;
    }

    .ports {
      height:100px;
      overflow: auto;
    }

    .asio-settings-input-btn, .asio-settings-output-btn {
      position:absolute;
      right:5px;
    }

    .resync-btn {
      margin-top:29px;
    }

    .run-test-btn {
      text-align:center;
      display:inline-block;
      margin-top:10px;
    }

    .frame-and-buffers {
      margin-top:4px;
    }
    .test-results-header {

    }

    .select-frame-size {
      margin-left:-2px;
    }

    .ftue-box.results {
      margin-top:20px;
      height: 200px !important;
      padding:0;
      @include border_box_sizing;
    }

    h2.results-text-header {
      margin-top:5px;
    }
  }
}
