/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

:root {
    --form-bg-color: #264c61;
}

input[data-dd] {
    /* padding: .375rem .575rem; */
}

input[data-mm] {
    /* padding: .375rem .575rem; */
}

.sv_q_dd_clean-button {
	display: inherit !important;
}

.form-control {
    /*padding: .175rem .275rem; */
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}

#divFinished, #divFinishedds {
    /*border: 1px solid #B9B9B9;*/
    background: #FFFFFF;
    padding: 1em;
    display: block;
    margin: 0.5em;
    overflow: hidden;
    position: relative;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 0em;
    width: 100%;
}

body {
    width: 100%;
    margin: 0;
    padding-left: 60px;
    padding-right: 60px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12pt;
    line-height: 20px;
    color: #444444;
    background-color: #FFFFFF;
    overflow-x: hidden;
}

/* body.montserrat {font-family:'Montserrat', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;} */

input[type=text] {
    font-size: 12pt;
    color: #444444;
}

ul[aria-label=Pagination] {
    font-size: 18px;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
    height: 60px;
    margin-left: 7px;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

.hide {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* ==========================================================================
   custom styles
   ========================================================================== */


#AttestationPageOutOfPeriod label[for=Label70] {
    display: inline !important;
}

#AttestationPageOutOfPeriod label[for=Label71] {
    display: inline !important;
}

label[for=Label1] {
    color: #6DB3F2;
    font-weight: bold;
}

label[for=LabelH1], label[for=Label00] {
    font-weight: bold;
}

label[for=Label0], label[for=Label2], label[for=Label3], label[for=Label4], label[for=Label25], label[for=Label3HMO] {
    font-weight: bold;
}

.Left {
    float: left;
}

.Absolute {
    position: absolute;
}

div.Left label.error {
    float: right;
}

ul[role=menu] li:nth-child(1) {
    /*margin-right:483px;*/
}

ul[role=menu] li:nth-child(3), ul[role=menu] li:nth-child(4) {
    float: right;
}

/*span.number {
	padding-right: 5%;
	background-color: #b3d4fc;
	color: #b3d4fc;
	border: 1px solid #1163DD ;
	border-radius: 10px;
	box-shadow: 0px 0px 12px -1px #1163DD
}*/

ul[role=tablist], li[role=tab].current {
    display: none;
}

/*
#progressbar {
    background-color: #6DB3F2;
    border-radius: 13px; !* (height of inner div) / 2 + padding *!
    padding: 3px;
    width: 100%;
    margin-top: -23px;
}

#progressbar > div {
    background-color: #673065;
    width: 5%; !* Adjust with JavaScript *!
    height: 20px;
    border-radius: 10px;
}
*/

#titleGoesHere {
    color: #fff;
    margin-top: 8px;
    display: inline-block;
    /*position: absolute;
    margin-left: -55px;
    margin-top: 10px;*/
}

span.star {
    color: #ba2a3e;
    font-size: 12pt;
}

label.headerSection {
    /* background-color: #6DB3F2; */
    background-color: #6DB3F2;
    color: #fff;
    width: 100%;
    margin-bottom: 5px;
    padding: 3px;
    font-weight: bold;
}

/*sections wizzard*/

section.Attestation label.error {
    margin-top: -22px;
    position: absolute;
    margin-left: 128px;
}

section.CheckEligibility label.error {
}

section.ReadImportantInfo label.headerSection {
    text-align: center;
}

section.InsuranceInfo p {
    margin: auto auto;
    bottom: 0px;
    position: absolute;
}

/*sections wizzard*/

label[for="ESDR2"] {
    font-weight: bold;
}

#PrimaryCarePhysicianPPO, #PrimaryCarePhysicianHMO {
    width: 618px;
}

#PartA_Effective, #PartB_effective {
    max-width: 100px;
}

#ChronicConditionVerificationForm {
    outline-style: solid;
    outline-color: #6DB3F2;
    outline-width: 1px;
    outline-offset: 10px;
}

#AuthState, #State, #MailingState, #RecentlyMovedPreviousState, #InstitutionState {
    text-align: center;
    width: 54px;
}

#HomePhone {
    width: 100%;
}


#CoverageName {
    /* width:700px; */
}

#CoverageID, #CoverageGroupNr {
    /* width:350px; */
}

#AuthPhone {
    /* width: 300px; */
}

#City, #MailingCity {
    width: 100%;
}

#County {
    width: 100%;
}

#AuthSignature, #LeavingEmployerCoverageName {
    /* width: 535px; */
}

#AuthName, #AuthCity, #AuthAddress {
    /* width: 425px; */
}

#EmergencyContact, #RelationshipToYou {
    width: 100%;
}

#MailingAddress, #PermanentResidenceAddr, #EFTAccountHolderName, #EFTBankRoutingNr, #EFTBankAccountNr, #RecentlyMovedPreviousCity, #RecentlyMovedPreviousStreet,
#LeavingEmployerCoverageID, #LeavingEmployerCoverageGroupNr, #InstitutionName, #InstitutionAddress, #InstitutionCity {
    width: 100%;
}

#MedicareName, #MedicareClaimNr {
    /* width:290px; */
}

#LastName, #FirstName, #Email {
    width: 100%;
}

#MiddleInitial {
    width: 60px;
    text-align: center;
}

#BirthDate {
    width: 100%;
}

#CellPhone {
    width: 100%;
}

#ZipCode {
    width: 100%;
}

#EmergencyPhone {
    width: 100%;
}

#OfficeAssistedName, #OfficeAgentName, #OfficePlanID {
    width: 100%;
}

#divExistingForm {
    text-align: center;
}

#HelpButton {
    cursor: pointer;
    padding: 26px 15px 26px 12px;
    text-transform: uppercase;
}
.HelpButtonContainer {
    position: relative;
    float: right;
    top: 150px;
    z-index: 23;
}

#newForm,#newFormSpouse {
    margin-top: 20px;
}

.blueButton {
    background-color: #0080a5;
    cursor: pointer;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    height: 2.4em;
}

.greenButton {
    background-color: #0080a5;
    cursor: pointer;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #fff !important;
    display: inline-block;
    height: 2.4em;
}

.ui-dialog {
    font-size: 1em;
    line-height: 15px;
}

#Attestation input[type="checkbox"] {
    margin-bottom: 10px;
}

label[for="Label00"] h3 {
    height: 5px;
}

.brSmall {
    height: 10px;
}

#AuthFirstName {
    /* width:300px; */
}


#representContainer {
    /* position: absolute; */
    width: 100%;
}

#DifferentMailingAddress-error {
    /* position: absolute; */
    left: 130px;
}

ul.enrollOptions, ul.enrollActions, ul.enrollTextActions {
    margin-left: 60px;
    line-height: 35px;
}

ul.enrollOptions {
    font-style: italic;
}

ul.enrollActions {
    text-decoration: underline;
    color: #1791dc;
    cursor: pointer;
}

#AuthRelationshipToEnrolee {
    width: 300px;
}

#AuthLastName {
    /* position: absolute; */
    /* top: 40px; */
    /* left: 450px; */
    width: 300px;
}

label[for="AuthLastName"] {
    /* position: absolute; */
    /* top: 20px; */
    /* left: 450px; */
}

#NorthTexasZip, #RecentlyMovedPreviousZipCode, #InstitutionZipCode {
    width: 80px;
    padding-left: 3px;
    padding-right: 3px;
}

#MA-PDPlan1-error {
    /* position: absolute; */
    /* top: 55px; */
    /* left: 400px; */
}

#LastName-error {
    /* position: absolute; */
    /* left: 30px; */
    /* margin-top: -20px; */
}


#FirstName-error {
    /* position: absolute; */
    /* left: 12px; */
    /* margin-top: -20px; */
}

#Sex-error {
    /* position: absolute; */
    /* margin-top: -19px; */
    /* margin-left: 19px; */
    /* width: 160px; */
}

#HomePhone-error {
    /* position: absolute; */
    /* left: 29px; */
    /* margin-top: -20px; */
    /* margin-top: -20px\0; */
}

#County-error {
    /* position: absolute; */
    /* margin-top: 24px; */
    /* margin-top: 30px\0; */
    /* margin-left: 10px; */
}

#PermanentResidenceAddr-error, #City-error, #MailingAddress-error, #MailingCity-error {
    /* position: absolute; */
    /* margin-top: -20px; */
    /* margin-top: -20px\0; */
    /* margin-left: 6px; */
}

#ZipCode-error {
    /* position: absolute; */
    /* margin-top: -20px; */
    /* margin-left: 5px; */
}

#State-error, #MailingState-error {
    /* position: absolute; */
    /* margin-top: -20px; */
    /* margin-left: 40px; */
}

#MailingZipCode-error {
    /* margin-top: -20px; */
    /* margin-right: -78px; */
}


#BirthDate-error {
    /* position: absolute; */
    /* margin-top: -20px; */
    /* margin-left: 118px; */
    /* margin-left: 105px\0; */
}

#MedicareLastName-error {
    position: relative;
    top: 0px;
    left: 0px;
}


#AuthPhone-error {
    /* position: absolute; */
    /*margin-top: 24px;
    margin-top: 22px\0;
    margin-left: -110px;*/
}

label[for="FindMyPhysician"] {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.sv_qstn{
    min-width: 90px !important;
}

#AuthLastName-error {
    /* position: absolute; */
    /* width: 202px; */
    /* margin-left: -355px; */
    /* margin-top: -20px; */
}

#AuthRelationshipToEnrolee-error {
    width: 200px;
    /* margin-top: -62px; */
    /* margin-top: -62px\0; */
    /* margin-left: -265px; */
}

#AuthEmail-error {
    width: 200px;
    /* margin-left: -324px; */
    /* margin-top: -111px; */
    /* margin-top: -105px\0; */
}

#AuthCity-error {
    width: 200px;
    /* margin-left: -408px; */
    /* margin-top: -105px; */
    /*margin-top: -97px\0;*/
}

#OfficeUseOnly {
    padding-top: 10px;
    border: 2px solid black;
    padding-right: 6px;
    padding: 5px 10px 5px 5px;
}

#OfficeUseOnly.disabled {
    background-color: #DCDCDC;
}

.italic {
    font-style: italic;
}

label[for="Label10MA"] {
    font-weight: bold;
}

#EnrollRightTopSide {
    /* position: absolute; */
    /* top: 250px; */
    /* right: 50px; */
}

html.extraHMO #EnrollRightTopSide {
    /* top: 301px; */
}

#SexContainer {
    /* float: right; */
    /* position: relative; */
    /* margin-top: -38px; */
    /* margin-right: 60px; */
}

#EnrollMiddleTopSide {
    /* position: absolute; */
    /* top: 293px; */
    /* left: 227px */
}

html.extraHMO #EnrollMiddleTopSide {
    /* top: 344px; */
}

#TitleContainer {

}

#MailingAddressContainer {
    /* position: absolute; */
    /* top: 376px; */
    /* left: 489px; */
    /* top: 386px\9; */
}

html.extraHMO #MailingAddressContainer {
    /* top: 427px; */
    /* top: 437px\9; */
}

#EnrollMiddleBottomSide input {
    width: 160px;
}

html.extraHMO #EnrollMiddleBottomSide {
    /* position: absolute; */
    /* left: 263px; */
    /* top: 490px; */
    width: 198px;
    /* top: 500px\9;  */
}

#EnrollMiddleBottomSide {
    /* position: absolute; */
    /* left: 263px; */
    /* top: 439px; */
    width: 198px;
    /* top: 449px\9;  */
}

label[for="MailingZipCode"], #MailingZipCode {
    /* float: right; */
}

label[for="MailingZipCode"] {
    /* margin-top: -42px; */
    /* right: 104px; */
    /* position: absolute; */
}

#MailingZipCode {
    /* margin-top: -22px; */
    /* margin-right: 21px; */
    width: 160px;
}

#AuthRelationshipToEnrolee-error {
    width: 200px;
    /* margin-top: -62px; */
    /* margin-top: -62px\0; */
    /* margin-left: -265px; */
}

label[for="AuthRelationshipToEnrolee"] {
    /* position: absolute; */
    /* top: 62px; */
    /* left: 451px; */
    /* top: 62px\0;  */
}

#AuthRelationshipToEnrolee {
    /* position: absolute; */
    /* top: 82px; */
    /* left: 450px; */
    /* top: 82px\0;  */
}

#EmergencyContainer input {
    margin-right: 8px;
}

label[for="AuthZipCode"] {
    /* position: absolute; */
    /* top: 146px; */
    /* left: 231px; */
    /* left: 258px\0; */
    /* top: 152px\9; */
    /*top: 152px\0;  IE8, IE9 (seems that also 10)*/
}

#AuthZipCode {
    /* position: absolute; */
    /* top: 166px; */
    /* left: 228px; */
    /* left: 258px\0; */
    /* top: 172px\9; */
    /*top: 172px\0;  IE8, IE9 (seems that also 10)*/
}

#AuthZipCode-error {
    /* position: absolute; */
    /* margin-top: -146px; */
    /*margin-top: -104px\0;*/
    z-index: 99;
    /* margin-left: -155px; */
    /* margin-left: -170px\0; */
    width: 165px;
    /* margin-top: -152px\9; */
}

html[data-useragent*='rv:11.0'] #AuthZipCode-error {
    /* margin-left: -182px; */
}

#NewToMedicare-error {
    /* margin-left: 0px;  */
    /*
    display: inline;*/

}

#EmergencyPhone-error {
    display: none;
}

label[for="MailingCounty"] {
    /* margin-top: -42px; */
    /* right: 115px; */
    /* position: absolute; */
}

#MailingCounty {
    /* margin-top: -22px; */
    /* right: 22px; */
    /* position: absolute; */
    width: 160px;
}

#MailingCounty-error {
    /* margin-right: -75px; */
    /* margin-top: -20px; */
}

#OfficeAgentEmail {
    /* width: 300px; */
}


#selectPhysician, #selectPhysician2 {
    cursor: pointer;
    /*text-decoration: underline;*/
    /*font-weight: bold;*/
    color: lightskyblue;
}

#PrimaryCarePhysicianPPO {
    width: 350px;
    padding: 3px;
}

#PrimaryCarePhysicianPPO.hmo {
    border: 0;
    font-weight: bold;
}

#PCPProviderID,
#PCPPatientConfirm,
#Existing_PCP {
    display: none;
}

.modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons > :not(:first-child) {
    margin-left: .25rem;
}

.modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons > :not(:last-child) {
    margin-right: .25rem;
}

.modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons > .btn-primary  {
    background-color: #0080a5;
    border: unset;
}

.modal-body .bootstrap-dialog-body .bootstrap-dialog-message a {
    color: #0080a5;
}

.wizard > .content > .body label[for=PCPPatientConfirm] {
    display: none;
}

.wizard > .content > .body label[for=Existing_PCP] {
    display: none;
}

label[for=PCPPatientConfirm] {
    display: none;
}

label[for=Existing_PCP] {
    display: none;
}

input[readonly], input:read-only {
    /*background-color: #e6e6e6;*/
}

#PrimaryCarePhysicianPPO {
    background-color: white;
}

body:not(:-moz-handler-blocked) #EnrollMiddleBottomSide {
    /* top: 449px; */
}


@-moz-document url-prefix() {
    #EnrollMiddleBottomSide {
        /* top: 449px; */
    }
}


@-moz-document domain(cnchealthplan.com) {
    #EnrollMiddleBottomSide {
        /* top: 449px; */
    }
}

.avia-button {
    padding: 14px 30px !important;
    border-radius: 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold !important;
}

/*
.blueButton, .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
    background-color: #673065 !important;
    color: #ffffff;
    border-color: #451043;
    background-image: none;
    font-size: 13px;
    padding: 10px 30px !important;
    border-radius: 20px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold !important;
    border: 0;
    border-bottom: 1px solid;
    border-color: #006973;
}
*/


#contentSection > div:nth-child(1) > div:nth-child(1) > img {
    padding-top: 10px;
}

a.blueButton:not([href]):not([tabindex]) {
    color: white;
}

#headerSection {
    padding-top: 13px;
}

#contentSection, #headerSection {
    margin: 0 auto;
    max-width: 1128px;
    background-color: #00437c;
}

#subtitle-band {
    margin: 10px 0 20px 0 !important;
    padding: 14px 30px 14px 119px !important;
}
#seniorPicture-container {
    position: relative;
}
#seniorPicture {
    position: absolute;
    right: 120px;
    top: 30px;
}
#seniorPicture > img {
    height: auto;
    width: 192px;
}

#headerSection > .title {
    display: inline-block;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 17px 7px 0px 119px;
    padding-right: 0;
    padding-top: 20px;
}
#headerSection > .small-title {
    font-size: 1.2rem;
    font-weight: normal;
}
#headerSection > .medium-title {
    font-size: 1.5rem;
    padding-top: 0;
}

.letter-spacing-wide {
    letter-spacing: 0.5px;
}

.logoContainer {
    background-color: #FFFFFF;
    padding: 10px;
    margin: 10px 23px 10px 23px;
}

img {
    vertical-align: middle;
    height: 60px;
    margin-left: 7px;
}

[data-bind="css: css.header"] {
    display: none;
}

.sv_bootstrap_css .sv_qstn {
    padding: 0.1em 1.5em 0.1em !important;
}

.home-button {
    left: calc(50% - 30px);
    position: relative;
    transform: translate(-50%, 12px);
    z-index: 3;
}
.home-button.agent{
    left:115px;
    top: 30px;
}

a.home-button.agent,
a.home-button.agent:visited {
    color: #FFFFFF;
}
.sv_prev_btn, .sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn, .home-button, .agent-home-button {
    border-radius: 15px;
    font-size: 23px;
    padding: 10px 20px;
    text-transform: uppercase;
    min-width: 160px;
}

/*btn sv_nav_btn sv_next_btn*/
.sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn {
    float: right !important;
}

.content {
    background: #FFFFFF;

    display: block;
    overflow: hidden;
    position: relative;
    width: auto;
    margin: 0 1.5rem 0 1.5rem;
}

.bootstrap-dialog .bootstrap-dialog-title {
    font-weight: 800;
}

c, .c {
    font-weight: bold;
}

star, .star, .sv_q_required_text {
    color: #ec1c23;
    font-size: x-large;
    position: absolute;
    padding-top: 0px !important;
    margin-left: -10px;
}

ch, .ch {
    width: 100%;
    margin-bottom: 5px;
    padding: 3px;
    font-weight: bold;
}

div[data-bind] li:not(ul[role="listbox"] li) {
    margin-left: 60px;
    /*line-height: 35px;*/
}

.sv_row {
    margin-bottom: 8px;
}

[name='ApplicantCounty'] div.radio:first-of-type {
  /*  padding-top: 15px !important;*/
}

[name='OfficeICEP_IEP'] div.radio {
    /*width: 14% !important;*/
}

.sv_main.sv_main .progress {
    position: relative;
    width: 60%;
    height: 30px;
    background-color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #777777;
    z-index: 10;
}

.sv_main.sv_main .progress-bar {
    margin: 0 !important;
    min-width: 35px;
}
/*.sv_main .sv-action-bar, .sv_main .sv-action__content {
    display: inline-block !important;
}*/

.sv_main.sv_main .progress-bar span {
    font-size: 150%;
}
.sv_main.sv_main .progress-bar span.sv-hidden {
    display: block !important;
}
.sv_main .sv-action-bar {
    margin-bottom: -54px;
}

table tfoot {
    display: table-header-group;
}

.modal-body {
    /*padding: 0;*/
}

.sv-row:not(:last-child) {
    padding-bottom: 0.1em;
}

.sv-panel .sv-row:not(:last-child) {
    padding-bottom: 0.1em;
}

.panel-footer {
    min-height: 80px;
    background-color: transparent;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
    border: 0;
    z-index: 2;
}

#footerSection {
    height: 80px;
    background: #00437c;
    bottom: 0;
    position: absolute;
    width: 100%;
    /*z-index: 1;*/
}

/*
@media screen and (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}

@media screen and (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}

@media screen and (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}
*/

.modal-dialog-centered {
    -js-display: flex !important;
}

.modal-dialog-centered::before {
    -js-display: flex !important;
    height: auto;
}

.modal-header {
    /*padding: 0.1rem;*/
}

.modal-dialog {
    /*margin: 0 20px 0 5px;*/
}

.yadcf-filter-wrapper {
    display: block;
    word-break: break-word;
    white-space: normal;
    margin-left: 0;
}

td {
    word-wrap: break-word
}

#yadcf-filter--physiciansTable-1 {
    width: 90px !important;
    max-width: 90px !important;
}

@media (max-width: 576px) {
	#yadcf-filter--physiciansTable-1 {
		width: 70px !important;
		max-width: 70px !important;
	}
    #yadcf-filter--physiciansTable-2 {
        width: 70px !important;
        max-width: 70px !important;
    }
}

.typeahead {
    max-width: 300px;
    min-width: 290px;
}

.tt-menu {
    width: 300px;
}

ul.typeahead {
    margin: 0px;
    padding: 10px 0px;
}

ul.typeahead.dropdown-menu li a {
    padding: 10px !important;
    border-bottom: #CCC 1px solid;
}

ul.typeahead.dropdown-menu li:last-child a {
    border-bottom: 0px !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #1962da;
    outline: 0;
}

div.dts div.dataTables_scrollBody {
    background: white;
}

#yadcf-filter--physiciansTable-6, #yadcf-filter--physiciansTable-7, #yadcf-filter--physiciansTable-8, #yadcf-filter--physiciansTable-9 {
    max-width: 100px;
}

#yadcf-filter-wrapper--physiciansTable-3 {
    min-width: 120px;
}

.redborder {
    border-style: solid;
    border-color: red;
    border-width: 1px;
}

.numberCircle {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    padding: 0.4em;
    border: 0;
    color: #fff;
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", serif;
    font-size: 3em;
    line-height: 0.65em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

.bulletCircle {
    border-radius: 50%;
    width: 0.3em;
    height: 0.3em;
    padding: 0.25em;
    border: 0;
    margin: 0.6em;
    margin-left: auto;
    margin-right: auto;
}

.numberone {
    background-color: #00063e;
}

.numbertwo {
    background-color: #4f386b;
}

.numberthree {
    background-color: #da471f;
}

.numberfour {
    background-color: #ed9682;
}

.numberfive {
    background-color: #f2af3d;
}

.numbersix {
    background-color: #10964e;
}

.horizontal-line {
    height: 10px;
    background-color: #000a3e;
}

#confirmationCode{
    background: yellow; mso-highlight: yellow;
}

.confirmationText{
    line-height: 19.5pt;
    mso-line-height-rule: exactly;
    font-size: 18.0pt;
    font-weight: bold;
    color: #231F20;
}
.regularConfirmationText{
    line-height: 19.5pt;
    mso-line-height-rule: exactly;
    font-size: 14.0pt;
    color:#6D6E71;
}
.wh-next{
    font-size: 26pt;
    margin-left: 34.85pt;
    font-weight:780;
    color: #00063E;
    letter-spacing: -.95pt
}

.circleContainer {
    display: table;
    padding-bottom: 30px;
    /*position: absolute;*/
    /*height: 100%;
    width: 100%;*/
}

.sv_main span {
    line-height: 1em;
    padding-top: 2px;
}

.custom-control-label {
     display: unset;
}

#copyinvitationurlbtn {
    padding-top: 6px;
}

.select2-results__option {
    margin-left: 0px;
}

.form-group {
    min-width: 100%;
}

.sv_q_checkbox_other {
    width: 100%;
}

.sv_q_radiogroup_other {
    width: 100%;
}

[name='OfficePlanID'] div div.form-control {
    height: inherit;
}

#surveyElement {
    padding-right: 90px;
    padding-left: 90px;
}

.content button {
    background-color: #0080a5;
    border:0;
    color:#FFFFFF;
    padding: 3px 10px 3px 10px;
    text-transform: uppercase;
}

 body > .bootstrap-dialog.type-primary .modal-header {
     background-color: #00437c;
 }

 body .modal-footer .bootstrap-dialog-footer .bootstrap-dialog-footer-buttons .btn-primary {
     background-color: #00437c;
 }

.content a {
    color: #0080a5;
}

@media screen and (max-width: 320px){
    .sv_prev_btn, .sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn, .home-button {
        padding: 5px 10px;
        min-width: 85px;
    }
    .card-footer {
        padding: 0.75rem 0;
    }
}

@media screen and (max-width: 450px) and (min-width: 330px) {
    .sv_prev_btn, .sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn, .home-button {
        padding: 5px 10px;
        min-width: 100px;
    }
    .home-button {
        left: 50%;
    }
    .card-footer {
        padding: 0.75rem 0;
    }
}

@media screen and (max-width: 820px){
    body{
        padding: 0;
    }
    #seniorPicture{
        display: none;
    }

    #headerSection > .title {
        font-size: 1.2rem;
        margin: 0;
    }

    #headerSection > .small-title{
        display: none;
    }

    #headerSection > .medium-title {
        display: none;
    }

    #headerSection > .text-left {
        text-align: center !important;
    }

    .HelpButtonContainer{
        display: none;
    }

    #surveyElement{
        font-size: .8rem;
        padding: 0;
    }

    #headerSection > span:last-of-type{
        display: inline-block;
        font-size: 0;
        height: 5px;
        padding: 0 !important;
    }

    .logoImage{
        max-width: 363px;
        padding: 0;
        width: -moz-available;          /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
        width: fill-available;
        height: auto;
    }
    .sv_prev_btn, .sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn, .home-button {
       /* min-width: 123px;*/
    }
    .home-button {
        left: 50%;
    }
}

.dialogAgent-content, .dialog-content{
    background-color: #ffffff;
    color: #000000;
    line-height: 1.5;
    padding: 0.5rem 0.5rem;
    font-size: 17px;
    font-weight: bold;
}
.header-help{
    color: #00bace;
}
.content-question, .content-email, .content-phone{
    color: #0080a5;
}
a{
    color:#0080a5;
    text-decoration: none;
}
a:visited{
    color:#0080a5;
}
.font-lg {
    font-size: 16pt;
}
.font-xl {
    font-size: 22pt;
}
.padding {
    padding: 1rem 1rem;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    content: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
    content: none;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    content: none;
}

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
    content: none;
}

table.dataTable.collapsed tbody th, table.dataTable.collapsed tbody td {
    cursor: pointer;
    /* text-decoration: underline; */
}

table.dataTable thead th:nth-child(1) {
    padding: 0;
}

table.dataTable tbody tr td:nth-child(1) {
    padding: 0;
}


@media (min-width: 576px) {
    .modal-lg, .modal-xl {
        max-width: 95%;
    }
}

@media (max-width: 576px) {
	.modal-body {
		padding: 0;
	}
}

@media (min-width: 701px) {
    .modal-lg, .modal-xl {
        max-width: 95%;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1172px) {
    .bootstrap-dialog .modal-xl {
        max-width: 95%;
    }
}

/*
survey js upgrade related changes below this line
*/
.redborder {
    border-style: solid;
    border-color: red;
    border-width: 1px;
}

.sd-item {
    padding: calc(1.5 * var(--base-unit, 8px)) 0;
}

.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-item__decorator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(3 * var(--base-unit, 8px));
    height: calc(3 * var(--base-unit, 8px));
    box-sizing: border-box;
    box-shadow: inset 0px 1px 2px var(--border-inside, rgba(0, 0, 0, 0.16));
    background: var(--sd-item-default-background, var(--background-dim-light, #f9f9f9));
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
    border: none;
    flex-shrink: 0;
}

.sd-item--checked .sd-item__decorator {
    box-shadow: none;
}

.sd-item__control:focus + .sd-item__decorator,
.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {
    box-shadow: 0 0 0 2px var(--primary, #19b394);
    outline: none;
}

.sd-item__control:focus + .sd-item__decorator,
.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {
    background: var(--background, #fff);
}

.sd-item--checked .sd-item__decorator {
    background: var(--primary, #19b394);
}

.sd-item__control-label {
    font-family: var(--font-family);
    font-style: normal;
    font-weight: normal;
    line-height: calc(3 * var(--base-unit, 8px));
    font-size: calc(2 * var(--base-unit, 8px));
    color: var(--foreground, #161616);
    white-space: normal;
    word-break: break-word;
    width: 100%;
    text-align: left;
}

.sd-item--disabled .sd-item__control-label {
    color: var(--foreground-disabled, rgba(22, 22, 22, 0.25));
}

.sd-root--readonly .sd-item--disabled .sd-item__control-label {
    color: var(--foreground, #161616);
}

.sd-item--error .sd-item__decorator {
    background: var(--red-light, rgba(230, 10, 62, 0.1));
}

.sd-selectbase {
    border: none;
    margin: 0;
    padding: 0;
}

.sd-selectbase--row {
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(4 * var(--base-unit, 8px));
}

.sd-selectbase--multi-column {
    display: flex;
    flex: 1 1 0px;
}

.sd-selectbase__label {
    display: flex;
    position: relative;
    gap: calc(1 * var(--base-unit, 8px));
}

.sd-selectbase__column {
    vertical-align: top;
}

.sd-selectbase__column {
    display: block;
    box-sizing: border-box;
    word-break: break-word;
    flex: 1 1 0px;
}

.sd-selectbase__column:not(:last-child) {
    padding-right: calc(2 * var(--base-unit, 8px));
}

.sd-selectbase__column.sv-q-column-1 {
    width: 100%;
}

.sd-selectbase__other {
    margin-top: calc(2 * var(--base-unit, 8px));
}

.sd-selectbase__item .sd-selectbase__other {
    margin-top: calc(3.5 * var(--base-unit, 8px));
}

.sd-selectbase__item:last-child .sd-selectbase__other {
    margin-bottom: calc(-2 * var(--base-unit, 8px));
}

.sd-checkbox__decorator {
    border-radius: 3px;
}

.sd-checkbox__svg {
    display: none;
    width: calc(2.5 * var(--base-unit, 8px));
    height: calc(2.5 * var(--base-unit, 8px));
}

.sd-checkbox--checked .sd-checkbox__svg {
    display: block;
}
.sd-checkbox--checked .sd-checkbox__svg use {
    fill: var(--primary-foreground, #fff);
}

.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
    fill: var(--border, #d6d6d6);
}

.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
    fill: var(--primary, #19b394);
}

.sd-radio--checked .sd-radio__decorator:after {
    content: " ";
    display: block;
    width: calc(1 * var(--base-unit, 8px));
    height: calc(1 * var(--base-unit, 8px));
    border-radius: 50%;
    background-color: var(--primary-foreground, #fff);
}

.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {
    background-color: var(--border, #d6d6d6);
}

.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
    background-color: var(--primary, #19b394);
}

.sd-radio__svg {
    display: none;
}

.sv-action-bar {
    justify-content: space-between!important;
}

.sv-action--hidden {
    position: absolute;
}

.sv_main .sv-action-bar {
    padding: 0px 0px 0px 0px !important;
}

.sv_prev_btn, .sv_next_btn, .sv_preview_btn, .sv_esignatures_btn,  .sv_complete_btn, .home-button {
    background-color: #0080a5 !important;
    border-radius: 15px;
    color: #ffffff;
    font-size: 23px;
    padding: 10px 20px;
    text-transform: uppercase;
    min-width: 160px;
}

.sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn {
    float: right;
}

.bootstrap-dialog .bootstrap-dialog-header {
    width: 100%;
}

.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
}

.bootstrap-dialog-message .card alert-danger {
    padding: 8px;
}

.sv-components-column {
    padding-top: 12px;
}

.custom-control .custom-control-label {
    padding-left: 6px;
}

.checkbox-xl{
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
    margin-top: 26px;
}

.sv_esignatures_btn {
    margin-right: 0;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

@media (min-width: 576px) {
    /* Styles here will apply to screens that are 576px wide or wider */
    .form-inline label {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0;
    }
}

@media (max-width: 1200px) {
    /* Styles here will apply to screens that are 1200px wide or narrower */
    .sv_main .sv_container .panel-body.card-block .sv_row .sv_qstn .radio label, .sv_main .sv_container .panel-body.card-block .sv_row .sv_qstn .checkbox label {
        display: inline-flex;
    }
    .DigitalPageTitleClass {
        font-size: large !important;
    }
    .sv_prev_btn, .sv_next_btn, .sv_complete_btn, .sv_preview_btn, .sv_esignatures_btn, .home-button {
        padding: 0;
    }
    a.home-button.agent {
        padding: 5px;
        top: 0;
        margin-top: -115px;
        float: left;
        border-radius: 0;
        margin-left: -10px;
    }
    .sv_main .sv-action-bar {
        margin-bottom: -18px;
        padding-bottom: 3px !important;
        background-color: var(--form-bg-color);
        /*background-color: transparent;*/
    }
    .sv_main.sv_main .progress {
        bottom: 24px;
        position: absolute;
        width: 100%;
        height: 26px;
    }
    .bootstrap-dialog .bootstrap-dialog-message {
        padding: 5px;
    }
    div[data-bind="css: cssRoot"] {
        padding-bottom: 10px;
    }
    div > li {
        margin-left: 21px;
    }
    #aftersignedtext {
        font-size: 4.9vmin !important;
    }
}
@media (max-width: 821px) {
    a.home-button.agent {
        margin-top: -133px;
    }
}
@media (max-width: 869px) {
    a.home-button.agent {
        margin-top: -133px;
    }
}
@media (min-width: 100px) and (max-width: 821px) {
    a.home-button.agent {
        margin-top: -15px;
    }
}
@media (min-width: 821px) and (max-width: 1200px) {
    /* Styles here will apply to screens between 820px and 1200px in width */
    .sv_main.sv_main .progress {
        bottom: 24px;
        position: absolute;
        width: 76%;
        height: 26px;
    }
}
@media (max-width: 365px) {
    /* Styles here will apply to screens that are 365px wide or narrower */
    .sv_prev_btn, .sv_next_btn, .sv_preview_btn, .sv_esignatures_btn, .sv_complete_btn, .home-button {
        min-width: 152px;
    }
}

@media (max-width: 280px) {
    /* Styles here will apply to screens that are 280px wide or narrower */
    .sv_prev_btn, .sv_next_btn, .sv_preview_btn, .sv_esignatures_btn, .sv_complete_btn, .home-button {
        min-width: 114px;
    }
}

.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
    margin-top: unset;
}

#surveyElement input[type="checkbox"],
#surveyElement input[type="radio"] {
    min-width: 15px;
}

.sv-popup__container {
    height: initial !important;
}

.form-control.disabled, .form-control.readonly {
    background-color: #e9ecef;
    opacity: 1;
}

.center-screen {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f9fa;
    text-align: center;
    padding: 1rem;
}