@import "client/common";

body.recording-start-stop {

  position:relative;
  color: $ColorTextTypical;

  #minimal-container {
    padding-bottom:20px;
  }

  .recording-start-stop {
    padding-left:30px;
  }

  .control-holder {
    width:100%;
    margin: 10px 0 20px;
  }

  .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .audio-settings {
    margin-top:40px;

    label {
      display:inline;
      margin-left:6px;
    }

    .icheckbox_minimal {
      vertical-align:middle;
    }
  }
  .control {
    margin-left:20px;
    width:231px;
    height:34px;
    @include border_box_sizing;
    margin-top:15px;
    padding:3px;
    background-color:#242323;
    text-align:center;
    font-size:13px;
    border-radius:5px;
    vertical-align:middle;
    color:#ccc;
  }

  .chat-help {
    text-decoration:none;
    outline:0;
  }
  .control img {
    vertical-align:middle;
    margin-right:5px;
  }

  .control span {
    vertical-align:middle;
  }

  .iradio_minimal {
    float:left;
    margin-right:5px;
  }

  label {
    padding-top:2px;
  }

  .field {
    height:18px;
    &:nth-of-type(1) {

    }
    &:nth-of-type(2) {
      margin-top:9px;
    }
    &:nth-of-type(3) {
      margin-top: 10px;
      padding-left: 22px;
    }
  }

  .note-show-hide {
    font-size:11px;
  }

  h5 {
    text-decoration:underline;
    margin-bottom:5px;
  }

  .important-note {
    margin-top:15px;
    line-height:150%;
    font-size:12px;
    width:260px;
  }

  h3 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:6px;
  }

  .video-settings {
    margin-bottom:20px;
  }

  a.note-show-hide {
    margin-top:5px;
    text-decoration:underline;
    font-size:11px;
  }

  .currently-recording {
    background-color: $ColorRecordingBackground;
  }
}