:root{
    --f4562-navy:#062b45;
    --f4562-teal:#1a9ba8;
    --f4562-teal-dark:#158793;
    --f4562-text:#294b5b;
    --f4562-muted:#667d89;
    --f4562-border:#d8e4e9;
    --f4562-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(--f4562-navy);
    font-size:26px;
    font-weight:700;
    line-height:1.25;
}
.steps_text_block p{
    margin:0;
    color:var(--f4562-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(--f4562-muted);
    font-size:12px;
    font-weight:600;
}
.tps-step-item--active{color:var(--f4562-teal-dark)}
.step-item__photo{width:24px;height:24px}
.steps-list__line{width:32px;height:1px;background:#d7e3e8}

.container.pt-5{
    padding-top:32px!important;
    padding-bottom:64px;
}

#form-4562{
    padding:26px;
    border:1px solid var(--f4562-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(--f4562-border);
    color:var(--f4562-navy);
    font-size:16px;
    font-weight:700;
    line-height:1.35;
}
#form-4562 label,
#form-4562 .brdr,
#form-4562 .brdrm{
    display:block;
    margin:12px 0 6px;
    color:var(--f4562-navy);
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:500;
    line-height:1.45;
}
#form-4562 .form-control,
#form-4562 .form-select{
    width:100%;
    height:44px;
    padding:9px 12px;
    border:1px solid #ccdce3;
    border-radius:8px;
    background:#fff;
    color:#203f4f;
    font-size:14px;
    box-shadow:none;
}
#form-4562 .form-control:focus,
#form-4562 .form-select:focus{
    border-color:var(--f4562-teal);
    box-shadow:0 0 0 3px rgba(26,155,168,.10);
    outline:none;
}
#form-4562 input[type="checkbox"],
#form-4562 input[type="radio"]{
    flex:0 0 auto;
    width:18px;
    height:18px;
    margin:0;
    accent-color:var(--f4562-teal);
}
.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;
}
.checkbox_sty span{
    color:var(--f4562-text);
    font-size:12.5px;
    font-weight:400;
    line-height:1.45;
}
.eminfo,
#form-4562 small{
    color:var(--f4562-muted);
    font-size:12px;
    line-height:1.5;
}
.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(--f4562-border);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 30px rgba(2,48,71,.07);
}
.f4562-preview-heading{
    margin:0 0 13px;
    color:var(--f4562-navy);
    font-size:16px;
    font-weight:700;
    text-align:left;
}
div#iframeWrapper{
    position:relative;
    width:100%;
    height:clamp(520px,70dvh,760px);
    padding:0;
    overflow:hidden;
    border:1px solid #cfdde3;
    border-radius:11px;
    background:var(--f4562-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(--f4562-teal);
    border-radius:50%;
    animation:f4562spin .8s linear infinite;
}
@keyframes f4562spin{to{transform:rotate(360deg)}}

.f4562-preview-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:14px;
}
.f4562-preview-actions .epay-create-action{
    width:100%;
    min-height:46px;
    margin:0;
    padding:10px 14px;
    border-radius:9px;
    font-size:13px;
    font-weight:700;
}
.preview-btn{
    position:static;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transform:none;
    box-shadow:none;
}
.preview-btn:hover{transform:none}
.form_warrap.paystub_submit_button{
    margin:0;
    padding:0;
    text-align:initial;
}

.modal-overlay{
    position:fixed;
    inset:0;
    z-index:9999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(3,24,38,.82);
}
.modal-content{
    position:relative;
    display:flex;
    width:min(1100px,100%);
    height:min(92dvh,900px);
    margin:0;
    padding:0;
    overflow:hidden;
    flex-direction:column;
    border:1px solid #ccdce3;
    border-radius:14px;
    background:#fff;
}
.modal-header{
    position:absolute;
    top:10px;
    right:10px;
    z-index:6;
    display:block;
    min-height:0;
    padding:0;
    border:0;
    background:transparent;
}
.modal-header h3{display:none;}
.close-btn{
    display:flex;
    width:36px;
    height:36px;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid #d8e4e9;
    border-radius:8px;
    background:#fff;
    color:var(--f4562-navy);
    font-size:25px;
    line-height:1;
    cursor:pointer;
}
.modal-body{flex:1;min-height:0;padding:0;overflow:hidden}
.modal-body iframe{display:block;width:100%;height:100%;border:0}

.f4562-hero{padding:42px 0 32px;border-bottom:1px solid #dce7eb;background:#f7fbfc;color:var(--f4562-navy)}
.f4562-hero .container{max-width:1220px;text-align:center}
.f4562-hero h1{margin:0 0 15px;font-size:clamp(28px,4vw,32px);font-weight:700;line-height:1.2;letter-spacing:-.8px}
.f4562-intro{max-width:760px;margin:0 auto;color:#17384d;font-size:13px;line-height:1.55;text-align:left}
.f4562-intro ol{margin:0;padding-left:21px}
.f4562-intro li+li{margin-top:4px}
@media(max-width:575.98px){.f4562-hero{padding:25px 15px 21px}.f4562-hero .container{padding:0}.f4562-hero h1{font-size:20px;letter-spacing:-.2px;text-align:left}.f4562-intro{font-size:10.5px;line-height:1.45}.f4562-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}
    .container.pt-5{padding-top:20px!important;padding-bottom:42px}
    #form-4562{padding:17px 14px;border-radius:13px}
    .pdfv{padding:12px;border-radius:13px}
    #iframeWrapper{height:68dvh;min-height:430px}
    .f4562-preview-actions{grid-template-columns:1fr}
    .modal-overlay{padding:8px}
    .modal-content{height:94dvh;border-radius:10px}
}

/* Final parity with the approved 1099-MISC create-page header and controls. */
.f4562-hero{
    min-height:0!important;
    padding:30px 0 24px!important;
    border:0!important;
    background:#f4fbfc!important;
}
.f4562-hero .container{
    box-sizing:border-box;
    width:100%;
    max-width:1220px;
    margin:0 auto;
    padding:0 12px;
}
.f4562-hero h1{
    width:100%;
    max-width:820px;
    margin:0 auto 10px!important;
    color:#062b45;
    font-family:"Poppins",Arial,sans-serif!important;
    font-size:clamp(28px,4vw,32px)!important;
    font-weight:700;
    line-height:1.2!important;
    letter-spacing:-.8px;
    text-align:center!important;
}
.f4562-intro{
    width:100%;
    max-width:680px;
    margin:0 auto!important;
    color:#17384d;
    font-family:"Open Sans",Arial,sans-serif;
    font-size:13px!important;
    line-height:1.55!important;
    text-align:left;
}
#form-4562 .form-control,
#form-4562 .form-select{
    min-width:0;
    min-height:46px;
    height:46px;
    padding:10px 12px;
    border:1px solid #cfdbe1;
    border-radius:9px;
    background:#f6f9fb;
    color:#023047;
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:20px;
}
#form-4562 .form-control:focus,
#form-4562 .form-select:focus{
    border-color:#0097b2;
    background:#fff;
    box-shadow:0 0 0 3px rgba(0,151,178,.14);
}
#form-4562 .yes-no-options,
#form-4562 .position-relative.mt-3:has(> div input[type="radio"]){
    display:flex;
    flex-flow:row nowrap;
    align-items:center;
    gap:28px;
    margin-bottom:20px;
}
#form-4562 .yes-no-options > div,
#form-4562 .position-relative.mt-3:has(> div input[type="radio"]) > div{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
}
#form-4562 .yes-no-options input[type="radio"],
#form-4562 .position-relative.mt-3:has(> div input[type="radio"]) input[type="radio"]{
    flex:0 0 30px;
    width:30px;
    height:30px;
    margin:0;
}
#form-4562 .input-group{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    width:100%;
}
#form-4562 .input-group-text{
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-width:46px;
    min-height:46px;
    padding:0 11px;
    border:1px solid #cfdbe1;
    border-right:0;
    border-radius:9px 0 0 9px;
    background:#eef3f5;
    color:#062b45;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    text-align:center;
}
#form-4562 .input-group > .form-control{
    flex:1 1 auto;
    width:1%;
    min-width:0;
    margin:0;
    border-radius:0 9px 9px 0;
}
.epay-1099-pdf-pages{
    box-sizing:border-box;
    width:100%;
    height:100%;
    overflow:auto;
    padding:8px;
    background:#e7ecef;
}
.epay-1099-pdf-pages--modal{padding:10px;}
.epay-1099-pdf-page{
    position:relative;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin:0 auto 10px;
    overflow:hidden;
    background:#fff;
    border:1px solid #dce5e9;
    box-shadow:0 2px 8px rgba(6,43,69,.10);
}
.epay-1099-pdf-page:last-child{margin-bottom:0;}
.epay-1099-pdf-page canvas{
    display:block;
    width:100%!important;
    max-width:none;
    height:auto!important;
}
#pdfPreview.epay-1099-pdfjs-active,
#modalPdf.epay-1099-pdfjs-active{display:none!important;}
#form-4562 .icon-select::after,
#form-4562 .icon-select i,
#form-4562 .icon-input i{
    display:none!important;
    content:none!important;
}
/* Match the approved 1099-MISC content width and desktop column proportions. */
.container.pt-5{
    box-sizing:border-box;
    width:100%;
    max-width:1220px!important;
    margin-right:auto;
    margin-left:auto;
    padding-right:12px;
    padding-left:12px;
}
@media(min-width:1200px){
    .container.pt-5 > .row{
        display:grid;
        grid-template-columns:minmax(0,7fr) minmax(0,13fr);
        gap:24px;
        margin-right:0;
        margin-left:0;
    }
    .container.pt-5 > .row > .col-lg-5,
    .container.pt-5 > .row > .col-lg-7{
        width:100%;
        max-width:none;
        padding-right:0;
        padding-left:0;
    }
}
@media(min-width:992px) and (max-width:1199.98px){
    .container.pt-5 > .row{
        display:grid;
        grid-template-columns:minmax(0,2fr) minmax(0,3fr);
        gap:22px;
        margin-right:0;
        margin-left:0;
    }
    .container.pt-5 > .row > .col-lg-5,
    .container.pt-5 > .row > .col-lg-7{
        width:100%;
        max-width:none;
        padding-right:0;
        padding-left:0;
    }
}
@media(max-width:767.98px){
    .f4562-hero{padding:22px 0 17px!important}
    .f4562-hero .container{padding:0 16px!important}
    .f4562-hero h1{
        max-width:none;
        margin-bottom:10px!important;
        font-size:clamp(28px,4vw,32px)!important;
        line-height:1.25!important;
        letter-spacing:-.8px!important;
        text-align:center!important;
    }
    .f4562-intro{
        max-width:none;
        margin-top:22px!important;
        font-size:14px!important;
        line-height:1.65!important;
        text-align:left!important;
    }
    .f4562-intro ol{margin:0;padding-left:21px!important}
    .f4562-intro li+li{margin-top:4px}
}