/*
 *
 *
 *
 * Bootstrap 4 Component - Buttons
 * Version: 1.0.6
 * Copyright (c) 2017-18 Martin Haubek
 *
 *
 *
 */
.btn-xs {
  padding: 0.0625rem -0.125rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 0.0625rem; }

.btn-white {
  color: #212529;
  background-color: white;
  border-color: white; }
  .btn-white:hover {
    color: #212529;
    background-color: #ccc;
    border-color: #e6e6e6; }
  .btn-white:focus, .btn-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-white.disabled, .btn-white:disabled {
    color: #212529;
    background-color: white;
    border-color: white; }
  .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
  .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf; }
    .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-white.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

.btn-outline-white {
  color: white;
  background-color: transparent;
  background-image: none;
  border-color: white; }
  .btn-outline-white:hover {
    color: #212529;
    background-color: white;
    border-color: white; }
  .btn-outline-white:focus, .btn-outline-white.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-outline-white.disabled, .btn-outline-white:disabled {
    color: white;
    background-color: transparent; }
  .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,
  .show > .btn-outline-white.dropdown-toggle {
    color: #212529;
    background-color: white;
    border-color: white; }
    .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-white.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  .btn-outline-white:hover {
    color: black; }

.btn-pill {
  border-radius: 10rem; }

.btn-switch-on.active, .btn-switch-on:active, .btn-switch-on:focus, .btn-switch-on:hover {
  background-color: #28a745 !important;
  color: white !important; }

.btn-switch-pause.active, .btn-switch-pause:active, .btn-switch-pause:focus, .btn-switch-pause:hover {
  background-color: #ffc107 !important;
  color: white !important; }

.btn-switch-off.active, .btn-switch-off:active, .btn-switch-off:focus, .btn-switch-off:hover {
  background-color: #dc3545 !important;
  color: white !important; }

.btn-outline-switch-on.active, .btn-outline-switch-on:active, .btn-outline-switch-on:focus, .btn-outline-switch-on:hover {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745; }
  .btn-outline-switch-on.active:hover, .btn-outline-switch-on:active:hover, .btn-outline-switch-on:focus:hover, .btn-outline-switch-on:hover:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-outline-switch-on.active:focus, .btn-outline-switch-on.active.focus, .btn-outline-switch-on:active:focus, .btn-outline-switch-on:active.focus, .btn-outline-switch-on:focus:focus, .btn-outline-switch-on:focus.focus, .btn-outline-switch-on:hover:focus, .btn-outline-switch-on:hover.focus {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
  .btn-outline-switch-on.active.disabled, .btn-outline-switch-on.active:disabled, .btn-outline-switch-on:active.disabled, .btn-outline-switch-on:active:disabled, .btn-outline-switch-on:focus.disabled, .btn-outline-switch-on:focus:disabled, .btn-outline-switch-on:hover.disabled, .btn-outline-switch-on:hover:disabled {
    color: #28a745;
    background-color: transparent; }
  .btn-outline-switch-on.active:not(:disabled):not(.disabled):active, .btn-outline-switch-on.active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-on.active.dropdown-toggle, .btn-outline-switch-on:active:not(:disabled):not(.disabled):active, .btn-outline-switch-on:active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-on:active.dropdown-toggle, .btn-outline-switch-on:focus:not(:disabled):not(.disabled):active, .btn-outline-switch-on:focus:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-on:focus.dropdown-toggle, .btn-outline-switch-on:hover:not(:disabled):not(.disabled):active, .btn-outline-switch-on:hover:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-on:hover.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
    .btn-outline-switch-on.active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-on.active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-on.active.dropdown-toggle:focus, .btn-outline-switch-on:active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-on:active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-on:active.dropdown-toggle:focus, .btn-outline-switch-on:focus:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-on:focus:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-on:focus.dropdown-toggle:focus, .btn-outline-switch-on:hover:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-on:hover:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-on:hover.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

.btn-outline-switch-pause.active, .btn-outline-switch-pause:active, .btn-outline-switch-pause:focus, .btn-outline-switch-pause:hover {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107; }
  .btn-outline-switch-pause.active:hover, .btn-outline-switch-pause:active:hover, .btn-outline-switch-pause:focus:hover, .btn-outline-switch-pause:hover:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-outline-switch-pause.active:focus, .btn-outline-switch-pause.active.focus, .btn-outline-switch-pause:active:focus, .btn-outline-switch-pause:active.focus, .btn-outline-switch-pause:focus:focus, .btn-outline-switch-pause:focus.focus, .btn-outline-switch-pause:hover:focus, .btn-outline-switch-pause:hover.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .btn-outline-switch-pause.active.disabled, .btn-outline-switch-pause.active:disabled, .btn-outline-switch-pause:active.disabled, .btn-outline-switch-pause:active:disabled, .btn-outline-switch-pause:focus.disabled, .btn-outline-switch-pause:focus:disabled, .btn-outline-switch-pause:hover.disabled, .btn-outline-switch-pause:hover:disabled {
    color: #ffc107;
    background-color: transparent; }
  .btn-outline-switch-pause.active:not(:disabled):not(.disabled):active, .btn-outline-switch-pause.active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-pause.active.dropdown-toggle, .btn-outline-switch-pause:active:not(:disabled):not(.disabled):active, .btn-outline-switch-pause:active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-pause:active.dropdown-toggle, .btn-outline-switch-pause:focus:not(:disabled):not(.disabled):active, .btn-outline-switch-pause:focus:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-pause:focus.dropdown-toggle, .btn-outline-switch-pause:hover:not(:disabled):not(.disabled):active, .btn-outline-switch-pause:hover:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-pause:hover.dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .btn-outline-switch-pause.active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-pause.active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-pause.active.dropdown-toggle:focus, .btn-outline-switch-pause:active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-pause:active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-pause:active.dropdown-toggle:focus, .btn-outline-switch-pause:focus:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-pause:focus:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-pause:focus.dropdown-toggle:focus, .btn-outline-switch-pause:hover:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-pause:hover:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-pause:hover.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }

.btn-outline-switch-off.active, .btn-outline-switch-off:active, .btn-outline-switch-off:focus, .btn-outline-switch-off:hover {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545; }
  .btn-outline-switch-off.active:hover, .btn-outline-switch-off:active:hover, .btn-outline-switch-off:focus:hover, .btn-outline-switch-off:hover:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
  .btn-outline-switch-off.active:focus, .btn-outline-switch-off.active.focus, .btn-outline-switch-off:active:focus, .btn-outline-switch-off:active.focus, .btn-outline-switch-off:focus:focus, .btn-outline-switch-off:focus.focus, .btn-outline-switch-off:hover:focus, .btn-outline-switch-off:hover.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .btn-outline-switch-off.active.disabled, .btn-outline-switch-off.active:disabled, .btn-outline-switch-off:active.disabled, .btn-outline-switch-off:active:disabled, .btn-outline-switch-off:focus.disabled, .btn-outline-switch-off:focus:disabled, .btn-outline-switch-off:hover.disabled, .btn-outline-switch-off:hover:disabled {
    color: #dc3545;
    background-color: transparent; }
  .btn-outline-switch-off.active:not(:disabled):not(.disabled):active, .btn-outline-switch-off.active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-off.active.dropdown-toggle, .btn-outline-switch-off:active:not(:disabled):not(.disabled):active, .btn-outline-switch-off:active:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-off:active.dropdown-toggle, .btn-outline-switch-off:focus:not(:disabled):not(.disabled):active, .btn-outline-switch-off:focus:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-off:focus.dropdown-toggle, .btn-outline-switch-off:hover:not(:disabled):not(.disabled):active, .btn-outline-switch-off:hover:not(:disabled):not(.disabled).active,
  .show > .btn-outline-switch-off:hover.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .btn-outline-switch-off.active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-off.active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-off.active.dropdown-toggle:focus, .btn-outline-switch-off:active:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-off:active:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-off:active.dropdown-toggle:focus, .btn-outline-switch-off:focus:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-off:focus:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-off:focus.dropdown-toggle:focus, .btn-outline-switch-off:hover:not(:disabled):not(.disabled):active:focus, .btn-outline-switch-off:hover:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-switch-off:hover.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }

.btn-group-xs > .btn {
  padding: 0.0625rem -0.125rem;
  font-size: 0.75rem;
  line-height: 1.25;
  border-radius: 0.0625rem; }

.btn-group-pill .btn:first-child {
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem; }

.btn-group-pill .btn:last-child {
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem; }

.btn-group-condensed .btn {
  padding-right: .5rem;
  padding-left: .5rem; }

.btn-toolbar-xs {
  height: 1.5rem;
  margin: 0; }
  .btn-toolbar-xs > .btn-group {
    margin-right: .125rem;
    margin-left: .125rem; }
    .btn-toolbar-xs > .btn-group:first-of-type {
      margin-left: 0; }
    .btn-toolbar-xs > .btn-group:last-of-type {
      margin-right: 0; }
  .btn-toolbar-xs.btn-toolbar-offset {
    margin-top: -1.5rem; }

.btn-toolbar-sm {
  height: 1.85rem;
  margin: 0; }
  .btn-toolbar-sm.btn-toolbar-offset {
    margin-top: -2rem; }

.btn-toolbar-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -.125rem;
  margin-right: -.125rem; }
  @media (min-width: 0) {
    .btn-toolbar-row .btn-group-xs-3 {
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
      max-width: 25%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; }
    .btn-toolbar-row .btn-group-xs-4 {
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
      max-width: 33.33333%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; }
    .btn-toolbar-row .btn-group-xs-6 {
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
      max-width: 50%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; }
    .btn-toolbar-row .btn-group-xs-12 {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      max-width: 100%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; } }
  @media (min-width: 576px) {
    .btn-toolbar-row .btn-group-sm-3 {
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
      max-width: 25%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; }
    .btn-toolbar-row .btn-group-sm-4 {
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
      max-width: 33.33333%;
      position: relative;
      margin: 0;
      padding-left: .125rem;
      padding-right: .125rem; } }
  @media (min-width: 768px) {
    .btn-toolbar-row .btn-group-md-reset {
      -ms-flex: inherit;
          flex: inherit;
      max-width: inherit; }
      .btn-toolbar-row .btn-group-md-reset.pull-xs-right {
        margin-left: auto; } }
  @media (min-width: 992px) {
    .btn-toolbar-row .btn-group-lg-reset {
      -ms-flex: inherit;
          flex: inherit;
      max-width: inherit; }
      .btn-toolbar-row .btn-group-lg-reset.pull-xs-right {
        margin-left: auto; } }
