@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-button-loader.bi-button--primary > span, .bi-button-loader.bi-button--secondary > span, .bi-button-loader.bi-button--success > span, .bi-button-loader.bi-button--warning > span, .bi-button-loader.bi-button--danger > span, .bi-theme--lighter .bi-button-loader.bi-button > span, .bi-theme--light .bi-button-loader.bi-button > span, .bi-theme--dark .bi-button-loader.bi-button > span, .bi-theme--darker .bi-button-loader.bi-button > span {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

.bi-button-loader.bi-button--primary > span:after, .bi-button-loader.bi-button--secondary > span:after, .bi-button-loader.bi-button--success > span:after, .bi-button-loader.bi-button--warning > span:after, .bi-button-loader.bi-button--danger > span:after, .bi-theme--lighter .bi-button-loader.bi-button > span:after, .bi-theme--light .bi-button-loader.bi-button > span:after, .bi-theme--dark .bi-button-loader.bi-button > span:after, .bi-theme--darker .bi-button-loader.bi-button > span:after {
  animation: fade-in2 .2s linear forwards; }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-button-loader.bi-button--primary > span, .bi-button-loader.bi-button--secondary > span, .bi-button-loader.bi-button--success > span, .bi-button-loader.bi-button--warning > span, .bi-button-loader.bi-button--danger > span, .bi-theme--lighter .bi-button-loader.bi-button > span, .bi-theme--light .bi-button-loader.bi-button > span, .bi-theme--dark .bi-button-loader.bi-button > span, .bi-theme--darker .bi-button-loader.bi-button > span {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

.bi-button-loader.bi-button--primary > span:after, .bi-button-loader.bi-button--secondary > span:after, .bi-button-loader.bi-button--success > span:after, .bi-button-loader.bi-button--warning > span:after, .bi-button-loader.bi-button--danger > span:after, .bi-theme--lighter .bi-button-loader.bi-button > span:after, .bi-theme--light .bi-button-loader.bi-button > span:after, .bi-theme--dark .bi-button-loader.bi-button > span:after, .bi-theme--darker .bi-button-loader.bi-button > span:after {
  animation: fade-in2 .2s linear forwards; }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-button-loader.bi-button--primary > span, .bi-button-loader.bi-button--secondary > span, .bi-button-loader.bi-button--success > span, .bi-button-loader.bi-button--warning > span, .bi-button-loader.bi-button--danger > span, .bi-theme--lighter .bi-button-loader.bi-button > span, .bi-theme--light .bi-button-loader.bi-button > span, .bi-theme--dark .bi-button-loader.bi-button > span, .bi-theme--darker .bi-button-loader.bi-button > span {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

.bi-button-loader.bi-button--primary > span:after, .bi-button-loader.bi-button--secondary > span:after, .bi-button-loader.bi-button--success > span:after, .bi-button-loader.bi-button--warning > span:after, .bi-button-loader.bi-button--danger > span:after, .bi-theme--lighter .bi-button-loader.bi-button > span:after, .bi-theme--light .bi-button-loader.bi-button > span:after, .bi-theme--dark .bi-button-loader.bi-button > span:after, .bi-theme--darker .bi-button-loader.bi-button > span:after {
  animation: fade-in2 .2s linear forwards; }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-button-loader.bi-button--primary > span, .bi-button-loader.bi-button--secondary > span, .bi-button-loader.bi-button--success > span, .bi-button-loader.bi-button--warning > span, .bi-button-loader.bi-button--danger > span, .bi-theme--lighter .bi-button-loader.bi-button > span, .bi-theme--light .bi-button-loader.bi-button > span, .bi-theme--dark .bi-button-loader.bi-button > span, .bi-theme--darker .bi-button-loader.bi-button > span {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px; }
  .bi-button-loader.bi-button--primary > span:after, .bi-button-loader.bi-button--secondary > span:after, .bi-button-loader.bi-button--success > span:after, .bi-button-loader.bi-button--warning > span:after, .bi-button-loader.bi-button--danger > span:after, .bi-theme--lighter .bi-button-loader.bi-button > span:after, .bi-theme--light .bi-button-loader.bi-button > span:after, .bi-theme--dark .bi-button-loader.bi-button > span:after, .bi-theme--darker .bi-button-loader.bi-button > span:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #2196F3;
    border-right-color: transparent;
    border-radius: 100px; }

.bi-button-loader.bi-button--primary, .bi-button-loader.bi-button--secondary, .bi-button-loader.bi-button--success, .bi-button-loader.bi-button--warning, .bi-button-loader.bi-button--danger, .bi-theme--lighter .bi-button-loader.bi-button, .bi-theme--light .bi-button-loader.bi-button, .bi-theme--dark .bi-button-loader.bi-button, .bi-theme--darker .bi-button-loader.bi-button {
  animation: fade-out .4s linear forwards; }

@keyframes fade-out {
  0% {
    max-width: 50px; }
  20% {
    padding: 0;
    background-color: transparent;
    color: transparent;
    border: 0; }
  100% {
    max-width: 30px;
    padding: 0;
    border-radius: 100px;
    background-color: transparent;
    color: transparent;
    border: 0; } }

.bi-button-loader.bi-button--primary, .bi-button-loader.bi-button--secondary, .bi-button-loader.bi-button--success, .bi-button-loader.bi-button--warning, .bi-button-loader.bi-button--danger, .bi-theme--lighter .bi-button-loader.bi-button, .bi-theme--light .bi-button-loader.bi-button, .bi-theme--dark .bi-button-loader.bi-button, .bi-theme--darker .bi-button-loader.bi-button {
  box-shadow: none;
  overflow: hidden;
  cursor: default; }
  .bi-button-loader.bi-button--primary:active, .bi-button-loader.bi-button--secondary:active, .bi-button-loader.bi-button--success:active, .bi-button-loader.bi-button--warning:active, .bi-button-loader.bi-button--danger:active, .bi-theme--lighter .bi-button-loader.bi-button:active, .bi-theme--light .bi-button-loader.bi-button:active, .bi-theme--dark .bi-button-loader.bi-button:active, .bi-theme--darker .bi-button-loader.bi-button:active {
    box-shadow: none; }
  .bi-button-loader.bi-button--primary > *, .bi-button-loader.bi-button--secondary > *, .bi-button-loader.bi-button--success > *, .bi-button-loader.bi-button--warning > *, .bi-button-loader.bi-button--danger > *, .bi-theme--lighter .bi-button-loader.bi-button > *, .bi-theme--light .bi-button-loader.bi-button > *, .bi-theme--dark .bi-button-loader.bi-button > *, .bi-theme--darker .bi-button-loader.bi-button > * {
    display: none; }

@keyframes fade-in {
  from {
    opacity: .5; }
  to {
    opacity: 1; } }

.bi-button-loader.bi-button--primary > span, .bi-button-loader.bi-button--secondary > span, .bi-button-loader.bi-button--success > span, .bi-button-loader.bi-button--warning > span, .bi-button-loader.bi-button--danger > span, .bi-theme--lighter .bi-button-loader.bi-button > span, .bi-theme--light .bi-button-loader.bi-button > span, .bi-theme--dark .bi-button-loader.bi-button > span, .bi-theme--darker .bi-button-loader.bi-button > span {
  animation: rotate .5s linear infinite; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }

.bi-button-loader.bi-button--primary > span:after, .bi-button-loader.bi-button--secondary > span:after, .bi-button-loader.bi-button--success > span:after, .bi-button-loader.bi-button--warning > span:after, .bi-button-loader.bi-button--danger > span:after, .bi-theme--lighter .bi-button-loader.bi-button > span:after, .bi-theme--light .bi-button-loader.bi-button > span:after, .bi-theme--dark .bi-button-loader.bi-button > span:after, .bi-theme--darker .bi-button-loader.bi-button > span:after {
  animation: fade-in2 .2s linear forwards; }

@keyframes fade-in2 {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.bi-button--primary, .bi-button--secondary, .bi-button--success, .bi-button--warning, .bi-button--danger, .bi-theme--lighter .bi-button, .bi-theme--light .bi-button, .bi-theme--light .bi-theme--lighter .bi-button, .bi-theme--dark .bi-button, .bi-theme--darker .bi-button {
  flex-direction: row;
  align-items: center;
  display: flex;
  transition: opacity .3, background-color .3s;
  display: inline-flex;
  font-family: 'Open Sans';
  text-transform: uppercase;
  outline: 0;
  border: none;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer; }
  .bi-button--primary > *:not(:last-child), .bi-button--secondary > *:not(:last-child), .bi-button--success > *:not(:last-child), .bi-button--warning > *:not(:last-child), .bi-button--danger > *:not(:last-child), .bi-theme--lighter .bi-button > *:not(:last-child), .bi-theme--light .bi-button > *:not(:last-child), .bi-theme--dark .bi-button > *:not(:last-child), .bi-theme--darker .bi-button > *:not(:last-child) {
    margin-right: 5px; }
  .bi-button--primary[disabled='disabled'], .bi-button--secondary[disabled='disabled'], .bi-button--success[disabled='disabled'], .bi-button--warning[disabled='disabled'], .bi-button--danger[disabled='disabled'], .bi-theme--lighter .bi-button[disabled='disabled'], .bi-theme--light .bi-button[disabled='disabled'], .bi-theme--dark .bi-button[disabled='disabled'], .bi-theme--darker .bi-button[disabled='disabled'] {
    opacity: .8;
    cursor: default; }

.bi-button--primary {
  background-color: #FC4A6A;
  color: #FFFFFF !important;
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }
  .bi-button--primary:hover:not([disabled='disabled']) {
    background-color: #fc3659; }
  .bi-button--primary:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #f5042f, 1px 1px 1px #FFFFFF; }

.bi-button--secondary {
  background-color: #00A9F4;
  color: #FFFFFF !important;
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }
  .bi-button--secondary:hover:not([disabled='disabled']) {
    background-color: #009be0; }
  .bi-button--secondary:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #0074a8, 1px 1px 1px #FFFFFF; }

.bi-button--success {
  background-color: #8BC34A;
  color: #FFFFFF !important;
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }
  .bi-button--success:hover:not([disabled='disabled']) {
    background-color: #81bb3e; }
  .bi-button--success:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #649130, 1px 1px 1px #FFFFFF; }

.bi-button--warning {
  background-color: #FF9800;
  color: #FFFFFF !important;
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }
  .bi-button--warning:hover:not([disabled='disabled']) {
    background-color: #eb8c00; }
  .bi-button--warning:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #b36a00, 1px 1px 1px #FFFFFF; }

.bi-button--danger {
  background-color: #f44336;
  color: #FFFFFF !important;
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }
  .bi-button--danger:hover:not([disabled='disabled']) {
    background-color: #f33123; }
  .bi-button--danger:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #d2190b, 1px 1px 1px #FFFFFF; }

.bi-button {
  height: 30px;
  padding: 0 10px;
  font-size: 12px; }

.bi-button--sm {
  height: 22px;
  padding: 0 8px;
  font-size: 10px; }

.bi-button-group {
  flex-direction: row;
  display: flex;
  border-radius: 3px;
  overflow: hidden; }
  .bi-button-group button {
    border-radius: 0 !important; }
  .bi-button-group a {
    border-radius: 0 !important; }

.bi-theme--lighter .bi-button {
  background-color: #f0f0f0;
  color: #353a44; }
  .bi-theme--lighter .bi-button.bi-disabled, .bi-theme--lighter .bi-button[disabled='disabled'] {
    color: #b8babe !important;
    cursor: default; }
  .bi-theme--lighter .bi-button:hover:not([disabled='disabled']) {
    background-color: #e8e8e8; }
  .bi-theme--lighter .bi-button:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px gainsboro, 1px 1px 1px #FFFFFF; }

.bi-theme--light .bi-button {
  background-color: #e6e6e7;
  color: #353a44; }
  .bi-theme--light .bi-button.bi-disabled, .bi-theme--light .bi-button[disabled='disabled'] {
    color: #9a9da2 !important;
    cursor: default; }
  .bi-theme--light .bi-button:hover:not([disabled='disabled']) {
    background-color: #dedee0; }
  .bi-theme--light .bi-button:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px #d1d1d3, 1px 1px 1px #F5F5F5; }

.bi-theme--light .bi-theme--lighter .bi-button {
  background-color: #f0f0f0;
  color: #353a44; }
  .bi-theme--light .bi-theme--lighter .bi-button.bi-disabled, .bi-theme--light .bi-theme--lighter .bi-button[disabled='disabled'] {
    color: #b8babe !important;
    cursor: default; }
  .bi-theme--light .bi-theme--lighter .bi-button:hover:not([disabled='disabled']) {
    background-color: #e8e8e8; }
  .bi-theme--light .bi-theme--lighter .bi-button:active:not([disabled='disabled']) {
    box-shadow: inset 1px 3px 8px gainsboro, 1px 1px 1px #FFFFFF; }

.bi-theme--dark .bi-button {
  background-color: #3e444f;
  color: #ebebec; }
  .bi-theme--dark .bi-button.bi-disabled, .bi-theme--dark .bi-button[disabled='disabled'] {
    color: #9a9da2 !important;
    cursor: default; }
  .bi-theme--dark .bi-button:hover:not([disabled='disabled']) {
    background-color: #454b58; }
  .bi-theme--dark .bi-button:active:not([disabled='disabled']) {
    background-color: #404652;
    box-shadow: none; }

.bi-theme--darker .bi-button {
  background-color: #393f4a;
  color: #ebebec; }
  .bi-theme--darker .bi-button.bi-disabled, .bi-theme--darker .bi-button[disabled='disabled'] {
    color: #9a9da2 !important;
    cursor: default; }
  .bi-theme--darker .bi-button:hover:not([disabled='disabled']) {
    background-color: #404652; }
  .bi-theme--darker .bi-button:active:not([disabled='disabled']) {
    background-color: #3c414d;
    box-shadow: none; }