/* TODO COREBT-11962: Add custom BL alerts and panels. */


:root {
    --bl-dark-green : #3fae2a;
    --bl-dark-blue : #0091b3;
    --bl-dark-grey : #7e8689;
    --bl-dark-orange : #ff9900;
    --bl-dark-purple : #5f489b;
    --bl-dark-yellow : #deb22e;
    --bl-dark-red : #b50000;
    --bl-light-green : #d9ead3;
    --bl-light-blue : #d0e0e3;
    --bl-light-grey : #d9d9d9;
    --bl-light-orange : #fce5cd;
}

/* Classes for BL Branding Color */
.bl-dark-green {
    color: #3fae2a;
}

.bl-dark-blue {
    color: #0091b3;
}

.bl-dark-grey {
    color: #7e8689;
}

.bl-dark-orange {
    color: #ff9900;
}

.bl-dark-purple {
    color: #5f489b;
}

.bl-dark-yellow {
    color: #deb22e;
}

.bl-dark-red {
    color: #b50000;
}

.bl-light-green {
    color: #d9ead3;
}

.bl-light-blue {
    color: #d0e0e3;
}

.bl-light-grey {
    color: #d9d9d9;
}

.bl-light-orange {
    color: #fce5cd;
}


/* Button Classes for BL Branding Color

These button classes are designed to use with bootstrap .btn

*/

.btn.btn-bl-dark-green,
.btn.btn-bl-dark-green:hover,
.btn.btn-bl-dark-blue,
.btn.btn-bl-dark-blue:hover,
.btn.btn-bl-dark-grey,
.btn.btn-bl-dark-grey:hover,
.btn.btn-bl-dark-orange,
.btn.btn-bl-dark-orange:hover,
.btn.btn-bl-dark-purple,
.btn.btn-bl-dark-purple:hover,
.btn.btn-bl-dark-yellow,
.btn.btn-bl-dark-yellow:hover,
.btn.btn-bl-dark-red,
.btn.btn-bl-dark-red:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.btn.btn-bl-dark-green:active,
.btn.btn-bl-dark-blue:active,
.btn.btn-bl-dark-grey:active,
.btn.btn-bl-dark-orange:active,
.btn.btn-bl-dark-purple:active,
.btn.btn-bl-dark-yellow:active,
.btn.btn-bl-dark-red:active,
.btn.btn-bl-light-green:active {
    color: rgba(255, 255, 255, 0.75);
}

.btn.btn-bl-dark-green {
    background-color: #3fae2a;
    border-color: #0aae46;
}

.btn.btn-bl-dark-green:hover,
.btn.btn-bl-dark-green:active,
.btn.btn-bl-dark-green.active,
.btn.btn-bl-dark-green.disabled,
.btn.btn-bl-dark-green[disabled] {
    background-color: #0aae46;
}

.btn.btn-bl-dark-green:active, .btn.btn-bl-dark-green.active {
    background-color: #10ae54;
}

.btn.btn-bl-dark-blue {
    background-color: #0091b3;
    border-color: #0389b3;
}

.btn.btn-bl-dark-blue:hover,
.btn.btn-bl-dark-blue:active,
.btn.btn-bl-dark-blue.active,
.btn.btn-bl-dark-blue.disabled,
.btn.btn-bl-dark-blue[disabled] {
    background-color: #0389b3;
}

.btn.btn-bl-dark-blue:active, .btn.btn-bl-dark-blue.active {
    background-color: #067ab3;
}

.btn.btn-bl-dark-grey {
    background-color: #7e8689;
    border-color: #7B8189;
}

.btn.btn-bl-dark-grey:hover,
.btn.btn-bl-dark-grey:active,
.btn.btn-bl-dark-grey.active,
.btn.btn-bl-dark-grey.disabled,
.btn.btn-bl-dark-grey[disabled] {
    background-color: #7B8189;
}

.btn.btn-bl-dark-grey:active, .btn.btn-bl-dark-grey.active {
    background-color: #777B89;
}

.btn.btn-bl-dark-orange {
    background-color: #ff9900;
    border-color: #ff9010;
}

.btn.btn-bl-dark-orange:hover,
.btn.btn-bl-dark-orange:active,
.btn.btn-bl-dark-orange.active,
.btn.btn-bl-dark-orange.disabled,
.btn.btn-bl-dark-orange[disabled] {
    background-color: #ff9010;
}

.btn.btn-bl-dark-orange:active, .btn.btn-bl-dark-orange.active {
    background-color: #ff7d1d;
}

.btn.btn-bl-dark-purple {
    background-color: #5f489b;
    border-color: #573a9b;
}

.btn.btn-bl-dark-purple:hover,
.btn.btn-bl-dark-purple:active,
.btn.btn-bl-dark-purple.active,
.btn.btn-bl-dark-purple.disabled,
.btn.btn-bl-dark-purple[disabled] {
    background-color: #573a9b;
}

.btn.btn-bl-dark-purple:active, .btn.btn-bl-dark-purple.active {
    background-color: #4f2c9b;
}

.btn.btn-bl-dark-yellow {
    background-color: #deb22e;
    border-color: #dea413;
}

.btn.btn-bl-dark-yellow:hover,
.btn.btn-bl-dark-yellow:active,
.btn.btn-bl-dark-yellow.active,
.btn.btn-bl-dark-yellow.disabled,
.btn.btn-bl-dark-yellow[disabled] {
    background-color: #dea413;
}

.btn.btn-bl-dark-yellow:active, .btn.btn-bl-dark-yellow.active {
    background-color: #de9b05;
}

.btn.btn-bl-dark-red {
    background-color: #b50000;
    border-color: #b54649;
}

.btn.btn-bl-dark-red:hover,
.btn.btn-bl-dark-red:active,
.btn.btn-bl-dark-red.active,
.btn.btn-bl-dark-red.disabled,
.btn.btn-bl-dark-red[disabled] {
    background-color: #b54649;
}

.btn.btn-bl-dark-red:active, .btn.btn-bl-dark-red.active {
    background-color: #b5102b;
}

.btn.btn-bl-light-green,
.btn.btn-bl-light-green:hover,
.btn.btn-bl-light-green:active {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #426925;
}

.btn.btn-bl-light-green {
    background-color: #d9ead3;
    border-color: #c1eacb;
}

.btn.btn-bl-light-green:hover,
.btn.btn-bl-light-green:active,
.btn.btn-bl-light-green.active,
.btn.btn-bl-light-green.disabled,
.btn.btn-bl-light-green[disabled] {
    background-color: #c1eacb;
}

.btn.btn-bl-light-green:active, .btn.btn-bl-light-green.active {
    background-color: #8eeab0;
}

.btn.btn-bl-light-blue,
.btn.btn-bl-light-blue:hover,
.btn.btn-bl-light-blue:active {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #178380;
}

.btn.btn-bl-light-blue {
    background-color: #d0e0e3;
    border-color: #abe3e3;
}

.btn.btn-bl-light-blue:hover,
.btn.btn-bl-light-blue:active,
.btn.btn-bl-light-blue.active,
.btn.btn-bl-light-blue.disabled,
.btn.btn-bl-light-blue[disabled] {
    background-color: #abe3e3;
}

.btn.btn-bl-light-blue:active, .btn.btn-bl-light-blue.active {
    background-color: #88e3dd;
}

.btn.btn-bl-light-grey,
.btn.btn-bl-light-grey:hover,
.btn.btn-bl-light-grey:active {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #544e56;
}

.btn.btn-bl-light-grey {
    background-color: #d9d9d9;
    border-color: #cecece;
}

.btn.btn-bl-light-grey:hover,
.btn.btn-bl-light-grey:active,
.btn.btn-bl-light-grey.active,
.btn.btn-bl-light-grey.disabled,
.btn.btn-bl-light-grey[disabled] {
    background-color: #cecece;
}

.btn.btn-bl-light-grey:active, .btn.btn-bl-light-grey.active {
    background-color: #a6a0a8;
}

.btn.btn-bl-light-orange,
.btn.btn-bl-light-orange:hover,
.btn.btn-bl-light-orange:active {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #cf7d56;
}

.btn.btn-bl-light-orange {
    background-color: #fce5cd;
    border-color: #e6cfb8;
}

.btn.btn-bl-light-orange:hover,
.btn.btn-bl-light-orange:active,
.btn.btn-bl-light-orange.active,
.btn.btn-bl-light-orange.disabled,
.btn.btn-bl-light-orange[disabled] {
    background-color: #e6cfb8;
}

.btn.btn-bl-light-orange:active, .btn.btn-bl-light-orange.active {
    background-color: #c6b1a0;
}