/*-----------------------*\
    #B-BOOTSTRAP-BUTTON
\*-----------------------*/

.b-bootstrap-button {
    display               : inline-block;
    padding               : 4px 12px;
    margin-bottom         : 0;
    line-height           : 20px;
    text-align            : center;
    vertical-align        : middle;
    cursor                : pointer;
    background-image      : -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image      : -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image      : -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image      : -o-linear-gradient(top, #fff, #e6e6e6);
    background-image      : linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat     : repeat-x;
    border                : 1px solid #bbb;
    border-color          : #e6e6e6 #e6e6e6 #bfbfbf;
    border-color          : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color   : #a2a2a2;
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px;
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter                : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow    : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow       : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow            : inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    width                 : 100%;
    height                : 50px;
    color                 : #fff;
    text-shadow           : 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-repeat     : repeat-x;
    border-color          : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    font-size             : 22pt;
    margin-top            : 10px;
}

    .b-bootstrap-button--success {
        background-color      : #5bb75b;
        background-image      : -moz-linear-gradient(top, #62c462, #51a351);
        background-image      : -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
        background-image      : -webkit-linear-gradient(top, #62c462, #51a351);
        background-image      : -o-linear-gradient(top, #62c462, #51a351);
        background-image      : linear-gradient(to bottom, #62c462, #51a351);
        border-color          : #51a351 #51a351 #387038;
    }

.b-bootstrap-button:hover,
.b-bootstrap-button:active {
    text-decoration     : none;
    background-position : 0 0;
    -webkit-transition  : background-position 0.1s linear;
    -moz-transition     : background-position 0.1s linear;
    -o-transition       : background-position 0.1s linear;
    transition          : background-position 0.1s linear;
    color               : #fff;
}

    .b-bootstrap-button--success:hover,
    .b-bootstrap-button--success:active {
        background-color    : #51a351;
    }

.b-bootstrap-button.disabled,
.b-bootstrap-button[disabled] {
    cursor            : default;
    color             : #333;
    text-shadow       : 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color  : #e6e6e6;
    background-image  : -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image  : -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image  : -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image  : -o-linear-gradient(top, #fff, #e6e6e6);
    background-image  : linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat : repeat-x;
    filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color      : #e6e6e6 #e6e6e6 #bfbfbf;
    border-color      : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}