/* --------------------------------------------------------------------------------------------- */
/* 

    This is an optional stylesheet for creating nice looking buttons.

    There are several different types of buttons defined for convenience.

    .btn > This is the base class for all buttons, and is required to make any of the following classes work.
    .btn-default > A gray button with dark gray text and dark gray border.
    .btn-red > A red button with white text.
    .btn-green > A green button with white text.
    .btn-blue > A blue button whith white text.
    .btn-orange > An orange button with white text.

*/

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 100%;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
}

.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Larger Buttons */

.btn-large {
    padding: 8px 16px;
    font-size: 112%;
}

.btn-xlarge {
    padding: 10px 20px;
    font-size: 125%;
}

/* Default button (grey)*/

.btn-default {
  color: #333333;
  background-color: #f0f0f0;
  border-color: #333333;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #dddddd;
  border-color: #333333;
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, 
fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

/* Red Button */

.btn-red {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #ac2925;
}

.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red { 
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-red:active, .btn-red.active, .open .dropdown-toggle.btn-red {
  background-image: none;
}

.btn-red.disabled, .btn-red[disabled], fieldset[disabled] .btn-red, .btn-red.disabled:hover, .btn-red[disabled]:hover, fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus, .btn-red[disabled]:focus, fieldset[disabled] .btn-red:focus, .btn-red.disabled:active, .btn-red[disabled]:active,
fieldset[disabled] .btn-red:active, .btn-red.disabled.active, .btn-red[disabled].active, fieldset[disabled] .btn-red.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

/* Green Button */

.btn-green {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #398439;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green { 
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-green:active, .btn-green.active, .open .dropdown-toggle.btn-green {
  background-image: none;
}

.btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled:active, .btn-green[disabled]:active,
fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

/* Blue Button */

.btn-blue {
  color: #ffffff;
  background-color: #3078bf;
  border-color: #205080;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue { 
  color: #ffffff;
  background-color: #205080;
  border-color: #205080;
}

.btn-blue:active, .btn-blue.active, .open .dropdown-toggle.btn-blue {
  background-image: none;
}

.btn-blue.disabled, .btn-blue[disabled], fieldset[disabled] .btn-blue, .btn-blue.disabled:hover, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus, .btn-blue[disabled]:focus, fieldset[disabled] .btn-blue:focus, .btn-blue.disabled:active, .btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active, .btn-blue.disabled.active, .btn-blue[disabled].active, fieldset[disabled] .btn-blue.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

/* Orange Button */

.btn-orange {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #d58512;
}

.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-orange:active, .btn-orange.active, .open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled, .btn-orange[disabled], fieldset[disabled] .btn-orange, .btn-orange.disabled:hover, .btn-orange[disabled]:hover, fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus, .btn-orange[disabled]:focus, fieldset[disabled] .btn-orange:focus, .btn-orange.disabled:active, .btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active, .btn-orange.disabled.active, .btn-orange[disabled].active, fieldset[disabled] .btn-orange.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}