* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  margin: 20px;
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #333; }

pre {
  background-color: #eee;
  padding: 10px;
  margin: 0;
  display: inline-block; }

input, button {
  height: 30px;
  margin: 0;
  border-radius: 2px;
  font-family: inherit;
  font-size: 100%;
  color: inherit; }
  input[disabled], button[disabled] {
    background-color: #eee; }

button {
  border: none;
  background-color: #E7E7E7;
  padding: 5px 10px; }

button:hover {
  background-color: #eee;
  cursor: pointer; }

.intl-tel-input input {
  padding: 0 8px; }
.intl-tel-input.inside input {
  border: 1px solid #CCC;
  width: 250px; }
.intl-tel-input.outside {
  border: 1px solid #CCC; }
  .intl-tel-input.outside input {
    width: 210px; }
  .intl-tel-input.outside input[disabled] + .flag-dropdown {
    background-color: #eee; }