.bootstrap-touchspin .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
  position: relative;
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 9px 16px 8px;
  margin-left: -1px;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-bottom: none;
  border-radius: 0;
  border-top-right-radius: .215rem;
}

.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  padding: 8px 16px;
  border-radius: 0;
  border-bottom-right-radius: .215rem;
}

.bootstrap-touchspin .input-group-btn-vertical i {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 10px;
  font-weight: 300;
}

.bootstrap-touchspin .input-group-btn .btn {
  padding: 6px 16px;
  font-family: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.bootstrap-touchspin-postfix.input-group-addon {
  border-left: none;
  broder-left: 0;
}

.bootstrap-touchspin-prefix.input-group-addon {
  border-right: none;
  broder-right: 0;
}

.bootstrap-touchspin input[name="touchSpinVertical"] {
  border-radius: .215rem 0 0 .215rem !important;
}

.bootstrap-touchspin .input-group-btn:first-child > .btn, .bootstrap-touchspin .input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child), .bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child) {
  border-right: none;
  border-left: none;
}

.bootstrap-touchspin .input-group-addon:not(:first-child):not(:last-child) > .btn, .bootstrap-touchspin .input-group-btn:not(:first-child):not(:last-child) > .btn {
  border-right: none;
  border-left: none;
}