/**
 * Buttons
 */
#content .button,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #000;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: #EDEDED;
  border: 1px solid #bbb;
  border-bottom-width:3px;
  border-radius:2px;
  cursor: pointer;
  box-sizing: border-box;
  margin-right:10px;
}

#content .button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #000;
  border-color: #888;
  outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB;
}

/**
 * Green, yellow, and red variations for action buttons
 */
#content .go,
#content .go:hover,
.go,
.go:hover {
  color:#3fc380;    
  border-color:#3fc380;  
}
#content .slow,
#content .slow:hover,
.slow,
.slow:hover {
  color:#F5AB35;  
  border-color:#F5AB35;
}
#content .stop,
#content .stop:hover,
.stop,
.stop:hover {
  color:#D64541;  
  border-color:#D64541;
}