.btn {
    border-radius: 2px;
}

/* Buttons Outline*/
/* -- Blue */
/* -- Orange */
/* -- Green */
/* -- Red */
/* -- Purple */
/* -- Turquoise */
/* -- Bold Red */
/* -- Bold Green */
/* -- Brown */
/* -- Black */
/* -- Blue */

.btn-babcp-blue-outline {
    color: #006699;
    background-color: transparent;
    border-color: #006699;
}

    .btn-babcp-blue-outline:active, .btn-babcp-blue-outline:focus, .btn-babcp-blue-outline:hover {
        color: #fff;
        background-color: #006699;
        border-color: #006699;
    }

.btn-babcp-blue-solid {
    border-radius: 0;
    color: #fff;
    background-color: #006699;
    border-color: #006699;
}

    .btn-babcp-blue-solid:active, .btn-babcp-blue-solid:focus, .btn-babcp-blue-solid:hover {
        color: #006699;
        background-color: #fff;
        border-color: #006699;
    }

.btn-babcp-blue-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #006699;
    border-color: #006699;
}

    .btn-babcp-blue-solid-light:active, .btn-babcp-blue-solid-light:focus, .btn-babcp-blue-solid-light:hover {
        background: rgba(0,102,159,.8);
        color: #fff;
        border-color: #006699;
    }

.btn-babcp-blue-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #006699;
    border-color: #006699;
}

    .btn-babcp-blue-solid-dark:active, .btn-babcp-blue-solid-dark:focus, .btn-babcp-blue-solid-dark:hover {
        background-color: #005585;
        color: #fff;
        border-color: #005585;
    }

/* -- Orange */
.btn-babcp-orange-outline {
    color: #000;
    background-color: transparent;
    border-color: #f7921d;
}

    .btn-babcp-orange-outline:active, .btn-babcp-orange-outline:focus, .btn-babcp-orange-outline:hover {
        color: #fff;
        background-color: #f7921d;
        border-color: #f7921d;
    }

.btn-babcp-orange-solid {
    border-radius: 0;
    color: #fff;
    background-color: #f7921d;
    border-color: #f7921d;
}

    .btn-babcp-orange-solid:active, .btn-babcp-orange-solid:focus, .btn-babcp-orange-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #f7921d;
    }

/* Dark */
.btn-babcp-orange-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #f7921d;
    border-color: #f7921d;
}

    .btn-babcp-orange-solid-dark:active, .btn-babcp-orange-solid-dark:focus, .btn-babcp-orange-solid-dark:hover {
        background-color: #de831a;
        color: #fff;
        border-color: #de831a;
    }


/* Light */
.btn-babcp-orange-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #f7921d;
    border-color: #f7921d;
}

    .btn-babcp-orange-solid-light:active, .btn-babcp-orange-solid-light:focus, .btn-babcp-orange-solid-light:hover {
        background: rgba(247,146,29,.8);
        color: #fff;
        border-color: #f7921d;
    }

/* -- Green */
.btn-babcp-green-outline {
    color: #000;
    background-color: transparent;
    border-color: #72b837;
}

    .btn-babcp-green-outline:active, .btn-babcp-green-outline:focus, .btn-babcp-green-outline:hover {
        color: #fff;
        background-color: #72b837;
        border-color: #72b837;
    }

.btn-babcp-green-solid {
    border-radius: 0;
    color: #fff;
    background-color: #72b837;
    border-color: #72b837;
}

    .btn-babcp-green-solid:active, .btn-babcp-green-solid:focus, .btn-babcp-green-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #72b837;
    }

/* Dark */
.btn-babcp-green-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #72b837;
    border-color: #72b837;
}

    .btn-babcp-green-solid-dark:active, .btn-babcp-green-solid-dark:focus, .btn-babcp-green-solid-dark:hover {
        background-color: #629e2f;
        color: #fff;
        border-color: #629e2f;
    }

/* Light */
.btn-babcp-green-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #72b837;
    border-color: #72b837;
}

    .btn-babcp-green-solid-light:active, .btn-babcp-green-solid-light:focus, .btn-babcp-green-solid-light:hover {
        background: rgba(114,184,55,.8);
        color: #fff;
        border-color: #72b837;
    }

/* -- Bold Green */
.btn-babcp-bold-green-outline {
    color: #000;
    background-color: transparent;
    border-color: #0a9444;
}

    .btn-babcp-bold-green-outline:active, .btn-babcp-bold-green-outline:focus, .btn-babcp-bold-green-outline:hover {
        color: #fff;
        background-color: #0a9444;
        border-color: #0a9444;
    }

.btn-babcp-bold-green-solid {
    border-radius: 0;
    color: #fff;
    background-color: #0a9444;
    border-color: #0a9444;
}

    .btn-babcp-bold-green-solid:active, .btn-babcp-bold-green-solid:focus, .btn-babcp-bold-green-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #0a9444;
    }

/* Dark */
.btn-babcp-bold-green-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #0a9444;
    border-color: #0a9444;
}

    .btn-babcp-bold-green-solid-dark:active, .btn-babcp-bold-green-solid-dark:focus, .btn-babcp-bold-green-solid-dark:hover {
        background-color: #087a38;
        color: #fff;
        border-color: #087a38;
    }


/* Light */
.btn-babcp-bold-green-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #0a9444;
    border-color: #0a9444;
}

    .btn-babcp-bold-green-solid-light:active, .btn-babcp-bold-green-solid-light:focus, .btn-babcp-bold-green-solid-light:hover {
        background: rgba(10,148,68,.8);
        color: #fff;
        border-color: #0a9444;
    }

/* -- Red */
.btn-babcp-red-outline {
    color: #000;
    background-color: transparent;
    border-color: #c44d4d;
}

    .btn-babcp-red-outline:active, .btn-babcp-red-outline:focus, .btn-babcp-red-outline:hover {
        color: #fff;
        background-color: #c44d4d;
        border-color: #c44d4d;
    }

.btn-babcp-red-solid {
    border-radius: 0;
    color: #fff;
    background-color: #c44d4d;
    border-color: #c44d4d;
}

    .btn-babcp-red-solid:active, .btn-babcp-red-solid:focus, .btn-babcp-red-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #c44d4d;
    }


/* Dark */
.btn-babcp-red-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #c44d4d;
    border-color: #c44d4d;
}

    .btn-babcp-red-solid-dark:active, .btn-babcp-red-solid-dark:focus, .btn-babcp-red-solid-dark:hover {
        background-color: #ab4343;
        color: #fff;
        border-color: #ab4343;
    }


/* Light */
.btn-babcp-red-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #c44d4d;
    border-color: #c44d4d;
}

    .btn-babcp-red-solid-light:active, .btn-babcp-red-solid-light:focus, .btn-babcp-red-solid-light:hover {
        background: rgba(196,77,77,.8);
        color: #fff;
        border-color: #c44d4d;
    }

/* -- Bold Red */
.btn-babcp-bold-red-outline {
    color: #000;
    background-color: transparent;
    border-color: #ee2025;
}

    .btn-babcp-bold-red-outline:active, .btn-babcp-bold-red-outline:focus, .btn-babcp-bold-red-outline:hover {
        color: #fff;
        background-color: #ee2025;
        border-color: #ee2025;
    }

.btn-babcp-bold-red-solid {
    border-radius: 0;
    color: #fff;
    background-color: #ee2025;
    border-color: #ee2025;
}

    .btn-babcp-bold-red-solid:active, .btn-babcp-bold-red-solid:focus, .btn-babcp-bold-red-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #ee2025;
    }


/* Dark */
.btn-babcp-bold-red-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #ee2025;
    border-color: #ee2025;
}

    .btn-babcp-bold-red-solid-dark:active, .btn-babcp-bold-red-solid-dark:focus, .btn-babcp-bold-red-solid-dark:hover {
        background-color: #d41c21;
        color: #fff;
        border-color: #d41c21;
    }


/* Light */
.btn-babcp-bold-red-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #ee2025;
    border-color: #ee2025;
}

    .btn-babcp-bold-red-solid-light:active, .btn-babcp-bold-red-solid-light:focus, .btn-babcp-bold-red-solid-light:hover {
        background: rgba(212,28,33,.8);
        color: #fff;
        border-color: #ee2025;
    }

/* -- Purple */
.btn-babcp-purple-outline {
    color: #000;
    background-color: transparent;
    border-color: #7030a0;
}

    .btn-babcp-purple-outline:active, .btn-babcp-purple-outline:focus, .btn-babcp-purple-outline:hover {
        color: #fff;
        background-color: #7030a0;
        border-color: #7030a0;
    }

.btn-babcp-purple-solid {
    border-radius: 0;
    color: #fff;
    background-color: #7030a0;
    border-color: #7030a0;
}

    .btn-babcp-purple-solid:active, .btn-babcp-purple-solid:focus, .btn-babcp-purple-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #7030a0;
    }

/* Dark */
.btn-babcp-purple-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #7030a0;
    border-color: #7030a0;
}

    .btn-babcp-purple-solid-dark:active, .btn-babcp-purple-solid-dark:focus, .btn-babcp-purple-solid-dark:hover {
        background-color: #5f2987;
        color: #fff;
        border-color: #5f2987;
    }

/* Light */
.btn-babcp-purple-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #7030a0;
    border-color: #7030a0;
}

    .btn-babcp-purple-solid-light:active, .btn-babcp-purple-solid-light:focus, .btn-babcp-purple-solid-light:hover {
        background: rgba(112,48,160,.8);
        color: #fff;
        border-color: #7030a0;
    }

/* -- Turquoise */
.btn-babcp-turquoise-outline {
    color: #000;
    background-color: transparent;
    border-color: #009999;
}

    .btn-babcp-turquoise-outline:active, .btn-babcp-turquoise-outline:focus, .btn-babcp-turquoise-outline:hover {
        color: #fff;
        background-color: #009999;
        border-color: #009999;
    }

.btn-babcp-turquoise-solid {
    border-radius: 0;
    color: #fff;
    background-color: #009999;
    border-color: #009999;
}

    .btn-babcp-turquoise-solid:active, .btn-babcp-turquoise-solid:focus, .btn-babcp-turquoise-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #009999;
    }

.btn-babcp-turquoise-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #009999;
    border-color: #009999;
}

    .btn-babcp-turquoise-solid-light:active, .btn-babcp-turquoise-solid-light:focus, .btn-babcp-turquoise-solid-light:hover {
        background: rgba(0,153,153,.8);
        color: #fff;
        border-color: #009999;
    }

.btn-babcp-turquoise-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #009999;
    border-color: #009999;
}

    .btn-babcp-turquoise-solid-dark:active, .btn-babcp-turquoise-solid-dark:focus, .btn-babcp-turquoise-solid-dark:hover {
        background-color: #008080;
        color: #fff;
        border-color: #008080;
    }

/* -- Brown */
.btn-babcp-brown-outline {
    color: #000;
    background-color: transparent;
    border-color: #663333;
}

    .btn-babcp-brown-outline:active, .btn-babcp-brown-outline:focus, .btn-babcp-brown-outline:hover {
        color: #fff;
        background-color: #663333;
        border-color: #663333;
    }

.btn-babcp-brown-solid {
    border-radius: 0;
    color: #fff;
    background-color: #663333;
    border-color: #663333;
}

    .btn-babcp-brown-solid:active, .btn-babcp-brown-solid:focus, .btn-babcp-brown-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #663333;
    }

.btn-babcp-brown-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #663333;
    border-color: #663333;
}

    .btn-babcp-brown-solid-light:active, .btn-babcp-brown-solid-light:focus, .btn-babcp-brown-solid-light:hover {
        background: rgba(77,38,38,.8);
        color: #fff;
        border-color: #663333;
    }

.btn-babcp-brown-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #663333;
    border-color: #663333;
}

    .btn-babcp-brown-solid-dark:active, .btn-babcp-brown-solid-dark:focus, .btn-babcp-brown-solid-dark:hover {
        background-color: #4d2626;
        color: #fff;
        border-color: #4d2626;
    }

/* -- Black */
.btn-babcp-black-outline {
    color: #000;
    background-color: transparent;
    border-color: #000;
}

    .btn-babcp-black-outline:active, .btn-babcp-black-outline:focus, .btn-babcp-black-outline:hover {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }

.btn-babcp-black-solid {
    border-radius: 0;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

    .btn-babcp-black-solid:active, .btn-babcp-black-solid:focus, .btn-babcp-black-solid:hover {
        color: #000;
        background-color: #fff;
        border-color: #000;
    }

.btn-babcp-black-solid-light {
    border-radius: 0;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

    .btn-babcp-black-solid-light:active, .btn-babcp-black-solid-light:focus, .btn-babcp-black-solid-light:hover {
        background: rgba(0,0,0,.8);
        color: #fff;
        border-color: #000;
    }

.btn-babcp-black-solid-dark {
    border-radius: 0;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

    .btn-babcp-black-solid-dark:active, .btn-babcp-black-solid-dark:focus, .btn-babcp-black-solid-dark:hover {
        background-color: #000;
        color: #fff;
        border-color: #000;
    }