@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');

html {
    font-size: 1em;
    line-height: 1.4;
}

* {
    font-family: 'Open Sans', sans-serif;
}


body,
body._AF a,
body._AF div,
body._AF p,
body._AF span:not(.fa),
div._AF a,
div._AF p,
div._AF span:not(.fa),
html._AF a,
html._AF div,
html._AF p,
html._AF span:not(.fa),
body._AF article,
body._AF footer,
body._AF form,
body._AF header,
body._AF input,
body._AF label,
body._AF nav,
body._AF section,
body._AF select,
body._AF textarea,
div._AF article,
div._AF footer,
div._AF form,
div._AF header,
div._AF input,
div._AF label,
div._AF nav,
div._AF section,
div._AF select,
div._AF textarea,
html._AF article,
html._AF footer,
html._AF form,
html._AF header,
html._AF input,
html._AF label,
html._AF nav,
html._AF section,
html._AF select,
html._AF textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #282828;
    line-height: 1.5;
}

p,
pre {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.25em;
    font-weight: normal;
    color: #282828;
    margin: 0px 0px 20px 0px;
    font-style: normal;
}

.formName,
.formName>._formName,
#hello-title {

    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em !important;
    font-weight: 400;
    color: #282828;
    margin: 20px 0px 20px 0px;
    font-style: normal;

}

html._AF h1,
html._AF h2,
html._AF h3,
html._AF h4,
html._AF h5,
div._AF div,
div._AF h1,
div._AF h2,
div._AF h3,
div._AF h4,
div._AF h5,
body._AF h1,
body._AF h2,
body._AF h3,
body._AF h4,
body._AF h5 {
    font-family: inherit;
    font-size: 1.7em;
    font-weight: 400;
    color: #282828;
    margin: 0px 0px 20px 0px;
    font-style: normal;
}

/*.container-fluid{ padding:0px; }*/
.achieveforms-container,
#app-content {
    padding: 0 20px;
    min-height: 0px;
    -webkit-transition: height 0.50s ease 0.2s;
    transition: height 0.50s ease 0.2s;


}

.product_self {
    padding: 0px 7px;
}

._AF .btn-af,
.achieveforms-container .btn-af,
.achieveforms-container .fillinButtons .btn,
.achieveforms-container .fillinButtons .btn.cancelbutton.pull-right,
.achieveforms-container .fillinButtons .btn.nextbutton,
.achieveforms-container .fillinButtons .btn.submitbutton,
button {
    font-family: 'Raleway', sans-serif;
    width: 100%;
    max-width: 200px;
    height: 60px;
    border-radius: 2px;
    border: none;
    font-size: 16px;
    /* Steph changed from 20px */
    line-height: 20px;
    font-weight: 700;
    padding: 0;
    cursor: pointer;
    background-color: #73B3E7 !important;
    color: #333333;
    height: 60px;
    box-shadow: 0px 3px 5px 0px rgb(50 50 50 / 55%);
    margin-top: 0;
    margin-bottom: 5px !important;
    outline: none;
    top: 0;
    padding: 0;
    border-radius: 0px;
    box-shadow: none;
    text-transform: uppercase;
    transition: all .25s ease-in-out;
}

.achieveforms-container .fillinButtons .btn:hover,
.achieveforms-container .fillinButtons .btn:focus,
._AF .btn-af,
.achieveforms-container .btn-af:hover,
._AF .btn-af,
.achieveforms-container .btn-af:focus,
.achieveforms-container .fillinButtons .btn.cancelbutton.pull-right:hover,
.achieveforms-container .fillinButtons .btn.nextbutton:hover,
.achieveforms-container .fillinButtons .btn.submitbutton:hover,
.achieveforms-container .fillinButtons .btn.cancelbutton.pull-right:focus,
.achieveforms-container .fillinButtons .btn.nextbutton:focus,
.achieveforms-container .fillinButtons .btn.submitbutton:focus,
button:hover,
button:focus,
button:hover,
button:focus {
    background-color: #24709D !important;
    color: #FFF !important;
}

.nextbutton,
.cancelbutton {
    height: 35px !important;
    max-width: 120px !important;
    font-size: 16px !important;
}

.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.valid {
    color: #333333 !important;
}

#search-submit {
    max-width: 52px;
    min-width: 30px;
    height: 35px;
}

.achieveforms-container .sectionsHead .sectionsHeadInner .sectionNameWrapper.active .sectionNameTab {
    background-color: #24709D !important;
    color: #FFF !important;
}


html._AF .btn-af i,
html._AF .btn-af span {
    color: #ffffff;
    font-size: 12px;
}

@media only screen and (min-width: 768px) {
    button {
        width: auto;
        min-width: 150px;
        position: relative;
        margin-left: 20px;
        margin-right: 0;
    }
}

/* Steph added */

.nav-tabs>li>button {
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 0;
    text-align: center;
    background-color: #0064B1;
}

.previousbutton {
    width: 125px !important;
    height: 35px !important;
}

.submitbutton {
    width: 125px !important;
    height: 35px !important;
}

fieldset.valid input[type=checkbox]+label:before,
fieldset.valid input[type=radio]+label:before {
    border-color: #24709d !important;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.valid input[type=checkbox]+label:before {
    color: #24709d;
}

input[type=radio]:checked+label:before {
    content: "\00a0";
    background-color: #24709d;
}

.achieveforms-container .sectionsHead .sectionsHeadInner {
    border-bottom: none;
    margin-left: 16px;
    background-color: #fff
}

@media only print,
only screen and (max-width: 767px) {
    .achieveforms-container .fillinButtons-wrapper .fillinButtons .btn {
        font-size: 16px;
        padding-top: 10px;
        padding-bottom: 32px;
    }

    .container {
        padding: 0 !important;
    }

    .navbar-toggle .sections-toggle .collapsed {
        width: 50%;
    }

    .close {
        width: 50%;
    }
}

/* end */


/* h3.serviceColumnLetter {
    font-size: 1.8rem;
    margin-bottom: 0;
    margin-top: 0;
}

.form-link-color {
    font-size: 1.375rem;
    color: inherit;
}


.btn .btn-af .cancelbutton,
.btn .btn-af .previousbutton,
.btn .btn-af .nextbutton {
    height: 60px;
    width: 100%;
    max-width: 200px;
    font-size: 20px;
}

html._AF .btn-af span {
    color: #333;
}

.fa-times::before,
.fa-chevron-right:before,
.fa-chevron-left:before,
.fa-check:before {
    color: #333;
    font-size: 1.25rem;
}

.achieveforms-container .all-sections .field .fieldContent fieldset.fieldInput.valid input[type=checkbox]+label:before {
    color: #24709d;
}

.achieveforms-container .sectionsHead {
    background: #ffff;
}

.col-xs-11 .col-sm-11 .fieldInput .content .html .non-input h2 {
    font-size: 1.25rem;
}

/* 
.col-xs-11 .col-sm-11 .fieldInput .content .html .non-input p, ._fieldName {
    font-size: 1rem;
} */

/* ._AF .btn-af,
.achieveforms-container .btn-af:hover,
._AF .btn-af,
.achieveforms-container .btn-af:focus,
.achieveforms-container .fillinButtons .btn.cancelbutton:hover,
.achieveforms-container .fillinButtons .btn.nextbutton:hover,
.achieveforms-container .fillinButtons .btn.submitbutton:hover,
.achieveforms-container .fillinButtons .btn.previousbutton:hover,
.achieveforms-container .fillinButtons .btn.cancelbutton:focus,
.achieveforms-container .fillinButtons .btn.nextbutton:focus,
.achieveforms-container .fillinButtons .btn.submitbutton:focus,
.achieveforms-container .fillinButtons .btn.previousbutton:focus {
    background-color: #FAF9F6 !important;
}

@media only screen and (min-width: 768px) {
    .achieveforms-container .fillinButtons-wrapper .fillinButtons .btn {
        font-size: 20px !important;
    }

     button {
        width: auto;
        min-width: 150px;
        position: relative;
        margin-left: 20px;
        margin-right: 0;
    } */

/* ._AF .btn-af,
    .achieveforms-container .btn-af,
    .achieveforms-container .fillinButtons .btn,
    .achieveforms-container .fillinButtons .btn.cancelbutton.pull-right,
    .achieveforms-container .fillinButtons .btn.nextbutton,
    .achieveforms-container .fillinButtons .btn.submitbutton,
    button {
        width: auto;
        min-width: 150px;
        position: relative;
        margin-left: 20px;
        margin-right: 0; 
    }  */
/* }   */