@import "client/common";

body.configure-video-popup {

  position:relative;
  color: $ColorTextTypical;

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

  .popup-contents {
    width:350px;
    margin-top:20px;
    padding-left:44px;
    padding-right:44px;
  }

  .control-holder {
    width:100%;
    margin: 1em 0;
  }

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

  .control {
    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;
  }


  .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-child(1) {

    }
    &:nth-child(2) {
      margin-top:9px;
    }
  }

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

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

  .close-behavior {

    margin-bottom: 10px;
    text-align: center;
    font-size:11px;

    position:relative;

    .icheckbox_minimal {
      top: 4px;
      margin-right: 5px;
    }

    .field {
      position:absolute;
      left: 43px;
      top: 16px;
    }

    label {
      display:inline;
    }
  }
  .close-link {
    margin-top:20px;
    font-size:11px;
  }

  .rescanning-notice {

    span.spinner-small {
      display:inline-block;
      vertical-align: middle;
    }
  }

  h2.subcaption {
    color:white;
    font-size: 23px;
    font-weight: 400;
    margin-bottom:20px !important;
  }

  div.subcaption {
    line-height:150%;
    font-size:12px;
  }

  .sub-header {
    color:white;
    font-size: 16px;
    font-weight: 400;
    margin-bottom:2px;
  }

  .webcam-container {
    margin-top:40px;
  }

  .webcam-test-btn {
    margin-right: 2px;
    margin-top: 4px;
  }

  select {
    @include border_box_sizing;
    width:350px;

  }

  form {
    @include border_box_sizing;
    width:350px;
  }

  a.ftue-video-settings-help {
    margin-left:15px;

    position: absolute;
    margin-top: 3px;
  }

  .configure-webcam {
    float:right;
  }

  .wizard_control {
    margin-bottom: 10px;
  }
}