/* Skeleton Customizations */
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    color: #464646;
}

.wvp-logo {
    max-width: 100%;
}

.wvp-logo-container {
    float: left;
    width: 60%;
}

.no-screen {
    display: none;
}

.provider-logo-container {
    float: left;
    width: 40%;
}

    .provider-logo-container:after {
        content: "";
        display: table;
        clear: both;
    }

ul {
    list-style-type: disc;
    list-style-position: inside;
}

ol {
    margin-left: 20px;
}

ul ul {
    list-style-type: circle;
    margin-top: .3em;
    font-size: 100%;
}

    ul ul, ul ol, ol ol, ol ul {
        font-size: 100%;
    }

input, textarea, select, fieldset {
    margin-bottom: 0;
}

.tailored-site .public-site-only {
    display: none;
}

.public-site .tailored-site-only {
    display: none;
}


h6 {
    font-size: 2.3rem;
    font-weight: 700;
    margin-bottom: 0;
}

ol {
    list-style-position: outside;
    margin-bottom: 0;
}

ol.content-list {
    padding-left: 16px;
}

    ol.content-list li {
        padding-top: 5px;
    }

.container{
    max-width: 1100px;
}

form.bodyForm {
    margin-bottom: 0;
}

.visit-guide-container .container {
    position: relative;
    width: 100%;
    max-width: 1100px;
}

.visit-guide-container .container .row {
    max-width: 960px;
    margin: 0 auto;
}

    .visit-guide-container .container .row.wide {
        max-width: 1060px;
    }

    .visit-guide-container .container .row.xwide {
        max-width: 1100px;
    }

.visit-guide-container thead {
    display: table-header-group;
}

.visit-guide-container tfoot {
    display: table-row-group;
}

.visit-guide-container tr {
    page-break-inside: avoid;
}

.visit-guide-header-your-childs-guide {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    color: #000;
    font-size: 3rem;
}

.visit-guide-header-your-child-your-visit {
    font-size: 3rem;
}
/*.match-height.row {
    display: table;
}*/
.match-height.row .column, .match-height.row .columns {
    display: table-cell;
    float: none;
}

.no-col-margins .one.column,
.no-col-margins .one.columns {
    width: 4.66666666667%; /* ! */
    margin-left: 0;
}

.no-col-margins .two.columns {
    width: 13.3333333333%; /* ! */
    margin-left: 0;
}

.no-col-margins .three.columns {
    width: 25%;
    margin-left: 0;
}

.no-col-margins .four.columns {
    width: 33.333333333333%;
    margin-left: 0;
    display: table-cell;
    float: none;
}

.no-col-margins .five.columns {
    width: 39.3333333333%; /* ! */
    margin-left: 0;
}

.no-col-margins .six.columns {
    width: 50%;
    margin-left: 0;
}

.no-col-margins .seven.columns {
    width: 56.6666666667%; /* ! */
    margin-left: 0;
}

.no-col-margins .eight.columns {
    width: 63%;
    margin-left: 0;
}

.no-col-margins .nine.columns {
    width: 74.0%; /* ! */
    margin-left: 0;
}

.no-col-margins .ten.columns {
    width: 82.6666666667%; /* ! */
    margin-left: 0;
}

.no-col-margins .eleven.columns {
    width: 91.3333333333%; /* ! */
    margin-left: 0;
}

.no-col-margins .twelve.columns {
    width: 100%;
    margin-left: 0;
}

.one-quarter.column,
.one-quarter.columns {
    width: 22%;
}

.offset-by-one-sixth.column,
.offset-by-one-sixth.columns {
    margin-left: 17.3333333334%;
}

.offset-by-one-one-half.column,
.offset-by-one-one-half.columns {
    margin-left: 13%;
}

.upper {
    text-transform: uppercase;
}

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

/* Margins */
.mt-10 { 
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-10 {
    margin-left: 10px !important;
}

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

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

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

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

/* Padding */
.p-10 {
    padding: 10px !important;
}
.p-15 {
    padding: 15px !important;
}
.p-20 {
    padding: 20px !important;
}
.p-30 {
    padding: 30px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-75 {
    padding-left: 75px !important;
}

.pr-10 {
    padding-right: 10px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-40 {
    padding-right: 50px !important;
}
.pr-50 {
    padding-right: 50px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.ptb-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.ptb-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
}
.ptb-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
}
.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Font Awesome overrides */
.visit-guide-container .fa-square-full {
    background-color: #fff;
}

.visit-guide-container .fa-info-circle::before {
    content: "\f05a";
    color: #3e978b;
    font-size: 1.2em;
}

.visit-guide-container .row.share-buttons .fa-info-circle::before {
    content: "\f05a";
    color: #fff;
    font-size: 1.2em;
}

.row.share-buttons .side-button {
    display: inline-block;
    width: 300px !important;
}

.row.share-buttons .middle-button {
    display: inline-block;
    width: 450px !important;
    margin: 0 20px;
}

@media (max-width: 849px) {
    .row.share-buttons .middle-button {
        margin: 0 0 12px 0 !important;

    }
}

.visit-guide-container .fas.fa-circle.fa-xs {
    font-size: .4em;
}

.visit-guide-container .fa-comment {
    color: #fff;
}

/* Lists */
.visit-guide-container ul {
    list-style: initial;
    margin-left: 50px;
}

/* General */
body {
    font-family: 'Open Sans', sans-serif;
    line-height: 1.4;
}

p {
    margin-bottom: 1.5rem;
}

    p.p-green {
        color: #009020;
        font-weight: bold;
    }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

.button.button-primary.save-jpg-button {
    font-size: 1.4em;
}

a.button:hover, a.button-primary:hover {
    text-decoration: none;
}

.button-secondary {
    background-color: #eee;
}

.button-secondary:hover {
    background-color: #dedede;
}

    .button-secondary.button-dark {
        background-color: #464646;
        color: #fff;
    }

        .button-secondary.button-dark:hover {
            background-color: #5e5e5e;
        }

ul {
    margin-bottom: 1rem;
}

ul.fa-ul {
    margin-left: 3.5em;
}

.intro-text li {
    /*list-style-type: none;*/
    font-size: 1.1em;
}

li {
    margin-bottom: .2rem;
}

span.green {
    color: #268d44;
    font-weight: bold;
}

.gold {
    color: #e3c461;
}

span.green-normal {
    color: #268d44;
    font-weight: normal;
}

span.clear {
    display: block;
    clear: both;
    width: 1px;
    height: 0.001%;
    font-size: 0px;
    line-height: 0px;
}

.logo {
    width: 300px;
}

.section.header .four.columns.language-dropdown {
    width: 42%;
    margin-left: 0;
}

.section.header .header.eight.columns {
    width: 58%;
}

.language-dropdown {
    display: block;
    text-align: left;
    width: 100%;
    margin-top: 20px;
}

    .language-dropdown select {
        width: 100%;
    }

.header-tagline {
    font-weight: 700;
    font-size: 1em;
    color: #268d44;
}

.container {
    width: 95%;
}



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

input[type="text"]:disabled {
    background-color: lightgray;
}

.button-row {
    margin-top: 10px;
}

h1 {
    color: #268d44;
    /*font-size: 3rem;*/
    font-size: 2.4rem;
    line-height: 1.5;
    letter-spacing: -.05rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.login-register-container {
    min-height: 400px;
}

h5 {
    color: #268d44;
    font-size: 2.2rem;
    font-weight: 400;
    margin-bottom: 10px;
}

/*h5.page-title {
    color: #268d44;
}*/

h3.page-title.questionnaire {
    font-weight: 500;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    color: #268d44;
    font-size: 24px;
}

a, a:hover {
    color: #268d44;
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
    background-color: #299f4b;
    border-color: #299f4b;
}

.button.button-back:hover, button.button-back:hover, input[type="submit"].button-back:hover, input[type="reset"].button-back:hover, input[type="button"].button-back:hover, .button.button-back:focus, button.button-back:focus, input[type="submit"].button-back:focus, input[type="reset"].button-back:focus, input[type="button"].button-back:focus {
    /*background-color: #a5dea7;
    border-color: #a5dea7;*/
}

.button:disabled, .button[disabled] {
    background-color: #aaa;
    border-color: #aaa;
}



input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #268d44;
}

/* Intro */
.intro-container .intro-indent.offset-by-two.columns {
    margin-left: 19.8%;
}

.intro-container .intro-indent.four.columns {
    width: 28.6%;
}

.intro-container ol {
    list-style-position: outside;
}

.intro-container .question-group {
    padding: 10px 25px 10px 35px;
}

.intro-provider-id {
    background-color: #eee;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px;
}

    .intro-provider-id label {
        margin-right: 10px;
        margin-left: 3px;
    }

/* Secti
/* Section */
.section.header {
    padding: 2rem 0 2rem 0;
}

.section.main-top {
    min-height: 5px;
    background-color: #737a60;
}

.section.main {
    margin-top: 20px;
    margin-bottom: 20px;
}

.section.home {
    background-color: #fff;
    color: #464646;
    padding: 2rem 0;
}

    .section.home .row.intro {
        text-align: center;
    }

    .section.home .row.language-selection {
        text-align: center;
        padding: 20px 0 0 0;
    }

.section.lower {
    padding: 20px 0;
}


.section.footer {
    font-size: .8em;
    text-align: center;
    background-color: #eee;
    padding: 20px 0;
}

    .section.footer .row-logo {
        margin-top: 1rem;
    }

.row.steps {
    margin-bottom: 20px;
    /* text-align: center; */
}

.row.login-notes {
    text-align: center;
}



/* Buttons */
.button-large {
    padding: 0 60px;
}

.button-xlarge {
    padding: 0 80px;
}

.button-info {
    background-color: #f0c517;
}

.button-back {
    background-color: #33C3F0;
    border-color: #33C3F0;
}

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
    background-color: #268d44;
    border-color: #268d44;
    padding: 0 30px;
    /*line-height: 34px;
    font-size: 14px;*/
}

.visit-guide-container .button.button-primary {
    padding: 0 5px;
}

.button.button-back, button.button-back, input[type="submit"].button-back, input[type="reset"].button-back, input[type="button"].button-back {
    background-color: #bfdcc0;
    border-color: #bfdcc0;
}

/* Home */
div.get-started-now {
    text-align: center;
    border-left: 2px solid #106031;
    padding-left: 20px;
}

div.login-as-guest {
    padding-top: 200px;
}

.get-started-now .icon-text {
    text-align: left;
    padding-left: 10px;
    color: #444;
}

.icon-text.no-padding {
    padding: 0;
}

.reflect .icon-text {
    text-align: center;
    letter-spacing: .1em;
    font-weight: bold;
    margin-top: 10px;
    color: #444;
}

span.get-started-help {
    font-size: .9em;
    display: block;
}

div.step-container {
    border: 1px solid #268d44;
}

span.step-text-top {
    font-size: 1em;
    display: block;
    text-align: center;
    padding: 0 0 5px 0;
    background-color: #268d44;
    color: #fff;
}

span.step-text {
    font-size: 1em;
    display: block;
    text-align: center;
    padding: 5px 0 0 0;
}

div.intro-text p {
    font-size: 1.1em;
}

/* Default */
p.sectionText,
div.sectionText {
    font-weight: bold;
}

/* Nav */
.section.nav {
    background-color: #eee;
}

.nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eee;
}

.nav li {
    float: left;
    margin-bottom: 0;
    border-left: 1px solid #fff;
}

    .nav li.long-menu-item {
        /*width: 24%;*/
}

    .nav li:last-child {
        border-right: 1px solid #fff;
    }


    .nav li a {
        display: block;
        color: #444;
        text-align: center;
        padding: 10px 15px;
        text-decoration: none;
    }

    .language-1 .nav li a{
        padding: 10px 38px;
    }

        .nav li a:hover, .nav li a.active {
            background-color: #268d44;
            color: #fff;
        }



/*styling open close button*/
.nav-button {
    display: inline;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    font-size: 30px;
}

    .nav-button a {
        text-decoration: none;
    }


/* Notification Bar */
.section.notification-bar {
    background-color: #268d44;
    color: #ececec;
    font-size: 1em;
    padding-left: 15px;
    padding: 3px 0 3px 15px;
    font-weight: 600;
}

.notification-bar .row {
    max-width: 1070px;
    margin: 0 auto;
    padding: 5px 10px;
}

.notification-bar a {
    color: #fff;
}

.notification-bar .notifcation-message {
    width: 100%;
    /*float: left;*/
    text-align:center;
}

/*.notification-bar .notification-provider {
    width: 30%;
    float: right;
    text-align: right;
}*/

.notification-bar::after {
    display: table;
    content: '';
    clear: both;
}

.btn-open:after {
    color: #f4421a;
    content: "≡";
    font-family: "responsivenav", sans-serif;
    transition-property: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.btn-open:hover:after {
    color: #34B484;
}

.btn-close:after {
    color: #fff;
    content: "x";
    font-family: "responsivenav", sans-serif;
    transition-property: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -webkit-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
}

.btn-close:hover:after {
    color: #34B484;
}

button.close {
    font-size: 28px;
    margin-right: 20px;
}

/*overlay*/
.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 60%;
    background: #ccc;
    overflow: auto;
    z-index: 99;
}

.wrap {
    color: #ccc;
    text-align: center;
    max-width: 90%;
    margin: 0 auto;
}

.mobile-nav-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 7rem;
}

.mobile-nav-container li {
    margin-bottom: 0;
}

    .mobile-nav-container li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }

        .mobile-nav-container li a.active {
            background-color: #4CAF50;
            color: white;
        }

        .mobile-nav-container li a:hover:not(.active) {
            background-color: #555;
            color: white;
        }

/* Callouts */
/*
.callout {
    border: 1px solid #ccc;
    height: 100px;
}

.callout-container a {
    color: #000;
}

.callout .callout-image {
    width: 43%;
    float: left;
}

.callout .callout-body {
    width: 57%;
    float: left;
    padding: 15px 0;
    font-size: .9em;
}

    .callout .callout-body .callout-content {
        padding: 0 10px;
    }
    */

/*Edited 10/1/2021*/
.callout {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    background-color: white;
    min-height: 412.81px;
}

.callout .callout-body {
    text-align: center;
    padding: 10px;
}

.callout .callout-content {
    padding: 5px 10px;
    color: #000;
}

.callout .callout-button {
    border: 2px solid #268d44;
    background-color: #dae5db;
    color: #268d44;
    font-weight: bold;
    border-radius: 5px;
    padding: 5px;
    display: inline-block;
    margin: 10px;
}



/* Forms */
.form-container {
}

label {
    display: inline;
}

/* Progress Bar*/
/*#progressbar {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 9px;*/ /* (height of inner div) / 2 + padding */
    /*padding: 3px;
}

    #progressbar > div {
        background-color: #beda77;
        height: 12px;
        border-radius: 10px;
    }

#progress-text {
    font-weight: bold;
}*/

/* Progress Bar v2 */
.progress-bar-container {
    width: 100%;
    margin-bottom: 10px;
}

    .progress-bar-container .progressBar {
        background-color: #57ba5b;
        padding: 3px 10px;
        font-size: 1.2em;
    }

    .progress-bar-container:after {
        content: "";
        display: table;
        clear: both;
    }

    /*.progress-bar-container.intro-progress .progressBar {
        background-color: #f7f7f7;
        color: #000;
    }*/

.progressBar {
    min-width: 25px;
}

/* Radio & Check Boxes */
input[type="checkbox"] {
    margin-bottom: 0;
}

/*input[type="checkbox"],
input[type="radio"] {
    width: 16px;
    height: 16px;
}

input[type="radio"] {
    margin-top: -4px;
    vertical-align: middle;
}*/

.radio label, .checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    /*width: 80%;*/
    /*font-size: 13px;*/
    font-weight: normal;
}

.intro-container .radio label,
.intro-container .checkbox label {
    display: block;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
    display: none;
}

.radio label:before,
.checkbox label::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #fff;
    border: 1px solid #9f9f9f;
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}

.radio label:before {
    border-radius: 8px;
}
    
.checkbox label {
    margin-bottom: 10px;
}

    .checkbox label:before {
        border-radius: 3px;
    }



.priorities-container .checkbox label {
    margin-bottom: 0;
    font-weight: 500;
}

.priorities-container .priority-desc {
    margin-bottom: 10px;
    margin-left: 26px;
}

.priorities-container a {
    text-decoration: underline;
}

.priorities-container a:hover {
    text-decoration: none;
}


.priorities-container .instructionsText {
    background-color: #eee;
    padding: 10px;
}

.radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #268d44;
    background-color: #268d44;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

.checkbox input[type=checkbox]:checked + label:before {
    content: "\2714";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 17px;
    color: #268d44;
    text-align: center;
    line-height: 15px;
}

/* Modal */
.remodal-body {
    text-align: left;
}

/* Bootstrap Modal */
.modal {
    text-align: center;
    padding: 0 !important;
}

.modal-header .close {
    margin-top: -2px;
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    font-size: 28px;
    color: #000;
    padding: 0 10px;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 20%;
    vertical-align: middle;
    margin-right: -4px;
}

#feedbackModal.modal::before {
    height: 15%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#email.modal input[type="text"] {
    margin-bottom: 10px;
}

#email.modal label {
    display: inline;
    padding-left: 10px;
}

#email.modal .checkbox input[type=checkbox] {
    display: inline;
}

#email.modal:before,
#email.modal label:before {
    content: none;
}

.modal-body p, .modal-body td {
    word-wrap: break-word;
    word-break: break-word;
}

button.close {
    margin-right: 10px;
}

/* Topics Modal*/
#printAndSaveundefined {
    position: absolute;
    top: 5px;
    right: 0;
    display: block;
    overflow: visible;
    width: 240px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    border: 0;
    color: #268d44;
    outline: 0;
    background: transparent;
}

.topic-table {
    line-height: 1.3em;
    margin-top: 15px;
}

    .topic-table th,
    .topic-table td.topic-header {
        background-color: #268d44;
        color: #fff;
        vertical-align: top;
        padding-left: 2rem;
        font-weight: normal;
        min-width: 8rem;
    }

/* Questionnaire */
.question-container {
    /*margin-top: 10px;*/
}

    .question-container table {
        margin-bottom: 0;
    }

    .question-container input,
    .question-container textarea,
    .question-container select,
    .question-container fieldset {
        margin-bottom: 0;
    }

    .question-container .text-integer {
        width: 50px;
    }

    .question-container div.questionText,
    .question-container div.radio {
        margin-bottom: 0;
    }

    .question-container .dependencyA,
    .question-container .dependencyB {
        padding-left: 20px;
    }

    .question-container .questionText select {
        margin-left: 10px;
    }

.questionnaire-privacy-statement {
    font-size: .9em;
    font-style: italic;
    padding-left: 10px;
    margin-top: 5px;
    color: #268d44;
}

.sectionInstructions {
    margin-bottom: 15px;
    font-weight: 600;
}

/* Priorities */
.priorities-container p.sectionText {
    margin-bottom: 5px;
}

p.sectionText {
    margin-top: 10px;
}

.priorityText label,
.priorityText span {
    display: block;
    float: left;
    width: 80%;
    margin-right: 0;
}

.infoIcon {
    display: block;
    float: left;
    width: 10%;
}

.info-icon-modal .modal-header {
    border-bottom: none;
}

.modal .print-and-save {
    text-align: center;
}

/* Miscellaneous */
.consent-body {
    text-align: left;
    overflow-y: scroll;
    max-height: 200px;
    border: 1px solid#ccc;
    padding: 20px;
}

.consent-container {
    margin-top: 15px;
}

.error {
    color: red;
}

.checkboxlist th, .checkboxlist td {
    padding: 0;
    border-bottom: none;
}

.radiobuttonlist th, .radiobuttonlist td {
    padding: 0 20px 0 0;
    border-bottom: none;
}

.radiobuttonlist td {
    vertical-align: top;
}

.radioTable th, .radioTable td {
    padding: 0;
    border-bottom: none;
}

.instructionsText {
    margin-top: 10px;
}

/* Intro Page */
.well-visit-date-age-alerts {
    color: #2643d0;
    font-weight: bold;
    margin-bottom: 10px;
}

.error-list {
    border: 1px solid #ff0000;
    padding: 15px;
    margin-bottom: 10px;
}

.success-list {
    border: 1px solid #006400;
    padding: 15px;
    margin-bottom: 10px;
}

input.error,
select.error {
    border: 1px solid #ff0000;
    color: #000;
}

/* Educational Materials */
ul.education-materials-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 235px;
    background-color: #f1f1f1;
    border: 1px solid #555;
    float: left;
    margin-right: 5px;
}

    ul.education-materials-list li a {
        display: block;
        color: #000;
        text-decoration: none;
        height: 100%;
        padding: 0 16px;
    }

    ul.education-materials-list li {
        text-align: center;
        border-bottom: 1px solid #555;
        margin-bottom: 0;
    }

.education-materials-container.sheets-by-topic ul.education-materials-list li {
    height: 110px;
}

    .education-materials-container.sheets-by-topic ul.education-materials-list li a i {
        padding: 12px 0 8px 0;
    }

    

    ul.education-materials-list li:last-child {
        border-bottom: none;
    }

        ul.education-materials-list li a.active {
            background-color: #4CAF50;
            color: white;
        }

        ul.education-materials-list li a:hover:not(.active) {
            background-color: #4CAF50;
            color: white;
        }

.education-materials-container.sheets-by-age ul.education-materials-list li a {
    padding: 12px 0;
}

/* Visit Guide */

.visit-guide-buttons .button, .visit-guide-buttons button {
    padding: 0 20px;
}

.visit-guide-container table {
    margin-bottom: 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.visit-guide-container th,
.visit-guide-container td {
    padding: 0;
    border: none;
}

#divFeedback table label {
    display: inline;
}

#divFeedback table th,
#divFeedback table td {
    padding: 0;
}

#divFeedback {
    display: none;
}

.button.tell-us {
    /*background-color: #888;
    border-color: #888;*/
    padding: 5px 10px;
    height: auto;
    line-height: initial;
}

.fq-options label {
    margin-right: 20px;
    margin-left: 3px;
    font-weight: normal;
}

.fq-options textarea {
    width: 80%;
}
 
.provider-logo {
    max-height: 165px;
    max-width: 100%;
    vertical-align: middle;
}

span.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.cahmi-logo {
    margin-top: 20px;
}

.box-header {
    font-weight: 700;
    margin-bottom:  0;
}

/* Added v2 Visit Guide */
.visit-guide-container h1 {
    color: #3e978b;
}

.visit-guide-container .button.button-primary {
    /*background-color: #3e978b;
    border: 2px solid #fff;*/
    width: 100%;
    box-shadow: 0px 0px 8px 1px #999;
    -webkit-box-shadow: 0px 0px 8px 1px #999;
    -moz-box-shadow: 0px 0px 8px 1px #999;
    height: auto;
}

.button.button-primary.button-override {
    background-color: #3e978b;
    border: 2px solid #fff;
    box-shadow: 0px 0px 8px 1px #999;
    -webkit-box-shadow: 0px 0px 8px 1px #999;
    -moz-box-shadow: 0px 0px 8px 1px #999;
    height: auto;
}

.screening-tools-container {
    margin-left: 5px;
    padding-bottom: 5px;
}

    .screening-tools-container p {
        font-weight: normal;
    }

.dark-bg-box {
    background-color: #6b7b8e;
    color: #fff;
    -webkit-print-color-adjust: exact;
}

.light-bg-box {
    background-color: #e9e9e9;
    /*padding: 5px 15px 10px 15px;*/
    -webkit-print-color-adjust: exact;
}

.light-bg-box a {
    color: #000;
}


.green-bg-box {
    background-color: #ccedd2;
    padding: 5px 15px 10px 15px;
    -webkit-print-color-adjust: exact;
}

.yellow-bg-box {
    background-color: cornsilk;
    padding: 5px 15px 10px 15px;
    -webkit-print-color-adjust: exact;
}

.swyc-box {
    margin: 20px 0;
    padding: 15px 0px 10px 0px;
    background-color: #ffeeb0;
    /*border: 2px solid #222;*/
}

.border-grey-3 {
    border: 3px solid #8d93ab;
}

.border-green-2 {
    border-left: 2px solid #268c44;
    border-right: 2px solid #268c44;
    border-bottom: 2px solid #268c44;
}


.box-step {
    background-color: #3e978b;
    -webkit-print-color-adjust: exact;
    padding: 10px 12px 10px 12px;
    margin-right: 20px;
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff;
}

.your-guide-includes-container {
    background-color: #ccedd2;
    -webkit-print-color-adjust: exact;
    padding: 20px;
}

.sectionNumberContainer .sectionDescription {
    padding: 15px 0;
    /*margin-left: 40px;*/
}

.buttons-instructions-container {
    /*box-shadow: 0px -1px 12px 5px #ececec;
    -webkit-box-shadow: 0px -1px 12px 5px #ececec;
    -moz-box-shadow: 0px -1px 12px 5px #ececec;*/
    border: 1px solid #ccc;
}

.resource-title {
    color: #000;
    font-weight: bold;
}

a.resource-link {
    color: #268D44;
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.circle-section-1-2 {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff;
    /*display: flex;*/
    height: 30px;
    justify-content: center;
    width: 30px;
    margin: 20px 0px 0px 20px;
}


.circle {
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff;
    display: flex;
    height: 30px;
    width: 30px;
    margin: 15px 0px 0px 25px;
    
}

.circle-val {
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    padding: 2px 10px;
}

/* V3 Visit Guide */
.visit-guide-container.vg3 table.fullSummaryBulletItem tr {
    margin-bottom: 3px;
    display: block;
}

.visit-guide-container.vg3 .section1-2 .five.columns {
    width: 40.3333333333%;
}

.visit-guide-container.vg3 .section1-2 .seven.columns {
    width: 57.6666666667%;
}

.visit-guide-container.vg3 .section1-2 .column,
.visit-guide-container.vg3 .section1-2 .columns {
    margin-left: 2%;
}

.visit-guide-container.vg3 legend span {
    padding-top: -10px;
    margin-top: -30px;
    margin-left: 50px;
    display: block;
}

.visit-guide-container.vg3 .vg-header h1 {
    color: #4ca165;
    font-style: italic;
    margin-bottom: 4px;
}

.visit-guide-container.vg3 a {
    text-decoration: underline;
    color: #268c44;
}

.visit-guide-container.vg3 a:hover {
    text-decoration: none;
}

.visit-guide-container.vg3 .button {
    border-radius: 0;
    box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
    line-height: 16px;
    padding: 7px 0;
    text-decoration: none;
    color: #fff;
}

.visit-guide-container.vg3 a.back-button {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

    .visit-guide-container.vg3 a.back-button:hover {
        font-weight: 700;
        color: #000;
        text-decoration: underline;
    }

.visit-guide-container.vg3 .button.button-primary {
    border-radius: 0;
    box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 3px 0px rgb(0 0 0 / 20%);
}

.visit-guide-container.vg3 a.feedback-link-top.button.button-primary {
    width: 220px;
}

.visit-guide-container.vg3 .button.button-primary {
    font-size: 1.3rem;
}

.visit-guide-container.vg3 .vg-header p.provider-url {
    font-size: 1.6rem !important;
    margin-bottom: 8px !important;
}

.visit-guide-container.vg3 .child-header {
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

    .visit-guide-container.vg3 .child-header .child-information {
        display: inline-block;
        padding: 0 2%;
    }

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

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

.resource-reminder {
    font-weight: bold;
    font-style: italic;
    margin: 0 10%;
    text-align: center;
}


.visit-guide-container.vg3 .yellow-bg-box {
    background-color: #ffeeb0;
    padding: 0;
}

.visit-guide-container.vg3 .yellow-bg-box .subSectionHeader .subCategoryHeader {
    padding: 10px 65px;
}

.checkbox-item {
    font-weight: bold;
    text-decoration: underline;
}

.visit-guide-container.vg3 fieldset {
    border: 2px solid #268c44;
    padding: 15px;
}



.visit-guide-container.vg3 fieldset legend {
    padding: 0 10px;
    font-weight: 700;
}

.visit-guide-container.vg3 .sectionNumberContainer .one.columns {
    width: 60px;
}

.visit-guide-container.vg3 .sectionNumberContainer .ten.columns,
.visit-guide-container.vg3 .sectionNumberContainer .nine.columns {
    width: calc(100% - 100px);
}

.sectionDescription.ten.columns,
.sectionDescription.nine.columns {
    margin-left: 10px;
}
/*.visit-guide-container.vg3 .sectionNumberContainer .nine.columns {
    width: calc(100% - 100px);
}
*/
    /*@media (min-width: 550px) {
        .visit-guide-container.vg3 .sectionNumberContainer .one.columns {
            width: 3%;
        }
    }*/

    .vg3 .buttons-instructions-container {
    -webkit-box-shadow: initial;
    border: 2px solid #268d44;
}

/* Legacy Visit Guide*/
.subSectionHeader {
    /*margin: 0px 5px;*/
    font-weight: bold;
    text-decoration: underline;
}

.subCategoryHeader {
    font-weight: bold;
}


.bulletTitle {
    font-size: 1.2em;
    font-weight: 600;
}

.bulletSubTitle {
    font-style: italic;
}

/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 280px;
        background-color: #d9ecf2;
        border-top: 5px solid #8d93ab;
        color: #000;
        text-align: left;
        /*border-radius: 6px;*/
        padding: 10px 10px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -150px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/* Dashboard */
.child-container .table-list-children {
    padding: 0 18px;
    width: 100%;
}

.child-container table.table-list-children th:first-child,
.child-container table.table-list-children td:first-child {
    padding-left: 30px;
}

.account-action-container {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.no-surveys-started {
    margin: 10px 0 0 30px;
}

.isa_error {
    border: 1px solid #ff0000;
    padding: 5px;
    margin-bottom: 10px;
    color: #ff0000;
    /* font-weight: bold; */
}

    .isa_error ul {
        margin-bottom: 0;
    }

.isa_success {
    border: 1px solid #4CAF50;
    padding: 5px;
    margin-bottom: 10px;
    color: #4CAF50;
    /* font-weight: bold; */
}

    .isa_success ul {
        margin-bottom: 3px;
    }

.error-notice {
    border: 1px solid #ff0000;
    padding: 5px;
    margin-bottom: 10px;
    color: #ff0000;
}

    .error-notice ul {
        margin-bottom: 3px;
    }

a.modal-footer-cancel {
    margin-right: 20px;
}

/* Accordion */
/* Style the buttons that are used to open and close the accordion panel */
.child-container button.accordion {
    background-color: #eee;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 16px;
    color: #268d44;
    text-transform: none;
    margin-bottom: 0;
    margin-top: 1rem;
    border-radius: 4px 4px 0 0;
}

.child-container .accordion:after {
    content: "\02795"; /* Unicode character for "plus" sign (+) was \02795 - 20211108 switched back to symbols from View more/View less*/
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.child-container .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) was \2796 */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.child-container .active, .accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.child-container .panel {
    /*padding: 0 18px;*
    background-color: white;
    /*max-height: 0;*/
    /*overflow: hidden;*/
    transition: max-height 0.2s ease-out;
    display: none;
    border: 1px solid #eee;
    margin-bottom: 1rem;
}

table.table-list-children {
    margin-bottom: 0;
}

a.start-new-survey {
    margin-top: 10px;
}

/* Navigation */
ul.navigation {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 200px;
    background-color: #f1f1f1;
    border: 1px solid #555;
}

    ul.navigation li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
    }

    ul.navigation li {
        text-align: center;
        border-bottom: 1px solid #555;
        margin-bottom: 0;
    }

        ul.navigation li:last-child {
            border-bottom: none;
        }

        ul.navigation li a.active {
            background-color: #4CAF50;
            color: white;
        }

        ul.navigation li a:hover:not(.active) {
            background-color: #555;
            color: white;
        }

.create-terms label {
    font-weight: normal;
    margin-left: 3px;
}


a.feedback-link-top.button.button-primary {

    width: 250px;
    height: 38px;
    padding-top: 8px;
}

.section-content {
    padding: 0 8px;
}

.section-content-partial .content-list,
.section-content .content-list {
    margin-left: 30px;
}

#section1 .card-body.light-bg-box .section-content,
#section2 .card-body.light-bg-box .section-content,
#section3 .card-body.light-bg-box .section-content,
#section4 .card-body.light-bg-box .section-content,
#section5 .card-body.light-bg-box .section-content,
#section6 .card-body.light-bg-box .section-content,
#section7 .card-body.light-bg-box .section-content,
#section8 .card-body.light-bg-box .section-content,
#section9 .card-body.light-bg-box .section-content {
    padding: 0px 20px 10px 20px;
}

.section-content-partial {
    padding: 0px 20px 10px 20px;
}

.section .card-body.light-bg-box .fa-ul,
.section .card-body.light-bg-box .fa-ul {
    margin-left: 1.5em;
}

.section-instructions {
    padding: 15px 20px 0px 20px;
    margin-bottom: 10px;
}

.section-footer-ul {
    padding: 15px 20px 10px 20px;
    font-weight: 600;
    text-decoration:underline;
    margin-bottom: 10px;
}

.section-footer {
    padding: 15px 20px 10px 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.section ul ul, ul ol, ol ol, ol ul {
    margin: 0;
}


@media screen {
    .noview {
        display: none;            
    }
}



/* Responsive */
/* Not Bigger than 550 - Phablet*/
@media screen and (max-width: 550px) {
    div .get-started-now {
        text-align: center;
        border-left: none;
        padding-left: 0;
    }

    div.login-as-guest {
        padding-top: 0;
    }

    .wrap ul.wrap-nav > li {
        width: 100%; color: 
        padding: 20px 0;
        border-bottom: 1px solid #575757;
    }

    .wrap ul.wrap-nav {
        padding: 30px 0px 0px;
    }

    .nav-button {
        display: block;
    }

    .nav-menu {
        display: none;
    }

    .callout {
        margin-bottom: 10px;
    }

    .steps .offset-by-one-one-half {
        margin-left: 0;
    }

    .radiobuttonlist td {
        display: block;
    }

    .step-container {
        max-width: 300px;
    }

    .section.home .two.columns {
        width: 30%;
        margin-right: 3%;
    }

    .get-started-now .three.columns {
        height: 220px;
    }

    span.step-text {
        font-size: .8rem;
    }

    /* General */
    /*.container {
        width: 100%;
    }*/

    /* Intro mobile */
    .intro-container .intro-indent.offset-by-two.columns {
        margin-left: 5%;
    }

    .intro-container .intro-indent.four.columns {
        width: 100%;
    }

    .intro-container .columns ol {
        margin-bottom: 0;
    }


    .intro-container .u-full-width {
        width: 95%;
        box-sizing: border-box;
    }

    .sectionNumberContainer .sectionDescription {
        padding: 15px 0;
        margin-left: 0;
    }

    .sectionNumberContainer .one.columns {
        width: 15%;
    }

    .sectionNumberContainer .ten.columns {
        width: 85%;
    }

    .tooltip {
        display: block;
    }

    .row.share-buttons .side-button {
        width: 100% !important;
    }

    .row.share-buttons .middle-button {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {
    .nav-button {
        display: block;
    }

    .nav-menu {
        display: none;
    }

    div.education-materials-container ul.education-materials-list:last-child {
        border-top: none;
    }

    .provider-logo {
        float: none;
    }

    .get-started-now .three.columns{
        width: 45%;
        height: 250px;
        margin-left: 3%;
    }

    .get-started-now .icon-text.no-padding {
        padding-left: 10px;
    }
}
/* Bigger than 481 - Mobile */
@media (min-width: 481px) {
    .section.header {
        padding: 2rem 0 3rem 0;
    }

    
}
/* Bigger than 550 - Phablet */
@media (min-width: 550px) {
}
/* Bigger than 750 - Tablet */
@media (min-width: 768px) {
    .language-dropdown {
        display: block;
        text-align: right;
        margin-top: 0;
            
    }

        .language-dropdown select {
            width: 50%;
        }

    .nav-button {
        display: none;
    }

    .overlay {
        display: none !important;
    }
}
/* Bigger than 1000 - Desktop */
@media (min-width: 1000px) {

    /* About */
    .stepImage {
        float: left;
        width: 15%;
    }

    .stepText {
        float: left;
        width: 85%;
    }
        
}

@media (max-width: 750px) {
    .callout-container .one-third.column {
        width: 100%;
        margin-left: 0;
    }

    .callout {
        max-width: 400px;
        margin: 0 auto 20px auto;
    }

    .visit-guide-container.vg3 .five.columns.section-one,
    .visit-guide-container.vg3 .seven.columns.section-two,
    .visit-guide-container.vg3 .section1-2 .five.columns {
        width: 100%;
    }

    /*.card-body .pl-75 {
        padding-left: 0 !important;
    }

    .card-body .pr-50 {
        padding-right: 0 !important;
    }
    
    .card-body .subSectionHeader {
        padding-left: 0 !important;
    }*/
}

@media (max-width: 1160px) {
    .callout {
        height: 125px;
    }

        .callout .callout-body {
            padding-top: 5px !important;
        }
}
/* Bigger than 1200 - Desktop HD */
@media (min-width: 1000px) {
}
/* Bigger than 1500 */
@media (min-width: 1500px) {
    #divFeedback {
        display: block;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 800px;
    }

        #login .modal-dialog,
        .modal-dialog.modal-small {
            width: 500px;
        }

    #feedbackModal .modal-dialog {
        width: 700px;
    }

    .modal-dialog.modal-size-small {
        width: 600px;
    }

        
}
/* Larger than tablet */
@media (max-width: 767px) {
    .callout-container .one-third.column {
        width: 100%;
        margin-left: 0;
    }

    .callout {
        max-width: 400px;
        margin: 0 auto 20px auto;
    }

    .section.header .header.eight.columns {
        width: 80%;
    }
}

@media (max-width: 900px) {
   /* a.feedback-link-top {
        display: none;
    }*/
}

   /* @media (min-width: 900px) {
        a.feedback-link-top {
            display: block;
            position: absolute;
            top: 140px;
            right: 20px;
        }
    }
    @media (min-width: 1050px) {
        a.feedback-link-top {
            display: block;
            position: absolute;
            top: 190px;
            right: 20px;
        }
    }*/

    @media (max-width: 1160px) {
        .callout {
            height: 125px;
        }

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

span.edit-remove-child {
    font-size: .8em;
    color: #777;
    margin-left: 5px;
}

.edit-remove-child a {
    font-size: 1em;
    color: #777;
}


/* Edits made by DB */
/* Homepage */

div.green-box {
    margin: 30px 0 15px 0;
}

.green-box p {
    margin: 0;
}

.three-easy-steps-list .eight {
    width: 65%;
    margin: auto;
}
.three-easy-steps-list ol {
    margin-left: 20px;
    list-style-position: outside;
    margin-bottom: 0;
}

.hp-1-2-3-steps-blocks {
    text-align: center;
}

.hp-1-2-3-steps-blocks .columns {
    margin: 1.2%;
}

.hp-1-2-3-steps {
    width: 100%;
    height: auto;
}

.print-save-upload-email {
    text-align: left;
    padding-top: 30px;
}

.print-save-upload-email-icon {
    max-height: 50px;
    
}

.share-wvp {
    padding-top: 10px;
    max-width: 1060px;
}

.share-wvp-item {
    display: inline-block;
    height: 40px;
    padding: 30px 25px 30px 10px;
}

.share-wvp-border {
    border: 1px solid #268d44;
    display: inline-block;
    position: relative;
}

.share-wvp-border p {
    position: absolute;
    background-color: white;
    top: -15px;
    left: 10px;
    padding: 3px 8px 3px 8px;
}




.share-wvp-borderless {
    display: inline-block;
}

.get-started-now-wrap .eight {
    width: 65%;
    margin: auto;
}

div.get-started-now {
    border-left: none;
    padding-left: 0;
}

div.login-as-guest {
    padding-top: 0px;
    padding-bottom: 50px;
}

.wvp-banner-img {
    max-width: 1100px;
    height: auto;
}

.welcome {
    position: relative;
}

.wvp-banner-text {
    max-width: 560px;
    position: absolute;
    top: 0;
    /*padding: 20px;*/
    padding-left: 0px;
    text-align: left;
}

.wvp-banner-text h5 {
    color: #444;
    font-size: 3rem;
    margin-bottom: 0;

}

.wvp-banner-text h1 {
    font-size: 4.5rem;
    margin-bottom: 0;
}

.wvp-banner-text p {
    margin: 10px 0;
}

@media (max-width: 549px) {
    .wvp-banner-img {
        display: none;
    }

    .wvp-banner-text {
        max-width: 500px;
        position: static;
        top: 10px;
        padding: 20px;
        padding-left: 0px;
        text-align: left;
    }

    .wvp-banner-text h1 {
        font-size: 4rem;
    }
}

.welcome > .action-text {
    font-size: 2.5rem;
    padding: 20px 20px 20px 0;
}

#pTailoredDesc {
    font-size: 2rem;
    font-weight: bold;
}

.light-green-box {
    background: #dae5db;
    padding: 20px;
    -webkit-print-color-adjust: exact;
}

.dark-green-box {
    background: #477e4a;
    color: #fff;
    -webkit-print-color-adjust: exact;
}

.gold-box {
    background: #e3c461;
}

.footer-green-box {
    background: #dae5db;
    -webkit-print-color-adjust: exact;
}

.med-gray-bg-box {
    background-color: #DCDCDC;
    -webkit-print-color-adjust: exact;
}

.card.light-grey-box {
    background: #e9e9e9;
    padding: 12px 12px 3px 12px;
    -webkit-print-color-adjust: exact;
}

.light-green-box p {
    margin: 0;
}

.what-is-wvp li {
    list-style: none;
    padding-left: 20px;
}

.dark-bg {
    background-color: #464646;
    -webkit-print-color-adjust: exact;
    color: #fff;
}

    .dark-bg a {
        color: #e3c461;
    }

.card {
    padding: 0px;
}

.card .card-title {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}

    .card.dark-bg .button-primary {
        background-color: #e3c461;
        color: #464646;
        background-image: none;
        border-color: #e3c461;
    }

.cta {
    padding: 70px 0;
}

.cta-left {
    text-align: left;
    border: 1px solid #268d44;
    padding: 20px;
    margin: 20px 0;
}

.cta-left p {
    margin-bottom: 0;
}

.cta-left li {
    list-style: none;
}

.login-as-guest .button,
.create-family-account .button {
    font-size: 16px;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    font-weight: bold;
}

.cahmi_logo_fullcolor {
    max-width: 450px;
    width: 100%;
    height: auto;
}

.section.lower {
    background-color: #dae5db;
}

.cta {
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    .callout {
        min-height: 430px;
    }

}

.btn-lg {
    font-size: 16px;
    
}

.wvp-banner-text .button.button-primary,
.wvp-banner-text .button {
    padding: 0 10px;
}

    .wvp-banner-text .button.button-primary.btn-lg,
    .wvp-banner-text .button.button-secondary.btn-lg,
    .wvp-created-to-be-used .button.button-primary.btn-lg,
    .btn-lower {
        text-transform: initial;
        font-weight: bold;
    }

.fa-li {
    padding-top: 4px;
}
.fa-check {
    color: #268d44;
}

td i.far.fa-check-square {
    margin-top: -5px;
}

.section.three-steps {
    background-color: #eee; /* #464646;*/
    color: #464646; /*#fff;*/
}

.wvp-created-to-be-used {
    border-bottom: 2px solid #464646;
    padding: 35px 0 20px 0;
    background-color: #464646;
    color: #fff;
}

.continue-as-guest-warning {
    margin: 40px 0 20px 0;
    border-bottom: 2px solid #464646;
    padding-bottom: 30px;
}

.row.important-note {
    border-bottom: 2px solid #464646;
    padding-bottom: 30px;
}

.row.your-data {
    padding-bottom: 30px;
}

.section.quotes {
    color: #fff;
}

.section.quotes > .quotes-container.container {
    width: 100%;
    max-width: none;
}


.columns.no-col-margins {
    margin: 0;
}

.row.quote-row {
    font-weight: 700;
}

.quote-container p {
    margin: 0;
}

.seven.columns.no-col-margins {
    width: 59%;
}

.six.columns.no-col-margins {
    width: 50%;
}

.five.columns.no-col-margins {
    width: 41%;
}

.quote-left .quote-container {
    padding: 50px 50px 50px 190px;
}

.quote-right .quote-container {
    padding: 50px 180px 50px 50px;
}

.row.quote-row.quote-header {
    background-color: #464646;
    padding: 15px 0 0 190px;
}
.row.quote-row .quote-green {
    background-color: #477e4a;
    color: #fff;
    /*min-height: 165px;*/
}

.row.quote-row .quote-bg-dark {
    background-color: #464646;
    color: #fff;
    /*min-height: 165px;*/
}

.row.quote-row .quote-grey {
    background-color: #eee;
    color: #464646;
    /*min-height: 165px;*/
}

.es.hp-1-2-3-steps-blocks img {
    /* width: 200px; */
    height: 450px;
}

/*
.language-1 .five.columns.family-account-images-left {
    width: 48%;
}

.language-1 .family-account-images-right.columns {
    margin-left: 0;
}
    */
.language-2 img.family-account-image-right.family-account-img-upload {
    margin-top: 55px;
    width: 200px;
}

.language-1 img.family-account-image-right.family-account-img-upload {
    width: 230px;
    margin-top: 30px;
}

.language-1 img.family-account-image-right.family-account-img-email {
    margin-top: 40px;
    width: 260px;
}
    
.language-2 img.family-account-image-right.family-account-img-email {
    margin-top: 55px;
    width: 260px;
}
    
fieldset.family-account-benefits {
    border: 2px solid #477e4a;
    padding: 20px 30px;
    text-align: left;
}

    fieldset.family-account-benefits legend {
        letter-spacing: 2px;
        color: #477e4a;
        padding: 0 10px;
        font-size: 1.1em;
        text-align: center;
    }

fieldset.family-account-benefits p.family-account-benefits-teaser {
    text-align: left;
    max-width: 110px;
}

    fieldset.family-account-benefits .family-account-image {
        height: 115px;
    }

    fieldset.family-account-benefits img {
        max-height: 94px;
    }

.language-1 .spanish-notice {
    display: none;
}

.language-2 .spanish-notice {
    display: block;
}

.question-group {
    padding: 10px;
}

.question-group.has-table {
    padding: 10px 0;
}
    .question-group:nth-child(odd) {
        background-color: #bfdcc06e;
    }

.question-group:after {
    content: "";
    clear: both;
    display: table;
}

.question-dependent {
    margin-top: 5px;
}

/* Larger than tablet */
@media (max-width: 767px) {
    #getstarted .eight.columns {
        width: 90%;
    }

    #getstarted .eight.columns.offset-by-two {
        margin-left: 10%;
    }

    fieldset.family-account-benefits .three.columns {
        width: 40%;
    }

    .family-account-benefits .three.columns:nth-child(2n+1) {
        clear: left;
    }

    .quote-left .quote-container {
        padding: 20px 10px 20px 70px;
    }

    .quote-right .quote-container {
        padding: 20px 70px 50px 10px;
    }

    .row.quote-row.quote-header {
        padding: 15px 0 0 70px;
    }

    .share-wvp-border p {
        position: static;
        margin-bottom: 0;
    }

    .print-save-upload-email-icon {
        margin-right: 10px;
    }

    .section.header .four.columns.language-dropdown {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
    }

    .nav-button {
        padding-right: 10px;
    }



    .wvp-banner-text {
        padding-top: 0;
        text-align: center;
    }

        .wvp-banner-text.mt-20 {
            margin-top: 0;
        }
}

@media (max-width: 549px) {
    .quote-left .quote-container {
        padding: 20px 10px 20px 10px;
    }

    .quote-right .quote-container {
        padding: 20px 10px 50px 10px;
    }

    .row.quote-row.quote-header {
        padding: 15px 0 0 10px;
    }
}

@media (max-width: 480px) {
    
}



.goalProgress {
    background: #bbbbbb;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

    .goalProgress .progressBar {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }


.semi-bold,
.semi-bold > label {
    font-weight: 600;
}

.green-em {
    font-style: italic;
    color: #268d44;
}

.greentext {
    color: #268c44;
    font-weight: 600;
}

@media print {
    .section-two.columns {
        margin-left: 0 !important;
    }
}

/* Questions Table */

table.question-table {
    /*border: 4px solid #ccc;*/
    margin-bottom: 10px;
}

.has-table .question-table {
    width: 100%;
}

    .has-table.question-group {
        background-color:white;
    }

    table.question-table tr td,
    table.question-table tr th {
        padding-left: 15px;
        padding-right: 15px;
        border: 1px solid #ccc;
        font-weight: normal;
    }

        table.question-table tr td label {
            font-weight: normal;
        }

        table.question-table tr th:first-child {
            font-weight: bold;
        }

    table.question-table:not(:first-child) {
        margin-top: 15px;
    }

table.question-table tr:nth-child(even) {
    background-color: #bfdcc06e;
}

    table.question-table td,
    table.question-table th {
        padding: 6px 15px;
        text-align: center;
    }

        table.question-table td:first-child,
        table.question-table th:first-child {
            text-align: left;
        }

table.question-table.radio label {
    display: inline;
    padding-left: 6px;
}

/*2 Chocies*/
table.question-choice-count-2 td.question-wrapper {
    width: 70%;
}

table.question-choice-count-2 td {
    width: 15%;
}

/*3 Choices*/
table.question-choice-count-3 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-3 td {
    width: 16.66666667%;
}

/*4 Choices*/
table.question-choice-count-4 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-4 td {
    width: 12.5%;
}

/*5 Choices*/
table.question-choice-count-5 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-5 td {
    width: 10%;
}

/* 6 Choices*/
table.question-choice-count-6 td.question-wrapper {
    width: 50%;
}

table.question-choice-count-6 td {
    width: 8.3333333334%;
}

/* Login or Register */
.login-register-container {
    border: 1px solid #ccc;
}

.login-register .row {
    margin: 0 0 10px 0;
}

.login-register-container h5 {
    color: #fff;
    background-color: #457b47;
    padding: 8px 15px;
}

.button-primary.button-lg {
    height: 58px;
    font-size: 13px;
}
p.text-small {
    font-size: .9em;
}

.save-share-wvp fieldset {
    border-width: thin;
    padding: 10px 23px 20px 23px;
    border-color: #a3bea4;
}

    .save-share-wvp fieldset legend {
        font-weight: 500;
        padding: 10px;
        font-size: 1.5rem;
        margin-bottom: 0;
    }

.save-share-wvp .save-print {
    float: left;
    width: 50%;
    display: table;
}

.save-share-wvp .save-phone {
    float: left;
    width: 50%;
    display: table;
}

.save-share-wvp .save-share-right .save-share-image {
    width: 28%;
}

.save-share-wvp .save-share-right .text {
    width: 72%;
}

.save-share-wvp img {
    max-height: 55px;
}

.save-share-wvp p {
    color: #477e4a;
    font-size: 1.45rem;
    margin: 0;
}

.share-your-right {
    padding-top: 45px;
}

.share-your-right-spanish {
    padding-top: 60px;
}

.save-share-wvp .save-print-image {
    width: 58px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-print-text {
    width: calc(100% - 68px);
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-phone-image {
    width: 34px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.save-share-wvp .save-phone-text {
    width: calc(100% - 44px);
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-upload-image {
    width: 39px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-upload-text {
    width: calc(100% - 49px);
    display: table-cell;
    vertical-align: middle;
    padding-top: 8px;
    padding-right:15px;
}

.save-share-wvp .save-email-image {
    width: 50px;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-email-text {
    width: calc(100% - 60px);
    display: table-cell;
    vertical-align: middle;
}

.save-share-wvp .save-share-right {
    margin-top: 45px;
}

.save-share-wvp .upload-wvp,
.save-share-wvp .email-wvp {
    float: left;
    width: calc(50% - 10px);
    display: table;
    padding-left: 10px;
}

.save-share-wvp .email-wvp {
    padding-top: 10px;
}

@media (max-width: 1024px) {
    .save-share-wvp .save-phone {
        
    }

    .save-share-wvp .save-phone img {
        padding-left: 0;
    }
}

@media (max-width: 734px) {
    .save-share-wvp .phone {
        float: none;
        width: 100%;
        display: table;
    }

    .save-share-wvp .save-print {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .save-share-wvp .save-phone {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .save-share-wvp .upload-wvp {
        float: none;
        width: 100%;
    }

    .save-share-wvp .email-wvp {
        float: none;
        width: 100%;
    }

    .save-share-wvp .save-phone-image {
        padding-right: 24px;
        padding-left: 10px;
    }
}

@media (max-width: 549px) {

    .save-share-wvp .save-print {
        float: left;
        width: 50%;
    }

    .save-share-wvp .save-phone {
        float: left;
        width: 50%;
    }

    .save-share-wvp .upload-wvp {
        float: left;
        width: 47%;
    }

    .save-share-wvp .email-wvp {
        float: left;
        width: 48%;
    }

        .save-share-wvp .save-phone img {
            padding-left: 10px;
        }

    .save-share-wvp .save-share-right {
        margin-top: 20px;
        margin-left: 10px;
    }

        .save-share-wvp .save-share-right .email-wvp img {
            clear: both;
        }

    .save-share-wvp p {
        width: auto;
    }

    .save-share-wvp .save-share-right p {
        width: auto;
        margin-top: 10px;
    }

    .six.columns.save-share-right {
        padding-left: 5%;
    }
}


/* jQuery ButtonLoader */
.spinner {
    display: inline-block;
    /*opacity: 0;
    width: 0;*/
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

    .has-spinner.active .spinner {
        opacity: 1;
        width: auto;
    }

.has-spinner.active .spinner {
    min-width: 20px;
}

.button.button-primary.btn-disabled {
    background-color: #ccc;
    border-color: #ccc;
    text-decoration: none;
    pointer-events: none;
}

.button.back-button.btn-disabled {
    background-color: #ccc;
    border-color: #ccc;
    text-decoration: none;
    pointer-events: none;
}

.button .fa {
    line-height: inherit;
    font-size: 1.5rem;
}

.add-phone-number-container {
    border-radius: 4px;
    border: 1px solid #dfedd6;
    background-color: #dfedd6;
    padding: 15px 25px;
    margin-bottom: 20px;
}

.a2a_kit {
    float: right;
}

.mobile-nav-functions select#ddlLanguagePicker {
    margin-bottom: 20px;
}

.mobile-nav-functions a {
    margin-bottom: 10px;
    display: block;
}

.mobile-nav-functions .a2a_kit {
    float: left;
}

@media (min-width: 550px) {
    .login-register-six.six.columns {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .login-register-six.six.columns {
        width: 48%;
    }
}
@media (max-width: 767px) {
    .create-account-container {
        margin-top: 20px;
    }
}

p.question-footnote {
    font-size: .8em;
    font-style: italic;
    padding-left: 10px;
    margin-top: 5px;
    color: #268d44;
}