﻿/*Flare 1 - Emerald for primary button*/
.btn-Flare1.btn-outline {
    color: #002d3b;
}

    .btn-Flare1.btn-outline:hover {
        color: #fff;
    }

.btn-Flare1 {
    background-color: #002d3b;
    border-color: #002d3b;
    color: #FFFFFF;
}

    .btn-Flare1:hover,
    .btn-Flare1:focus,
    .btn-Flare1:active,
    .btn-Flare1.active,
    .open .dropdown-toggle.btn-Flare1,
    .btn-Flare1:active:focus,
    .btn-Flare1:active:hover,
    .btn-Flare1.active:hover,
    .btn-Flare1.active:focus {
        background-color: #002d3b !important;
        border-color: #002d3b !important;
        color: #FEE118;
    }

    .btn-Flare1:active,
    .btn-Flare1.active,
    .open .dropdown-toggle.btn-Flare1 {
        background-image: none;
    }

        .btn-Flare1.disabled,
        .btn-Flare1.disabled:hover,
        .btn-Flare1.disabled:focus,
        .btn-Flare1.disabled:active,
        .btn-Flare1.disabled.active,
        .btn-Flare1[disabled],
        .btn-Flare1[disabled]:hover,
        .btn-Flare1[disabled]:focus,
        .btn-Flare1[disabled]:active,
        .btn-Flare1.active[disabled],
        fieldset[disabled] .btn-Flare1,
        fieldset[disabled] .btn-Flare1:hover,
        fieldset[disabled] .btn-Flare1:focus,
        fieldset[disabled] .btn-Flare1:active,
        fieldset[disabled] .btn-Flare1.active {
            background-color: #002d3b !important;
            border-color: #002d3b !important;
            color: #ffffff;
        }

button.btn-Flare1.dim {
    background-color: #235F6D !important;
    box-shadow: inset 0px 0px 0px #002d3b, 0px 5px 0px 0px #002d3b, 0px 10px 5px #999999;
    color: #ffffff;
    border-radius: 3px;
}

    button.btn-Flare1.dim:active {
        background-color: #235F6D !important;
        box-shadow: inset 0px 0px 0px #002d3b, 0px 2px 0px 0px #002d3b, 0px 5px 3px #999999;
        color: #ffffff;
        border-radius: 3px;
    }

.label-Flare1,
.badge-Flare1 {
    background-color: #002d3b;
    color: #FFFFFF;
}

.badge-Flare6 {
    background-color: #ffd400;
    color: #002d3b;
}
/*================================*/
/*Flare 2 - Outline Emerald for secondary button*/

.btn-Flare2.btn-outline {
    color: #002d3b;
}

    .btn-Flare2.btn-outline:hover {
        color: #fff;
    }

.btn-Flare2 {
    border-color: #002d3b;
    color: #002d3b;
    background-color: transparent !important;
    transition: all .5s;
}

    .btn-Flare2:hover,
    .btn-Flare2:focus,
    .btn-Flare2:active,
    .btn-Flare2.active,
    .open .dropdown-toggle.btn-Flare2,
    .btn-Flare2:active:focus,
    .btn-Flare2:active:hover,
    .btn-Flare2.active:hover,
    .btn-Flare2.active:focus {
        background-color: #002d3b !important;
        border-color: #002d3b !important;
        color: #FEE118;
    }

    .btn-Flare2:active,
    .btn-Flare2.active,
    .open .dropdown-toggle.btn-Flare2 {
        background-image: none;
    }

        .btn-Flare2.disabled,
        .btn-Flare2.disabled:hover,
        .btn-Flare2.disabled:focus,
        .btn-Flare2.disabled:active,
        .btn-Flare2.disabled.active,
        .btn-Flare2[disabled],
        .btn-Flare2[disabled]:hover,
        .btn-Flare2[disabled]:focus,
        .btn-Flare2[disabled]:active,
        .btn-Flare2.active[disabled],
        fieldset[disabled] .btn-Flare2,
        fieldset[disabled] .btn-Flare2:hover,
        fieldset[disabled] .btn-Flare2:focus,
        fieldset[disabled] .btn-Flare2:active,
        fieldset[disabled] .btn-Flare2.active {
            background-color: #92ADB4 !important;
            border-color: #92ADB4 !important;
            color: #ffffff;
        }

button.btn-Flare2.dim {
    border-color: #002d3b;
    color: #002d3b;
    background-color: #ffffff;
    transition: all .5s;
    box-shadow: inset 0px 0px 0px #235F6D, 0px 5px 0px 0px #235F6D, 0px 10px 5px #999999;
    border-radius: 3px;
}

    button.btn-Flare2.dim:hover,
    button.btn-Flare2.dim:focus,
    button.btn-Flare2.dim:active {
        border-color: #002d3b;
        color: #ffffff;
        background-color: #ffffff;
        transition: all .5s;
        box-shadow: inset 0px 0px 0px #235F6D, 0px 2px 0px 0px #235F6D, 0px 5px 3px #999999;
        border-radius: 3px;
    }


.label-Flare2,
.badge-Flare2 {
    background-color: #002d3b;
    color: #FFFFFF;
}
/*================================*/
/*Flare 3 - Yellow for call to action (not flow) button*/

.btn-Flare3.btn-outline {
    color: #ffd400;
}

    .btn-Flare3.btn-outline:hover {
        color: #fff;
    }

.btn-Flare3 {
    background-color: #ffd400;
    border-color: #ffd400;
    color: #002d3b;
}

    .btn-Flare3:hover,
    .btn-Flare3:focus,
    .btn-Flare3:active,
    .btn-Flare3.active,
    .open .dropdown-toggle.btn-Flare3,
    .btn-Flare3:active:focus,
    .btn-Flare3:active:hover,
    .btn-Flare3.active:hover,
    .btn-Flare3.active:focus {
        background-color: #ffd400 !important;
        border-color: #ffd400 !important;
        color: #002d3b;
        font-weight: bold;
    }

    .btn-Flare3:active,
    .btn-Flare3.active,
    .open .dropdown-toggle.btn-Flare3 {
        background-image: none;
    }

        .btn-Flare3.disabled,
        .btn-Flare3.disabled:hover,
        .btn-Flare3.disabled:focus,
        .btn-Flare3.disabled:active,
        .btn-Flare3.disabled.active,
        .btn-Flare3[disabled],
        .btn-Flare3[disabled]:hover,
        .btn-Flare3[disabled]:focus,
        .btn-Flare3[disabled]:active,
        .btn-Flare3.active[disabled],
        fieldset[disabled] .btn-Flare3,
        fieldset[disabled] .btn-Flare3:hover,
        fieldset[disabled] .btn-Flare3:focus,
        fieldset[disabled] .btn-Flare3:active,
        fieldset[disabled] .btn-Flare3.active {
            background-color: #FEE118;
            border-color: #FEE118;
            font-weight: normal;
        }

button.btn-Flare3.dim {
    background-color: #ffd400 !important;
    box-shadow: inset 0px 0px 0px #FFE865, 0px 5px 0px 0px #FFE865, 0px 10px 5px #999999;
    color: #002d3b;
    border-radius: 3px;
    border-color: #ffd400;
}

    button.btn-Flare3.dim:active {
        background-color: #ffd400 !important;
        box-shadow: inset 0px 0px 0px #FFE865, 0px 2px 0px 0px #FFE865, 0px 5px 3px #999999;
        color: #002d3b;
        border-radius: 3px;
        border-color: #ffd400;
    }

.label-Flare3,
.badge-Flare3 {
    background-color: #ffd400;
    color: #FFFFFF;
}

/*================================*/
/*Flare 4 - Blue button*/

.btn-Flare4.btn-outline {
    color: #89c7d3;
}

    .btn-Flare4.btn-outline:hover {
        color: #fff;
    }

.btn-Flare4 {
    background-color: #89c7d3;
    border-color: #89c7d3;
    color: #002d3b;
}

    .btn-Flare4:hover,
    .btn-Flare4:focus,
    .btn-Flare4:active,
    .btn-Flare4.active,
    .open .dropdown-toggle.btn-Flare4,
    .btn-Flare4:active:focus,
    .btn-Flare4:active:hover,
    .btn-Flare4.active:hover,
    .btn-Flare4.active:focus {
        background-color: #89c7d3 !important;
        border-color: #89c7d3 !important;
        color: #002d3b;
        font-weight: bold;
    }

    .btn-Flare4:active,
    .btn-Flare4.active,
    .open .dropdown-toggle.btn-Flare3 {
        background-image: none;
    }

        .btn-Flare4.disabled,
        .btn-Flare4.disabled:hover,
        .btn-Flare4.disabled:focus,
        .btn-Flare4.disabled:active,
        .btn-Flare4.disabled.active,
        .btn-Flare4[disabled],
        .btn-Flare4[disabled]:hover,
        .btn-Flare4[disabled]:focus,
        .btn-Flare4[disabled]:active,
        .btn-Flare4.active[disabled],
        fieldset[disabled] .btn-Flare4,
        fieldset[disabled] .btn-Flare4:hover,
        fieldset[disabled] .btn-Flare4:focus,
        fieldset[disabled] .btn-Flare4:active,
        fieldset[disabled] .btn-Flare4.active {
            background-color: #AFDAE3;
            border-color: #AFDAE3;
            font-weight: normal;
        }

button.btn-Flare4.dim {
    background-color: #AFDAE3 !important;
    box-shadow: inset 0px 0px 0px #89c7d3, 0px 5px 0px 0px #89c7d3, 0px 10px 5px #999999;
    color: #002d3b;
    border-radius: 3px;
    border-color: #89c7d3;
}

    button.btn-Flare4.dim:active {
        background-color: #AFDAE3 !important;
        box-shadow: inset 0px 0px 0px #89c7d3, 0px 2px 0px 0px #89c7d3, 0px 5px 3px #999999;
        color: #002d3b;
        border-radius: 3px;
        border-color: #89c7d3;
    }

.label-Flare4,
.badge-Flare4 {
    background-color: #89c7d3;
    color: #FFFFFF;
}

/*================================*/
/*Flare 5 - Gray button*/

.btn-Flare5.btn-outline {
    color: #434347;
}

    .btn-Flare5.btn-outline:hover {
        color: #fff;
    }

.btn-Flare5 {
    background-color: #434347;
    border-color: #434347;
    color: #FFFFFF;
}

    .btn-Flare5:hover,
    .btn-Flare5:focus,
    .btn-Flare5:active,
    .btn-Flare5.active,
    .open .dropdown-toggle.btn-Flare5,
    .btn-Flare5:active:focus,
    .btn-Flare5:active:hover,
    .btn-Flare5.active:hover,
    .btn-Flare5.active:focus {
        background-color: #434347 !important;
        border-color: #434347 !important;
        color: #FFFFFF;
        font-weight: bold;
    }

    .btn-Flare5:active,
    .btn-Flare5.active,
    .open .dropdown-toggle.btn-Flare5 {
        background-image: none;
    }

    .btn-Flare5.disabled,
    .btn-Flare5.disabled:hover,
    .btn-Flare5.disabled:focus,
    .btn-Flare5.disabled:active,
    .btn-Flare5.disabled.active,
    .btn-Flare5[disabled],
    .btn-Flare5[disabled]:hover,
    .btn-Flare5[disabled]:focus,
    .btn-Flare5[disabled]:active,
    .btn-Flare53.active[disabled],
    fieldset[disabled] .btn-Flare5,
    fieldset[disabled] .btn-Flare5:hover,
    fieldset[disabled] .btn-Flare5:focus,
    fieldset[disabled] .btn-Flare5:active,
    fieldset[disabled] .btn-Flare5.active {
        background-color: #808285;
        border-color: #808285;
        font-weight: normal;
    }

button.btn-Flare5.dim {
    background-color: #434347 !important;
    box-shadow: inset 0px 0px 0px #808285, 0px 5px 0px 0px #808285, 0px 10px 5px #999999;
    color: #FFFFFF;
    border-radius: 3px;
    border-color: #808285;
}

    button.btn-Flare5.dim:active {
        background-color: #434347 !important;
        box-shadow: inset 0px 0px 0px #808285, 0px 2px 0px 0px #808285, 0px 5px 3px #999999;
        color: #FFFFFF;
        border-radius: 3px;
        border-color: #808285;
    }

.label-Flare5,
.badge-Flare5 {
    background-color: #434347;
    color: #FFFFFF;
}

.badge-lightGray {
    background-color: #f0f1f2;
}
/*================================*/
.wiz_button {
    height: 100px;
    width: 100%;
    font-size: 24px;
}

.benefit_button {
    height: 63px;
    width: 120px;
    font-size: 14px;
}

.panel-flare-blue {
    border-color: #002d3b;
}

    .panel-flare-blue > .panel-heading {
        background-color: #002d3b;
        border-color: #002d3b;
    }


.panel-flare-yellow {
    border-color: #002d3b;
}

    .panel-flare-yellow > .panel-heading {
        background-color: #ffd400;
        border-color: #002d3b;
    }

.flare-yellow-bg {
    background-color: #ffd400;
    color: #002d3b;
}

.flare-drkblue-bg {
    background-color: #052D39!important;
}

.flare-bg {
    background-color: #002d3b;
    color: #ffffff;
}

.lmb {
    border-left-color: #ffd400;
    border-left-style: solid;
    border-left-width: 4px;
}

.ipers-danger {
    color: #ed5565;
    font-weight: bold;
    font-size: 20px;
    margin: 0 10px;
}

.sel-wzd-btn {
    color: #002d3b;
    font-weight: bold;
}

.sel-wzd-btn-done {
    font-weight: bold;
}

.text-flare-anounce {
    color: #002d3b;
    font-weight: bold;
}
