/* Hide Submit Button */
.form-submit-button {
    display: none !important;
  }
  
  /* Hide Print Button */
  #print-preview {
    display: none !important;
  }
  /* Hiding Language dropdown*/
  
  #form-element-wrapper_1{
      visibility: hidden !important;
    }
    #form-element-wrapper_2
{
    display: none;
}

    /* TO CONTROL SCREEN SCROLL*/
.form-section, .form-item {
    display: block;
    overflow: hidden;
    padding-left: inherit;
    padding-bottom: 16px;
}


.ltr-embed {
    direction: ltr;
    unicode-bidi: isolate;
    margin-right:20%;
}
 .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;
    margin-top: -22px;
    padding-left: 25px;
    margin-right: 25px;
}
:lang(ar).jtext,
:lang(fa).jtext {
     display: block;
    margin-top: -25px;
    padding-left: 25px;
    margin-right: 25px;
}
.ftext {
    display: block;
    margin-top: -22px;
    padding-left: 30px;
    margin-right: 30px;
}
.jtext1 {
    display: block;
    padding-left: 10px;
    margin-right: 10px;
 
}
.ctext{
    /* display: block; */
    padding-left: 10px;
    margin-right: 10px;
    margin-top: 7px;
    margin-bottom: 10px;
}

.jtext2 {
    display: block;
    padding-left: 10px;
    margin-right: 10px;
    
    margin-bottom: 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: 87%;
    display: inline-block;
    border-bottom: 1.5px solid #000;
    height: 18px;
   
}*/

/*-------------------------------------------------------*/
/*code for first 2 tables using grid*/

.form-container1 {

 display:block;
   
}

.grid-wrapper1 {
    display: grid;
    grid-template-columns: 3fr 1fr; 
   
    gap:20px;
}

/* Main Section Styling */
.main-section {
    display: flex;
    flex-direction: column;
    border: 1px solid black;
}

/* Grid Header */
.grid-header {
    display: grid;
    grid-template-columns: 65% 17% 17%
    
}
.Checkboxsize {
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 5%;
    border: 1px solid grey;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 8px;
    padding: 10px;
    margin-top: 10px;
}
.grid-header1{
    display: grid;
    grid-template-columns: 52% 48% !important;
}
.grid-header20{
    display: grid;
    grid-template-columns: 65% 19%;
}
.grid-header21{
    display: grid;
    grid-template-columns: 45% 19% 15% 20%;
}
.grid-header2{
    display: grid;
    grid-template-columns: 52% 50%;
}
.header-item {
    padding: 0x;

    
    border-top: none;
    border-bottom: 1px solid black;
}
.header-item1 {
    padding:10px;
    padding-bottom: 0px;
    border-top: none;
    border-bottom: 1px solid black;

    width:96%;
}
.header-item12 {
    padding: 10px;
    padding-bottom: 30px;
    border-top: none;
    border-bottom: 1px solid black;

    width:100%;
}
.header-item10 {
    padding: 5px;
 
    border-top: none;
    border-bottom: 1px solid black;

    width:100%;
}
.header-item2 {
    padding: 10px;
    padding-bottom: 30px;
    border-top: none;
    border-bottom: 1px solid black;
    border-inline-start: 1px solid black;
    width:245;
}

.header-item11 {
    padding: 5px;
    border-top: none;
    border-bottom: 1px solid black;
    border-inline-start: 1px solid black;
    width:243%;
}
.header-itemP {
    padding:10px;
    padding-bottom: 0px;
    border-top: none;


    width:96%;
}
.header-itemQ {
    padding: 10px;
    padding-bottom: 30px;
    border-top: none;

    border-inline-start: 1px solid black;
    width:90%;
}
    .header-item13 {
        padding: 10px;
        padding-bottom: 0px;
        border-top: none;
        border-bottom: 1px solid black;
        border-inline-start: 1px solid black;
        width: 97%;
}
/* 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 */
}
.certification-container{
    border-top:1px solid black;
}


.signatureCell {
    display: table-cell;
    padding-right: 10px;
    text-align: left;
    width: 10%;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.label{
    padding-bottom:0px;
}
.dateCell  {
    display: table-cell;
    padding-right: 10px;
    text-align: center;
    width: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.signature-cell .halflineW {
    border-bottom: 1.5px solid black;
    width: 100%;
    margin-bottom: -3px;
    display: inline-block;
    height:18px;
}
.date-cell .line {
    border-bottom: 1.5px solid black;
    width: 100%;
    margin-bottom: -3px;
    display: inline-block;
    height:18px;
}
.form-fieldW1 .halflineW {
    border-bottom: 1.5px solid black;
    width: 100%;
    margin-bottom: -3px;
    display: inline-block;
}
.form-fieldW div {
    text-align: left;
    margin-top: 1px;
}

.form-fieldW1 div {
    text-align: center;
    margin-top: 1px;
}
.form-field {
    display: flex !important
;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.form-field .line {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    margin-inline-start: 2px;
}
.line, .line1, .line10 {
    border-bottom: 1.5px solid #000;
    height: 20px;
    margin-top: 5px;
}
ul,ol{ margin-right:26px;}

.grid-full {
    grid-column: span 2;

}
.yn-grid {
    display: grid
;
    grid-template-columns: 30% 31% 41% !important;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
}
.yn-grid1{
    display: grid
;
    grid-template-columns: 15% 15% 25% 45%;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
    
}
.yn-grid2{
    display: grid
;
    grid-template-columns: 25.5% 36% 40%;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
    
}
.yn-grid3{
    display: grid
;
    grid-template-columns: 25.5% 20% 15% 40%;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
    
}
.yn-grid4{
    display: grid
;
    grid-template-columns: 25.8% 20% 56.2%;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
    
}
.qa-grid {
    display: grid
;
    grid-template-columns:59% 47%;
    /* row-gap: 0px; */
    /* column-gap: 20px; */
    /* margin-top: 10px; */
    padding: 10px;
    padding-left: 65px;
    padding-right: 65px;
    border-bottom: 1px solid black;
}


.grid-container {
    display: grid
;
    grid-template-columns: 53% 5% 40% !important;
    gap: 5px;
    width: 60% !important;
    /* font-family: sans-serif; */
}

@media only screen and (max-width: 768px)
 {
    .header_container {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}
.form-container1 {
   /* display: flex;*/
width:145% !important;
    overflow-x: auto;
}.header-item2 {
    padding: 5px;
    padding-bottom: 40px;
    border-top: none;
    border-bottom: 1px solid black;
    border-inline-start: 1px solid black;
    width: 238%;
}
.main-section {
    display: flex
;
    flex-direction: column;
    border: 1px solid black;
    width: 200% !important;
}
.yn-grid {
    display: grid
;
    grid-template-columns: 30% 20% 41% !important;
    gap: 10px;
    margin-top: -10px;
    padding: 10px;
}
.stolen-checks-grid3 {
    display: grid
;
    grid-template-columns: 65% 33% !important;
}

.header-item2 {
    padding: 5px;
    padding-bottom: 40px;
    border-top: none;
    border-bottom: 1px solid black;
    border-inline-start: 1px solid black;
    width: 246%;
}
.header-item1 {
    padding: 5px;
    padding-bottom: 110px;
    border-top: none;
    border-bottom: 1px solid black;
    width: 98%;
}
.header-item10 {
    padding: 5px;
    border-top: none;
    border-bottom: 1px solid black;
    width: 98%;
}
.header-item13 {
    padding: 5px;
    border-top: none;
    padding-bottom: 40ox;
    /* border-bottom: 1px solid black; */
    border-inline-start: 1px solid black;
    width: 98%;
}
.header-item12 {
    padding: 5px;
    padding-bottom: 40px;
    border-top: none;
    border-bottom: 1px solid black;
    width: 98%;
}
.grid-header1 {
    display: grid
;
    grid-template-columns: 52% 19.1% !important;
}
.stolen-checks-grid4 {
    display: grid
;
    grid-template-columns: 99% !important;

 }
 .grid-container {
    display: grid
;

    gap: 5px;
    width: 100% !important;
    /* font-family: sans-serif; */
}  .form-container { 
    overflow-x: auto; 
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */ 
} 

.form-container table { 
    width: 100%; /* Ensure table takes up the full width of the container */ 
    min-width: 850px; /* Set a minimum width to maintain table readability */ 
} 
 }
 @media only screen 
 and (min-width: 768px) 
 and (max-width: 768px) 
 and (min-height: 1024px) 
 and (max-height: 1024px)
 {
    .main-section {
        display: flex
;
        flex-direction: column;
        border: 1px solid black;
        width: 120% !important;
    }
    .form-container1 {
        /* display: flex
; */
        width: 120% !important;
        overflow-x: auto;
    }
 }

  .grid-header {
    font-weight: bold;

    padding: 4px;
    white-space: nowrap;
  }

  .checkbox-row {
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid black;
    padding-top: 20px;
  }

  .lineW{
    width: 100%;
    flex-grow: 0.995;
    border-bottom: 1px solid black;
    margin-top: -6px;
    padding-right: 3px;
    height:25px;
}
  .Checkboxsize {
    width: 16px;
    height: 16px;
  }
.Empty{
    border-bottom:1px solid black;
    height:20px;
}
.Empty1{
    border-bottom:1px solid black;

}
  .blanklinecallout {
    display: inline-block;
    border-bottom: 1px solid #999;
    width: 100px;
    height: 20px;
    background: #f2f6ff;
  }

  .span-row {
    grid-column: span 2;
  }
  .edd-row {
    border-top: 1px solid rgba(0, 0, 0, 1);
  }
  .form-field {
    display: flex
;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
}
  .edd-cell {
    padding: 5px 5px 20px;
    border-inline-end: 1px solid rgba(0, 0, 0, 1);
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  
  .stolen-checks-grid {
    display: grid;
    grid-template-columns:10% 10% 20% 52% 8%;
    gap: 10px;

    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    padding-left: 50px;
    padding-right: 50px;
  }
  .stolen-checks-grid1 {
    display: grid;
    grid-template-columns:8% 8% 25% 31% 23%;
    gap: 10px;

    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .stolen-checks-grid2 {
    display: grid;
    grid-template-columns:5% 8% 28% 19% 35%;
    gap: 10px;

    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid black;
  }
  .stolen-checks-grid3 {
    display: grid;
    grid-template-columns:65% 34% !important;
    gap: 10px;

    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .stolen-checks-grid4 {
    display: grid
;
    grid-template-columns: 100% !important;
    /* gap: 10px; */
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid black;
}
.stolen-checks-grid5 {
    display: grid;
    grid-template-columns:65% 34%;
    gap: 10px;

    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
  }
  .stolen-checks-grid6 {
    display: grid
;
    grid-template-columns: 50% 9% 9% 28%;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    align-items: end;
}
.stolen-checks-grid7 {
    display: grid
;
    grid-template-columns: 6% 56% 15% 22%;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    padding-left: 35px;
    padding-right: 35px;
}
.stolen-checks-grid8 {
    display: grid
;
    grid-template-columns: 9% 53% 15% 22%;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid black;
    padding-left: 35px;
    padding-right: 35px;
}
.stolen-checks-grid9 {
    display: grid
;
    grid-template-columns: 16% 52% 15% 16%;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    padding-left: 35px;
    padding-right: 35px;
}
.stolen-checks-grid10 {
    display: grid
;
    grid-template-columns: 9% 59% 15% 16%;
    gap: 10px;
    font-size: 14px;
    align-items: center;
    max-width: 100%;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid black;
    padding-left: 35px;
    padding-right: 35px;
}
  .section-title {
    font-weight: bold;
    grid-column: 1 / -1;
  }

  .sub-question {
    grid-column: 1 / -1;
    margin-bottom: 5px;
  }

  .checkbox-label {
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
  }

  .with-line {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
  }

  .dotted-line {
    flex-grow: 1;
    border-bottom: 1px dotted #000;
    height: 1em;
  }

  .long-dotted-line {
    border-bottom: 1px solid black;
    height: 1em;
    width: 100%;
  }
  
  /*--------------------------------------------------------------------*/
  table.noto_fonts {
    border-collapse: collapse;
    width: 100%;

  }

  table.noto_fonts td {

    padding: 4px;
    vertical-align: top;
  }

  .no-border {
    border: none;
  }
  table.noto_fonts {
    width: 100%;
    table-layout: fixed; /* makes column widths consistent */
    border-collapse: collapse;
  }
  
  table.noto_fonts td {
      /* prevents wrapping */
    overflow: hidden;
    text-overflow: ellipsis; /* optional: shows ... for overflowed text */
  }
  .blankline-flex {
    display: flex;
 
    gap: 10px;
    min-height: 1.5em;
  }
  .flex-line {
    flex-grow: 1;
    border-bottom: 1px solid rgba(0, 0, 0, 1);
    min-height: 1.2em;
    line-height: 1.5em;
    display: inline-block;
    width: 100%;
  align-items: flex-end;
  }