/* ==== BASIC =============================================================== */

.btn {
    cursor: pointer;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .3rem .4rem;
    font-size: .775rem;
    line-height: 1.0;
    border-radius: .2rem;
}

.btn-nofocus.focus, .btn-nofocus:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 transparent !important;
}

/* ==== DYNAMIC ============================================================= */

.btn-dynamic-outline {
    background-color:white;
    border: 1px solid #666;
}
.btn-dynamic-outline:hover,
.btn-dynamic-outline:hover .fa,
.btn-dynamic-outline:hover .text{
    color:white !important;
}

/* ==== PURPLE ============================================================== */

.btn-purple-outline, .purple-outline,.btn-purple.active, .btn-purple.focus, .btn-purple:active, .btn-purple:focus, .btn-purple:hover {
    background-color: #ffffff;
    border-color: #990099;
    border-style: solid;
    border-width: 1px;
    color: #990099;
}
.btn-purple-outline.active, .btn-purple-outline.focus, .btn-purple-outline:active, .btn-purple-outline:focus, .btn-purple-outline:hover,.purple, .btn-purple {
    background-color: #990099;
    border-color: #990099;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-purple-outline.disabled.focus, .btn-purple-outline.disabled:focus, .btn-purple-outline.focus:disabled, .btn-purple-outline:disabled:focus, fieldset[disabled] .btn-purple-outline.focus, fieldset[disabled] .btn-purple-outline:focus {
    border-color: #cc00cc;
}
.btn-purple-outline.disabled:hover, .btn-purple-outline:disabled:hover, fieldset[disabled] .btn-purple-outline:hover {
    border-color: #cc00cc;
    background-color: #cc00cc;
}
.text-purple {
    color: #990099;
}

/* ==== BLUE ================================================================ */

.btn-blue-outline, .blue-outline,.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover {
    background-color: #ffffff;
    border-color: #0275d8;
    border-style: solid;
    border-width: 1px;
    color: #0275d8;
}
.btn-blue-outline.active, .btn-blue-outline.focus, .btn-blue-outline:active, .btn-blue-outline:focus, .btn-blue-outline:hover,.blue, .btn-blue {
    background-color: #0275d8;
    border-color: #0275d8;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-blue-outline.disabled.focus, .btn-blue-outline.disabled:focus, .btn-blue-outline.focus:disabled, .btn-blue-outline:disabled:focus, fieldset[disabled] .btn-blue-outline.focus, fieldset[disabled] .btn-blue-outline:focus {
    border-color: #43a7fd;
}
.btn-blue-outline.disabled:hover, .btn-blue-outline:disabled:hover, fieldset[disabled] .btn-blue-outline:hover {
    border-color: #43a7fd;
    background-color: #43a7fd;
}
.text-blue {
    color: #0275d8;
}

/* ==== TEAL ================================================================ */

.btn-teal-outline, .teal-outline,.btn-teal.active, .btn-teal.focus, .btn-teal:active, .btn-teal:focus, .btn-teal:hover {
    background-color: #ffffff;
    border-color: #5bc0de;
    border-style: solid;
    border-width: 1px;
    color: #5bc0de;
}
.btn-teal-outline.active, .btn-teal-outline.focus, .btn-teal-outline:active, .btn-teal-outline:focus, .btn-teal-outline:hover,.teal, .btn-teal {
    background-color: #5bc0de;
    border-color: #5bc0de;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-teal-outline.disabled.focus, .btn-teal-outline.disabled:focus, .btn-teal-outline.focus:disabled, .btn-teal-outline:disabled:focus, fieldset[disabled] .btn-teal-outline.focus, fieldset[disabled] .btn-teal-outline:focus {
    border-color: #b0e1ef;
}
.btn-teal-outline.disabled:hover, .btn-teal-outline:disabled:hover, fieldset[disabled] .btn-teal-outline:hover {
    border-color: #b0e1ef;
    background-color: #b0e1ef;
}
.text-teal {
    color: #5bc0de;
}

/* ==== GREEN =============================================================== */

.btn-green-outline, .green-outline,.btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus, .btn-green:hover {
    background-color: #ffffff;
    border-color: #5cb85c;
    border-style: solid;
    border-width: 1px;
    color: #5cb85c;
}
.btn-green-outline.active, .btn-green-outline.focus, .btn-green-outline:active, .btn-green-outline:focus, .btn-green-outline:hover,.green, .btn-green {
    background-color: #5cb85c;
    border-color: #5cb85c;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-green-outline.disabled.focus, .btn-green-outline.disabled:focus, .btn-green-outline.focus:disabled, .btn-green-outline:disabled:focus, fieldset[disabled] .btn-green-outline.focus, fieldset[disabled] .btn-green-outline:focus {
    border-color: #a3d7a3;
}
.btn-green-outline.disabled:hover, .btn-green-outline:disabled:hover, fieldset[disabled] .btn-green-outline:hover {
    border-color: #a3d7a3;
    background-color: #a3d7a3;
}
.text-green {
    color: #5cb85c;
}

/* ==== YELLOW ============================================================== */

.btn-yellow-outline, .yellow-outline,.btn-yellow.active, .btn-yellow.focus, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover {
    background-color: #ffffff;
    border-color: #ffd740;
    border-style: solid;
    border-width: 1px;
    color: #ffd740;
}
.btn-yellow-outline.active, .btn-yellow-outline.focus, .btn-yellow-outline:active, .btn-yellow-outline:focus, .btn-yellow-outline:hover,.yellow, .btn-yellow {
    background-color: #ffd740;
    border-color: #ffd740;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-yellow-outline.disabled.focus, .btn-yellow-outline.disabled:focus, .btn-yellow-outline.focus:disabled, .btn-yellow-outline:disabled:focus, fieldset[disabled] .btn-yellow-outline.focus, fieldset[disabled] .btn-yellow-outline:focus {
    border-color: #fff9a8;
}
.btn-yellow-outline.disabled:hover, .btn-yellow-outline:disabled:hover, fieldset[disabled] .btn-yellow-outline:hover {
    border-color: #fff9a8;
    background-color: #fff9a8;
}
.text-yellow {
    color: #ffd740;
}

/* ==== ORANGE ============================================================== */

.btn-orange-outline, .orange-outline,.btn-orange.active, .btn-orange.focus, .btn-orange:active, .btn-orange:focus, .btn-orange:hover {
    background-color: #ffffff;
    border-color: #f0ad4e;
    border-style: solid;
    border-width: 1px;
    color: #f0ad4e;
}
.btn-orange-outline.active, .btn-orange-outline.focus, .btn-orange-outline:active, .btn-orange-outline:focus, .btn-orange-outline:hover,.orange, .btn-orange {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-orange-outline.disabled.focus, .btn-orange-outline.disabled:focus, .btn-orange-outline.focus:disabled, .btn-orange-outline:disabled:focus, fieldset[disabled] .btn-orange-outline.focus, fieldset[disabled] .btn-orange-outline:focus {
    border-color: #f8d9ac;
}
.btn-orange-outline.disabled:hover, .btn-orange-outline:disabled:hover, fieldset[disabled] .btn-orange-outline:hover {
    border-color: #f8d9ac;
    background-color: #f8d9ac;
}
.text-orange {
    color: #f0ad4e;
}

/* ==== RED ================================================================= */

.btn-red-outline, .red-outline,.btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover {
    background-color: #ffffff;
    border-color: #d9534f;
    border-style: solid;
    border-width: 1px;
    color: #d9534f;
}
.btn-red-outline.active, .btn-red-outline.focus, .btn-red-outline:active, .btn-red-outline:focus, .btn-red-outline:hover,.red, .btn-red {
    background-color: #d9534f;
    border-color: #d9534f;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-red-outline.disabled.focus, .btn-red-outline.disabled:focus, .btn-red-outline.focus:disabled, .btn-red-outline:disabled:focus, fieldset[disabled] .btn-red-outline.focus, fieldset[disabled] .btn-red-outline:focus {
    border-color: #eba5a3;
}
.btn-red-outline.disabled:hover, .btn-red-outline:disabled:hover, fieldset[disabled] .btn-red-outline:hover {
    border-color: #eba5a3;
    background-color: #eba5a3;
}
.text-red {
    color: #d9534f;
}

/* ==== GREY ================================================================ */

.btn-grey-outline, .grey-outline,.btn-grey.active, .btn-grey.focus, .btn-grey:active, .btn-grey:focus, .btn-grey:hover {
    background-color: #ffffff;
     border-color: #999;
     border-style: solid;
    border-width: 1px;
    color: #999;
}
.btn-grey-outline.active, .btn-grey-outline.focus, .btn-grey-outline:active, .btn-grey-outline:focus, .btn-grey-outline:hover,.grey, .btn-grey {
    background-color: #999;
    border-color: #999;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-grey-outline.disabled.focus, .btn-grey-outline.disabled:focus, .btn-grey-outline.focus:disabled, .btn-grey-outline:disabled:focus, fieldset[disabled] .btn-grey-outline.focus, fieldset[disabled] .btn-grey-outline:focus {
    border-color: #bbb;
}
.btn-grey-outline.disabled:hover, .btn-grey-outline:disabled:hover, fieldset[disabled] .btn-grey-outline:hover {
    border-color: #bbb;
    background-color: #bbb;
}
.text-grey {
    color: #999;
}

/* ==== DARK =============================================================== */

.btn-dark-outline, .dark-outline,.btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover {
    background-color: #ffffff;
     border-color: #555555;
     border-style: solid;
    border-width: 1px;
    color: #555555;
}
.btn-dark-outline.active, .btn-dark-outline.focus, .btn-dark-outline:active, .btn-dark-outline:focus, .btn-dark-outline:hover,.dark, .btn-dark {
    background-color: #555555;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-dark-outline.disabled.focus, .btn-dark-outline.disabled:focus, .btn-dark-outline.focus:disabled, .btn-dark-outline:disabled:focus, fieldset[disabled] .btn-dark-outline.focus, fieldset[disabled] .btn-dark-outline:focus {
    border-color: #777777;
}
.btn-dark-outline.disabled:hover, .btn-dark-outline:disabled:hover, fieldset[disabled] .btn-dark-outline:hover {
    border-color: #777777;
    background-color: #777777;
}
.text-dark {
    color: #555555;
}

/* ==== BLACK =============================================================== */

.btn-black-outline, .black-outline,.btn-black.active, .btn-black.focus, .btn-black:active, .btn-black:focus, .btn-black:hover {
    background-color: #ffffff;
     border-color: #333;
     border-style: solid;
    border-width: 1px;
    color: #333;
}
.btn-black-outline.active, .btn-black-outline.focus, .btn-black-outline:active, .btn-black-outline:focus, .btn-black-outline:hover,.black, .btn-black {
    background-color: #333;
    border-color: #333;
    border-style: solid;
    border-width: 1px;
    color: #fff;
}
.btn-black-outline.disabled.focus, .btn-black-outline.disabled:focus, .btn-black-outline.focus:disabled, .btn-black-outline:disabled:focus, fieldset[disabled] .btn-black-outline.focus, fieldset[disabled] .btn-black-outline:focus {
    border-color: #3F3F3F;
}
.btn-black-outline.disabled:hover, .btn-black-outline:disabled:hover, fieldset[disabled] .btn-black-outline:hover {
    border-color: #3F3F3F;
    background-color: #3F3F3F;
}
.text-black {
    color: #333;
}
.text-white {
    color: #fff;
}