#headerSection  .title {
    margin: 0px 0px 0px 0px !important;
}


#agent {
	left: 120px;
    top: 28px;
    position: relative;
	color: white;
}
@media (max-width: 1200px) {
    /* Styles here will apply to screens that are 1200px wide or narrower */
    a.home-button.agent {
        padding: 5px;
        top: 0;
        margin-top: unset;
        float: left;
        border-radius: 0;
        margin-left: -10px;
    }
	
	#agent {
        left: 45px;
        top: 17px;
        position: relative;
}
}
@media (max-width: 821px) {
    a.home-button.agent {
        margin-top: unset;
    }
}
@media (max-width: 869px) {
    a.home-button.agent {
        margin-top: unset;
    }
    .PlanMain {
        font-size: 17px !important;
    }
}
.PlanMain {
    font-size: 20px;
}
.PlanOption {
    padding-left: 10px;
}
/* A blank line above each plan groups its Option A/B/C rows under it, not under the plan before */
fieldset > .radio:has(.PlanMain):not(:first-child) {
    margin-top: 1em;
}
label[aria-label^="<span class='PlanOption'>"] {
    padding-left: 30px;
}

/* Since SurveyJS 1.12 a dropdown is a div with a readonly input laid over the chosen value to catch
   typing. The common stylesheet paints every readonly input grey, which covers the answer and leaves
   the control looking empty - the county field reads as "not saved" while the value is in fact there */
input[readonly].sv_q_dd_filter-string-input {
    background-color: transparent;
}


/* Provider picker: a scrollbar that is always there. Phones only show a thin overlay line while
   swiping, and macOS hides scrollbars until you scroll, so a mouse user on a Mac saw no sign of
   the columns to the right either. pcpstuff.js shows it when the table is wider than the dialog and
   the browser's own scrollbar takes no room - so not on Windows, which already shows a solid one */
.drag-scrollbar {
    display: block;
    position: relative;
    height: 22px;
    margin: 6px 0;
    border-radius: 11px;
    background: #e3e7ee;
    touch-action: none;
    user-select: none;
}

.drag-scrollbar[hidden] {
    display: none;
}

.drag-scrollbar-thumb {
    position: absolute;
    top: 3px;
    bottom: 3px;
    min-width: 44px;
    border-radius: 8px;
    background: #22407a;
    cursor: grab;
}

/* Pre-Enrollment Checklist acknowledgment: same line spacing as the paragraphs above it */
[data-name="PreEnrollmentChecklist"] label span {
    line-height: 1.5;
}