@import "client/common";

body.how-to-use-video-popup {

  position:relative;
  color: $ColorTextTypical;

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

  .popup-contents {
    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;
    margin-top:-2px;
  }

  .control span {
    vertical-align:middle;
  }

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

  label {
    padding-top:2px;
  }

  .field {
    height:18px;
  }

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

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

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


  .field {
    margin-top:15px;
    font-size:11px;
    padding-left:44px;
    .icheckbox_minimal {
      top: 4px;
      margin-right: 5px;
    }

    label {
      display:inline;
    }
  }

  .close-behavior {

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


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