/*==============================================================================
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||  H E A L T H   P L A N   A S S I S T  |||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||HH|||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||HHHH||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||HHHHHH|||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||HHHHHHHH||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||HHHHHHHHHH|||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||HHHHHHHHHHHH||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||HHHHHHHHHHHHHH|||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||HHHHHHHHHHHHHHHH||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||HHHHHHHHHHHHHHHHHH|||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||HHHHHHHHHHHHHHHHHHHH||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||HHHHHHHHHHHHHHHHHHHHHH|||||||||||||||||||||||||||||
||||||||||||||||||||||||||||HHHHHHHHHHHHHHHHHHHHHHHH||||||||||||||||||||||||||||
|||||||||||||||||||||||||||HHHHHHHHHHHHHHHHHHHHHHHHHH|||||||||||||||||||||||||||
||||||||||||||||||||||||||HHHHHHHHHHHHH||HHHHHHHHHHHHH||||||||||||||||||||||||||
|||||||||||||||||||||||||HHHHHHHHHHHHH||||HHHHHHHHHHHHH|||||||||||||||||||||||||
||||||||||||||||||||||||HHHHHHHHHHHHH||||||HHHHHHHHHHHHH||||||||||||||||||||||||
|||||||||||||||||||||||HHHHHHHHHHHHH||||||||HHHHHHHHHHHHH|||||||||||||||||||||||
||||||||||||||||||||||HHHHHHHHHHHHH||||||||||HHHHHHHHHHHHH||||||||||||||||||||||
|||||||||||||||||||||HHHHHHHHHHHHH||||||||||||HHHHHHHHHHHHH|||||||||||||||||||||
||||||||||||||||||||HHHHHHHHHHHHH||||||||||||||HHHHHHHHHHHHH||||||||||||||||||||
|||||||||||||||||||HHHHHHHHHHHHH|||||||PP|||||||HHHHHHHHHHHHH|||||||||||||||||||
||||||||||||||||||HHHHHHHHHHHHH|||||||PPPP|||||||HHHHHHHHHHHHH||||||||||||||||||
|||||||||||||||||HHHHHHHHHHHHH|||||||PPPPPP|||||||HHHHHHHHHHHHH|||||||||||||||||
||||||||||||||||HHHHHHHHHHHHH|||||||PPPPPPPP|||||||HHHHHHHHHHHHH||||||||||||||||
|||||||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPP|||||||HHHHHHHHHHHHH|||||||||||||||
||||||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPPPP|||||||HHHHHHHHHHHHH||||||||||||||
|||||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPPPPPP|||||||HHHHHHHHHHHHH|||||||||||||
||||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPPPPPPPP|||||||HHHHHHHHHHHHH||||||||||||
|||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPPPPPPPPPP|||||||HHHHHHHHHHHHH|||||||||||
||||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAPPPPPPPPP|||||||HHHHHHHHHHHHH||||||||||
|||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH|||||||||
||||||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH||||||||
|||||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH|||||||
||||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAAAAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH||||||
|||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAAAAAAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH|||||
||||HHHHHHHHHHHHH|||||||PPPPPPPPPAAAAAAAAAAAAAAPPPPPPPPP|||||||HHHHHHHHHHHHH||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||  H E A L T H   P L A N   A S S I S T  |||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
==============================================================================*/


/*================================================================
|||| RESETS ||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

* {
    -webkit-font-smoothing: antialiased;
}

:focus,
:active {
    outline: none !important;
}

/* Hide webkit number input spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide gecko number input spinners */
input[type=number] {
    -moz-appearance: textfield;
}

/*================================================================
|||| BASE STYLES |||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

html {
    position: relative;
    min-height: 100%;
    background-image: linear-gradient(to top,#f4f4f8 0%,white 60%);
}

body {
    background: none;
    font-family: "Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #7e838b;
}

a {
    color: #e6614c;
}

    a:hover {
        color: #e0391f;
    }

hr {
    border-top-color: #d4d9df;
}

article {
    padding-top: 3em;
}

[data-toggle="collapse"] {
    cursor: pointer;
}


/*====================================================================================
|||| HEALTH PLAN ASSIST ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||| FANCY STYLES |||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||| BELOW |||||||||||||||||||||||||||||||||||||||
====================================================================================*/

/*================================================================
|||| APP MASTHEAD ||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-app-masthead {
    position: relative;
    border-bottom: 1px solid #BBC2CD;
    padding: 15px 0;
}

    .hpa-app-masthead h1 {
        position: absolute;
        top: 50%;
        right: 15px;
        margin: 0;
        margin-top: -1.5em;
        width: 18em;
        font-size: 1em;
    }

        .hpa-app-masthead h1 a {
            display: block;
            height: 3em;
            background-image: url(../img/logo-stacked.svg);
            background-repeat: no-repeat;
            background-position: right center;
            background-size: contain;
            text-indent: -9999em;
            overflow: hidden;
            margin-right: 18%
        }

.no-svg .hpa-app-masthead h1 a {
    background-image: url(../img/legacy/logo-stacked.png);
}

.hpa-app-masthead h2 {
    font-size: 1em;
    margin: 0;
}

    .hpa-app-masthead h2 img {
        display: block;
        background-color: #d4d9df;
        height: 4.5em;
        width: 9em;
    }

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .hpa-app-masthead h1 {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -1.5em;
        width: 18em;
    }

        .hpa-app-masthead h1 a {
            background-image: url(../img/logo.svg);
        }

    .no-svg .hpa-app-masthead h1 a {
        background-image: url(../img/legacy/logo.png);
    }

    .hpa-app-masthead h2 img {
        height: 6em;
        width: 12em;
    }
}

@media (min-width: 768px) {
    /*.hpa-basic-info-children-spacer {
		margin-top:45px;
		margin-bottom:43px;
	}*/

    .hpa-basic-info-children .panel-body {
        min-height: 152px;
    }
}


.hpa-spacer {
    border: 0;
    margin: 0;
    height: 3em;
}

/*================================================================
|||| FORM TABLE ||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-form-table {
    position: relative;
    background-color: #d4d9df;
    background-image: linear-gradient(45deg,#d6d9df 0%,#e1e3e9 100%);
    border-radius: 6px;
    padding: .5em .5em .5em 0;
    margin: 2em 0;
    /*position:relative;
	background-color: #e6614c /*#d4d9df;
	background-image:linear-gradient(45deg,#d6d9df 0%,#e1e3e9 100%);
	border-radius:6px;
	padding:.5em .5em .5em 0;
	margin:2em 0;*/
}

    .hpa-form-table .form-group {
        margin: 0;
    }

        .hpa-form-table .form-group .control-label {
            padding-top: .5em;
            padding-bottom: .5em;
            text-align: left;
        }

        .hpa-form-table .form-group:first-child > .hpa-form-table-values {
            border-radius: 0 4px 0 0;
        }

        .hpa-form-table .form-group:last-child > .hpa-form-table-values {
            border-radius: 0 0 4px 0;
        }

        .hpa-form-table .form-group .help-block {
            color: inherit;
        }

.hpa-form-table-head {
    padding-top: .125em;
    padding-bottom: .5em;
}

.hpa-form-table-body {
    position: relative;
}

.hpa-form-table-label {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
}

.hpa-form-table-values {
    background-color: #fff;
    padding-top: .75em;
    padding-bottom: .75em;
}

/*================================================================
|||| ICONS |||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-icon {
    display: inline-block;
    vertical-align: middle;
    height: 1.33333333em;
    width: 1.33333333em;
    padding: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    background: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: .5em;
}

    .hpa-icon.hpa-icon--has-border {
        color: #e6614c;
        border: 2px solid;
        border-radius: 50%;
    }

    .hpa-icon[href] {
        cursor: pointer;
        text-decoration: none;
    }

.hpa-icon-plus {
    font-size: 3em;
    height: 1em;
    width: 1em;
    line-height: 1.05;
}

.hpa-icon-medical {
    background-image: url(../img/icon-medical.svg);
}

.no-svg .hpa-icon-medical {
    background-image: url(../img/legacy/icon-medical.png);
}

.hpa-icon-dental {
    background-image: url(../img/icon-dental.svg);
}

.no-svg .hpa-icon-dental {
    background-image: url(../img/legacy/icon-dental.png);
}

.hpa-icon-vision {
    background-image: url(../img/icon-vision.svg);
}

.no-svg .hpa-icon-vision {
    background-image: url(../img/legacy/icon-vision.png);
}

/*================================================================
|||| APP FOOTER ||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-app-footer {
    padding: 24px 0;
    margin-top: 24px;
    border-top: 1px solid #BBC2CD;
}

.hpa-logo-milliman {
    display: block;
    height: 24px;
    width: 120px;
    background-image: url(../img/logo-milliman.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    text-indent: -9999em;
}

.no-svg .hpa-logo-milliman {
    background-image: url(../img/legacy/logo-milliman.png);
}

@media (min-width: 768px) {
    .hpa-app-footer {
        margin-top: 96px;
    }
}

/*================================================================
|||| IN-APP NAV ||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-app-nav {
    padding: 24px 0 36px;
    min-height: 85px;
}

    .hpa-app-nav .btn {
        padding-left: 0;
        padding-right: 0;
    }

@media (min-width: 768px) {
    .hpa-app-nav .btn {
        position: absolute;
    }

    .hpa-app-nav .pull-right {
        position: absolute;
        right: 0;
    }

        .hpa-app-nav .pull-right .btn {
            position: relative;
        }
}

/*================================================================
|||| IN-APP STEP NAV |||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-app-nav-steps {
    float: right;
    padding-top: 5px;
}

    .hpa-app-nav-steps span {
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        color: #e6614c;
        letter-spacing: .1em;
    }

    .hpa-app-nav-steps ul {
        display: inline-block;
        vertical-align: middle;
        border-left: 1px solid #bbc2cc;
        list-style: none;
        margin: 0 0 0 10px;
        padding: 0 0 0 18px;
    }

        .hpa-app-nav-steps ul li {
            display: inline-block;
            margin-right: 5px;
        }

            .hpa-app-nav-steps ul li input[type=button] {
                display: block;
                height: 10px;
                width: 10px;
                border: 1px solid #e6614c;
                background-color: #fff;
                border-radius: 5px;
            }

            .hpa-app-nav-steps ul li input[type=button][disabled] {
                background-color: #fff;
            }

                .hpa-app-nav-steps ul li input[type=button].active {
                    background-color: #e6614c;
                }

@media (min-width: 768px) {
    .hpa-app-nav-steps {
        float: none;
        text-align: center;
    }
}

/*================================================================
|||| "NEXT" BUTTON CONTAINER |||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-app-action-row {
    padding-top: 36px;
}

@media (min-width: 768px) {
    .hpa-app-action-row p {
        text-align: right;
        margin-right: 2em;
        margin-top: .4em;
    }
}


/*================================================================
|||| CUSTOM SELECT ITEM ||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-select-options {
    width: 100%;
}

.hpa-select-options-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-top: 6px;
}

    .hpa-select-options-list li {
        background-color: #d4d9df;
        margin-bottom: 6px;
    }

        .hpa-select-options-list li label {
            display: block;
            padding: .5em 1em;
            margin: 0;
            cursor: pointer;
        }

/*================================================================
|||| LARGE CATEGORY BADGES |||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-badge {
    position: relative;
    padding-bottom: 100%;
    margin-top: 1.125em;
    margin-bottom: 1.125em;
}

    .hpa-badge:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

.hpa-badge-medical:after {
    background-image: url(../img/badge-medical.svg);
}

.no-svg .hpa-badge-medical:after {
    background-image: url(../img/legacy/badge-medical.png);
}

.hpa-badge-dental:after {
    background-image: url(../img/badge-dental.svg);
}

.no-svg .hpa-badge-dental:after {
    background-image: url(../img/legacy/badge-dental.png);
}

.hpa-badge-vision:after {
    background-image: url(../img/badge-vision.svg);
}

.no-svg .hpa-badge-vision:after {
    background-image: url(../img/legacy/badge-vision.png);
}

@media (min-width: 768px) {
    .hpa-badge {
        margin: 0;
        padding-bottom: 70%;
    }
}

/*================================================================
|||| RESPONSIVE "TABLE" STYLES |||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-table {
    margin-top: 2em;
}

.hpa-table-body .row {
    margin-bottom: 6px;
}

.hpa-table-cell {
    position: relative;
    background-color: #d4d9df;
    background-image: linear-gradient(45deg,#d6d9df 0%,#e1e3e9 100%);
    padding: .375em 10px;
    font-size: 16px;
    min-height: 34px;
}

.hpa-table-head .hpa-table-cell {
    background-color: #e6614c;
    background-image: linear-gradient(to right,#ef745f 0%,#e25744 70%);
    color: #fff;
}

.hpa-table-total .hpa-table-cell {
    background-color: #7e838b;
    background-image: none;
    color: #fff;
}

.hpa-table-divider .hpa-table-cell {
    background-color: transparent;
    background-image: none;
}

.hpa-table-divider--large .hpa-table-cell {
    color: #e6614c;
    font-size: 18px;
}

.hpa-table-divider--operator .hpa-table-cell {
    font-size: 28px;
    line-height: 0.7;
    background-color: #EDEFF2;
    background-image: none;
    text-align: center;
}

.hpa-table-cell-light {
    background-color: #EDEFF2;
    background-image: none;
}

.hpa-table-body .row:nth-child(even) .hpa-graph-label {
    background-color: #EDEFF2;
    background-image: none;
}

.hpa-table-cell.hpa-table-cell--empty {
    background: none !important;
    background-color: #EDEFF2 !important;
    color: inherit !important;
    text-align: left;
}

    .hpa-table-cell.hpa-table-cell--empty a {
        color: inherit !important;
        margin-right: 0;
    }

@media (max-width:768px) {
    .hpa-table-cell--label {
        margin-bottom: 6px;
    }

    .hpa-table-body .col-xs-7 .hpa-table-cell--label {
        margin-bottom: 0;
        margin-right: -24px;
    }

    .hpa-table-body .row:not(.hpa-table-total) .col-sm-3 > .hpa-table-cell--label,
    .hpa-table-body .row:not(.hpa-table-total) .col-sm-9 .col-sm-3:nth-child(even) .hpa-table-cell {
        background-color: #EDEFF2;
        background-image: none;
    }
}
.hpa-ps-table,.hpa-vs-table {
    width: 100%;
   
}
    .hpa-ps-table .hpa-table-cell {
        width: 30%;
    }
    .hpa-ps-table tr td, .hpa-ps-table tr th{
        padding: 5px;
        text-align: left;
    }
    .hpa-vs-table .hpa-table-cell {
        width: 27%;
    }
    .hpa-vs-table tr td, .hpa-vs-table tr th {
        padding: 5px;
        text-align: left;
    }
    .hpa-table-cell-height {
        min-height: 40px !important;
    }
@media (min-width:768px) {

    .hpa-table-head .hpa-table-cell {
        margin-bottom: 6px;
    }

    .hpa-table-plans .hpa-table-cell {
        //background-color:#7e838b;
        //background-image:none;
        //color:#fff;
        min-height: 78px;
    }

    .hpa-table-body .col-sm-9 .col-sm-3:nth-child(odd) .hpa-table-cell {
        background-color: #EDEFF2;
        background-image: none;
    }

    .hpa-table-plans .col-sm-9 .col-sm-3:nth-child(odd) .hpa-table-cell {
        color: inherit;
        background-color: #EDEFF2;
    }
    .hpa-table-total .col-sm-9 .col-sm-3:nth-child(odd) .hpa-table-cell {
        background-color: rgba(126, 131, 139,0.8);
        background-image: none;
        color:#fff;
 }

    .hpa-table .col-sm-3 > .hpa-table-cell--label,
    .hpa-table-body .row .col-sm-3 .row .col-xs-4.col-sm-12 .hpa-table-cell {
        margin-right: -27px;
    }

    .hpa-table-head .col-sm-9,
    .hpa-table-plans .col-sm-9 {
        padding-left: 17px;
    }

    .hpa-table .col-sm-9 .row {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

        .hpa-table .col-sm-9 .row > div {
            padding-right: 0;
            padding-left: 3px;
        }

            .hpa-table .col-sm-9 .row > div:first-child {
                padding-left: 0;
            }

    .hpa-table-body .row .col-sm-3 .row .col-xs-4.col-sm-12 + .col-xs-4.col-sm-12 .hpa-table-cell {
        margin-top: 6px;
    }
    .hpa-ds-cell {
        text-indent: 3%;
    }

    /*
	.hpa-table-row--range-of-cost .row {
		margin-bottom: 0;
	}
	.hpa-table-row--range-of-cost .col-sm-9 .hpa-table-cell {
		min-height:114px;
	}
	*/
    .hpa-table-row--employer-contributions .col-sm-9 .hpa-table-cell,
    .hpa-table-total .col-sm-9 .hpa-table-cell {
        min-height: 78px;
    }

    .hpa-table-row--medical-expenses .col-sm-9 .hpa-table-cell{
        min-height: 78px;
    }

     .hpa-table-row--fsa .col-sm-9 .hpa-table-cell,.hpa-table-row--fsa .col-sm-3{
        min-height: 56px;
    }

     #divFSAHSAErrMsg
     {
         color:#e6614c;
         margin: 0 0 0px 10px;
     }

     .wrapword{
         word-wrap: break-word;
     }
    .hpa-table-cell .hpa-icon-plus {
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -0.5em;
        margin-left: -0.6em;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .hpa-table-plans .hpa-table-cell {
        min-height: 56px;
    }

    .hpa-table-total .col-sm-9 .hpa-table-cell {
        min-height: 34px;
    }
}


/*================================================================
|||| GRAPH STYLES ||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-graph {
    margin-bottom: 24px;
}

    .hpa-graph .row {
        margin-bottom: 6px;
    }

        .hpa-graph .row:nth-child(even) .hpa-table-cell,
        .hpa-graph .row:nth-child(even) .hpa-graph-label {
            background-color: #EDEFF2;
            background-image: none;
        }

.hpa-graph-label {
    background-color: #d4d9df;
    background-image: linear-gradient(45deg,#d6d9df 0%,#e1e3e9 100%);
    padding: .375em 1em;
    font-size: 16px;
}

.hpa-graph-data-item {
    position: relative;
    height: 15px;
    color: #fbb24f;
    line-height: 1;
}

.hpa-graph-data-item-bar, .hpa-graph-data-item-value {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    transition: width .6s ease-in-out;
}

.hpa-graph-data-item-bar {
    width: 0;
    background-color: #fbb24f;
    height: 13px;
}

.hpa-graph-data-item:first-child {
    color: #e6614c;
}

    .hpa-graph-data-item:first-child .hpa-graph-data-item-bar {
        background-color: #e6614c;
    }

@media (max-width: 767px) {
    .hpa-graph-data {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .hpa-graph-label {
        margin-right: -24px;
    }
}

/*================================================================
|||| LEGEND STYLES |||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-legend-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

    .hpa-legend-item + .hpa-legend-item {
        border-top: 1px solid #bbc2cc;
        padding-top: 15px;
    }

.hpa-legend-swatch {
    position: absolute;
    left: 0;
    display: inline-block;
    height: 13px;
    width: 13px;
}

.hpa-legend-swatch-primary {
    background-color: #e6614c;
}

.hpa-legend-swatch-secondary {
    background-color: #fbb24f;
}

/*================================================================
|||| CHART STYLES ||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-chart {
    border: 1px solid #E9EBEE;
    overflow: hidden;
    font-size: 13px;
    max-width: 350px;
    margin-bottom: 1em;
    border-radius: 6px 6px 0 0;
}

.hpa-chart-cell {
    padding: .375em .5em;
    text-align: center;
}

.hpa-chart-head {
    background-color: #E9EBEE;
    border-radius: 5px 5px 0 0;
    margin-right: -2px;
}

.hpa-chart-row {
    border-bottom: 1px solid #E9EBEE;
}

.hpa-chart-column {
    border-right: 1px solid #E9EBEE;
}

/*================================================================
|||| SPECIAL FORM STYLES |||||||||||||||||||||||||||||||||||||||||
================================================================*/

.form-inline-xs .control-label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.form-inline-xs .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.form-control-short {
    width: auto;
}

.form-control[maxlength="2"], .form-control[maxlength="3"] {
    width: 60px;
}

.form-group-single {
    margin-top: 2em;
    margin-bottom: 4em;
}

.form-group--extra-margin {
    margin-bottom: 24px;
}

.page-header + .form-group-single {
    margin-top: 4em;
}

.form-group p + .row {
    padding-left: 20px;
}

@media (min-width: 768px) {
    .form-group-single .row .control-label {
        margin-top: 7px;
        text-align: right;
    }
}

/*================================================================
|||| HELP BUBBLES ||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-help {
    position: relative;
    z-index: 1;
}
   
    .hpa-help p {
        margin: 0;
    }

    .hpa-help:after {
        content: '';
        position: relative;
        display: block;
        z-index: 1;
        left: 100%;
        margin-left: -54px;
        width: 34px;
        height: 26px;
        margin-top: -2px;
        background-image: url(../img/ui-help-tail.svg);
        background-size: contain;
    }

.hpa-summarydata:after {
    background-image: none !important
}
.no-svg .hpa-help:after {
    background-image: url(../img/legacy/ui-help-tail.png);
    margin-top: -3px;
}

.hpa-help-body {
    position: relative;
    border: 2px solid #e6614c;
    border-radius: 6px;
    padding: 1em;
    background-color: #fff;
}


/*================================================================
|||| SPECIAL BUTTONS AND BUTTON MODIFIER CLASSES |||||||||||||||||
================================================================*/

.btn.btn-checkbox {
    border: 2px solid #bbc2cc;
    height: 24px;
    width: 24px;
    padding: 0;
    margin-right: 8px;
    background-image: none;
    background-color: transparent;
}

.btn-checkbox:hover {
    background-color: transparent;
    border-color: #7e838b;
}

.btn.btn-checkbox.active,
.btn.btn-checkbox:active {
    box-shadow: none;
    background-color: transparent;
    background-image: url(../img/ui-check.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.no-svg .btn-checkbox.active,
.no-svg .btn-checkbox:active {
    background-image: url(../img/legacy/ui-check.png);
}



.btn.btn-radio {
    border: 2px solid #bbc2cc;
    height: 14px;
    width: 14px;
    padding: 0;
    border-radius: 9px;
    background-image: none;
    background-color: transparent;
}

.no-borderradius .btn-radio {
    padding: 0 5px;
}

.btn-radio input, .btn-checkbox input {
    visibility: hidden;
    position: absolute;
    display: block;
    left: -9999em;
}

.btn-radio:hover {
    background-color: transparent;
    border-color: #7e838b;
}

.btn-radio.active, .btn-radio:active {
    background-color: #e6614c;
    border-color: #e6614c;
    box-shadow: none;
}

.btn-ghost {
    position: relative;
    background-color: transparent;
    border: 2px solid #e6614c;
    text-transform: lowercase;
    color: #e6614c;
    height: 24px;
    line-height: .7;
    border-radius: 12px;
    transition: color .2s ease,border-color .2s ease;
}

    .btn-ghost.active,
    .btn-ghost:active,
    .btn-ghost:focus {
        box-shadow: none;
        color: #e6614c;
    }

    .btn-ghost:hover {
        color: rgba(230,97,76,0.8);
        border-color: rgba(230,97,76,0.8);
    }

    .btn-ghost.btn--has-icon {
        padding-right: 5px;
    }

        .btn-ghost.btn--has-icon .close {
            margin-top: -5px;
            margin-left: 5px;
            color: inherit;
            opacity: 1;
            font-weight: 400;
        }

.btn--has-left-arrow:before {
    content: '\003c\003c';
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -.05em;
    margin-right: 5px;
    font-size: 18px;
    line-height: 1;
}

.btn--has-right-arrow:after {
    content: '\003e\003e';
    display: inline-block;
    vertical-align: middle;
    letter-spacing: -.05em;
    margin-left: 5px;
    font-size: 18px;
    line-height: 1;
}

.btn--text-transform-none {
    text-transform: none;
    letter-spacing: normal;
}

.btn-group-gender {
    min-width: 72px;
}

.btn-medical.active {
    background-color: #e6614c;
    color: #fff !important;
}

.btn-dental.active {
    background-color: #1494ce !important;
    color: #fff !important;
}

.btn-vision.active {
    background-color: #fbb24f !important;
    color: #fff !important;
}

.btn-input {
    display: block;
}

    .btn-input .btn.form-control {
        text-align: left;
    }

        .btn-input .btn.form-control span:first-child {
            left: 10px;
            overflow: hidden;
            position: absolute;
            top: 50%;
            margin-top: -9px;
            right: 25px;
        }

        .btn-input .btn.form-control .caret {
            margin-top: -1px;
            position: absolute;
            right: 10px;
            top: 50%;
        }

.btn input {
    display: none;
}

/*================================================================
|||| LIST GROUP ||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.list-group {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-group-item {
    padding: 1em 0;
    border-bottom: 1px solid #BBC2CD;
}

    .list-group-item .btn.pull-right {
        margin-top: -4px;
    }


/*====================================================================================
|||| BOOTSTRAP |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||| OVERRIDES |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||| BELOW |||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================================*/

/*================================================================
|||| MISC ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.container {
    position: relative;
    overflow-x: hidden;
}

.text-left {
    text-align: left !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*================================================================
|||| PAGE HEADER |||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.page-header {
    border: solid #BBC2CD;
    border-width: 1px 0;
    padding: 1em 0;
    margin-top: 0;
}

    .page-header h1 {
        font-size: 1.5em;
        line-height: 1;
        margin: 0;
    }

    .page-header.page-header--has-hpa-icon {
        position: relative;
        padding-right: 80px;
    }

        .page-header.page-header--has-hpa-icon .hpa-icon,
        .page-header.page-header--has-hpa-icon .btn {
            position: absolute;
            display: block;
            right: 0;
            top: 50%;
            margin-top: -12px;
            margin-right: 0;
        }


/*================================================================
|||| BUTTONS |||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.btn {
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0;
    border: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-radius: 0;
}

.btn.form-control {
    border: 0;
}

.btn-primary {
    background-color: #e6614c;
    background-image: linear-gradient(to right,#ef745f 0%,#e25744 70%);
}

    .btn-primary:hover,
    .btn-primary:active {
        background-color: #e0391f;
        background-image: none;
    }

.btn-default {
    color: inherit;
    border: 0;
    background-color: #d4d9df;
    background-image: linear-gradient(45deg,#d6d9df 0%,#e1e3e9 100%);
}

    .btn-default:active,
    .btn-primary:active {
        box-shadow: none;
    }

    .btn-default.active,
    .btn-primary.active {
        background-color: #e6614c;
        color: #fff !important;
        box-shadow: none;
    }

.btn-text {
    color: inherit;
}

    .btn-text:before {
        color: #e6614c;
    }

    .btn-text.active,
    .btn-text:active {
        box-shadow: none;
    }

    .btn-text + .btn-text {
        margin-left: 1em;
    }

.btn-group-vertical .btn {
    margin-bottom: 5px;
}

.btn-block {
    padding-right: 15px;
    padding-left: 15px;
}

/*================================================================
|||| PANELS ||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.panel-heading {
    font-size: 1.5em;
    padding: 5px 15px;
}

.panel-body {
    padding: 15px;
}

.panel-default {
    background-color: #d4d9df;
    border: 0;
    border-radius: 6px;
    padding-bottom: .5em;
}

    .panel-default .panel-heading {
        background-color: transparent;
    }

    .panel-default .panel-body {
        margin: 0 .5em;
        background-color: #fff;
        border: 0;
        border-radius: 0 0 4px 4px;
    }

/*================================================================
|||| FORMS |||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.form-control {
    border: 2px solid #bbc2cc;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
}

    .form-control:focus {
        box-shadow: none;
        border-color: #7e838b;
    }

/*================================================================
|||| JUMBOTRON |||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.jumbotron {
    position: relative;
    background-color: #e6614c;
    background-image: linear-gradient(to right,#ef745f 0%,#e25744 70%);
    color: #fff;
    text-align: center;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 60px;
}

    .jumbotron:after {
        content: '';
        position: absolute;
        display: block;
        top: 100%;
        left: 50%;
        height: 20px;
        width: 25px;
        background-image: url(../img/ui-jumbotron-tail.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top;
    }

.no-svg .jumbotron:after {
    background-image: url(../img/legacy/ui-jumbotron-tail.png);
}

.jumbotron h1 {
    text-transform: uppercase;
    font-size: 24px;
}

.jumbotron p {
    font-size: 16px;
}

.jumbotron hr {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    border-top-color: #fff;
}

@media (min-width: 768px) {
    .jumbotron h1 {
        font-size: 38px;
    }

    .jumbotron p {
        font-size: 20px;
    }
}

/*================================================================
|||| MODALS ||||||||||||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.modal-backdrop {
    background-color: #fff;
}

    .modal-backdrop.in {
        opacity: .9;
        filter: alpha(opacity=90);
    }

.modal-content {
    border-radius: 0;
    border-color: #BBC2CD;
    border: 0;
    box-shadow: 0 2px 8px 1px rgba(0,0,0,0.15);
}

.modal-header {
    border-bottom: 0;
}

.modal-footer {
    border-top: 0;
}

/*====================================================================================
|||| HELPER ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||| CLASSES |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| BELOW ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================================*/

/*================================================================
|||| THEMED COLOR OVERRIDES ||||||||||||||||||||||||||||||||||||||
================================================================*/

.hpa-highlight-medical,
.hpa-highlight-dental,
.hpa-highlight-vision {
    transition: background-color .3s ease,color .3s ease;
}

    .hpa-highlight-medical:hover {
        background-color: #e6614c;
        color: #fff;
    }

    .hpa-highlight-dental:hover {
        background-color: #1494ce;
        color: #fff;
    }

    .hpa-highlight-vision:hover {
        background-color: #fbb24f;
        color: #fff;
    }

.hpa-color-primary {
    color: #e6614c;
}

/*================================================================
|||| UTILITY CLASSES |||||||||||||||||||||||||||||||||||||||||||||
================================================================*/

.u-text-center {
    text-align: center;
}

.u-no-margin-top {
    margin-top: 0 !important;
}


@media (max-width: 768px) {
    .u-xs-hide {
        display: none;
    }
}

@media (min-width: 768px) {
    .u-sm-hide {
        display: none;
    }
}

/*====================================================================================
|||| PRINT |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||| STYLES ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||| BELOW ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
====================================================================================*/

@media print {
    .hpa-table {
        height: 100%;
        width: 100%;
        overflow: hidden !important;
    }
    .hpa-no-print {
        display: none !important;
    }
}

@page {
  size: A3 portrait;
    margin-bottom: 5pt;
    margin-left: 12pt;
    margin-right: 12pt;
    margin-top: 50pt;
}


.errorMessage
{
    display:none;
    color: #e6614c;
    font-size: smaller;
}