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

#configure-tracks-dialog {
  width:800px;

  &[current-screen="account/audio"] {
    .btn-add-new-audio-gear {
      display:none;
    }
  }

  .sub-header {
    color:white;
    margin-bottom:10px;
  }
  .certified-audio-profile-section {

    height:53px;

    .easydropdown {
      width:120px;
    }

    .easydropdown-wrapper {
      width:120px;
    }

    .dropdown-container {
      min-width:138px;
    }
  }

  .column {
    position:relative;
    float:left;
    vertical-align:top;
    @include border_box_sizing;
    padding: 0 20px 0 0;
  }

  .sub-column {
    position:relative;
    float:left;
    vertical-align:top;
    @include border_box_sizing;
  }

  .ftue-box.chat-inputs {
    height:224px;
    width:90%;
    @include border_box_sizing;
  }

  .vu-meter {
    width:10%;
    height:224px;
    padding: 0 3px;

    .ftue-controls {
      height: 224px;
    }
  }

  .tab {
    padding-top:20px;
  }
  .tab[data-tab-id="music-audio"] {
    .column {
      &:nth-of-type(1) {
        width: 30%;
      }

      &:nth-of-type(2) {
        width:  70%;
      }
    }

    .sub-column {
      &:nth-of-type(1) {
        width: 80%;
      }

      &:nth-of-type(2) {
        width:  20%;
      }
    }
  }

  .tab[data-tab-id="voice-chat"] {
    .column {
      &:nth-of-type(1) {
        width: 50%;
      }

      &:nth-of-type(2) {
        width:  50%;
      }
    }
  }

  .unused-audio-inputs-section {
    margin-top:20px;
    height:270px;
  }

  .unused-audio-outputs-section {
    margin-top:20px;
    height:80px;
  }

  .input-tracks-section {
    height:363px;
  }

  .output-channels-section {
    height:80px;
  }

  .buttons {
    position:static;
    margin-top:20px;
    text-align:center;
  }

  .btn-add-new-audio-gear {
    position:absolute;
    left:20px;
  }

  .btn-cancel {

  }

  .btn-update-settings {

  }
}