jam-cloud/web/app/assets/stylesheets/client/react-components/JamBlasterTrackConfig.scss

@import "client/common";

.jamblaster-track-config {


  h3 {
    font-weight:bold;
    font-size:18px;
    color:white;
    margin-bottom:10px;
    width:100%;
    border-width:0 0 1px 0;
    border-color: $ColorTextTypical;
    border-style:solid;
    padding-bottom:5px;
  }

  h4 {
    font-size:14px;
    color:white;
    margin:0 0 10px 0;
  }

  .input-1 {
    position:relative;
    @include border-box_sizing;
    width:200px;
    margin-right:20px;
    float:left;
  }

  .input-2 {
    position:relative;
    @include border-box_sizing;
    width:200px;
    margin-right:20px;
    float:left;
  }

  .microphone {
    position:relative;
    @include border-box_sizing;
    width:200px;
    float:left;
  }

  .iradio_minimal {
    display: inline-block;
    top: 4px;
    margin-right: 5px;
  }

  .icheckbox_minimal {
    display: inline-block;
    top: 2px;
    margin-right: 5px;
  }
  label {
    display:inline-block;
  }
  .input-type-section {
    margin:20px 0 30px;
  }
  .phantom-section {
    margin:20px 0 30px;
  }
  .instrument-section {
    margin:20px 0 30px;
  }
  .track-active-field {
    position:absolute;
    top:-4px;
    right:0;
  }
  .input-type-choice {
    &:first-of-type {
      margin-bottom:10px;
    }
  }

  .waiting-on-tracks {
    text-align:center;
  }
  .spinner-large {
    width:200px;
    height:200px;
    line-height: 200px;
    position:relative;
    margin:25px auto;
    display:inline-block;
  }
}