/*------------------------------------------------------------------
BUTTONS.LESS

5 different button styles, button groups and button states.
States implemented; normal, disabled and running.
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
.btn {
  position: relative;
  display: inline-block;
  overflow-y: hidden;
  max-width: 100%;
  padding: 3px 14px;
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  color: #333333 !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  outline-offset: 1px;
  outline: thin solid transparent;
}
.btn[type="button"],
.btn[type="submit"] {
  width: auto;
  height: 28px;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}
.btn.busy {
  cursor: wait;
}
.btn:focus {
  outline-color: white;
  outline-offset: -3px;
}
.btn:active {
  outline-color: transparent !important;
  -webkit-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 5px 0 rgba(255, 255, 255, 0.8);
}
button.btn {
  height: 28px;
}
.btn,
.btn.disabled:hover,
.btn[disabled]:hover {
  border: solid 1px gainsboro;
  background: #f6f6f6;
}
.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  border: solid 1px #005b89;
  background: #007dbc;
  color: white !important;
}
.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover {
  border: solid 1px #43a443;
  background: #5dbd5d;
  color: white !important;
}
.btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover {
  border: solid 1px #f0971a;
  background: #f3ad4a;
  color: white !important;
}
.btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover {
  border: solid 1px #df2e29;
  background: #e65955;
  color: white !important;
}
.btn:hover {
  border: solid 1px #d0d0d0;
  background: #e9e9e9;
}
.btn-primary:hover {
  border-color: #004a70;
  background: #004a70;
}
.btn-success:hover {
  border-color: #3b923b;
  background: #3b923b;
}
.btn-warning:hover {
  border-color: #e28a0f;
  background: #e28a0f;
}
.btn-danger:hover {
  border-color: #d0231f;
  background: #d0231f;
}
.btn.running,
.btn.running:hover,
.btn.running.disabled:hover,
.btn.running[disabled]:hover {
  cursor: default;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.btn.running.btn,
.btn.running:hover.btn,
.btn.running.disabled:hover.btn,
.btn.running[disabled]:hover.btn {
  background: gainsboro;
}
.btn.running.btn-primary,
.btn.running:hover.btn-primary,
.btn.running.disabled:hover.btn-primary,
.btn.running[disabled]:hover.btn-primary {
  background: #005b89;
}
.btn.running.btn-success,
.btn.running:hover.btn-success,
.btn.running.disabled:hover.btn-success,
.btn.running[disabled]:hover.btn-success {
  background: #43a443;
}
.btn.running.btn-warning,
.btn.running:hover.btn-warning,
.btn.running.disabled:hover.btn-warning,
.btn.running[disabled]:hover.btn-warning {
  background: #f0971a;
}
.btn.running.btn-danger,
.btn.running:hover.btn-danger,
.btn.running.disabled:hover.btn-danger,
.btn.running[disabled]:hover.btn-danger {
  background: #df2e29;
}
.btn.running:after,
.btn.running:hover:after,
.btn.running.disabled:hover:after,
.btn.running[disabled]:hover:after {
  content: '...';
  position: absolute;
  top: 2px;
  right: 3px;
}
.btn-link {
  color: #4a4a4a;
  text-decoration: underline;
  background: none;
  border: none !important;
  text-align: left;
  cursor: pointer;
  width: auto;
  padding: 0;
}
.btn-link.btn.running,
.btn-link.btn.running:hover,
.btn-link.btn.running.disabled:hover,
.btn-link.btn.running[disabled]:hover {
  padding: 0;
  background: transparent;
}
.btn-link.disabled,
.btn-link[disabled] {
  cursor: default;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.btn-link:hover {
  color: #242424;
  background: none;
}
.btn-link:active {
  color: #707070;
}
.btn-link:focus {
  outline: 1px dotted black;
}
.btn-link.disabled:hover,
.btn-link[disabled]:hover {
  color: #4a4a4a;
  background: none;
}
.btn-group {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  font-size: 0 !important;
}
.btn-group .btn {
  position: relative;
  margin-left: -1px;
}
.btn-group .btn:first-child {
  margin-left: 0;
}