/*! ---------------------------------------------
   ======---------------------------------======
    ABCBS
   ======---------------------------------======
--------------------------------------------- */

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"),local("Roboto-Light"),url("../fonts/roboto-v18-latin-300.woff2") format("woff2"),url("../fonts/roboto-v18-latin-300.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"),local("Roboto-Regular"),url("../fonts/roboto-v18-latin-regular.woff2") format("woff2"),url("../fonts/roboto-v18-latin-regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"),local("Roboto-Bold"),url("../fonts/roboto-v18-latin-700.woff2") format("woff2"),url("../fonts/roboto-v18-latin-700.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Condensed Light"),local("RobotoCondensed-Light"),url("../fonts/roboto-condensed-v16-latin-300.woff2") format("woff2"),url("../fonts/roboto-condensed-v16-latin-300.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: local("Roboto Condensed"),local("RobotoCondensed-Regular"),url("../fonts/roboto-condensed-v16-latin-regular.woff2") format("woff2"),url("../fonts/roboto-condensed-v16-latin-regular.woff") format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Condensed Bold"),local("RobotoCondensed-Bold"),url("../fonts/roboto-condensed-v16-latin-700.woff2") format("woff2"),url("../fonts/roboto-condensed-v16-latin-700.woff") format("woff")
}

* {
    font-weight: normal
}

img {
    vertical-align: middle;
    max-width: 100%
}

.sprite-hide svg {
    position: absolute;
    top: 0;
    height: 0
}

html {
    height: 100%
}

body {
    height: 100%;
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

    body > form {
        height: 100%
    }

.page-wrapper {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

h1, h2, h3, h4, h5, h6, th {
    margin-bottom: 5px;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

h1 {
    color: #015987;
    font-size: 26px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400
}

h2 {
    color: #015987;
    font-size: 24px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700
}

h3 {
    color: #015987;
    font-size: 22px
}

h4 {
    color: #015987;
    font-size: 20px
}

h5 {
    color: #333;
    font-size: 18px
}

h6 {
    color: #333;
    font-size: 16px
}

.title--main {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 36px;
    border-bottom: 3px solid #be4b49
}

.title--subhead {
    margin-bottom: 0;
    font-size: 18px
}

.title--page {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 0;
    color: #1e4861;
    font-size: 24px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    text-transform: none
}

.title--sm {
    color: #333;
    font-size: 20px
}

.subtitle--page {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.plan-title {
    color: #333;
    font-size: 21px
}

.confirm-payment__title {
    margin-bottom: 0;
    color: #333;
    font-size: 21px
}

p, li, dl, dt, td, input, textarea, label, select, .form-label, .input-placeholder {
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.275em
}

a {
    color: #2474b5;
    text-decoration: underline
}

.disclaimer {
    font-size: 13px
}

.text--red {
    color: #be4b49
}

strong, b {
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.text--upper {
    text-transform: uppercase
}

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

    .list--square li {
        position: relative;
        padding: 0 0 1rem 1.5rem;
        line-height: 1.2
    }

        .list--square li:before {
            content: '';
            width: 0.7rem;
            height: 0.7rem;
            display: block;
            position: absolute;
            top: 0.7rem;
            left: 0.1rem;
            background-color: #015987
        }

    .list--square ul {
        margin-top: 10px;
        padding-left: 0;
        list-style-type: none
    }

    .list--square > li > ul > li:before {
        content: '-';
        top: 0;
        line-height: 1em;
        background-color: transparent
    }

    .list--square ul ul li:before {
        background-color: #2474b5
    }

ol .list--square li, ul .list--square li {
    margin-bottom: 0;
    padding-bottom: 0.25rem
}

ol {
    padding-left: 18px
}

    ol li {
        margin-bottom: 10px
    }

        ol li:last-child {
            margin-bottom: 0
        }

    ol ul {
        list-style-type: none;
        padding-left: 0
    }

        ol ul li:before {
            content: '-';
            display: inline-block;
            margin-right: 10px
        }

.ordered-list-center {
    list-style-type: none;
    counter-reset: olccounter
}

    .ordered-list-center li {
        line-height: 1.2
    }

        .ordered-list-center li::before {
            counter-increment: olccounter;
            content: counter(olccounter) ".";
            margin-right: 0.5rem;
            font-family: "Roboto Condensed",sans-serif;
            font-weight: 700
        }

.list-unstyled li {
    padding-left: 0;
    padding-bottom: 0
}

    .list-unstyled li:before {
        display: none
    }

.list-btn li {
    margin-bottom: 5px
}

    .list-btn li:last-child {
        margin-bottom: 0
    }

.list-continue {
    margin-bottom: 20px
}

    .list-continue li {
        padding-top: 5px
    }

.confirm-payment__list {
    margin-bottom: 30px
}

    .confirm-payment__list li {
        color: #333333
    }

        .confirm-payment__list li strong {
            display: block;
            padding-top: 5px
        }

.svg-sprite {
    display: none
}

.icn--red {
    fill: #be4b49
}

.icn--brown {
    fill: #796965
}

.icn--white {
    fill: #fff
}

.icn--greyL {
    fill: #ccc
}

.icn--greyMd {
    fill: #656565
}

.icn--blue {
    fill: #015987
}

.icn--greyD {
    stroke: #333
}

.stroke--greyD {
    stroke: #333
}

.icn-circle-green {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    background-color: #2ab439;
    border-radius: 50%;
    text-align: center
}

    .icn-circle-green .icn {
        font-size: 4px
    }

.icn-circle-yellow {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    background-color: #ffa11a;
    border-radius: 50%;
    text-align: center
}

    .icn-circle-yellow .icn {
        font-size: 4px
    }

.icn-circle-blue {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #2474b5;
    border-radius: 50%;
    text-align: center
}

    .icn-circle-blue .icn {
        font-size: 4px
    }

    .icn-circle-blue .icn-play {
        margin-top: -0.1rem;
        margin-left: 0.2rem;
        font-size: 2.5px
    }

.icn-circle-cart {
    width: 4.28571em;
    height: 4.285em
}

.icn-circle-ok {
    width: 3.5em;
    height: 3.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    border: 0.2em solid #2ab439;
    color: #fff;
    font-size: 1rem;
    text-align: center
}

    .icn-circle-ok .icn {
        fill: #2ab439;
        font-size: 0.5em
    }

.icn-circle-grey {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    background-color: #c4c4c4;
    border-radius: 50%;
    text-align: center
}

    .icn-circle-grey .icn {
        font-size: 5px
    }

.icn-circle-red {
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    background-color: #be4b49;
    border-radius: 50%;
    text-align: center
}

    .icn-circle-red .icn {
        font-size: 4px
    }

a:hover .icn {
    opacity: 0.85
}

.active .icn--white, .nav-tabs li:hover .icn--white {
    fill: #796965
}

.icn {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px
}

.icn--xs {
    font-size: 7px
}

.icn--sm {
    font-size: 10px
}

.icn--lg {
    font-size: 18px
}

.icn--xl {
    font-size: 22px
}

.icn--30 {
    font-size: 30px
}

.icn--40 {
    font-size: 40px
}

.icn--50 {
    font-size: 50px
}

.icn-product-box {
    width: 7.968em;
    height: 10.28571em
}

.icn-product-box--sm {
    width: 7.5em;
    height: 6.1825em
}

.icn-abcbs-logo {
    width: 16.12857em;
    height: 2.04286em
}

.icn-health-advantage {
    width: 16.07143em;
    height: 2.29021em
}

.icn-abcbs-mark {
    width: 8.33571em;
    height: 4.28571em
}

.icn-info {
    width: 4.21429em;
    height: 4.21429em;
    font-size: 3px
}

.icn-cart {
    width: 4.28571em;
    height: 4.06429em
}

.icn-check {
    width: 3.57143em;
    height: 2.99286em
}

.icn-stethoscope {
    width: 3.6em;
    height: 4.27em
}

.icn-tooth {
    width: 3.23571em;
    height: 4.28571em
}

.radio label .icn {
    vertical-align: top
}

.icn-pending {
    width: 3.02857em;
    height: .8em
}

.icn-exclaim {
    width: 1.08571em;
    height: 3.55714em
}

.icn-danger {
    width: 4.28571em;
    height: 4.28571em
}

.icn-info-hollow {
    width: 4.28571em;
    height: 4.28571em
}

.icn-warning {
    width: 4.28571em;
    height: 3.75em
}

.icn-printer {
    width: 4.28571em;
    height: 3.16529em
}

.icn-articles {
    width: 3.37857em;
    height: 4.28571em
}

.icn-question {
    width: 4.28571em;
    height: 4.28571em
}

.icn-play {
    width: 3.57143em;
    height: 4.28571em
}

.icn-glasses {
    width: 4.28571em;
    height: 3.1075em
}

.icn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 22px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    line-height: 1
}

    .icn-wrapper .icn {
        margin-right: 0.7rem;
        fill: #aaa;
        font-size: 0.8rem
    }

    .icn-wrapper span {
        text-decoration: underline
    }

.icn-wrapper--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn {
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 2em;
    text-transform: none;
    -webkit-transition: background ease 0.15s;
    transition: background ease 0.15s
}

    .btn:hover, .btn:focus:active, .btn:active {
        outline: 0
    }

    .btn:active {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.35);
        box-shadow: inset 0 0 2px rgba(0,0,0,0.35)
    }

.btn-sm {
    font-size: 16px
}

.btn-lg {
    font-size: 20px
}

.btn-xl {
    font-size: 24px
}

.btn-caps {
    text-transform: uppercase
}

.btn-default, .btn-default:visited {
    background: #c9c9c9;
    border: 1px solid #b7b7b7;
    text-decoration: none
}

    .btn-default:hover, .btn-default:focus, .btn-default:visited:hover, .btn-default:visited:focus {
        background: #d1d1d1;
        border: 1px solid #c4c4c4
    }

    .btn-default:active, .btn-default:visited:active {
        background: #c4c4c4
    }

.btn-primary {
    background: #2474b5;
    text-decoration: none
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background: #133d65;
        color: #fff;
        text-shadow: none
    }

    .btn-primary:disabled, .btn-primary[disabled], .btn-primary[disabled='true'], .btn-primary[disabled='disabled'] {
        cursor: not-allowed;
        opacity: 0.5;
        background: #1e1e1e
    }

        .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:active, .btn-primary[disabled='true']:focus, .btn-primary[disabled='true']:hover, .btn-primary[disabled='true']:active, .btn-primary[disabled='disabled']:focus, .btn-primary[disabled='disabled']:hover, .btn-primary[disabled='disabled']:active {
            background: #1e1e1e
        }

.btn-secondary {
    background: #015987;
    color: #fff;
    text-decoration: none
}

    .btn-secondary:hover, .btn-secondary:focus {
        background: #016aa0;
        -webkit-box-shadow: inset;
        box-shadow: inset;
        color: #fff
    }

    .btn-secondary:active {
        background: #01486e;
        color: #fff
    }

.btn-info {
    background: #96cff0;
    text-decoration: none
}

    .btn-info:hover, .btn-info:focus {
        background: #acd9f3
    }

    .btn-info:active {
        background: #80c5ed
    }

.btn-danger, .btn-danger:visited {
    background: #be4b49;
    text-decoration: none
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:visited:hover, .btn-danger:visited:focus {
        background: #c55e5c
    }

    .btn-danger:active, .btn-danger:visited:active {
        background: #af403f
    }

.btn-link {
    -webkit-transition: color ease 0.15s;
    transition: color ease 0.15s;
    color: #2474b5
}

    .btn-link:hover, .btn-link:focus, .btn-link:active {
        color: #015987
    }

    .btn-link:active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-print {
    -webkit-transition: color ease 0.15s;
    transition: color ease 0.15s;
    background: none;
    color: #2474b5;
    text-decoration: none
}

    .btn-print .icn {
        font-size: 35%
    }

    .btn-print:hover, .btn-print:focus, .btn-print:active {
        color: #015987
    }

    .btn-print:active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-arrow {
    width: 35px;
    padding: 4px 10px;
    background: #2474b5;
    line-height: 0;
    text-align: center;
    cursor: pointer
}

.arrow-down {
    display: inline-block;
    vertical-align: middle;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff
}

.arrow-up {
    display: inline-block;
    vertical-align: middle;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

.arrow-left {
    display: inline-block;
    vertical-align: middle;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #fff
}

.arrow-right {
    display: inline-block;
    vertical-align: middle;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff
}

.btn-group .btn-primary {
    border-left: 1px solid #2169a4
}

    .btn-group .btn-primary:first-child, .btn-group .btn-primary:first-of-type {
        border-left: 0
    }

    .btn-group .btn-primary.active {
        background: #015987
    }

        .btn-group .btn-primary.active:hover, .btn-group .btn-primary.active:focus {
            background: #015987
        }

.btn-group .btn:nth-child(2) {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.btn-group > .btn:first-of-type {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important
}

.container-fluid {
    width: 100%
}

.content-wrapper {
    padding-top: 15px;
    padding-bottom: 15px
}

    .content-wrapper .row:last-child {
        margin-bottom: 0
    }

.agent-info {
    margin-bottom: 10px
}

    .agent-info:last-child {
        margin-bottom: 0
    }

    .agent-info p {
        margin-bottom: 0;
        line-height: 1.275em
    }

    .agent-info .btn {
        margin-top: 5px
    }

.row {
    margin-bottom: 2em
}

.row--no-margin {
    margin-bottom: 0
}

.section {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px;
    border-bottom: 2px dashed #e1e1e1
}

    .section:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }

.section-row {
    padding: 2rem 15px
}

    .section-row:nth-child(2n) {
        background-color: #eee
    }

    .section-row:first-child {
        padding-top: 0
    }

    .section-row:last-child {
        padding-bottom: 2.5rem
    }

.section-row--white {
    background: #fff
}

    .section-row--white:nth-child(2n) {
        background-color: #fff
    }

.section-row--blue {
    background: #f2f9fd
}

    .section-row--blue:last-child {
        margin-bottom: -20px
    }

.section-confirmation .section-row {
    border-bottom: 2px dashed #e1e1e1
}

    .section-confirmation .section-row:last-child {
        border-bottom: 0
    }

.container-inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.section-row__inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

    .section-row__inner .row:last-child {
        margin-bottom: 0
    }

.section--title {
    margin-bottom: 15px;
    padding-bottom: 15px
}

    .section--title .section-row {
        padding: 0;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px
    }

.section--main {
    margin-top: 2.5rem
}

    .section--main > .row {
        margin-bottom: 0
    }

    .section--main h2 {
        margin-top: 0
    }

.loading-page {
    text-align: center
}

.loading-img {
    margin-top: 40px;
    margin-bottom: 20px
}

.enrollment-confirm {
    margin-bottom: 30px
}

.ec__title {
    color: 3333;
    font-size: 20px;
    text-transform: none
}

.ec__subtitle {
    color: 3333;
    font-size: 16px
}

    .ec__subtitle span {
        font-family: "Roboto",sans-serif;
        font-weight: 400
    }

.ec__descrip {
    margin-top: 20px
}

.section-confirmation {
    padding-bottom: 20px
}

    .section-confirmation h1 {
        color: #222;
        font-size: 4rem;
        font-family: "Roboto Condensed",sans-serif;
        font-weight: 700
    }

.text-narrow {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto
}

.product-confirm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-top: 2rem;
    text-align: center
}

    .product-confirm ul {
        margin-bottom: 0
    }

        .product-confirm ul li {
            margin-bottom: 0.5rem;
            font-size: 1.8rem;
            line-height: 1.2
        }

    .product-confirm .icn-circle-ok {
        position: absolute;
        top: -2rem;
        right: -2rem;
        font-size: 1.3rem
    }

.product-contrim__icn {
    position: relative
}

.confirm-col {
    width: 33%;
    text-align: center
}

    .confirm-col .icn {
        fill: #aaa
    }

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.flex-row .product-confirm {
    width: 100%
}

@media (min-width: 768px) {
    .flex-row .product-confirm {
        width: 33%;
        padding: 1.5rem
    }
}

.flex-col {
    width: 100%;
    max-width: 350px;
    margin-bottom: 3rem
}

@media (min-width: 768px) {
    .flex-col {
        width: 33%;
        max-width: 100%
    }
}

.confirm-col__icn {
    height: 6.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1rem
}

.other-plans {
    margin-top: 10px;
    margin-bottom: 20px
}

    .other-plans p {
        margin-bottom: 5px
    }

.confirm-product {
    position: relative;
    padding-left: 3.25rem
}

.confirm-product__icn {
    position: absolute;
    top: 0;
    left: 0
}

.site-header {
    padding: 15px;
    background: #133d65
}

.site-logo {
    display: inline-block;
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1em
}

    .site-logo svg, .site-logo span {
        display: inline-block;
        vertical-align: middle
    }

    .site-logo svg {
        margin-right: 10px;
        font-size: 18px
    }

    .site-logo .icn-health-advantage {
        font-size: 16px
    }

    .site-logo + .site-logo {
        margin-left: 1.5rem
    }

    .site-logo:hover, .site-logo:focus {
        opacity: 0.8;
        outline: 0;
        text-decoration: none
    }

.site-footer {
    background: #333
}

.site-footer__credits {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center
}

    .site-footer__credits .row {
        margin-bottom: 0
    }

    .site-footer__credits .list-inline {
        margin-bottom: 0
    }

    .site-footer__credits .disclaimer {
        margin-top: 20px;
        color: #fff
    }

        .site-footer__credits .disclaimer:last-child {
            margin-bottom: 0
        }

.site-footer__notices {
    margin-top: 20px
}

    .site-footer__notices li {
        padding-left: 5px;
        padding-right: 10px;
        border-right: 1px solid #fff;
        font-size: 12px
    }

        .site-footer__notices li:last-child {
            padding-right: 0;
            border-right: 0
        }

    .site-footer__notices a {
        color: #fff
    }

.modal-content {
    border-radius: 7px;
    background: transparent
}

.modal-header {
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
    background: #015987;
    border-radius: 7px 7px 0 0;
    border-bottom: 0;
    text-align: center
}

    .modal-header .close {
        margin-top: 0;
        padding: 10px;
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        opacity: 1;
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        font-family: "Roboto",sans-serif;
        font-weight: 700;
        -webkit-transition: opacity 0.15s;
        transition: opacity 0.15s
    }

        .modal-header .close:hover {
            opacity: 0.75
        }

.modal-title {
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 36px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    line-height: 1em
}

.modal-body {
    padding: 1em 2em;
    background: #fff
}

    .modal-body *:first-child {
        margin-top: 0
    }

    .modal-body *:last-child {
        margin-bottom: 0
    }

.modal-footer {
    border-top: 1px solid #ababab;
    background: #c4c4c4;
    border-radius: 0 0 7px 7px
}

.confirm-box__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 768px) {
    .confirm-box__wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.confirm-box {
    width: 100%;
    max-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1.5rem 1rem;
    margin-bottom: 1.5rem;
    border: 2px solid #c4c4c4;
    border-radius: 1rem
}

@media (min-width: 768px) {
    .confirm-box {
        width: 33.333%;
        max-width: 100%;
        margin-right: 1.5rem;
        margin-bottom: 0
    }
}

.confirm-box > * {
    max-width: 100%
}

.confirm-box.complete {
    background: #e2eee0;
    border-color: #eaeaea
}

.confirm-box.error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #edcdcd;
    border-color: #eaeaea
}

    .confirm-box.error .cb__title, .confirm-box.error .cb__plan, .confirm-box.error .cb__amount {
        color: #642524
    }

    .confirm-box.error .cb__icn {
        fill: #642524
    }

.cb__icn {
    fill: #7b7b7b;
    font-size: 1.2rem
}

.cb__title {
    margin: 0;
    font-size: 2.5rem
}

.cb__plan {
    margin: 0.25rem 0;
    color: #1e1e1e;
    font-size: 1.8rem
}

.cb__number {
    margin: 0
}

.cb__print {
    margin: 0;
    font-size: 1.8rem;
    text-decoration: underline
}

.confirm-box__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem;
    padding: 0.5rem 1rem;
    background: #c3dcbf;
    border-radius: 0.7rem
}

    .confirm-box__total .icn-circle-green {
        width: 30px;
        height: 30px;
        font-size: 1rem;
        line-height: 30px
    }

    .confirm-box__total .icn {
        fill: #e2eee0;
        font-size: 50%
    }

.cbt__total {
    padding: 0.25rem;
    font-size: 1.8rem;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700
}

.cbt__bill {
    font-size: 1.8rem;
    font-family: "Roboto Condensed",sans-serif
}

.confirm-box__btn {
    padding: 0.2rem 1rem
}

.confirm-other__icn .icn {
    max-width: 100%;
    font-size: 45px
}

.form-group {
    margin-bottom: 0;
    position: relative
}

    .form-group .alert {
        margin-top: 10px
    }

    .form-group:last-child {
        margin-bottom: 0
    }

.upload-field-wrapper {
    margin-top: 30px
}

.upload-field {
    max-width: 525px;
    padding-bottom: 15px
}

    .upload-field .upload-field__icn, .upload-field input, .upload-field .btn {
        display: inline-block;
        vertical-align: middle
    }

    .upload-field label {
        padding-left: 40px
    }

    .upload-field .alert {
        margin-bottom: 0;
        margin-left: 40px
    }

    .upload-field input {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 0
    }

@media (min-width: 768px) {
    .upload-field {
        width: 50%
    }

        .upload-field input {
            width: 405px
        }
}

.input-placeholder + .form-group {
    padding-top: 10px
}

.form-group + .collapse {
    margin-top: 10px
}

.form-group + .form-complex {
    margin-top: 10px
}

.form-group + .form-group {
    margin-top: 10px
}

.form-complex .form-group + .form-group {
    margin-top: 0
}

.form-group + .alert {
    margin-bottom: 20px
}

.btn-group + .form-group {
    margin-top: 10px
}

.form-group-indent {
    padding-left: 15px
}

.form-group[data-showhidename] {
    margin-top: 10px
}

.text-label4 {
    display: block;
    margin-top: 5px
}

fieldset.form-group + p {
    margin-top: 15px
}

fieldset {
    margin-bottom: 1.875rem
}

    fieldset .radio label, fieldset .checkbox label {
        font-weight: 400;
        font-family: "Roboto",sans-serif;
        font-weight: 400
    }

    fieldset .row {
        margin-bottom: 2rem
    }

    fieldset .btn-group + .collapse {
        padding-top: 1.25rem
    }

legend, label, .form-label {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1em;
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

legend {
    display: block;
    border-bottom: 0
}

.checkbox input, .radio input {
    margin-top: 1px
}

.checkbox label, .radio label {
    line-height: 1em
}

.radio + .radio {
    margin-top: 10px
}

.input-group {
    max-width: 300px
}

.form-control {
    position: relative;
    z-index: 30;
    border-radius: 3px;
    border: 1px solid #c4c4c4
}

    .form-control:active, .form-control:focus {
        border: 1px solid #1e1e1e;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0
    }

    .form-control.error {
        border: 1px solid #be4b49
    }

.input-placeholder {
    display: block
}

.form-group--sm {
    max-width: 150px
}

.form-group-multi + .form-group-multi {
    margin-top: 30px
}

.error-label {
    width: 250px;
    max-width: 250px;
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 103%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 5px 10px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    background-color: #be4b49;
    color: #fff;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

    .error-label::after {
        content: '';
        display: block;
        position: absolute;
        top: -7px;
        left: 50%;
        margin-left: -12px;
        border-bottom: 7px solid #be4b49;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent
    }

.field-description ~ .error-label {
    top: calc(103% - 22px)
}

.error-icn {
    width: 25px;
    height: 25px;
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 1;
    right: 5px;
    bottom: 4px;
    background-color: #be4b49;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

[class*='col'] > .error-icn {
    right: 20px
}

.error:focus ~ .error-label {
    display: block;
    opacity: 1;
    z-index: 35
}

.error ~ .error-icn {
    opacity: 1;
    z-index: 35
}

.form-group--sm .error-label {
    margin-left: 0;
    left: 15px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .form-group--sm .error-label::after {
        left: 10px;
        margin-left: 0
    }

.error--radio, .error--checkbox, .form-row.error, .form-row.ng-invalid, .form-group.error, .form-group.ng-invalid, fieldset.error, fieldset.ng-invalid {
    position: relative;
    display: inline-block;
    padding: 5px 50px 5px 10px;
    border: 1px solid #be4b49;
    border-radius: 7px
}

    .error--radio > .error-icn, .error--checkbox > .error-icn, .form-row.error > .error-icn, .form-row.ng-invalid > .error-icn, .form-group.error > .error-icn, .form-group.ng-invalid > .error-icn, fieldset.error > .error-icn, fieldset.ng-invalid > .error-icn {
        display: block;
        right: 10px;
        top: 50%;
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .error--radio .error-description, .error--checkbox .error-description, .form-row.error .error-description, .form-row.ng-invalid .error-description, .form-group.error .error-description, .form-group.ng-invalid .error-description, fieldset.error .error-description, fieldset.ng-invalid .error-description {
        left: 0
    }

    .error--radio:hover .error-description, .error--radio:focus .error-description, .error--radio.focused .error-description, .error--checkbox:hover .error-description, .error--checkbox:focus .error-description, .error--checkbox.focused .error-description, .form-row.error:hover .error-description, .form-row.error:focus .error-description, .form-row.error.focused .error-description, .form-row.ng-invalid:hover .error-description, .form-row.ng-invalid:focus .error-description, .form-row.ng-invalid.focused .error-description, .form-group.error:hover .error-description, .form-group.error:focus .error-description, .form-group.error.focused .error-description, .form-group.ng-invalid:hover .error-description, .form-group.ng-invalid:focus .error-description, .form-group.ng-invalid.focused .error-description, fieldset.error:hover .error-description, fieldset.error:focus .error-description, fieldset.error.focused .error-description, fieldset.ng-invalid:hover .error-description, fieldset.ng-invalid:focus .error-description, fieldset.ng-invalid.focused .error-description {
        opacity: 1
    }

.btn-group.error, .btn-group.ng-invalid {
    position: relative;
    border: 1px solid #be4b49;
    border-radius: 3px
}

    .btn-group.error.focused .error-description, .btn-group.error label:focus ~ .error-description, .btn-group.error label:hover ~ .error-description, .btn-group.ng-invalid.focused .error-description, .btn-group.ng-invalid label:focus ~ .error-description, .btn-group.ng-invalid label:hover ~ .error-description {
        opacity: 1
    }

    .btn-group.error .error-description, .btn-group.ng-invalid .error-description {
        left: 0
    }

        .btn-group.error .error-description::before, .btn-group.ng-invalid .error-description::before {
            left: 10%
        }

    .btn-group.error .error-icn, .btn-group.ng-invalid .error-icn {
        display: block;
        right: -30px;
        bottom: auto;
        top: 50%;
        opacity: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

textarea.error {
    padding-right: 3.5rem
}

    textarea.error ~ .error-icn {
        top: 2.5rem;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

@media (min-width: 768px) {
    .form-group {
        margin-bottom: 0
    }
}

.form-complex {
    margin-bottom: 1.875rem
}

    .form-complex + .form-complex {
        margin-bottom: 15px
    }

    .form-complex .form-group {
        margin-bottom: 15px
    }

@media (min-width: 768px) {
    .form-complex .form-group {
        margin-bottom: 0
    }
}

.form-complex .form-group:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .form-complex {
        margin-bottom: 15px
    }

        .form-complex:last-child {
            margin-bottom: 0
        }
}

.check-img {
    max-width: 400px
}

.form-checklist li {
    padding-bottom: 10px
}

    .form-checklist li .checkbox {
        margin-top: 0;
        margin-bottom: 0
    }

        .form-checklist li .checkbox + .form-group {
            padding-left: 20px
        }

            .form-checklist li .checkbox + .form-group > label {
                color: #be4b49
            }

    .form-checklist li:last-child {
        padding-bottom: 0
    }

.form-checklist:last-child {
    margin-bottom: 0
}

.form-set-day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .form-set-day .form-group {
        max-width: 80px;
        margin-bottom: 0
    }

        .form-set-day .form-group .error-label {
            left: 0;
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

            .form-set-day .form-group .error-label::after {
                left: 20px;
                margin-left: 0
            }

.fsd__day {
    padding: 0 10px 5px 10px
}

.field-description {
    display: block;
    position: relative;
    z-index: 15;
    font-size: 16px;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-style: italic;
    color: #555
}

.alert {
    position: relative;
    border-radius: 7px
}

    .alert p {
        margin-bottom: 0
    }

.alert-title {
    margin-top: 0;
    margin-bottom: 5px
}

.alert--icn {
    padding: 0
}

.alert__icn {
    width: 70px;
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    border-radius: 7px 0 0 7px;
    text-align: center
}

    .alert__icn svg {
        font-size: 7px
    }

    .alert__icn:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 70px;
        margin-top: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid black
    }

.alert__content {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px
}

.alert-success {
    border: 1px solid #e2eee0;
    background: #e2eee0;
    color: #34542e
}

    .alert-success .alert-title {
        color: #426b3b
    }

    .alert-success .alert__icn {
        background-color: #67a65c
    }

        .alert-success .alert__icn svg {
            font-size: 12px
        }

        .alert-success .alert__icn:before {
            border-left-color: #67a65c
        }

    .alert-success a {
        color: #528649;
        text-decoration: underline
    }

.alert-info {
    border: 1px solid #deeff5;
    background: #deeff5;
    color: #015987
}

    .alert-info .alert-title {
        color: #286b83
    }

    .alert-info .alert__icn {
        background-color: #55adcb
    }

        .alert-info .alert__icn:before {
            border-left-color: #55adcb
        }

.ml--20 {
    margin-left: 20px
}

.alert-green {
    max-width: 450px;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 1px solid #e2eee0;
    background: #e2eee0
}

    .alert-green .alert-title {
        color: #426b3b
    }

    .alert-green .alert__icn {
        background-color: #76af6d
    }

        .alert-green .alert__icn svg {
            width: 2.14286em;
            height: 2.03571em;
            font-size: 18px
        }

        .alert-green .alert__icn:before {
            border-left-color: #76af6d
        }

    .alert-green * {
        color: #426b3b
    }

    .alert-green a, .alert-green .btn-link {
        color: #2474b5;
        text-decoration: underline
    }

        .alert-green a:hover, .alert-green .btn-link:hover {
            color: #426b3b
        }

    .alert-green .tooltip *, .alert-green .popover * {
        color: #000;
        font-size: 14px;
        line-height: 1.275em
    }

    .alert-green .tooltip-inner, .alert-green .popover-inner {
        background: #fff
    }

.alert-warning {
    border: 1px solid #faf1df;
    background: #faf1df
}

    .alert-warning .alert-title {
        color: #996e18
    }

    .alert-warning .alert__icn {
        background-color: #e9c171;
        fill: #996e18
    }

        .alert-warning .alert__icn:before {
            border-left-color: #e9c171
        }

.alert-danger {
    border: 1px solid #f4e0df;
    background: #f4e0df
}

    .alert-danger .alert-title {
        color: #7e2e2d
    }

    .alert-danger .alert__icn {
        background-color: #af7372
    }

        .alert-danger .alert__icn:before {
            border-left-color: #af7372
        }

.alert-inline * {
    display: inline
}

.alert-inline .alert-title:after {
    content: ' -'
}

.alert-payment {
    max-width: 550px;
    margin-top: 3.5rem
}

    .alert-payment svg {
        font-size: 1rem
    }

    .alert-payment .icn-danger {
        width: 4.28571em;
        height: 3.75em;
        margin-bottom: 1rem
    }

    .alert-payment p {
        font-size: 1.8rem;
        text-align: left
    }

.progress-tracker {
    padding-top: 10px;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    background: #f7f5f3;
    border-bottom: 1px solid #e1e1e1
}

    .progress-tracker.active .pt__close span {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.pt__close {
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -17px
}

    .pt__close .arrow-down {
        -webkit-transition: all 0.15s ease;
        transition: all 0.15s ease
    }

    .pt__close.active .arrow-down {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.pt__wrapper {
    overflow: hidden
}

.pt__list {
    width: 100%;
    min-width: 738px;
    position: relative;
    display: table;
    padding: 0;
    margin: 0;
    list-style-type: none
}

    .pt__list::after {
        content: '';
        display: table;
        clear: both
    }

    .pt__list li {
        height: 35px;
        display: table-cell;
        position: relative;
        padding-left: 30px;
        padding-right: 10px;
        background-color: #555;
        color: #fff;
        font-size: 15px;
        line-height: 35px;
        text-align: center
    }

        .pt__list li > span {
            display: inline-block;
            vertical-align: middle;
            position: relative
        }

        .pt__list li:first-child {
            padding-left: 10px
        }

        .pt__list li::before, .pt__list li::after {
            content: '';
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            right: -20px;
            top: -2px;
            z-index: 20;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-left: 20px solid #fff
        }

        .pt__list li::before {
            right: -20px;
            border-left-color: #555
        }

        .pt__list li::after {
            z-index: 15;
            top: -5px;
            right: -23px;
            border-width: 23px;
            border-left-color: #fff
        }

        .pt__list li:last-child::before, .pt__list li:last-child::after {
            display: none
        }

        .pt__list li.complete {
            background-color: #015987
        }

            .pt__list li.complete::before {
                border-left-color: #015987
            }

            .pt__list li.complete .pt__number {
                color: #015987
            }

            .pt__list li.complete .pt__number--txt {
                display: none
            }

            .pt__list li.complete .pt__number--icn {
                display: inline-block
            }

        .pt__list li.active {
            background-color: #133d65
        }

            .pt__list li.active::before {
                border-left-color: #133d65
            }

            .pt__list li.active .pt__number {
                color: #133d65
            }

.pt__number {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 50%;
    color: #555;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.pt__txt {
    z-index: 40
}

.pt__number--icn {
    display: none;
    fill: #015987;
    font-size: 4px
}

.progress-tracker--over65 .pt__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .progress-tracker--over65 .pt__list li {
        width: auto;
        min-width: 170px;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .progress-tracker--over65 .pt__list li::before, .progress-tracker--over65 .pt__list li::after {
            right: -20px;
            top: -2px
        }

        .progress-tracker--over65 .pt__list li::before {
            right: -19px;
            border-width: 19px
        }

        .progress-tracker--over65 .pt__list li::after {
            top: -5px;
            right: -23px;
            border-width: 22px
        }

    .progress-tracker--over65 .pt__list .pt__number {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        margin-right: 0.5rem
    }

    .progress-tracker--over65 .pt__list .pt__txt {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

.pt__content {
    display: none;
    max-width: 1200px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
}

.pt__plan {
    padding-bottom: 15px
}

.pt__plan__title {
    display: block;
    color: #333;
    font-size: 22px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700;
    line-height: 1em
}

.pt__plan__cost {
    font-size: 16px;
    line-height: 1em
}

.pt__cost {
    font-size: 16px;
    line-height: 1em
}

.modal-backdrop {
    position: fixed;
    z-index: 500;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    z-index: 600
}

.modal-content {
    border-radius: 7px;
    overflow: hidden;
    background: transparent
}

.modal-header {
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
    background: #133d65;
    border-radius: 0;
    border-bottom: 0;
    text-align: center
}

    .modal-header .close {
        margin-top: 0;
        padding: 10px;
        position: absolute;
        z-index: 20;
        top: 0;
        right: 0;
        opacity: 1;
        color: #fff;
        font-weight: normal;
        font-size: 24px;
        font-family: "Roboto",sans-serif;
        font-weight: 700;
        -webkit-transition: opacity 0.15s;
        transition: opacity 0.15s
    }

        .modal-header .close:hover {
            opacity: 0.75
        }

.modal-title {
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 36px;
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    line-height: 1em
}

.modal-body {
    padding: 20px 10px;
    background: #fff
}

    .modal-body *:first-child {
        margin-top: 0
    }

    .modal-body *:last-child {
        margin-bottom: 0
    }

.modal-footer {
    border-top: 1px solid #d6d6d6;
    background: #efefef;
    border-radius: 0
}

.modal-loading .modal-body {
    text-align: center
}

.modal--error .modal-header {
    background: #c1686e
}

.panel-default .panel-heading {
    border-top: 1px solid #c4c4c4;
    background: #fff
}

    .panel-default .panel-heading:first-child {
        border-top: 0
    }

.panel-default .panel-title {
    font-size: 1.8rem
}

    .panel-default .panel-title a {
        color: #2474b5
    }

.panel-default .panel-heading + .panel-collapse .panel-body {
    border: 0
}

.panel-default .panel-body {
    padding-top: 0
}

.panel-legal {
    border-radius: 7px
}

    .panel-legal .panel-heading {
        background-color: #015987;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        color: #fff;
        font-size: 20px;
        font-family: "Roboto",sans-serif;
        font-weight: 700;
        text-transform: uppercase
    }

    .panel-legal .panel-body h2 {
        margin-bottom: 20px;
        color: #333;
        font-size: 18px
    }

    .panel-legal .panel-body p {
        margin-bottom: 20px
    }

.va--top, .table .va--top {
    vertical-align: top
}

.va--mid, .table .va--mid {
    vertical-align: middle
}

.va--bot, .table .va--bot {
    vertical-align: bottom
}

.ff55 {
    font-family: "Roboto",sans-serif;
    font-weight: 400
}

.ff57 {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400
}

.ff65 {
    font-family: "Roboto",sans-serif;
    font-weight: 700
}

.ff67 {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 700
}

.fs--16 {
    font-size: 1.6rem
}

.fs--18 {
    font-size: 1.8rem
}

.fs--20 {
    font-size: 2rem
}

.fs--22 {
    font-size: 2.2rem
}

.fs--24 {
    font-size: 2.4rem
}

.fs--26 {
    font-size: 2.6rem
}

.fs--28 {
    font-size: 2.8rem
}

.mt--0 {
    margin-top: 0
}

.mt--5 {
    margin-top: 0.5rem
}

.mt--10 {
    margin-top: 1rem
}

.mt--20 {
    margin-top: 1.25rem
}

.mt--30 {
    margin-top: 1.875rem
}

.mt--32 {
    margin-top: 2rem
}

.mt--40 {
    margin-top: 2.5rem
}

.mt--50 {
    margin-top: 3rem
}

.mb--0 {
    margin-bottom: 0
}

.mb--5 {
    margin-bottom: 0.5rem
}

.mb--10 {
    margin-bottom: 1rem
}

.mb--15 {
    margin-bottom: 1.5rem
}

.mb--20 {
    margin-bottom: 1.25rem
}

.mb--30 {
    margin-bottom: 1.875rem
}

.mb--32 {
    margin-bottom: 2rem
}

.mb--40 {
    margin-bottom: 2.5rem
}

.mb--50 {
    margin-bottom: 3rem
}

.mr--30 {
    margin-right: 1.875rem
}

.pt--5 {
    padding-top: 0.5rem
}

.pt--10 {
    padding-top: 1rem
}

.pt--20 {
    padding-top: 1.25rem
}

.pt--30 {
    padding-top: 1.875rem
}

.pt--32 {
    padding-top: 2rem
}

.pt--40 {
    padding-top: 2.5rem
}

.pb--5 {
    padding-bottom: 0.5rem
}

.pb--10 {
    padding-top: 1rem
}

.pb--20 {
    padding-top: 1.25rem
}

.pb--30 {
    padding-bottom: 1.875rem
}

.pb--32 {
    padding-bottom: 2rem
}

.pl--20 {
    padding-left: 2rem
}

.pl--30 {
    padding-left: 3rem
}

.pl--40 {
    padding-left: 4rem
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
    list-style: none
}

    .bootstrap-datetimepicker-widget.dropdown-menu {
        margin: 2px 0;
        padding: 4px;
        width: 19em
    }

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu::before, .bootstrap-datetimepicker-widget.dropdown-menu::after {
    content: '';
    display: inline-block;
    position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,0.2);
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top::before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,0.2);
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right::before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right::after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

    .bootstrap-datetimepicker-widget a[data-action]:active {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action='incrementHours']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Increment Hours'
}

.bootstrap-datetimepicker-widget .btn[data-action='incrementMinutes']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Increment Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action='decrementHours']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Decrement Hours'
}

.bootstrap-datetimepicker-widget .btn[data-action='decrementMinutes']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Decrement Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action='showHours']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Show Hours'
}

.bootstrap-datetimepicker-widget .btn[data-action='showMinutes']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Show Minutes'
}

.bootstrap-datetimepicker-widget .btn[data-action='togglePeriod']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Toggle AM/PM'
}

.bootstrap-datetimepicker-widget .btn[data-action='clear']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Clear the picker'
}

.bootstrap-datetimepicker-widget .btn[data-action='today']::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: 'Set the date to today'
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

    .bootstrap-datetimepicker-widget .picker-switch::after {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        content: 'Toggle Date and Time Screens'
    }

    .bootstrap-datetimepicker-widget .picker-switch td {
        padding: 0;
        margin: 0;
        height: auto;
        width: auto;
        line-height: inherit
    }

        .bootstrap-datetimepicker-widget .picker-switch td span {
            line-height: 2.5;
            height: 2.5em;
            width: 100%
        }

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget table th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget table th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget table th.disabled, .bootstrap-datetimepicker-widget table th.disabled:hover {
            background: none;
            color: #ccc;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table th.prev::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: 'Previous Month'
        }

        .bootstrap-datetimepicker-widget table th.next::after {
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
            content: 'Next Month'
        }

    .bootstrap-datetimepicker-widget table thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
            background: #eeeeee
        }

    .bootstrap-datetimepicker-widget table td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget table td.cw {
            font-size: 0.8em;
            height: 20px;
            line-height: 20px;
            color: #777777
        }

        .bootstrap-datetimepicker-widget table td.day {
            height: 20px;
            line-height: 20px;
            width: 20px
        }

            .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
                background: #eeeeee;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new {
            color: #777777
        }

        .bootstrap-datetimepicker-widget table td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget table td.today::before {
                content: '';
                display: inline-block;
                border: solid transparent;
                border-width: 0 0 7px 7px;
                border-bottom-color: #337ab7;
                border-top-color: rgba(0,0,0,0.2);
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
            background-color: #337ab7;
            color: #ffffff;
            text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
        }

            .bootstrap-datetimepicker-widget table td.active.today::before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
            background: none;
            color: #ccc;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget table td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px
        }

            .bootstrap-datetimepicker-widget table td span:hover {
                background: #eeeeee
            }

            .bootstrap-datetimepicker-widget table td span.active {
                background-color: #337ab7;
                color: #ffffff;
                text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
            }

            .bootstrap-datetimepicker-widget table td span.old {
                color: #777777
            }

            .bootstrap-datetimepicker-widget table td span.disabled, .bootstrap-datetimepicker-widget table td span.disabled:hover {
                background: none;
                color: #ccc;
                cursor: not-allowed
            }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important
}

.input-group.date .input-group-addon {
    cursor: pointer
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

/*# sourceMappingURL=maps/styles.css.map */


.info-icon {
    background: url('images/site/icon_information.png') no-repeat;
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 3px;
    margin-bottom: 7px;
    vertical-align: middle;
}


.text-bold {
    font-weight: bold;
}

/********************************** Define boxes styles **********************/

.box-bordered {
    border: solid;
    border-color: black;
    border-width: 1px;
    border-collapse: collapse;
}

.box-bottom-bordered {
    border-bottom: solid;
    border-bottom-width: 1px;
}

.box-maxwidth {
    width: 100%;
}

.box1 {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.box2 {
    color: darkgray;
    font-weight: bold;
    font-size: large;
    padding-left: 7px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sign-box:before {
    margin-left: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    content: "X";
    font-weight: bold;
    font-size: larger;
}