.button-group {
  list-style: none;
  margin: 0;
  *zoom: 1; }

.button-group:before,
.button-group:after {
  content: " ";
  display: table; }

.button-group:after {
  clear: both; }

.button-group > * {
  margin: 0 0 0 -1px;
  float: left; }

.button-group > *:first-child {
  margin-left: 0; }

.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

.button-group.even-2 li {
  width: 50%; }

.button-group.even-2 li button,
.button-group.even-2 li .button {
  width: 100%; }

.button-group.even-3 li {
  width: 33.33333%; }

.button-group.even-3 li button,
.button-group.even-3 li .button {
  width: 100%; }

.button-group.even-4 li {
  width: 25%; }

.button-group.even-4 li button,
.button-group.even-4 li .button {
  width: 100%; }

.button-group.even-5 li {
  width: 20%; }

.button-group.even-5 li button,
.button-group.even-5 li .button {
  width: 100%; }

.button-group.even-6 li {
  width: 16.66667%; }

.button-group.even-6 li button,
.button-group.even-6 li .button {
  width: 100%; }

.button-group.even-7 li {
  width: 14.28571%; }

.button-group.even-7 li button,
.button-group.even-7 li .button {
  width: 100%; }

.button-group.even-8 li {
  width: 12.5%; }

.button-group.even-8 li button,
.button-group.even-8 li .button {
  width: 100%; }

.button-bar {
  *zoom: 1; }

.button-bar:before,
.button-bar:after {
  content: " ";
  display: table; }

.button-bar:after {
  clear: both; }

.button-bar .button-group {
  float: left;
  margin-right: .625em; }

.button-bar .button-group div {
  overflow: hidden; }

.dropdown.button {
  position: relative;
  padding-right: 3.1875em; }

.btn-secondary {
  background-color: #7A3677;
  border-color: #9d4699;
  color: #fff !important;
  font-size: 1.125rem; }
  .btn-secondary:hover {
    background-color: #8c3e88;
    color: #fff; }

.btn-green {
  background-color: #607B45;
  border-color: #7a9c57; }
  .btn-green:hover {
    background-color: #6d8b4e; }