.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group .btn,
  .btn-group-vertical .btn {
    position: relative;
    float: left; }
    .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active,
    .btn-group-vertical .btn:hover,
    .btn-group-vertical .btn:focus,
    .btn-group-vertical .btn:active,
    .btn-group-vertical .btn.active {
      z-index: 2; }

.btn-group .btn,
.btn-group .btn-group,
.btn-group .btn,
.btn-group .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table; }
  .btn-toolbar:after {
    clear: both; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group {
    float: left; }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group {
    margin-left: 5px; }

.btn-group > pui-button:not(:first-child):not(:last-child):not(.dropdown-toggle) > .btn {
  border-radius: 0; }

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

.btn-group > pui-button:first-child:not(:last-child):not(.dropdown-toggle) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > pui-button:last-child:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > pui-button-group > .btn-group {
  float: left; }

.btn-group > pui-button-group:not(:first-child):not(:last-child) > .btn-group > pui-button > .btn {
  border-radius: 0; }

.btn-group > pui-button-group:first-child:not(:last-child) > .btn-group > .btn:last-child,
.btn-group > pui-button-group:first-child:not(:last-child) > .btn-group > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > pui-button-group:last-child:not(:first-child) > .btn-group > pui-button:first-child > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > pui-button > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > pui-button > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.dropup pui-button > .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  margin-top: -1px;
  margin-left: 0; }
  .btn-group-vertical .btn:before, .btn-group-vertical .btn:after,
  .btn-group-vertical .btn-group:before,
  .btn-group-vertical .btn-group:after {
    content: " ";
    display: table; }
  .btn-group-vertical .btn:after,
  .btn-group-vertical .btn-group:after {
    clear: both; }
  .btn-group-vertical .btn .btn,
  .btn-group-vertical .btn-group .btn {
    float: none; }

.btn-group-vertical > pui-button:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > pui-button:first-child:not(:last-child) > .btn {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > pui-button:last-child:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > pui-button-group:not(:first-child):not(:last-child) > .btn-group > .btn {
  border-radius: 0; }

.btn-group-vertical > pui-button-group:first-child:not(:last-child) > .btn-group > pui-button:last-child > .btn,
.btn-group-vertical > pui-button-group:first-child:not(:last-child) > .btn-group > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > pui-button-group:last-child:not(:first-child) > .btn-group > pui-button:first-child > .btn {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified .btn,
  .btn-group-justified .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified .btn-group .btn {
    width: 100%; }
  .btn-group-justified .btn-group .dropdown-menu {
    left: auto; }

.btn-group.btn-group-circle > *:first-child > .btn {
  border-radius: 25px 0 0 25px !important; }

.btn-group.btn-group-circle > *:last-child > .btn {
  border-radius: 0 25px 25px 0 !important; }

.btn-group-vertical.btn-group-vertical-circle > *:first-child > .btn {
  border-radius: 25px 25px 0 0 !important; }

.btn-group-vertical.btn-group-vertical-circle > *:last-child > .btn {
  border-radius: 0 0 25px 25px !important; }

[data-toggle="buttons"] .btn input[type="radio"],
[data-toggle="buttons"] .btn input[type="checkbox"],
[data-toggle="buttons"] .btn-group .btn input[type="radio"],
[data-toggle="buttons"] .btn-group .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }