/* Derived from CSS3 GITHUB BUTTONS (Nicolas Gallagher) */
/* http://github.com/necolas/css3-github-buttons */
/* BASE BUTTON */
button,
.button,
input[type="button"] {
  outline: none;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0 15px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  border: 0 none;
  border-radius: 4px;
  margin: 0;
  text-decoration: none;
  text-shadow: 0 1px rgba(29, 29, 29, 0.2);
  color: #ffffff;
  white-space: nowrap;
  cursor: pointer;
  background-color: #832850;
  -moz-background-clip: padding;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  background-clip: padding-box;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
button:hover,
button:active,
.button:hover,
.button:active,
input[type="button"]:hover,
input[type="button"]:active {
  color: #ffffff;
  text-decoration: none;
  background: #542445;
}
button:active,
.button:active,
input[type="button"]:active {
  outline: none;
  background: #542445;
}
button::-moz-focus-inner,
.button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  padding: 0;
  border: 0;
  -moz-box-sizing: content-box;
}
/* ICONS */
button img,
.button img {
  padding-left: 5px;
  position: relative;
  top: 1px;
  opacity: 0.8;
}
button img.aleft,
.button img.aleft {
  padding-left: 0px;
  padding-right: 5px;
}
button:hover img,
.button:hover img {
  opacity: 1;
}
button .material-icons,
.button .material-icons {
  vertical-align: middle;
  position: relative;
  top: -1px;
  left: -5px;
  margin-right: -2px;
  display: inline-block;
  font-size: 20px;
}
/* DISABLED */
button[disabled],
button.disabled,
.button.disabled {
  opacity: 0.5;
  cursor: default;
}