body span.k-tooltip-validation {
    position: absolute;
}

.k-textbox.large {
    width: 250px !important;
}

.mg_l70 {
    margin-left: 70px;
}

.mg_l50 {
    margin-left: 50px;
}

.mg_l20_r20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mg_l30_r30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}



.mg_t10_b20 {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

.mg_t20_b20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mg_t30_b30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mg_t50_b50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mg_t10_b10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mg_t0_b10 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.mg_b15 {
    margin-bottom: 15px !important;
}

.mg_b10 {
    margin-bottom: 10px !important;
}

.mg_r10 {
    margin-right: 10px !important;
}

.mg_r25 {
    margin-right: 25px !important;
}

.mg_r20 {
    margin-right: 20px !important;
}

.mg_r30 {
    margin-right: 30px !important;
}

.mg_r50 {
    margin-right: 50px !important;
}

.mg_r15 {
    margin-right: 15px !important;
}

.mg_r75 {
    margin-right: 75px !important;
}

.mg_l20 {
    margin-left: 20px !important;
}

.mg_l_m10 {
    margin-left: -10px !important;
}

.mg_l25i {
    margin-left: 25px !important;
}

.mg_l30 {
    margin-left: 30px;
}

.mg_l35 {
    margin-left: 35px;
}

.mg_l40 {
    margin-left: 40px !important;
}

.mg_l50i {
    margin-left: 50px !important;
}

.mg_l15 {
    margin-left: 15px !important;
}

.mg_l4 {
    margin-left: 4px !important;
}

.mg_b5 {
    margin-bottom: 5px !important;
}

.mg_b3 {
    margin-bottom: 3px !important;
}

.mg_b1 {
    margin-bottom: 1px !important;
}

.mg_b0 {
    margin-bottom: 0 !important;
}

.mg_l0_r0 {
    margin-left: 0;
    margin-right: 0;
}

.mg_l0_r5 {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

.mg_l10_r10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mg_l15_r15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mg_l10 {
    margin-left: 10px;
}

.mg_l10i {
    margin-left: 10px !important;
}

.mg_l5 {
    margin-left: 5px;
}

.mg_r5 {
    margin-right: 5px;
}

.mg_r3 {
    margin-right: 3px;
}

.mg_l5_r5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mg_l5_r5_w80 {
    margin-left: 5px;
    margin-right: 5px;
    width: 80px;
}

.mg_a5 {
    margin: 5px;
}

.mg_a20 {
    margin: 20px;
}

.no_mg {
    margin: 0;
}

.no_mg_b {
    margin-bottom: 0 !important;
}

.no_mg_t {
    margin-top: 0 !important;
}

.no_mg_tb {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.mg_l0 {
    margin-left: 0;
}

.mg_r0 {
    margin-right: 0;
}


.mg_t10 {
    margin-top: 10px;
}

.mg_t7 {
    margin-top: 7px;
}

.mg_t10i {
    margin-top: 10px !important;
}

.mg_t15 {
    margin-top: 15px;
}

.mg_b15 {
    margin-bottom: 15px;
}

.mg_b20 {
    margin-bottom: 20px;
}

.mg_b30 {
    margin-bottom: 30px;
}

.mg_b40 {
    margin-bottom: 40px;
}

.mg_b50 {
    margin-bottom: 50px;
}

.mg_b80 {
    margin-bottom: 80px;
}

.mg_t20 {
    margin-top: 20px;
}

.mg_t20i {
    margin-top: 20px !important;
}

.mg_t22 {
    margin-top: 22px;
}

.mg_t24 {
    margin-top: 24px;
}

.mg_t25 {
    margin-top: 25px;
}

.mg_t30 {
    margin-top: 30px;
}

.mg_t30i {
    margin-top: 30px !important;
}

.mg_t30_b30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mg_t40_b40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mg_t35 {
    margin-top: 35px;
}

.mg_t40 {
    margin-top: 40px;
}

.mg_t40i {
    margin-top: 40px !important;
}

.mg_t50 {
    margin-top: 50px;
}

.mg_t60 {
    margin-top: 60px;
}

.mg_t80 {
    margin-top: 80px;
}

.mg_t95 {
    margin-top: 95px;
}

.mg_t50i {
    margin-top: 50px !important;
}

.pd_b3 {
    padding-bottom: 3px;
}

.mg_t5 {
    margin-top: 5px !important;
}

.mg_t4 {
    margin-top: 4px !important;
}

.mg_t2 {
    margin-top: 2px !important;
}

.mg_t0 {
    margin-top: 0 !important;
}

.no_mg_r {
    margin-right: 0 !important;
}

.pd_b20 {
    padding-bottom: 20px;
}

.pd_b40 {
    padding-bottom: 40px;
}

.pd_r20 {
    padding-right: 20px;
}

.pd_r4 {
    padding-right: 4px;
}

.pd_r5 {
    padding-right: 5px;
}

.pd_r10 {
    padding-right: 10px;
}

.pd_r15 {
    padding-right: 15px;
}

.pd_r30 {
    padding-right: 30px;
}

.pd_r40 {
    padding-right: 40px;
}

.pd_r60 {
    padding-right: 60px;
}

.pd_r80 {
    padding-right: 80px;
}

.pd_t1 {
    padding-top: 1px;
}

.pd_t2 {
    padding-top: 2px;
}

.pd_t12 {
    padding-top: 12px;
}


.pd_t20 {
    padding-top: 20px;
}

.pd_t22 {
    padding-top: 22px;
}


.pd_t30 {
    padding-top: 30px;
}

.pd_t35 {
    padding-top: 35px;
}

.pd_t40 {
    padding-top: 40px;
}

.pd_t50 {
    padding-top: 50px;
}

.pd_t100 {
    padding-top: 100px;
}

.pd_b15 {
    padding-bottom: 15px;
}

.pd_b10 {
    padding-bottom: 10px;
}

.pd_b10i {
    padding-bottom: 10px !important;
}

.pd_t10 {
    padding-top: 10px;
}

.pd_t5 {
    padding-top: 5px;
}

.pd_t10i {
    padding-top: 10px !important;
}

.pd_t5i {
    padding-top: 5px !important;
}

.pd_b5 {
    padding-bottom: 5px;
}

.pd_b8i {
    padding-bottom: 8px !important;
}

.pd_l1 {
    padding-left: 1px !important;
}

.pd_l0 {
    padding-left: 0px;
}

.pd_l5 {
    padding-left: 5px;
}

.pd_l10 {
    padding-left: 10px;
}

.pd_l15 {
    padding-left: 15px;
}


.pd_a5 {
    padding: 5px;
}

.pd_a5i {
    padding: 5px !important;
}

.pd_a2i {
    padding: 2px !important;
}

.pd_t5_b5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pd_l5_r5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pd_a10 {
    padding: 10px;
}

.pd_a10i {
    padding: 10px !important;
}

.pd_a15 {
    padding: 15px;
}

.pd_a15i {
    padding: 15px !important;
}

.pd_a20 {
    padding: 20px;
}

.pd_a30 {
    padding: 30px;
}

.pd_a50 {
    padding: 50px;
}


.no_pd_a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no_pd_l {
    padding-left: 0 !important;
}

.no_pd_r {
    padding-right: 0 !important;
}

.no_pd_t {
    padding-top: 0 !important;
}

.pd_l40 {
    padding-left: 40px;
}

.pd_l60 {
    padding-left: 60px;
}

.pd_l20 {
    padding-left: 20px;
}

.pd_l10_r10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd_l20_r20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pd_t20_b20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd_tb15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd_tb18 {
    padding-top: 18px;
    padding-bottom: 18px;
}

.pd_tb38 {
    padding-top: 38px;
    padding-bottom: 38px;
}

.pd_l30 {
    padding-left: 30px;
}

.pd_l10_r10i {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pd_l30_r30 {
    padding-left: 30px;
    padding-right: 30px;
}

.no_pd_t_b {
    padding-top: 0;
    padding-bottom: 0;
}

.no_pd {
    padding: 0;
}

.no_pd_b {
    padding-bottom: 0;
}

.no_pd_bi {
    padding-bottom: 0 !important;
}

.wd_10 {
    width: 10px;
}

.wd_50 {
    width: 50px;
}

.wd_50i {
    width: 50px !important;
}

.wd_60 {
    width: 60px;
}

.wd_80 {
    width: 80px;
}

.wd_100 {
    width: 100px;
}

.wd_100i {
    width: 100px !important;
}

.wd_120i {
    width: 120px !important;
}

.wd_120 {
    width: 120px;
}

.wd_110 {
    width: 110px;
}

.wd_140 {
    width: 140px;
}

.wd_150 {
    width: 150px;
}

.wd_150i {
    width: 150px !important;
}

.wd_160 {
    width: 160px;
}

.wd_180 {
    width: 180px !important;
}

.wd_200 {
    width: 200px;
}

.wd_200i {
    width: 200px !important;
}

.wd_250 {
    width: 250px;
}

.wd_300 {
    width: 300px;
}

.wd_98p {
    width: 98%;
}

.wd_100p {
    width: 100%;
}

.wd_100pi {
    width: 100% !important;
}

.wdht_100p {
    width: 100%;
    height: 100%;
}

.ht_50 {
    height: 50px;
}

.ht_100 {
    height: 100px;
}

.ht_100p {
    height: 100%;
}

.fl_l {
    float: left !important;
}

.fl_r {
    float: right !important;
}

.ta_c {
    text-align: center;
}

.ta_r {
    text-align: right;
}

.bd_lrb1 {
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.fw_normal {
    font-weight: normal;
}

.fs_16 {
    font-size: 16px;
}

.fs_26 {
    font-size: 26px;
}

.fs_14 {
    font-size: 14px;
}

.fs_12 {
    font-size: 12px;
}

.search_br_l {
    cursor: pointer;
    padding-left: 5px;
    color: darkgrey;
}

.search_br_r {
    cursor: pointer;
    padding-right: 5px;
    color: darkgrey;
}

.pointer-cursor {
    cursor: pointer;
}

.k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-list > .k-state-selected, .k-list > .k-state-highlight, .k-panel > .k-state-selected, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k--tohandle.k-state-selected:hover, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-marquee-color {
    color: #002d3b;
    background-color: #ffd400;
    border-color: #ffd400;
}

.k-state-selected, .k-state-focused {
    /*-webkit-box-shadow: inset 0 0 1px 1px #1ab394!important;
    box-shadow: inset 0 0 1px 1px #1ab394!important;*/
    -webkit-box-shadow: inset 0 0 0 0 #ffd400 !important;
    box-shadow: inset 0 0 0 0 #ffd400 !important;
}

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}


.k-grid .k-grid-header .k-header {
    white-space: normal;
}

/*next 3 styles get rid of banding*/
.k-alt {
    background-color: white;
    color: #515967;
}

.k-grid tr td, .k-grid tr td {
    border-right-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
}

.k-grid td {
    border-width: 0 0 0 0;
}

.k-grid.k-alt.k-state-selected tr td {
    color: #fff;
    background-color: #1ab394;
    border-color: #1ab394;
}

.bf_ctrl_height {
    height: 20px;
}

.sign_border {
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    height: 150px;
}

.agile-list li.info-element {
    border-left: 3px solid #23c6c8;
}



.alert-success-gray {
    color: rgb(119, 119, 119);
    background-color: #F1F1F1;
    border-color: #E4E4E4;
}

.alert-success-lightgray {
    color: rgb(119, 119, 119);
    background-color: #FBFDFB;
    border-color: #E4E4E4;
}

.alert-success-white {
    color: rgb(119, 119, 119);
    background-color: white;
    border-color: #E4E4E4;
}

.alert-success-darkgreen {
    color: white;
    background-color: #026B56;
    border-color: #E4E4E4;
}

.alert-success-flare {
    color: white;
    background-color: #002d3b;
    border-color: #E4E4E4;
}

.font-normal {
    font-weight: 400;
}

.tidy_chk {
    margin-left: -15px !important;
    margin-bottom: 5px !important;
    padding-right: 0 !important;
    margin-top: 6px !important;
}

/* outline: 5px auto -webkit-focus-ring-color; */

.btn-primary.dim:focus {
    outline: 5px auto #1ab394;
}

.btn-default.dim:focus {
    outline: 5px auto #c2c2c2;
}


.br-form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    /*display: block;*/
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    /*width: 100%;*/
    font-size: 14px;
    box-shadow: none;
    line-height: 1.42857143;
}

.product-imitation {
    padding: 45px 0;
}

}

.small-chat-box {
    bottom: 70px !important;
    right: 95px !important;
    width: 430px !important;
    height: 520px !important;
}

.as-form-control {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    /*padding: 6px 12px;*/
    padding: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
    box-shadow: none;
    line-height: 1.42857143;
}

.br-back-lightgray {
    background-color: rgba(250, 250, 250, 1);
}

.wzd-link, .wzd-link:visited {
    color: white;
}

    .wzd-link:hover {
        color: whitesmoke;
    }

.text-attention {
    color: #fdb601;
}

.radio-wizard input[type="radio"] + label::after {
    background-color: #026B56;
    outline-color: white !important;
}

.radio-wizard input[type="radio"]:checked + label::before {
    border-color: #026B56;
    outline-color: white !important;
}

.radio-wizard input[type="radio"]:checked + label::after {
    background-color: #026B56;
    outline-color: white !important;
}

.radio_wizard_text {
    font-weight: 600 !important;
    font-size: 16px !important;
}

.video-wizard {
    position: absolute;
    bottom: 20%;
    color: #fff;
    width: 100%;
}

.life-events {
    padding-top: 30px;
    background-color: #FBFDFB;
}

.label-white {
    background-color: white;
    border-color: gray;
    border-style: solid;
    border-width: 1px;
}

.label-todo {
    background-color: rgb(44, 189, 96);
    color: white;
}

.btn-todo {
    background-color: rgb(44, 189, 96);
    color: white;
}

.k-slider-selection {
    background-color: #1ab394;
}

.ht-100 {
    height: 100px;
}

.evenrowview {
    background-color: #FEFEFE;
}

.alternativerow {
    background-color: #FAFAFA;
}

.maxwd-40 {
    max-width: 40px;
}

.maxwd-60 {
    max-width: 60px;
}

.maxwd-70 {
    max-width: 70px;
}

.maxwd-100 {
    max-width: 100px;
}

.maxwd-150 {
    max-width: 150px;
}

.maxwd-200 {
    max-width: 200px;
}

/*Responsive tables start*/
@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }


        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        /*padding-left: 50%;*/
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*form empty rows*/
        /*.no-more-tables td::after {
        content: "\00a0";
    }*/


        /*
	Label the data
	*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}
/*Responsive table end*/


/*FLARE Start*/

.progress-bar-flare {
    background-color: #1ab394; /*#1984C8;*/
    color: black;
    text-align: center;
    line-height: 1.55;
}


.fl_yellow_active {
    background-color: #ffd400;
    color: RGB(0, 45, 59);
}

.fl_blue_active {
    /*//R: 0, G: 59, B: 76*/
    background-color: RGB(0, 45, 59);
    color: white;
}

.fl-blue {
    color: RGB(0, 45, 59);
}

.fl-yellow {
    background-color: #ffd400;
}

.fl-yellow-text {
    color: #ffd400;
}

.white-text {
    color: white;
}

.btn-white:hover {
    color: RGB(0, 45, 59);
    background-color: #fffce2;
}

/*.btn-white:hover {
    color: #1ab394 !important;
    background-color: #E6FAF0;
}*/

.btn-white:active, .btn-white.active, .btn-white:focus {
    color: RGB(0, 45, 59);
}

/*FLARE BUTTON*/
.btn-flare.btn-outline {
    color: RGB(0, 45, 59) !important;
}

    .btn-flare.btn-outline:hover {
        color: #fff;
    }

.btn-flare {
    background-color: RGB(0, 45, 59) !important;
    border-color: RGB(0, 45, 59);
    color: #FFFFFF;
}

    .btn-flare:hover,
    .btn-flare:focus,
    .btn-flare:active,
    .btn-flare.active,
    .open .dropdown-toggle.btn-flare,
    .btn-flare:active:focus,
    .btn-flare:active:hover,
    .btn-flare.active:hover,
    .btn-flare.active:focus {
        background-color: RGB(0, 45, 59) !important;
        border-color: RGB(0, 45, 59) !important;
        color: #FFFFFF;
    }

        .btn-flare:hover,
        .btn-flare:focus,
        .btn-flare:active,
        .btn-flare.active,
        .open .dropdown-toggle.btn-flare,
        .btn-flare:active:focus,
        .btn-flare:active:hover,
        .btn-flare.active:hover,
        .btn-flare.active:focus {
            background-color: RGB(0, 45, 59) !important;
            border-color: RGB(0, 45, 59) !important;
            color: #ffd400;
        }

    .btn-flare:active,
    .btn-flare.active,
    .open .dropdown-toggle.btn-flare {
        background-image: none;
    }

        .btn-flare.disabled,
        .btn-flare.disabled:hover,
        .btn-flare.disabled:focus,
        .btn-flare.disabled:active,
        .btn-flare.disabled.active,
        .btn-flare[disabled],
        .btn-flare[disabled]:hover,
        .btn-flare[disabled]:focus,
        .btn-flare[disabled]:active,
        .btn-flare.active[disabled],
        fieldset[disabled] .btn-flare,
        fieldset[disabled] .btn-flare:hover,
        fieldset[disabled] .btn-flare:focus,
        fieldset[disabled] .btn-flare:active,
        fieldset[disabled] .btn-flare.active {
            background-color: RGB(0, 45, 59);
            border-color: RGB(0, 45, 59);
        }


/*************** btn-menu START*/

.btn-menu.btn-outline {
    color: RGB(0, 45, 59) !important;
}

    .btn-menu.btn-outline:hover {
        color: #fff;
    }

.btn-menu {
    background-color: #f3f3f4 !important;
    border-color: #f3f3f4;
    color: RGB(0, 45, 59);
}

    .btn-menu:focus,
    .btn-menu:active,
    .btn-menu.active,
    .open .dropdown-toggle.btn-menu,
    .btn-menu:active:focus,
    .btn-menu.active:focus {
        background-color: #f3f3f4 !important;
        border-color: #f3f3f4 !important;
        color: RGB(0, 45, 59);
    }

        .btn-menu:hover,
        .btn-menu.active:hover {
            background-color: #f3f3f4 !important;
            border-color: silver !important;
            color: RGB(0, 45, 59);
        }

    .btn-menu:active,
    .btn-menu.active,
    .open .dropdown-toggle.btn-menu {
        background-image: none;
        border-color: #f3f3f4;
    }

        .btn-menu.disabled,
        .btn-menu.disabled:hover,
        .btn-menu.disabled:focus,
        .btn-menu.disabled:active,
        .btn-menu.disabled.active,
        .btn-menu[disabled],
        .btn-menu[disabled]:hover,
        .btn-menu[disabled]:focus,
        .btn-menu[disabled]:active,
        .btn-menu.active[disabled],
        fieldset[disabled] .btn-menu,
        fieldset[disabled] .btn-menu:hover,
        fieldset[disabled] .btn-menu:focus,
        fieldset[disabled] .btn-menu:active,
        fieldset[disabled] .btn-menu.active {
            background-color: #f3f3f4;
            border-color: #f3f3f4;
        }


/*btn-menu END************** */

.text-color-flare {
    color: RGB(0, 45, 59);
}


/*FLARE END*/

.page-wrapper-no-margin {
    position: inherit;
    margin: 0 0 0 0px !important;
}

.hide-top-navbar .navbar-static-top {
    display: none;
}

.navbar-static-side-hide {
    display: none;
    z-index: 2001;
    position: absolute;
    width: 70px;
}

.hangingindent32 {
    padding-left: 33px;
    text-indent: -32px;
}

.waiting-overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999999;
}

    .waiting-overlay .loading-animation {
        top: 50%;
        left: 50%;
        position: fixed;
        z-index: 999999;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.input-total {
    font-size: 15px;
    font-weight: bold;
}

.payroll-step {
    font-size: 14px;
}

.panel-body-top-border {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: #e7eaec !important;
}

.verticalLineLeft {
    border-left: thin solid #000000;
}

.verticalLineRight {
    border-right: thin solid #000000;
}

.payroll-btn-wd {
    width: 150px !important;
}

.divWizard:after {
    border-top: 80px solid #ffd400;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    bottom: -55px;
    content: "";
    position: absolute;
    left: 45%;
    margin-left: -21px;
    width: 0;
    height: 0;
}

.btn-flare-dim {
    min-width: 250px;
    height: 100px;
    font-size: 22px;
}

.fs_16 {
    font-size: 16px;
}

.ff_std {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-item-title {
    font-size: 14px;
    font-weight: 600;
    color: #002d3b;
}

.flare-readonly {
    background-color: #FBFDFB !important;
}

.earningrateoption {
    width: 100% !important;
}

.costcentre {
    width: 100% !important;
}


/* GENERAL */

.ht_260 {
    height: 260px;
}

.indent_10 {
    text-indent: 10px;
}

.lh_25 {
    line-height: 25px;
}

.wd_330 {
    width: 330px;
}

.wd_450m {
    max-width: 450px;
}

.wd_150 {
    width: 150px;
}

.mg_b120 {
    margin-bottom: 120px;
}

.mg_t120 {
    margin-top: 120px;
}

.mg_t80 {
    margin-top: 80px;
}

.reset-btn {
    border: none;
}


.ht_55 {
    height: 55px;
}


.sf-select option {
    font-size: 13px;
}

.cursor-p {
    cursor: pointer;
}


.bg-x-light-grey {
    background-color: #fefefe;
}

.bg-light-grey {
    background-color: #f3f3f4;
}

.bg-mid-grey {
    background-color: #E4E4E4;
}


.cs-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.pd_b30 {
    padding-bottom: 30px;
}

.mg_t30 {
    margin-top: 30px;
}

.mg_t38 {
    margin-top: 38px;
}

.pd_b100 {
    padding-bottom: 100px;
}

.pd_b180 {
    padding-bottom: 180px;
}

.mg_b25 {
    margin-bottom: 25px;
}

.text-flare-blue {
    color: #002d3c;
}

.mg_t80 {
    margin-top: 80px;
}

.mg_b47 {
    margin-bottom: 47px;
}


.mg_t32 {
    margin-top: 32px;
}

.pd_t15 {
    padding-top: 15px;
}

.bl-br {
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}

.box-w-shadow {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.4);
    overflow: hidden;
}


.bd_1sg {
    border: 1px solid #7a7b7c;
}


.ht_55 {
    height: 55px;
}

.wd_210 {
    width: 210px;
}

.pd_t18 {
    padding-top: 18px;
}

.min-h-250 {
    min-height: 250px !important;
}

.min-h-650 {
    min-height: 500px !important;
}



/* PERFORMANCE REVIEW */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);


.performance-tooltip-btn {
    font-size: 22px;
    cursor: pointer;
    color: #002d3c;
}

.tooltip-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ffd400;
    font-size: 22px;
    cursor: pointer;
}

.performance-tooltip-text {
    position: absolute;
    top: 30px;
}




hr.style-one {
    position: relative;
    border: 0;
    border-bottom: 1.2px dashed #FFFFFF;
    margin-top: 8px;
    margin-bottom: 8px;
}

.performance-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 30px;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 800px;
    min-width: 250px;
}



.progress-container {
    position: relative;
    height: 120px;
    width: 100%;
    max-width: 800px;
    top: 20px;
    border-radius: 6px;
    margin: auto;
    left: 0;
    right: 0;
    margin-bottom: 50px;
}


.progress-bar-review {
    position: relative;
    width: 100%;
    height: 15px;
    background-color: #002d3c;
    top: 12px;
    border-radius: 16px;
    margin: auto;
    left: 0;
    right: 0;
}

.progress-bar-fill {
    position: absolute;
    height: 15px;
    background-color: #ffd401;
    top: 0px;
    left: 0px;
    border-radius: 16px;
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}


.help-icon-pos {
    position: absolute;
    width: 30px;
    right: 0px;
    top: 0px;
    font-size: 22px;
    cursor: pointer;
    color: #002d3c;
    z-index: 9999;
    border-radius: 16px;
    -webkit-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    -moz-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    -o-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
}


.help-icon-pos-inner {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 35%;
    top: 4px;
    font-size: 22px;
    cursor: pointer;
    color: #002d3c;
    z-index: 9999;
    -webkit-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    -moz-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    -o-transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
    transition: font-size 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out;
}



.progress-average-score {
    position: absolute;
    width: 80px;
    height: 100px;
    top: 0px;
    right: 5px;
    background-color: #002d3c;
    border-radius: 12px;
}

.user-profile-image {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 5px;
    left: 0px;
}



.average-score-title {
    position: absolute;
    width: 80px;
    height: 30px;
    top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 900;
    line-height: 13px;
}




.average-score-integer {
    position: absolute;
    width: 80px;
    height: 30px;
    top: 43px;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
}





.performance-container-progress {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #999999;
    top: 170px;
    border-radius: 6px;
}



.progress-title-copy {
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    color: #002d3c;
    font-weight: 300;
}


.progress-details-copy {
    position: absolute;
    width: 65%;
    top: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002d3c;
    left: 95px;
}


.area-of-interest-tab {
    position: relative;
    width: 100%;
    max-width: 800px;
    height: 40px;
    background-color: #002d3c;
    cursor: pointer;
    margin-top: 10px;
    z-index: 25;
    margin: auto;
    left: 0;
    right: 0;
    margin-bottom: 20px;
    border-radius: 12px;
}





.arrow {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: 0px;
    background-image: url('../img/performance/arrow-off.png');
    background-size: contain;
    background-repeat: no-repeat;
}


.area-of-interest-title {
    position: absolute;
    height: 40px;
    left: 15px;
    top: 9px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
}




.area-of-interest-content {
    position: relative;
    min-height: 250px;
    top: -10px;
    z-index: 1;
    display: none;
    border: 1px solid #d3d3d3;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 10px;
    max-width: 800px;
    margin: auto;
    left: 0;
    right: 0;
}



.stats {
    position: absolute;
    width: 100%;
    top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #002d3c;
}





.value-container {
    position: relative;
    width: 90%;
    height: 100px;
    top: 8px;
    margin: auto;
    left: 0;
    right: 0;
}


.value-title {
    position: absolute;
    width: 95%;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    color: #002d3c;
    font-weight: 300;
}


.value-description {
    position: relative;
    width: 100%;
    height: 40px;
    top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}





.drop-down-scale-container {
    position: relative;
    width: 90%;
    height: 100%;
    top: 0px;
    margin: auto;
    left: 0;
    right: 0;
    background-color: #ffd401;
    border-radius: 12px;
    padding: 40px;
}



.drop-down-scale-item {
    position: relative;
    width: 100%;
    min-height: 40px;
    // background-color:#f3f3f4;
    top: 0px;
    margin-top: 5px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #FFFFFF;
}


.drop-down-scale {
    position: absolute;
    width: 35%;
    top: 0px;
    right: 0px;
    overflow: hidden;
    font-size: 15px;
    height: 30px;
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/performance/drop-down-arrow.png') 96% / 30px no-repeat;
    -webkit-appearance: none;
    background-color: #FFFFFF;
    padding: 0 30px 0 10px !important;
    -webkit-padding-end: 42px !important;
    -webkit-padding-start: 10px !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002d3c;
    // border-radius: 12px;
}


.numeric-box-width {
    position: absolute;
    width: 35%;
    height: 30px;
    top: 0px;
    right: 0px;
    overflow: hidden;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #FFFFFF;
    outline-width: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002d3c;
    border-radius: 12px;
    outline: none;
}

.fa-caret-pos {
    position: absolute;
    width: 40px;
    height: 40px;
    right: -11px;
    top: -30px;
    font-size: 32px;
    color: #002d3c;
}

.colour-transition {
    color: #ffd400;
    font-size: 30px;
    right: 10px;
    top: 4px;
}

.help-icon-popup {
    position: absolute;
    width: 100%;
    min-height: 120px;
    top: -3px;
    right: 0px;
    background-color: #002d3b;
    z-index: 999;
    border-radius: 12px;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    border: 1px solid #FFFFFF;
}



.help-icon-popup-copy {
    color: #FFFFFF;
    padding: 30px;
    // padding-top:70px;
    width: 90%;
    //background-color:antiquewhite;
}


.decimal-select {
    background: url('');
}

.decimal-select-long {
    border-radius: 12px;
}


.drop-down-scale-opt-2 {
    position: relative;
    width: 35%;
    border-radius: 0px;
    text-indent: 5px;
}

.drop-down-scale-opt-1 {
    position: relative;
    width: 35%;
    right: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}


.min-max-value {
    position: relative;
    top: 3px;
    left: 2%;
}

.adjust-scale {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 27px;
    width: 35%;
}


.min-max-value-values {
    position: absolute;
    width: 90px;
    height: 20px;
    top: 38px;
    right: 0px;
    text-align: right;
}


.opt-2-copy {
    position: relative;
    margin: 30px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    padding: 12px;
}





.textarea-holder {
    position: relative;
    width: 100%;
    margin: auto;
    top: 0px;
    left: 0;
    right: 0;
    height: 100%;
    margin-bottom: 45px;
}



.add-note {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100px;
    top: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #002d3c;
    resize: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0px solid #3c5266;
    font-size: 15px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-radius: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-transition: height 0.1s ease;
    -moz-transition: height 0.1s ease;
    -ms-transition: height 0.1s ease;
    -o-transition: height 0.1s ease;
    transition: height 0.1s ease;*/
}



.title-tag {
    position: relative;
    width: 100%;
    height: 32px;
    top: 25px;
    left: 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002d3c;
    text-align: left;
}



.drop-down-scale-title {
    position: relative;
    width: 50%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: left;
    padding-top: 6px;
    padding-left: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #002d3c;
    padding-bottom: 5px;
}




.add-note-title {
    position: absolute;
    height: 40px;
    left: 25px;
    top: 0px;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-align: left;
    text-indent: 10px;
    padding-top: 9px;
}


.save-close-holder {
    position: relative;
    width: 100%;
    height: 40px;
    top: 30px;
    left: 0px;
    padding-bottom: 300px;
    max-width: 800px;
    margin: auto;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.select-slider-range-figure {
    position: absolute;
    width: 100px;
    height: 25px;
    top: -25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

.select-slider-range-desirable {
    position: absolute;
    width: 10px;
    height: 25px;
    top: -25px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

.select-slider-dash {
    position: absolute;
    width: 4px;
    height: 12px;
    top: 25px;
    background-color: #4F7395;
    margin: auto;
    left: 0px;
    right: 0px;
}


.btn-base {
    position: relative;
    width: 145px;
    height: 42px;
    cursor: pointer;
    background-color: #ffd400;
    border-radius: 18px;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    text-align: center;
    line-height: 40px;
    font-weight: 900;
    color: #002d3c;
    float: right;
    margin: 5px;
}

    .btn-base:hover {
        background-color: #ffde3a;
    }



.status-copy {
    position: relative;
    width: 65%;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    text-align: center;
    margin: auto;
    left: 0px;
    right: 0px;
}


.next-btn-holder {
    position: relative;
    width: 90%;
    top: 35px;
    margin: auto;
    left: 0;
    right: 0;
    padding: 10px;
    padding-bottom: 80px;
}



.next-btn {
    position: absolute;
    width: 77px;
    height: 42px;
    right: 0px;
    top: 0px;
    background-image: url('../img/performance/btn-next.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}


.prev-btn {
    position: absolute;
    width: 77px;
    height: 42px;
    left: 0px;
    top: 0px;
    background-image: url('../img/performance/btn-prev.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}



.location-copy {
    position: absolute;
    width: 50%;
    height: 20px;
    right: 110px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #002d3c;
    text-align: right;
    font-weight: 900;
    line-height: 13px;
    top: 0px;
}





.pointer {
    position: absolute;
    width: 13px;
    height: 15px;
    right: -4px;
    top: 20px;
    background-image: url('../img/performance/pointer.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}



/* MOBILE */


@media only screen and (max-width: 690px) {
    /*Use to hide vertical timeline when on mobile no icons...*/
    .vertical-timeline-content {
        margin-left: 0 !important;
    }

    .mob-nopad {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 480px) {

    .prev-btn {
        background-image: url('../img/performance/btn-mob-prev.png');
    }

    .next-btn {
        background-image: url('../img/performance/btn-mob-next.png');
    }

    .save-btn {
        left: 0px;
        right: 0px;
    }

    .submit-btn {
        top: 50px;
        left: 0px;
        right: 0px;
    }

    .help-icon-pos {
        right: 15px;
    }
}



@media only screen and (max-width: 375px) {


    .area-of-interest-content {
        width: 100%;
        border: 1px solid #d3d3d3;
        padding: 2px;
    }


    .drop-down-scale-title {
        top: -10px;
    }

    .hide-on-mobile {
        display: none !important;
    }


    .drop-down-scale-container {
        position: relative;
        width: 100%;
        top: 0px;
        margin: auto;
        left: 0;
        right: 0;
        background-color: #ffd401;
        border-radius: 12px;
        padding: 10px;
    }
}



/* END PERFORMANCE */

/*  BENEFIT SETUP */


.benefit-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 300px;
    max-width: 700px;
    top: 0px;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 12px;
    padding: 20px;
}


.form-short {
    width: 150px;
}

.btn-side {
    position: relative;
    height: 32px;
    width: 100px;
    background-color: #333333;
    top: -33px;
    left: 160px;
}
/* END BENEFIT SETUP */




/* orgProcess.html */

.carousel-container {
    position: relative;
    width: 100%;
    height: 420px;
    margin: auto;
    top: 20px;
    left: 0;
    right: 0;
    // margin-bottom: 25px;
    background-color: #FFFFFF;
    margin-bottom: 40px;
    border-top: 2px solid #E3E3E3;
}


.carousel-item-center {
    top: 0px;
    height: 300px;
    float: right;
    position: relative;
    left: -50%;
}

    .carousel-item-center > .carousel-child {
        position: relative;
        left: 50%;
    }



.carousel-item {
    position: relative;
    // width:237px;
    // height: 195px;
    width: 300px;
    height: 244px;
    top: 40px;
    float: left;
    -webkit-transition: border 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out;
    transition: border 0.3s ease-in-out, width 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out;
    cursor: pointer;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
}

.carousel-item-1-image {
    background-image: url('../img/orgProcess/onboarding.jpg');
}

.carousel-item-2-image {
    background-image: url('../img/orgProcess/management.jpg');
}

.carousel-item-3-image {
    background-image: url('../img/orgProcess/offboarding.jpg');
}


.carousel-inner-title {
    position: absolute;
    width: 100%;
    height: 30px;
    top: 64%;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #FFFFFF;
    font-size: 21px;
    webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    line-height: 26px;
}


.carousel-menu-container {
    position: relative;
    width: 750px;
    height: 90px;
    margin: auto;
    left: 0;
    right: 0;
    top: 300px;
    // background-color:#999999;
}


.carousel-menu-up-arrow {
    position: relative;
    width: 30px;
    height: 30px;
    top: -50px;
    left: 115px;
    background-image: url('../img/orgProcess/yellow-arrow-up.png');
    background-size: contain;
    background-repeat: no-repeat;
    webkit-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, left 0.3s ease-in-out;
    display: none;
}

.carousel-menu-up-arrow-pos-1 {
    left: 50px;
    display: block;
}

.carousel-menu-up-arrow-pos-2 {
    left: 362px;
    display: block;
}

.carousel-menu-up-arrow-pos-3 {
    left: 670px;
    display: block;
}

.show-carousel {
    display: block;
}




.box-base {
    position: absolute;
    width: 300px;
    height: 20px;
    background-color: #ffd400;
    margin: auto;
    bottom: 0px;
    opacity: 0;
    webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.box-base-on {
    opacity: 1;
}


.carousel-menu-item-container {
    position: absolute;
    opacity: 0;
    width: 167%;
    left: -250px;
    height: 80px;
    top: 20px;
    webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 5;
    cursor: pointer;
    // background-color:#999999;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}


.carousel-center {
    width: 500px;
    left: 115px;
}

.carousel-menu-items {
    position: relative;
    width: 240px;
    height: 60px;
    left: 0px;
    padding-bottom: 10px;
    border: 2px solid #ffd400;
    float: left;
    margin: 5px;
    border-radius: 8px;
    top: 9px;
    display: inline-block;
}

    .carousel-menu-items:hover {
        background-color: #ffd400;
    }


.carousel-menu-items-title {
    position: absolute;
    left: 56px;
    top: 17px;
    font-size: 20px;
    color: #002d3b;
}

.carousel-menu-items-tab {
    position: absolute;
    width: 20px;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #ffd400;
}

.carousel-menu-items-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 10px;
    top: 9px;
    background-image: url('../img/orgProcess/pencil.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-1 {
    background-image: url('../img/orgProcess/doc.png');
}

.icon-2 {
    background-image: url('../img/orgProcess/pencil.png');
}

.icon-3 {
    background-image: url('../img/orgProcess/pencil.png');
}



.flare-btn-clean {
    position: absolute;
    width: 180px;
    height: 50px;
    background: #ffd400;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 900;
    webkit-transition: background 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, border-bottom 0.3s ease-in-out;
    cursor: pointer;
    line-height: 50px;
    border-bottom: 5px solid #F5CC00;
}

.flare-btn-clean-version-1 {
    right: 0px;
    top: 10px;
}

.flare-btn-clean:hover {
    background: #FFE14A;
    border-bottom: 5px solid #FFE14A;
}


.carousel-top-nav-container {
    position: relative;
    width: 812px;
    height: 80px;
    margin: auto;
    top: 20px;
    left: 0;
    right: 0;
}

.carousel-top-nav-container-icon {
    position: relative;
    width: 60px;
    height: 60px;
    top: 0px;
    background-image: url('../img/orgProcess/nav-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    left: 0;
    right: 0;
    cursor: pointer;
    webkit-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
}

    .carousel-top-nav-container-icon:hover {
        top: -10px;
        background-image: url('../img/orgProcess/nav-icon-hover.png');
    }



.show-menu-items {
    opacity: 1;
    top: 0px;
    z-index: 10;
    // left:0px;
}



.main-item-selected {
    border: 5px solid #ffd400;
    top: 30px;
}



.carousel-menu-left-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    left: -320px;
    background-image: url('../img/orgProcess/yellow-arrow-left.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}


.carousel-menu-right-arrow {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    right: -320px;
    background-image: url('../img/orgProcess/yellow-arrow-right.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}



/* ORG PERFORMANCE */



.status-container {
    position: relative;
    width: 100%;
    height: 70px;
    // max-width:500px;
    left: 0;
    top: -10px;
    background-color: #FFFFFF;
}

.status-dropdown {
    width: 50%;
    float: left;
    padding: 5px;
    background-color: #FFFFFF;
}


.profile-container {
    position: relative;
    width: 100%;
    height: 60px;
    left: 0;
}



/* --------------- */




/* selectInsurance.html */

.slider-copy-header {
    position: relative;
    width: 100%;
    //height:20px;
    margin: auto;
    left: 0;
    right: 0;
    top: 50px;
    max-width: 1000px;
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    text-align: center;
    color: #2F7395;
}

.slider-copy-total {
    position: relative;
    width: 100%;
    //height:20px;
    margin: auto;
    left: 0;
    right: 0;
    top: 135px;
    max-width: 1000px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #2F4050;
}

.slider-container {
    position: relative;
    width: 100%;
    height: 720px;
    margin: auto;
    left: 0;
    right: 0;
    top: 160px;
    max-width: 1500px;
}

.select-slider {
    position: absolute;
    width: 65%;
    height: 12px;
    border-radius: 8px;
    top: 0px;
    z-index: 5;
    margin: auto;
    left: 0;
    right: 0;
}

.select-slider-container {
    position: absolute;
    width: 100%;
    height: 35px;
    top: -15px;
    z-index: 5;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 20;
}

.select-slider-base {
    position: absolute;
    width: 100%;
    height: 12px;
    background-color: #E4E4E4;
    border-radius: 8px;
    top: 12px;
    z-index: 0;
    margin: auto;
    left: 0;
    right: 0;
    border: 1px solid #C1C1C1;
}


.select-slider-fill {
    position: absolute;
    width: 50%;
    height: 12px;
    border-radius: 8px;
    top: 12px;
    z-index: 6;
    background-color: #4F7395;
}


.select-slider-toggle {
    position: absolute;
    width: 50px;
    height: 35px;
    top: 0px;
    background-image: url('../img/slider-toggle.png');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 20;
    transition: box-shadow 0.15s ease-in-out 0s, -webkit-box-shadow 0.15s ease-in-out 0s, -moz-box-shadow 0.15s ease-in-out 0s;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0);
    left: 33%;
    overflow: visible;
}



    .select-slider-toggle:hover {
        -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
    }

.center-data-box {
    position: absolute;
    -webkit-box-shadow: 0px 8px 21px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 8px 21px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 8px 21px 0px rgba(0,0,0,0.10);
    background-color: #FFFFFF;
    z-index: 20;
    width: 260px;
    border: 1px solid #D2D2D2;
    top: 45px;
    left: 0px;
    display: none;
    border-radius: 5px;
}

.data-box {
    position: absolute;
    width: 260px;
    min-height: 135px;
    top: 45px;
    border-radius: 5px;
    border: 1px solid #D2D2D2;
    z-index: 5;
    display: block;
}

.data-box-content {
    position: relative;
    width: 85%;
    min-height: 10px;
    top: 20px;
    padding-bottom: 40px;
}

.hr-slider {
    color: #999999;
}

.data-box-content-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: left;
    line-height: 13px;
    color: #2F4050;
}

.data-box-header {
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: left;
    line-height: 13px;
    color: #2F4050;
    text-align: center;
    font-weight: 900;
    margin: 10px;
}

.data-box-content-figure {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    text-align: left;
    color: #002d3c;
    line-height: 34px;
}

.color-lb {
    color: #4F7395;
}

sup {
    vertical-align: top;
    line-height: 13px;
    top: 8px;
    font-size: 18px;
}

.data-box-arrow-up-base {
    position: absolute;
    top: -31px;
    width: 30px;
    height: 30px;
    border-top: 0px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #D2D2D2;
    z-index: 1;
}

.data-box-arrow-up {
    position: absolute;
    top: -29px;
    width: 30px;
    height: 30px;
    border-top: 0px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #FFFFFF;
    z-index: 2;
}

.center-arrow {
    margin: auto;
    left: 0;
    right: 0;
}

.center-box-content {
    margin: auto;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 1430px) {

    .slider-copy-header {
        max-width: 650px;
    }
}


.mg_t130 {
    margin-top: 130px;
}

.mg_t160 {
    margin-top: 160px;
}



.center-align {
    margin: auto;
    left: 0px;
    right: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


/* health */

@media only screen and (max-width: 1200px) {

    .bl-br {
        border-left: 0px;
        border-right: 0px;
    }
}


.health-icon {
    position: relative;
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 20px;
}

.health-icon-scale {
    background-image: url('../img/Benefits/health_scale.png');
}

.health-icon-heart {
    background-image: url('../img/Benefits/health_heart.png');
}

.health-icon-tick {
    background-image: url('../img/Benefits/health_tick.png');
}

.health-form-select {
    margin-bottom: 11px;
    height: 55px;
    width: 210px;
    border: 3px solid #E4E4E4;
    color: #676a6c;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../img/performance/drop-down-arrow.png') 97% / 30px no-repeat;
    font-size: 24px;
    font-weight: 200;
    cursor: pointer;
    -webkit-transition: border 0.1s ease-in-out;
    -moz-transition: border 0.1s ease-in-out;
    -o-transition: border 0.1s ease-in-out;
    transition: border 0.1s ease-in-out;
    margin: auto;
    margin-bottom: 30px;
}

    .health-form-select:hover {
        border: 6px solid #ffd400;
        color: #002d3c;
    }

    .health-form-select:focus {
        border: 6px solid #ffd400 !important;
        color: #002d3c;
    }

.health-fr {
    float: right;
}

.health-fl {
    float: left;
}

.health-btn-dash {
    position: absolute;
    width: 30px;
    height: 10px;
    text-align: right;
    font-size: 18px;
    right: -10px;
    top: 19px;
    display: block;
}

@media only screen and (max-width: 1200px) {

    .health-fr, .health-fl {
        float: none;
    }

    .health-btn-dash {
        display: none;
    }
}

.ellipsis-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.approver-line {
    display: inline-block;
    line-height: 12px;
}

.black-stroke {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.cover_div {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.center_text_red {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.default-font-color {
    color: #676a6c !important;
}

.br_a3 {
    border-radius: 3px;
}

.tooltip-btn {
    cursor: pointer;
}

.no-resize {
    resize: none;
}

.container_div {
    position: relative;
    height: 95px;
    margin-bottom: 0;
}

.bottom_div {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.span-readonly-gray {
    background-color: rgb(238,238,238);
}

/*.disclaimer_tooltip {
  width: 300px;
  position: absolute;
  z-index: 10;
  bottom: 135px;
  right: -75px;
  opacity: 0;
  transition: all 0.25s ease-in; }*/
.disclaimer_tooltip {
    width: 300px;
    position: absolute;
    z-index: 9999;
}

    .disclaimer_tooltip.pinned {
        position: static;
        padding: 10px;
        display: inline-block;
        width: auto;
    }

        .disclaimer_tooltip.pinned .disclaimer_tooltip_content {
            border-radius: 4px;
            padding: 5px;
        }

    .disclaimer_tooltip .disclaimer_tooltip_content {
        padding: 20px;
        border-radius: 4px 4px 0 0;
        background: #C6ECEC;
    }
        /*.disclaimer_tooltip .tooltip_content:after{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -10px;
        border-color: #C6ECEC transparent transparent transparent;}*/
        .disclaimer_tooltip .disclaimer_tooltip_content h5 {
            text-transform: uppercase;
            color: #12AAA7;
            font-size: 13px;
            font-weight: 600;
        }

        .disclaimer_tooltip .disclaimer_tooltip_content p {
            color: #12AAA7;
        }

    .disclaimer_tooltip .tooltip_bottom {
        width: 100%;
    }

    .disclaimer_tooltip .disclaimer_tooltip_footer {
        margin-top: -4px;
    }

.disclaimer_tooltip_btn {
    display: inline-block;
}

.cl_white {
    color: white;
}

.auto-scroll-x {
    overflow-x: scroll;
}



.bs-wizard {
    margin-top: 20px;
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #fbe8aa;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #fbbd19;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #fbe8aa;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }

/* Progress manager */
.progress-manager-self-scores {
    width: 160px;
}

    .progress-manager-self-scores .average-score-title {
        width: 160px;
        top: 10px;
    }

    .progress-manager-self-scores .progress-score-amount {
        width: 50%;
        color: #fff;
        float: left;
        padding-top: 50px;
        text-align: center;
    }

    .progress-manager-self-scores .average-score-title + .progress-score-amount .average-score-sub-title,
    .progress-manager-self-scores .average-score-title + .progress-score-amount .average-score-integer {
        border-right: 1px solid #fff;
    }

    .progress-manager-self-scores .progress-score-amount .average-score-sub-title {
        float: left;
        width: 100%;
        font-size: 10px;
    }

    .progress-manager-self-scores .progress-score-amount .average-score-integer {
        position: static;
        float: left;
        width: 100%;
        font-size: 22px;
    }

/*END Form Wizard*/

/* Progress manager */
.progress-manager-self-scores {
	width: 160px;
}
.progress-manager-self-scores .average-score-title{
	width: 160px;
	top: 10px;
}
.progress-manager-self-scores .progress-score-amount{
	width: 50%;
	color: #fff;
	float:left;
	padding-top: 50px;
	text-align:center;
}

.progress-manager-self-scores .average-score-title + .progress-score-amount .average-score-sub-title,
.progress-manager-self-scores .average-score-title + .progress-score-amount .average-score-integer{
	border-right: 1px solid #fff;
}

.progress-manager-self-scores .progress-score-amount .average-score-sub-title{
	float:left;
	width: 100%;
	font-size: 10px;
}

.progress-manager-self-scores .progress-score-amount .average-score-integer{
	position: static;
	float:left;
	width: 100%;
	font-size: 22px;
}
.fpay {
    vertical-align: text-top;
    font-size: smaller;
    color: rgb(255, 191, 0);
}
.fpay2 {
    font-size: 12px;
    font-weight: bold;
    vertical-align: super;
    color: rgb(255, 191, 0);
}

/*#region swipe */
.swipe-disabled {
    -ms-touch-action: none !important;
    touch-action: none !important;
}
/*#endregion */

.border {
    border: 1px solid rgb(229, 230, 231);
    border-radius: 5px;
}