/* Hide Submit Button */
.form-submit-button {
    display: none !important;
  }
  
/* Hide Print Button */
  #print-preview {
    display: none !important;
  }

/* Hide Additional wrapper sections */
#form-element-wrapper_2
{
    display: none;
}
#form-element-wrapper_14{
    visibility: hidden !important;
} 

/* TO CONTROL SCREEN SCROLL*/
.form-section, .form-item {
    display: block;
    overflow: hidden;
    padding-left: inherit;
    padding-bottom: 16px;
}

  /* Hiding Language dropdown */
  #form-element-wrapper_1 {
      visibility: hidden !important;
  } 

/*------------------------------------------------------*/

.header_container {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}

.header_container1 {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}

.jtext {
    display: block;
    padding-left: 30px;
    margin-right: 10px;
    margin-top: -21px;
}

.jtext1 {
    display: block;
    padding-left: 25px;
    margin-right: 25px;
    margin-top: -22px;
}

.jtext2 {
    display: block;
    margin-top: -3px;
    padding-left: 5px;
    margin-right: 7px;
}

.jtext4 {
    display: block;
    padding-left: 100px;
    margin-right: 70px;
    margin-top: -22px;
}

.empstat {
    white-space: nowrap;
}
  .ctext{
    display: block;
    padding-left: 55px;
    margin-right: 10px;
  }

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

  .blank-line {
    width: 70%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    height: 18px;
  }
.line {
    width: 20%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    height: 18px;
}
.dynamic-note-container {
    display: inline-flex;
    margin-top:0;
      
}
.dynamic-note-container strong {
    margin-right: 10px; /* Spacing between "NOTE:" and the text */
}
.note-text{
    display: block;
    margin-right:15px;
    padding-left: 30%;
    margin-top: -22px;
}

.checktext {
        margin-top: -21px;
        padding-left: 20px;
        padding-right: 20px;
        display: block;
}

.empname {
    white-space: nowrap;
}

 .divTableCell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
 .Checkboxsize {  
     width: 14px;  
     height: 14px;  
     background-color: white;  
     border-radius: 5%;  
     vertical-align: middle;  
     border: 1px solid gray;  
     appearance: none;  
     -webkit-appearance: none;  
     outline: none;  
    }  

 .line1a {
        flex-grow: 1;
        border-bottom: 1.5px solid #000;
        margin-left: 2px;
        margin-right: 2px;
    }
.line1aa {
        flex-grow: 1;
        border-bottom: 1.5px solid #000;
        margin-left: 2px;
        margin-right: 2px;
        line-height: 12px;
        margin-bottom: 15px;
    }

/*code for first 2 tables using grid*/

.form-container1 {
 display:flex;
}

.grid-wrapper1 {
    display: grid;
    grid-template-columns: 3.5fr 1fr; 
    gap:12px;
}

/* Main Section Styling */
.main-section {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
}

/* Grid Header */
.grid-header {
    display: grid;
    grid-template-columns: 30% 30% 40%;
    
}

.header-item {
    padding: 5px;
    border-top: none;
    border-bottom: 1px solid black;
    /* border-inline-start: 1px solid black;  /*Instead of border-left */
}

.header-item1 {
    padding: 5px;
    border-top: none;
    border-bottom: 1px solid black;
    border-inline-start: 1px solid black; /* Instead of border-left */
}

/* Ensure borders do not overlap */
.grid-header .header-item:last-child {
    border-inline-end: none; /* Remove right border in LTR, left border in RTL */
}

.grid-header .header-item:first-child {
    border-inline-start: none; /* Remove left border in LTR, right border in RTL */
}

/* Question Section */
.question-section {
    margin-left: 55px;
    padding-top: 5px;
    text-align: left;
    margin-right:60px;
    padding-bottom:10px;
}

/* EDD Use Section */
.edd-use {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    border: 1px solid black;
}

.edd-header {
    padding: 10px;
    border-bottom: 1px solid black;
    padding-top: 5px;
}
.edd-content {
    padding: 10px;
}
.blank-line1 {
    margin: 10px;
    border-top: 1px solid black;
    height: 0;
    margin-top: 25px;
}

.blank-line1a {
    padding: 10px;
    border-bottom: 1px solid black;
}

.divTableRow{
    display: table-row;
}
.divTableCell1{
    display: table-cell;
    width: 5%;
    padding-bottom: 10px;
}
.divTableCell2{
    display: table-cell;
    width: 80%;
    padding-left:10px;
    padding-bottom:10px;
}
.divTableCell2a{
    display: table-cell;
    width: 20%;
    padding-left:10px;
    padding-bottom:10px;
    vertical-align: bottom;
}
.divTableCell3{
    display: table-cell;
    width: 25%;
    padding-left: 30px; 
}
.divTableCell4{
    display: table-cell;
    width: 25%;
    padding-left: 30px; 
}
.divTableCellA{
    display: table-cell;
    width: 80%;
    padding-left:10px;
    padding-bottom:10px;
}
.divTableCellB{
    display: table-cell;
    width: 25%;
    padding-left: 30px; 
    padding-bottom:10px;
    vertical-align: bottom;
}
.divTableCellA1{
    display: table-cell;
    width: 80%;
    padding-left:10px;
    padding-bottom:10px;
}
.divTableCellB1{
    display: table-cell;
    width: 25%;
    padding-left: 30px; 
    padding-bottom:10px;
    vertical-align: bottom;
}
.divTableCelllist {
    display: inline-block;
    width: 78%;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-top: -22px;
    margin-right: 25px;
}
.divTableCelllist1 {
    display: table-cell;
    width: 58%;
    padding-left: 30px;
    margin-right: 30px;
}
.divTableCelllistA {
    display: inline-block;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
    margin-right: 0px;
    width: 80%;
}
.divTableCelllist1A {
    display: table-cell;
    width: 20%;
    padding-left: 20px;
    margin-right: 20px;
}

.dline {
    width: 82%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    height: 18px;
    margin-left: 28px;
}

ol.custom-list {
    list-style: none;
}

ol.custom-list li {
    counter-increment: list-counter;
    margin-left: -15px;
}

ol.custom-list li::before {
    content: "(" counter(list-counter, lower-alpha) ") ";
}

ol.clist {
    list-style: none;
}

ol.clist li {
    counter-increment: list-counter;
    margin-left: -15px;
}

ol.clist li::before {
    content: "(" counter(list-counter) ") ";
}

.bline2 {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    height: 20px;    margin-left: 5px;
}

.bline1 {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    height: 20px;    
    margin-left: 5px;
    margin-right: 2px;
}

.bline1a {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    height: 20px;    
    margin-left: 5px;
    width: 30%;
}

.bline1b3 {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    height: 12px;    
    margin-left: 5px;
    margin-right: 2px;
}

.form-fieldE{
    display: inline-flex;
    margin-bottom: 10px;
    width: 100%;
}

.form-field{
    display: inline-flex;
    margin-bottom: 10px;
    width: 94%;
    padding-inline-start: 20px;
}

.form-fieldA {
    display: inline-flex;
    margin-bottom: 10px;
    width: 82%;
    padding-left:15px;
}

.form-fieldB {
    display: inline-flex;
    margin-bottom: 10px;
    width: 94%;
    padding-left:15px;
}

.form-fieldq{
    display: inline-flex;
    margin-bottom: 10px;
    width: 80%;
   
}

.border-line{
    display: inline-block;
    width:100%;
    border-bottom: 2px solid #000;
    height: 0;
}

.border-lineb{
    display: inline-block;
    width:100%;
    border-top: 2px solid #000;
}

.form-fields{
    display: inline-flex;
    margin-bottom: 10px;
    width: 100%;
    /*padding-left:15px;*/ 
}

.form-fieldl{
    display: inline-flex;
    margin-bottom: 10px;
    width: 86.5%;
    padding-left:15px;
}

.form-fieldr{
    display: inline-flex;
    margin-bottom: 10px;
    width: 100%; 
}

ol,li {
    margin-right:20px;
}

.OneTable {
    padding-left: 10%;
    padding-right: 10%;
}

.OneTable1{
padding-right:1.5%;
width:100%;
}
    
  .DeclareTable{ display: table;
    width: 100%;
    border-collapse: collapse;
    }


.divTableCellD1 {
            display: table-cell;
            padding: 10px;
            text-align: center;
            width: 38%;
        }  
.divTableCellD3 {
            display: table-cell;
           width: 73%;
            /*padding-left:100px;*/
            padding-bottom:10px;
            
        }
        .divTableCellD31 {
            display: table-cell;
           width: 46%;
            /*padding-left:100px;*/
            padding-bottom:10px;
            
        }
        .signature-w {
            font-weight: bold;
            margin-right: 105px;
        }
        .signature-x {
            font-weight: bold;
            margin-right: 10px;
        }
        .signature-y {
            font-weight: bold;
            /*margin-left: 100px;*/
        }
        .ZIP {
            font-weight: bold;
        }
 .form-fieldW .halflineW {
            border-bottom: 1.5px solid black;
            width: 98.5%;
            margin-bottom: -6px;
            display: inline-block;
        }
        .form-fieldW .halflineWq {
            border-bottom: 1.5px solid black;
            width: 98.5%;
            margin-bottom: -6px;
            display: inline-block;
            height: 10px;
        }
        .declarant-signature{
            text-align: center;
            padding-bottom: 10px;
            margin-left: 10px;
            overflow-wrap: anywhere;
            padding-top: 5px;
            }
.date{text-align: left;}

.form-fieldW .row-fields {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* Text alignment for Address, City, Zip Code */
.row-fields .noto_fonts {
    
    flex: 1;
}

.certification-container {
    display: flex;
    align-items: flex-start; /* Aligns the text properly */
    max-width: 100%; /* Ensures responsiveness */
}

.certification-container1 {
    display: flex;
    align-items: flex-start; /* Aligns the text properly */
    max-width: 100%; /* Ensures responsiveness */
}

.certification-container2 {
    display: flex;
    align-items: flex-start; /* Aligns the text properly */
    max-width: 100%; /* Ensures responsiveness */
}
.certification-container3 {
    display: flex;
    align-items: flex-start; /* Aligns the text properly */
    max-width: 100%; /* Ensures responsiveness */
    padding-left: 57px;
    padding-right: 57px;
}
.certification-container5 {
    display: flex;
    align-items: flex-start; /* Aligns the text properly */
    max-width: 99.5%
}

.label1 {
    font-weight: bold;
    white-space: nowrap; /* Prevents wrapping */
    margin-right: 10px; /* Space between label and text */
    flex: 0 0 auto; /* Prevents shrinking */
}
.tex1 {
    flex: 1; /* Ensures the text takes up remaining space */
    min-width: 0; /* Fixes overflow issues */
    padding-right: 5px;
}
.label2 {
    font-weight: bold;
    /* white-space: nowrap; Prevents wrapping */
    margin-right: 10px; /* Space between label and text */
    flex: 0 0 auto; /* Prevents shrinking */
    width:7.5%;
}
.tex2 {
    flex: 1; /* Ensures the text takes up remaining space */
    min-width: 0; /* Fixes overflow issues */
    padding-right: 0px;
}

.linewrap{
    width:100%;
    display: flex;
    justify-content: space-around;
}
.linewrap2{
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.sline1{
    border-bottom: 1.5px solid #000;
    /* height: 20px; */
    margin-left: 37px;
    margin-right: 10px;
    width: 89%;
    margin-bottom: 10px;
}

/* Code for Content with Line and Text Under Line */
 
.form-fieldF {
    display: flex;
}
.form-fieldF1 {
    display: flex;
    flex-wrap: wrap;
}
.date2 {
    text-align: center;
}
.date3 {
    text-align: center;
}

.divTableCellW1 {
    display: table-cell;
    padding: 4px;
    text-align: start;
    /*white-space: nowrap;*/
  }

.divTableCellW2 {
    display: table-cell;
    padding: 4px;
    text-align: center;
    margin-top: 12px;
    width: 44%;
    align-content: end;
}

.divTableCellW3 {
    display: table-cell;
    text-align: center;
    width: 37%;
    align-content: end;
}

.halfline {
    flex-grow: 1;
    border-bottom: 1.5px solid black;
    margin-bottom: 4px;
}

/* CODE for A2E Table Section */

.noborder {
    border: none;
}

table {
    border-collapse: collapse;
    width: 100%;
  }

th {
    padding: 5px;
    vertical-align: top;
  }
   
td {
    border: 0px solid #000;
    padding: 5px;
    vertical-align: bottom;
}
  
.jtext3 {
        display: block;
        padding-left: 30px;
        margin-right: 25px;
        margin-top: -21px;
}

.jtext5 {
    display: block;
    margin-top: -22px;
    padding-left: 20px;
    margin-right: 20px;
}

.form-fieldA2 {
    display: flex;
}

.form-fieldA21 {
    display: flex;
}

.form-fieldA1 {
    display: inline-flex;
    margin-bottom: 10px;
    width: 92%;
    padding-left:10px;
}

.BigLine1 {
    width: 29%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    vertical-align: bottom;
    padding-left: 2px;
}

.BigLine2 {
    width: 80%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    vertical-align: bottom;
    padding-left: 2px;
}

.divTableRowA {
    display: inline-flex;
}

.chkbxB {
    padding-left: 5px; 
    padding-right: 5px;
    width: 38%;
    align-content: end;
}

.chkbxB1 {
    padding-left: 10px; 
    padding-right: 10px;
    width: 5%;
    margin-top: -2PX;
    align-content: end;
}

.inline-date-row {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 7px;
   }
   .label-text {
    white-space: normal;
    flex-shrink: 0;
   }
   .date-line-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: .5;
    min-width: 35%; /* adjust as needed */
    max-width: 45%;
   }
   .linex {
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1.2em;
   }
   .date-label {
    margin-top: 2px;
    text-align: center;
}

.liney {
    border-bottom: 1px solid black;
    margin: 0 0px;
    display: inline-block;
    height: 1em;
    flex-grow: 1;
}

.question-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}

/* **************************** */ 

/* Responsive code for Mobile Devices */ 

@media only screen and (max-width: 768px) {
.header_container {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}
.header_container1 {
    padding-bottom: 20px;
}
.divTableCell4{margin-bottom:10px;}
.grid-wrapper1{
    display: block;
}
 .main-section{
    margin-bottom:20px;
 }
.divTableCell2,.divTableCelllist{
    display: block;
    width:105%; 
}
.question-container {
    display: contents !important;
}
.form-fieldE {        
    margin-top: 15px;
    display: block;
    width: 83%;
}
.divTableCell3{
    display: block;
    width:100%;
    padding-left:10px;
}
.divTableCelllist1 {
    display: block;
    width:100%;
    padding-left:40px;
}
.certification-container3{
    display: block;
}
.certification-container2 {
    margin-top: 20px !important;
}
.certification-container1 {
    display: block;
}
.form-field{
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    /* margin-left: 5px; */
    width: 80%;
}
.form-fields,.form-fieldl{
    display: inline;
}

.divTableCellD3{width: 60%; padding-left:0;}

.table-container {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
.table-container table{
    width:100%;
    min-width:850px;
}

.form-fields {
    flex-direction: column;
    align-items: flex-start;
}
.linewrap {
    width: 79%;
    display: inline-flex;
    padding-left: 0px;
    margin-top:0px;
    align-items: end;
}
.linewrap2 {
    display: inline-flex;
        width: 100%;
        margin-top: 10px;
        padding-left: 0px;
        align-items: end;
        flex-wrap: wrap;
}
.bline2, .bline1 {
    width: 100%;
    margin-left:0;
}
.sline1{ margin-left:47px;
    padding-right: 16px;
    margin-top: 10px;}
    .date1{
        flex-wrap:wrap;
        white-space: nowrap;
    }
    .form-fieldq {
        margin-top: 10px;
        padding-left:0;
        margin-left:0;
        width:100%;
        flex-wrap:wrap;
    }
    .OneTable1 {
        padding-right: 11.5%;
        width: 100%;
        padding-left: 5%;
    }
    .halflineWq{
     max-width: 110%;
     padding-top: 10px;
    }
.line {
    width:100%;
}
.form-fieldA21 {
    display: inline;
    align-items: flex-start;
}
.label2 {
    margin-bottom:20px;
    margin-top: 15px;
    white-space: nowrap;
}

.inline-date-row {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    margin-top: 10px;
    gap: 7px;
   }
   .label-text {
    white-space: normal;
    flex-shrink: 0;
   }
   .date-line-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
    min-width: 100%; /* adjust as needed */
   }
   .linex {
    border-bottom: 1px solid #000;
    width: 100%;
    height: 1.2em;
}

.empstat {
    white-space: normal;
}
.form-fieldF {
    display: contents;
}
.form-fieldF1 {
    display: contents;
}
.divTableCellW2 {
    display: contents;
}
.halfline {
    padding-top: 20px;
}
.divTableRow{
    display: contents;
}
.divTableCellD31 {
    display: contents;    
}
.divTableCellD1 {
    display: contents;    
}
.dotphone {
    padding-top: 10px;
}
.empac {
    padding-top: 10px;  
}
.OneTable {
    padding-left: 2%;
    padding-right: 2%;
}
.border-line{
    padding-top: 10px;
}
.signature-y {
    margin-left: 55px;
}
.dline {
    width: 80%;
    margin-left: 36px;
}
.declarant-signature {
    padding-bottom: 0px;
    }
.date2 {
    padding-bottom: 10px;
}
.date3 {
    padding-bottom: 10px;
    text-align: justify;
}
.dot {
    display: none;
}
.jtext4 {
    display: contents;
}
}
 @media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
.form-field {
    width: 93%;
    }
.form-fieldA21 {
    display: block;
    }
.linewrap2 {
        display: flex;
        padding-top: 15px;
    }
.divTableCellD1 {
        width: 44%;
}
.OneTable {
    padding-left: 19%;
    padding-right: 15%;
}
.label-text {
    white-space: normal;
}
.table-container {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
.table-container table{
    width:100%;
    min-width:850px;
}
.BigLine1 {
    width: 33%;
}
.BigLine2 {
    width: 78%;
}
}
 /* Media query for iPad mini */

 @media only screen 
 and (min-device-width: 768px) 
 and (max-device-width: 768px) 
 and (min-device-height: 1024px) 
 and (max-device-height: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) 
 
 {
.table-container {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
.table-container table{
    width:100%;
    min-width:850px;
}

.form-fieldE {      
    margin-top: 15px;
    display: block;
    width: 83%;
}

.form-field {
    width: 92%;
}

.sline1 {
    width: 96%; /* Missing semicolon added */
}

.form-fieldA21 {
    display: inline;
    align-items: flex-start;
}

.linewrap {
    padding-left: 0px; 
    margin-top: 0px; 
}

.linewrap2 {
    display: inline-flex;
    width: 100%;
    margin-top: 10px;
    padding-left: 0px;
    align-items: end;
    flex-wrap: wrap;
}

.form-fieldE {
    margin-top: 15px;
    display: block;
    width: 77.5%;
    padding-left: 40px;
}

.OneTable1 {
    padding-right: 5.5%;
    width: 100%;
    padding-left: 5%;
}

.signature-y {
    margin-left: 340px;
    margin-right: 125px;
}

.certification-container3 {
    display: flex;
}

}