#signing-form {
  background: #f7f7f7;
  padding: 16px 2%;
}

.framebox.signing {
  box-shadow: 0 1px 4px rgba(0,0,0,.37);
}

#url-div {
  margin-bottom: 16px;
  margin-top: 16px;
  width: 63%;
}

#secret-div {
  display: inline-block;
  margin-top: 16px;
  margin-bottom: 16px;
  float: right;
  width: 35%;
}

#signing-result {
  background: none;
  border: none;
  border-bottom: 1px dotted gray;
  color: gray;
  margin-bottom: 16px;
}

#signing-form input {
  width: 100%;
}

#signing-result:focus {
  border-bottom: 1px dotted gray;
  padding-bottom: 7px;
}

@media (max-width:500px) {
  #url-div {
    width: 100%;
  }

  #secret-div {
    float: none;
    margin: 0;
    margin-bottom: 16px;
    width: 100%;
  }
}

#signing-form .devsite-click-to-copy-button {
  margin: 0;
  right: 2%;
}

#signing-form h4 {
  margin: 8px 0;
}

.url-signing-error {
  border-bottom: 1px dotted gray;
  color: gray;
  display: none;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 7px;
  white-space: nowrap;
}