/* Custom Buttons */
/* Hijacked from Bootstrap 3 */

/** NOTE: Shea believes that these styles should not be used. The Style Guide styles should be used. **/
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    white-space: nowrap;
}

.btn-mx {
    color: #ffffff !important;
    background-color: #d38336;
}

.btn-info {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

.btn-info:hover {
    background-color: rgb(106, 153, 194);
    border-color: rgb(106, 153, 194);
}

/** Style Guide Buttons **/
[class*=mx-button] {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333;
    border: 1px solid #999;
    background: #EEE
}

[class*=mx-button]:hover {
    background: #DDD
}

.mx-button-alert,
.mx-button-info,
.mx-button-muted,
.mx-button-orange,
.mx-button-success {
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.mx-button-orange {
    color: #fff !important;
    background-color: #F90;
    background-image: -moz-linear-gradient(top, #ffad33, #cc7a00);
    background-image: -ms-linear-gradient(top, #ffad33, #cc7a00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffad33), to(#cc7a00));
    background-image: -webkit-linear-gradient(top, #ffad33, #cc7a00);
    background-image: -o-linear-gradient(top, #ffad33, #cc7a00);
    background-image: linear-gradient(top, #ffad33, #cc7a00);
    border-color: #ffad33;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.mx-button-orange:hover {
    background-color: #e08700
}

.mx-button-success {
    color: #fff !important;
    background-color: #4daf50;
    background-image: -moz-linear-gradient(top, #65ca68, #339636);
    background-image: -ms-linear-gradient(top, #65ca68, #339636);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#65ca68), to(#339636));
    background-image: -webkit-linear-gradient(top, #65ca68, #339636);
    background-image: -o-linear-gradient(top, #65ca68, #339636);
    background-image: linear-gradient(top, #65ca68, #339636);
    border-color: #65ca68;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.mx-button-success:hover {
    background-color: #449a46
}

.mx-button-info {
    color: #fff !important;
    background-color: #337ab7;
    background-image: -moz-linear-gradient(top, #4494d9, #1f6098);
    background-image: -ms-linear-gradient(top, #4494d9, #1f6098);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4494d9), to(#1f6098));
    background-image: -webkit-linear-gradient(top, #4494d9, #1f6098);
    background-image: -o-linear-gradient(top, #4494d9, #1f6098);
    background-image: linear-gradient(top, #4494d9, #1f6098);
    border-color: #4494d9;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.mx-button-info:hover {
    background-color: #2c6a9f
}

.mx-button-alert {
    color: #fff !important;
    background-color: #f05d53;
    background-image: -moz-linear-gradient(top, #fb837b, #f82618);
    background-image: -ms-linear-gradient(top, #fb837b, #f82618);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fb837b), to(#f82618));
    background-image: -webkit-linear-gradient(top, #fb837b, #f82618);
    background-image: -o-linear-gradient(top, #fb837b, #f82618);
    background-image: linear-gradient(top, #fb837b, #f82618);
    border-color: #fb837b;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.mx-button-alert:hover {
    background-color: #ee4237
}

.mx-button-muted {
    color: #eee !important;
    background-color: #6c757d;
    background-image: -moz-linear-gradient(top, #7b858d, #6c757d);
    background-image: -ms-linear-gradient(top, #7b858d, #6c757d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b858d), to(#6c757d));
    background-image: -webkit-linear-gradient(top, #7b858d, #6c757d);
    background-image: -o-linear-gradient(top, #7b858d, #6c757d);
    background-image: linear-gradient(top, #7b858d, #6c757d);
    border-color: #7b858d;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}

.mx-button-muted:hover {
    background-color: #565e64;
}