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

.dialog.configure-tracks, .dialog.gear-wizard {

  table.vu {
    position:absolute;
  }

  .ftue-controls {
    position:relative;
    width: 55px;
    background-color: #222;
    float:right;
  }
  .ftue-vu-left {
    position: relative;
    left: 0px;
  }
  .ftue-vu-right {
    position: relative;
    left: 46px;
  }
  .ftue-fader {
    //margin:5px 6px;
    position: absolute;
    top: 8px;
    left: 14px;
  }

  .gain-label {
    color: $ColorScreenPrimary;
    position: absolute;
    bottom: -1px;
    left: 10px;
  }


  .voicechat-option {

    position: relative;
    float:left;
    width:50%;
    height:109px;

    div {

    }

    h3 {
      padding-left: 30px;
      margin-top: 14px;
      font-weight: bold;
      display: inline-block;
    }

    p {
      padding-left: 30px;
      margin-top: 5px;
      display: inline-block;
    }

    input {
      position: absolute;
      margin: auto;
      width: 30px;
    }

    .iradio_minimal {
      margin-top: 15px;
      display: inline-block;
    }
  }

    .vu-meter {
      @include border_box_sizing;
      float:left;
    }

    .ftue-box {
    @include border_box_sizing;
    background-color: #222222;
    font-size: 13px;
    padding: 8px;

    &.chat-inputs {
      //height: 230px !important;
      overflow: auto;
      color:white;
      float:left;


      &.disabled {
        color:gray;
      }
      p {
        white-space: nowrap;
        display: inline-block;
        height: 32px;
        vertical-align: middle;
        line-height:20px;
      }

      .chat-input {
        white-space: nowrap;

        .iradio_minimal {
          display: inline-block;
        }
      }
    }


  }
}