.btn {
  font-size: @btnFontSize;
  color: @Gray400;
  white-space: nowrap;
  font-weight: 500;
  background: none;
  border: 1px solid @Gray400;
  background: #FFFFFF;

  &:hover, &:focus, &:active {
    background: @Gray50;
    box-shadow: none;
    outline: none
  }
}

.btn-large {
  padding: 8px 14px;
  font-size: @btnFontSize;
}

.btn, .btn-info, .btn-inverse, .btn-inverse:focus, .btn-info:focus {
  color: inherit;
  border-radius: 4px;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  &:hover, &:focus {
    color: inherit;

    i {
      color: inherit;
    }
  }
}


.btn-primary, .btn-primary:focus, .btn-success {
  background: @CFE_dark_blue;
  border: none;
  border: 1px solid transparent;

  &, * {
    color: #ffffff !important;
  }

  &[disabled] i {
    color: @MP_gray_base !important;
  }

  &:hover, &:focus {
    background: @CFE_light_blue;
    color: #ffffff;
  }

  &:active {
    background: @CFE_dark_blue;
  }
}

.btn-secondary, .btn-secondary:focus {
  background: #fff;
  color: @CFE_dark_blue !important;
  border: 1px solid @CFE_dark_blue;
  * {
    color: @CFE_dark_blue !important;
  }

  &:hover, &:focus, &:active {
    background: @Blue50;
    border: 1px solid #15357F;
  }
}

.btn-blue, .btn-blue:focus {
  background: @blueDark;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.1em;
  border: 0px;

  &:hover, &:focus {
    .gradient(@blueDark, @blueDark, lighten(@blueDark, 10%));
    color: #ffffff;
  }
}

.btn-danger {
  background: @Red600;
  color: #fff;
  border: 1px solid @Red800;

  &:hover, &:focus {
    background: @Red700 !important;
    border-color: @Red800;
    color: @white;
  }
}

.btn-danger-outline {
  color: @Red600;
  border: 1px solid @Red600;
  background: white;

  &:hover, &:focus {
    background: @Red50 !important;
    color: @Red600;
  }
}

.btn-transparent {
  border: none;
  background: none;
  color: @black;
  font-weight: 500;
  font-size: @btnFontSize;
  line-height: 20px;
}

.btn-gray_underlined {
  font-style: normal;
  font-weight: 500;
  font-size: @btnFontSize;
  line-height: 20px;
  text-decoration-line: underline;
  color: #A2A39E;
}

.btn-gray, .btn-gray:focus {
  background: #F1F1F1;
  border-radius: 4px;
  color: #A5A5A5;
  font-size: @btnFontSize;
  line-height: 7px;
  text-align: center;
  letter-spacing: 0.1em;
  border: 0px;

  &:hover, &:focus {
    .gradient(#F1F1F1, #F1F1F1, lighten(#F1F1F1, 2%));
    color: #A5A5A5;
  }
}

.btn-gray_transparent {
  background: none !important;
  color: #A5A5A5;
}

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn.disabled:focus,
.btn.disabled:active,
.btn[disabled]:active {
  background: @Gray50 !important;
  color: @Gray500 !important;
  border: 1px solid @Gray300;
}


.selectedLabel {
  color: @textColor;
}


/* button groups like the monitoring controls */
/* -------------------------------------------*/
.button-grouping ul li {
  padding: 0;
  margin: 0;
  float: left;
  margin-left: -2px;

  a {
    border-radius: 0;
  }

  &:first-child a {
    margin-left: 0;
    border-radius: 2px 0 0 2px;
  }

  &:last-child a {
    margin-left: 0;
    border-radius: 0 2px 2px 0;
  }
}


/* Dropdowns */

.btn-group .btn-large {
  font-size: @btnFontSize;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active {
  z-index: 0;
}

.dropdown-menu {
  min-width: 50px;
  margin-right: 2px;

  > li > a, > li td > a {
    padding: 8px 24px;
  }
}

/* display as a link only, no button style */
.btn.no-btn {
  border: none;
  background: none;
  padding: 0;
  white-space: normal;
  text-align: left;

  &:hover, &:focus {
    text-decoration: underline;
  }

  &:active,
  &.active {
    background: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

.btn-group.open .btn.dropdown-toggle.no-btn {
  background: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.no-btn.pull-right > .dropdown-menu {
  right: -10px;
}

.no-btn > .pull-right.dropdown-menu {
  right: -10px;
}

.dropdown-menu .dropdown-submenu .dropdown-menu {
  padding: 5px 0;
  min-width: 100%;

  &:before,
  &:after {
    display: none;
  }
}


/* with carets/icons */
ul.dropdown-menu .icon-wrap {
  display: inline-block;
  width: 30px;
}

.btn .caret {
  vertical-align: middle;
  margin-top: 0;
  margin-left: 2px;
}

.btn.btn-large.left-icon > i {
  vertical-align: middle;
  font-size: 16px;
  margin-right: 4px;
}


/* Specific to dropdowns in filters */
.button-section > .btn-group {
  margin-right: 18px;

  > .dropdown-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.btn-link {
  text-decoration-line: underline;
  color: #000000;
  border: none;

  &:hover, &:focus {
    color: #000000;
    background: none;
  }
}

.btn-blue-link {
  text-decoration: none;
  color: @linkColor;
  border: none;
  padding-left: 0;
  font-size: 14px;
  line-height: 16px;

  &:hover, &:focus {
    background: none;
    color: @linkColor;
  }
}

.btn-dark-blue {
  border-color: @CFE_dark_blue;
  color: @CFE_dark_blue;

  &:hover, &:focus {
    background: rgba(30, 63, 139, 0.05);
    border-color: @CFE_dark_blue;
    color: @CFE_dark_blue;
  }
}

.btn-moreless {
  text-decoration: none;
  vertical-align: baseline;
  border-radius: 0;
  color: @BlueLight600;
  padding: 0;
  font-style: italic;

  &:hover, &:focus {
    text-decoration-line: underline;
    color: @BlueLight600;
  }
}
