/**
 * Form & Button Styles
 */

label {
  font-weight: 300;
}

.controls {
  background: none;
  padding: 2%;
}

fieldset {
  display: inline-block;
  vertical-align: top;
  margin: 0 1em 1em 0;
  background: none;
  padding: .5em;
  border-radius: 3px;
}


/**
 * Container/Target Styles
 */

.container .mix,
.container .gap {
  width: 100px;
  display: inline-block;
  margin: 0 5% 0 0;
}

.container .mix {
  width: 160px;
  padding: 10px;
  margin: 5% 5% 5% 0;
  background: #eee;
  display: none;
}
.mix h5{margin-bottom: -5px;}

.fail-message {
  display: none;
}

.fail .fail-message {
  display: table-cell;
  vertical-align: middle;
}

.container .mix {
  color: black;
  display: none;
  max-width: 400px;
  font-size: 14px;
  margin: 10px;
  vertical-align: top;
}
.container .mix img {
  width: 100%;
  margin-bottom: 5px;
}

input[type="text"] {
  border-radius: 3px;
  outline: none;
  border: none;
}