//
// Buttons
// --------------------------------------------------
.btn {
  float: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  background-image: none;
  text-shadow: none;
  border-radius: 2px;
  outline: none !important;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 8px;

  &:active, &.active {
    box-shadow: none;
  }
}

.input.btn {
  outline: none;
}

.btn-lg {
  padding: 16px 28px;
}

.btn-sm {
  padding: 5px 8px;
  font-size: 12px;
  i {
    font-size: 14px;
  }
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
}

.btn-default {
  background: @default;
  color: @text-color-secondary !important;
  &:hover,
  &:focus {
    background: darken(@default, 2%);
    text-decoration: none;
    color: @text-color-secondary;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@default, 5%);
  }
  &.fileinput-button {
    border-radius: 2px;
    padding: 5px 8px;

    &:hover, &:active, &.active, &:focus {
      background: darken(@default, 5%);
    }
  }
}

.btn-default[disabled],
.btn-default.disabled {
  background: lighten(@default, 2%);
  &:hover,
  &:focus {
    background: lighten(@default, 2%);
  }
  &:active,
  &.active {
    background: lighten(@default, 2%);
  }
}

.btn-primary {
  background: @primary;
  color: @text-color-contrast !important;
  &:hover,
  &:focus {
    background: darken(@primary, 5%);
    text-decoration: none;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@primary, 5%) !important;
  }
}

.btn-primary[disabled],
.btn-primary.disabled {
  background: lighten(@primary, 5%);
  &:hover,
  &:focus {
    background: lighten(@primary, 5%);
  }
  &:active,
  &.active {
    background: lighten(@primary, 5%) !important;
  }
}

.btn-info {
  background: @info;
  color: @text-color-contrast !important;
  padding: 5px 8px;
  &:hover,
  &:focus {
    background: darken(@info, 5%) !important;
    text-decoration: none;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@info, 5%);
  }
}

.btn-info[disabled],
.btn-info.disabled {
  background: lighten(@info, 5%);
  &:hover,
  &:focus {
    background: lighten(@info, 5%);
  }
  &:active,
  &.active {
    background: lighten(@info, 5%) !important;
  }
}

.btn-danger {
  background: @danger;
  color: @text-color-contrast !important;
  padding: 5px 8px;
  &:hover,
  &:focus {
    background: darken(@danger, 5%);
    text-decoration: none;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@danger, 5%) !important;
  }
}

.btn-danger[disabled],
.btn-danger.disabled {
  background: lighten(@danger, 5%);
  &:hover,
  &:focus {
    background: lighten(@danger, 5%);
  }
  &:active,
  &.active {
    background: lighten(@danger, 5%) !important;
  }
}

.btn-success {
  background: @success;
  color: @text-color-contrast !important;
  &:hover,
  &:focus {
    background: darken(@success, 5%);
    text-decoration: none;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@success, 5%) !important;
  }
}

.btn-success[disabled],
.btn-success.disabled {
  background: lighten(@success, 5%);
  &:hover,
  &:focus {
    background: lighten(@success, 5%);
  }
  &:active,
  &.active {
    background: lighten(@success, 5%) !important;
  }
}

.btn-warning {
  background: @warning;
  color: @text-color-contrast !important;
  &:hover,
  &:focus {
    background: darken(@warning, 2%);
    text-decoration: none;
  }
  &:active,
  &.active {
    outline: 0;
    background: darken(@warning, 2%) !important;
  }
}

.btn-warning[disabled],
.btn-warning.disabled {
  background: lighten(@warning, 5%);
  &:hover,
  &:focus {
    background: lighten(@warning, 5%);
  }
  &:active,
  &.active {
    background: lighten(@warning, 5%) !important;
  }
}