:root{
    --f8809-navy:#062b45;
    --f8809-teal:#1a9ba8;
    --f8809-teal-dark:#158793;
    --f8809-text:#294b5b;
    --f8809-muted:#667d89;
    --f8809-border:#d8e4e9;
    --f8809-soft:#f7fafb;
}

.bill_steps{
    padding:34px 0 28px;
    background:#fff;
    border-bottom:1px solid #e5edf0;
}
.steps_text_block h3{
    margin:0 0 7px;
    color:var(--f8809-navy);
    font-size:26px;
    font-weight:700;
    line-height:1.25;
}
.steps_text_block p{
    margin:0;
    color:var(--f8809-muted);
    font-size:14px;
    line-height:1.55;
}
.steps-list{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.tps-step-item{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--f8809-muted);
    font-size:12px;
    font-weight:600;
}
.tps-step-item--active{color:var(--f8809-teal-dark)}
.step-item__photo{width:24px;height:24px}
.steps-list__line{width:32px;height:1px;background:#d7e3e8}

div.container.pt-5:has(#form-8809){
    padding:32px 12px 64px;
    width:100%;
    max-width:1220px;
    min-width:0;
    padding-left:12px;
    padding-right:12px;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
}

#form-8809{
    padding:26px;
    border:1px solid var(--f8809-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(2,48,71,.06);
}
.form-section-title{
    margin:0 0 15px;
    padding:0 0 10px;
    border-bottom:1px solid var(--f8809-border);
    color:var(--f8809-navy);
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}
#form-8809 label,
#form-8809 .brdr,
#form-8809 .brdrm{
    display:block;
    margin:12px 0 6px;
    color:var(--f8809-navy);
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.45;
}
#form-8809 .form-control,
#form-8809 .form-select{
    width:100%;
    height:46px;
    min-height:46px;
    padding:9px 12px;
    border:1px solid #ccdce3;
    border-radius:8px;
    background:#fff;
    color:#203f4f;
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:400;
    box-shadow:none;
}
#form-8809 .form-control:focus,
#form-8809 .form-select:focus{
    border-color:var(--f8809-teal);
    box-shadow:0 0 0 3px rgba(26,155,168,.10);
    outline:none;
}
#form-8809 input[type="checkbox"],
#form-8809 input[type="radio"]{
    flex:0 0 auto;
    width:18px;
    height:18px;
    margin:0;
    accent-color:var(--f8809-teal);
}
.f8809-filing-methods{display:flex;align-items:center;gap:32px;flex-wrap:nowrap}.f8809-filing-option{display:inline-flex;align-items:center;gap:9px;min-width:0}.f8809-filing-option label{margin:0!important;white-space:nowrap}
.form-main-checkbox{
    margin-top:16px!important;
    padding:13px 14px;
    border:1px solid #e0e9ed;
    border-radius:10px;
    background:#fbfdfe;
}
.checkbox_sty{
    align-items:flex-start!important;
    gap:9px!important;
    margin-top:9px!important;
}
.f8809-line5{display:block!important;margin:0!important;color:var(--f8809-text)!important;font-size:12.5px!important;font-weight:400!important;line-height:1.55!important;cursor:pointer}.f8809-line5 strong{color:var(--f8809-navy);font-weight:700}.f8809-line5-checkbox{display:block;margin-top:9px}.f8809-line5 input[type="checkbox"]{display:block;margin:0!important}
.checkbox_sty span{
    color:var(--f8809-text);
    font-size:12.5px;
    font-weight:400;
    line-height:1.45;
}
.eminfo,
#form-8809 small{
    color:var(--f8809-muted);
    font-size:12px;
    line-height:1.5;
}
.f8809-errors{display:none;margin:18px 0 0;padding:12px 14px;border:1px solid #efbcbc;border-radius:9px;background:#fff3f3;color:#a12626;font-size:13px;line-height:1.5}.f8809-errors.is-visible{display:block}.f8809-errors ul{margin:6px 0 0;padding-left:18px}
.signaturePad{
    display:block;
    width:100%;
    height:145px;
    border:1px solid #ccdce3;
    border-radius:9px;
    background:#fff;
}
.clear-btn{
    position:absolute;
    top:8px;
    right:8px;
    left:auto;
    min-width:34px;
    min-height:34px;
    padding:5px 8px;
    border:1px solid #d8e4e9;
    border-radius:7px;
    background:#fff;
    cursor:pointer;
}

.pdfv{
    position:sticky;
    top:92px;
    height:auto;
    max-height:none;
    padding:18px;
    overflow:visible;
    border:1px solid var(--f8809-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(2,48,71,.07);
}
.f8809-preview-heading{
    margin:0 0 13px;
    color:var(--f8809-navy);
    font-size:16px;
    font-weight:700;
    text-align:left;
}
#iframeWrapper{
    position:relative;
    width:100%;
    height:clamp(520px,70dvh,760px);
    padding:0;
    overflow:hidden;
    border:1px solid #cfdde3;
    border-radius:11px;
    background:var(--f8809-soft);
}
#pdfPreview{
    display:block;
    width:100%;
    max-width:100%;
    height:100%;
    border:0;
}
.loader-overlay{
    position:absolute;
    inset:18px;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:11px;
    background:rgba(255,255,255,.82);
}
.spinner{
    width:34px;
    height:34px;
    border:3px solid #dce8ec;
    border-top-color:var(--f8809-teal);
    border-radius:50%;
    animation:f8809spin .8s linear infinite;
}
@keyframes f8809spin{to{transform:rotate(360deg)}}

.f8809-preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:580px;margin:30px auto 8px}
.f8809-preview-button,.f8809-submit-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;min-height:44px;margin:0;padding:8px 12px;border-radius:10px;font-size:.88rem;font-weight:800;line-height:1.25;text-align:center;white-space:nowrap;cursor:pointer}
.f8809-preview-button{position:static;transform:none;border:1px solid #7895a8;background:#eaf2f6;color:var(--f8809-navy);box-shadow:0 1px 3px rgba(15,50,71,.14)}
.f8809-preview-button:hover,.f8809-preview-button:focus{border-color:var(--f8809-navy);background:#dceaf1;transform:translateY(-1px)}
.f8809-submit-button{border:1px solid #168894;background:#1a9ba8;color:#fff;box-shadow:0 1px 3px rgba(15,50,71,.18)}
.f8809-submit-button:hover,.f8809-submit-button:focus{background:#158793;color:#fff;transform:none;box-shadow:none}
.form_warrap.paystub_submit_button{margin:0;padding:0;text-align:initial}

.modal-overlay{position:fixed;inset:0;z-index:2147483647;display:none;align-items:center;justify-content:center;padding:clamp(12px,3vw,28px);margin:0;overflow:auto;isolation:isolate;background:rgba(6,43,69,.42)}
#pdfModal .modal-content{position:relative;z-index:1;box-sizing:border-box;display:block;width:min(960px,75vw,calc((100dvh - 56px)*17/11));height:auto;aspect-ratio:17/11;margin:auto;padding:0;overflow:hidden;border:1px solid #d6e1e6;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(0,18,27,.16)}
#pdfModal .close-btn{position:absolute;top:10px!important;right:10px!important;left:auto!important;z-index:20;display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;padding:0;border:1px solid #d6e1e6;border-radius:8px;background:#fff;color:#17384d;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,18,27,.14)}
#pdfModal .close-btn:hover,#pdfModal .close-btn:focus-visible{border-color:#9fb5c1;background:#f4f8fa;color:#062b45;outline:2px solid rgba(0,155,181,.22);outline-offset:1px}
#pdfModal .modal-body{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
#pdfModal .modal-body iframe{display:block;width:100%;height:100%;border:0}
.f8809-pdf-pages{box-sizing:border-box;width:100%;height:100%;padding:6px;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#f7f9fa}
.f8809-pdf-pages--inline{padding:8px;background:#eef3f5}
@media(min-width:576px){.f8809-pdf-pages--inline{overflow-x:hidden}.f8809-pdf-pages--inline .f8809-pdf-page{max-width:100%}}
.f8809-pdf-page{box-sizing:border-box;width:100%;max-width:none;margin:0 auto 10px;overflow:hidden;border:1px solid #e1e8ec;background:#fff}
.f8809-pdf-page:last-child{margin-bottom:0}.f8809-pdf-page canvas{display:block;width:100%!important;max-width:100%;height:auto!important;margin:0}
#modalPdf.f8809-pdfjs-active,#pdfPreview.f8809-pdfjs-active{display:none!important}
.f8809-zoom-controls{position:absolute;top:10px;left:10px;z-index:18;display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid #cbd9df;border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 2px 8px rgba(2,48,71,.15)}
.f8809-zoom-controls button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid #cbd9df;border-radius:7px;background:#fff;color:#023047;font-size:18px;font-weight:700;line-height:1;cursor:pointer}
.f8809-zoom-controls .f8809-fit-width{width:96px;padding:0 12px;font-size:13px;white-space:nowrap}
.f8809-zoom-controls button:hover,.f8809-zoom-controls button:focus{background:#dceaf0;outline:0}
.f8809-zoom-label{min-width:52px;color:#17384d;font-size:12px;font-weight:700;text-align:center}
#iframeWrapper > .f8809-zoom-controls{display:none}
@media(max-width:575.98px){#pdfModal.modal-overlay{padding:0!important}#pdfModal .modal-content{width:100%!important;height:100dvh!important;max-width:none;aspect-ratio:auto;border:0;border-radius:0}.f8809-pdf-pages{padding:0}#pdfModal .f8809-pdf-page{margin-bottom:7px}#pdfModal .close-btn{top:8px!important;right:8px!important;width:36px;height:36px}.f8809-zoom-controls{top:8px;left:8px;padding:3px}.f8809-zoom-controls button{width:36px;height:36px}.f8809-zoom-controls .f8809-fit-width{width:78px;padding:0 8px;font-size:12px}.f8809-zoom-label{min-width:50px}}

.f8809-hero{box-sizing:border-box;padding:42px 0 32px;border-bottom:1px solid #dce7eb;background:#f7fbfc;color:var(--f8809-navy)}
.f8809-hero .container{box-sizing:border-box;width:100%;max-width:1220px;margin:0 auto;padding:0 15px;text-align:center}
.f8809-hero h1{margin:0 0 15px;color:var(--f8809-navy);font-size:clamp(20px,5.13vw,40px);font-weight:700;line-height:1.2;letter-spacing:-.8px}
.f8809-intro{width:100%;max-width:760px;margin:0 auto;color:#17384d;font-size:13px;line-height:1.55;text-align:left}
.f8809-intro ol{margin:0;padding-left:21px}
.f8809-intro li+li{margin-top:4px}
@media(max-width:575.98px){.f8809-hero{padding:25px 15px 21px}.f8809-hero .container{padding:0}.f8809-hero #epay-create-h1-force-a{font-size:20px!important;letter-spacing:-.2px;text-align:left}.f8809-intro{font-size:10.5px;line-height:1.45}.f8809-intro ol{padding-left:18px}}

@media(max-width:991.98px){
    .pdfv{position:relative;top:auto;margin-top:24px}
    #iframeWrapper{height:68dvh;min-height:500px}
    .steps-list{justify-content:flex-start;margin-top:18px}
}
@media(max-width:575.98px){
    .bill_steps{padding:24px 0 20px}
    .steps_text_block h3{font-size:21px}
    .steps-list{display:none}
    div.container.pt-5:has(#form-8809){padding:20px 12px 42px;width:100%;max-width:1220px;min-width:0;padding-left:12px;padding-right:12px;box-sizing:border-box;margin-left:auto;margin-right:auto}
    #form-8809{padding:17px 14px;border-radius:13px}
    .pdfv{padding:12px;border-radius:13px}
    #iframeWrapper{height:68dvh;min-height:430px}
    .f8809-preview-actions{grid-template-columns:1fr;max-width:100%;margin-top:14px}
    .modal-overlay{padding:8px}
    .modal-content{height:94dvh;border-radius:10px}
}
/* Container layout verified against Form 941; page-scoped, 2026-11-01. */
div.container.pt-5:has(#form-8809) > .row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,13fr);gap:24px;margin:0;width:100%;min-width:0;align-items:start;box-sizing:border-box}
div.container.pt-5:has(#form-8809) > .row > *{width:100%;max-width:none;min-width:0;padding-left:0;padding-right:0;margin:0;box-sizing:border-box}
@media(min-width:992px) and (max-width:1199.98px){div.container.pt-5:has(#form-8809) > .row{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:22px}}
@media(max-width:991.98px){div.container.pt-5:has(#form-8809) > .row{grid-template-columns:minmax(0,1fr);gap:24px}}
