/* Hide Submit  and Print Button */
.form-submit-button {
    display: none !important;
  }
  
  
  #print-preview {
      display: none !important;
  }
  
  /* Hiding Language dropdown*/
  
  #form-element-wrapper_387{
      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;
}
ul,ol{
    margin-right: 20px;
}
  
    .header_container {
      display: flex;
      justify-content: space-between;
      column-gap: 30px !important;
  }
  .grid-form {
    display: grid
;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;

}
.grid-form1 {
    display: grid
;
    grid-template-columns: auto 1fr auto 1fr;
    align-items: center;
    gap: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
.grid-form2 {
    display: grid
;
    grid-template-columns: 10% 10% 24% 17% 18% 15%;
    align-items: center;
    gap: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
html body label {
    padding-bottom: 0 !important;
  }
  
  
.start-text, .middle-text {
    white-space: normal;
    padding-top:0px;
}
.start-text, .middle-text1 {
   
    padding-top:0px;
}
.line-container {
    display: flex
;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.work-start-line {
    border-bottom: 1px solid black;
    height: 35px;
    width: 100%;
}
.work-start-line1 {
    border-bottom: 1px solid black;
    height: 20px;
    width: 100%;
}
.blanklinecallout {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.placeholder {
    text-align: center;
    /*margin-left: -107px;
    margin-right: -80px;*/

    gap: 16px;
    white-space: nowrap;
    display: flex
    ;
        justify-content: space-around;
      /*  width: 160%;*/
}
.to-label{
    border-inline-end:1px solid black;
    white-space: nowrap;
}
.note-container {
    display: flex
;
    align-items: flex-start;
    gap: 5px;
    padding-left: 0px;
    padding-right: 0px;
}
.note-label {
    white-space: nowrap;
}
.note-text {
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
}

:lang(ar).note-text,
:lang(fa).note-text {
    flex: 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 8px;
}

.note-text1 {
    flex: 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}
.note-text2 {
    flex: 1;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 15px;
}
.note-text3 {
    flex: 1;
    padding-left: 0px;
    padding-right: 0px;
    /* padding-top: 10px; */
    margin-top: -33px;
}

.form-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: Arial, sans-serif;
    gap: 20px;
  }

  .left-note {
    flex: 1;
  }

  .right-fields {
    flex: 1;
  }

 /* .form-field {
    margin-bottom: 8px;
  }

  .form-field label {
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
  }*/
  .form-field {
    display: flex
;
    align-items: end;
    margin-bottom: 5px;
}
.line2 {
    flex-grow: 1;
    border-bottom: 1px solid #000;
    height: 17px;
  
}
  .input-box {
    background-color: #f0f2fb;
    border: none;
    border-bottom: 1px solid black;
    padding: 2px 4px;
    width: 160px;
  }

  .input-box:focus {
    outline: none;
    border-bottom: 2px solid black;
  }
  .header_container {
    display: flex
;
    justify-content: space-between;
    column-gap: 30px !important;
}

.mailDate {
    margin-top: 5%;
    width: 100%;
}
.divTableRow {
    display: table-row;
}
.divTableCellN {
    display: table-cell;
    padding-top: 6px;
    padding-right: 3px;
    text-align: left;
}
.greyboxsmall {
    background-color: #e5e5e5;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    margin-inline-start: 3px;
}
.blank-line1 {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 325%;
}
.blank-line2 {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 97%;
    margin-bottom: 15px;
    padding-left: -19px;
    margin-left: 7px;
    margin-right: 7px;
}
.L1left {
    width:50%;
    padding-top:5.5%;
}
.L1left15 {
    width:50%;
    padding-top:5.5%;
}
.grid-executed {
    display: grid;
    grid-template-columns: 25% 50% 20%;
    align-items: start;
    gap: 20px;
  
   
  }
  
  .start-text1 {
    display: flex;
    align-items: flex-start;
    gap: 8px;
   
  }
  
  .line-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  
  .underline {
    display: block;
    border-bottom: 1px solid black;
    width: 100%;
    height: 24px;
  }
  
  .placeholder1 {
  
    margin-top: 2px;
    text-align: center;
  
        text-align: center;
        margin-left: -90px;
        margin-right: -90px;
    
        gap: 16px;

        display: flex
        ;
            justify-content: space-around;
            width: 94%;
    }
  
  

.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;
}
.jtext {
    display: block;
    margin-top: -22px;
    padding-left: 30px;
    margin-right: 30px;
}
  
.underline1 {
    display: block;
    border-bottom: 1px solid black;
    width: 100%;
    height: 24px;
  }
    
  .underline2 {
    display: block;
    border-bottom: 1px solid black;
    width: 100%;
    height: 24px;
  }
  .dashed-line-wrapper {
    display: flex;
  }
  
  .dashed-line {
    flex-grow: 1;
    border-top: 1px dashed black;
    height: 1px;
  }
  .form-rows {
    display: flex
;
    justify-content: space-between;
    /* margin-bottom: 7px; */
    width: 100%;
}
.form-fields {
    flex: 1;
    display: flex
;
    align-items: baseline;
    padding: 0px;
}
.form-fields .jtexts {
    display: inline-block;
    margin-top: -20px;
    /* padding-left: 25px; */
    /* margin-right: 20px; */
    margin-inline-start: 5px;
}
.merge-threes {
    flex: 4;
}
.form-fields .lines {
    /* width: 90%; */
    flex-grow: 0.995;
    border-bottom: 1px solid #000;
    margin-top: -6px;
    padding-right: 3px;
    height:17px;

}
.underline-content {
    display: inline-block;
 
    padding-bottom: 2px;
  }
  .confidentiality-notice {
    border: 1px solid black;
    padding-left: 10px;
    padding-right: 15px;
   
}
.TO{
    width: 100%;
     border-collapse: collapse;
}
tr.no-border-to-label > td.to-label {
    border-inline-end: none !important;
  }
  .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .sr-only {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  
  @media only screen and (max-width: 768px) {
     
    .header_container {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .placeholder {
  
    white-space: normal;
  
     
}
    .L1left {
        width: 65%;
        padding-top: 5.5%;
    }
    .L1left15 {        width: 100%;
        padding-top: 5.5%;
    }
    .grid-form {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto ;
}
.grid-form1 {
    display: grid
;
    grid-template-columns: auto ;
}
.grid-executed {
    display: grid
;
    grid-template-columns: auto;
}
.form-rows {
    display: block;
    justify-content: space-between;
    /* margin-bottom: 7px; */
    width: 100%;
}
.blank-line1 {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 170%;
}
 
.responsive-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
 
.responsive-table-container table {
    width: 160%; /* Ensure table takes up the full width of the container */
}
.work-start-line {
    border-bottom: 1px solid black;
    height: 52px;
    width: 330px;
}
:lang(ar).work-start-line, :lang(fa) .work-start-line {
    border-bottom: 1px solid black;
    height: 65px;
    width: 330px;
}
.start-text, .middle-text {
    white-space: normal;
    padding-top:15px;
}
.grid-form2 {
    display: grid
;
    grid-template-columns: 34% 36%;
    align-items: center;
    gap: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
.form-field {
    display: block;
    align-items: end;
    margin-bottom: 5px;
}
.line2 {
    margin-left:0px;
}
.divTableCellN {
    display: block;
    padding-top: 6px;
    padding-right: 3px;
    text-align: left;
}
.form-fields {
    flex: 1;
    display: block;
    align-items: baseline;
    padding: 0px;
}
.form-fields .lines {
    /* width: 90%; */
    flex-grow: 0.995;
    border-bottom: 1px solid #000;
    margin-top: -6px;
    padding-right: 3px;
    height: 35px;
}

.table-container {
    display: flex;
    overflow-wrap:anywhere;
  }
  .table-container TO {
    width:100%;
    /*min-width:850px;*/
  }

}
@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)
   {

   .L1left {
    width: 30%;
    padding-top: 5.5%;
}
.grid-form1 {
    display: grid
;
}
.work-start-line {
    border-bottom: 1px solid black;
  
    width: 100%;
    display: block;
}
:lang(ar).work-start-line, :lang(fa) .work-start-line {
      border-bottom: 1px solid black;
  
    width: 100%;
    display: block;
}
.blank-line1 {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 483%;
}
.grid-form2 {
    display: grid
;
    grid-template-columns: 11%
    12%
     12% 20% 13% 23% 18%;
    align-items: center;
    gap: 10px;
    padding-left: 0px;
    padding-right: 0px;
}
   }

   .divTable{ display: table; }
   .divTableRow { display: table-row; }
   .divTableHeading { display: table-header-group;}
   .divTableCell, .divTableHead { display: table-cell;}
   .divTableHeading { display: table-header-group;}
   .divTableFoot { display: table-footer-group;}
   .divTableBody { display: table-row-group;}
   .divTable {
    display: table;
    width: 100%;
    table-layout: fixed; /* Optional: for equal column widths */
  }
  
  .divTableBody {
    display: table-row-group;
  }
  
  .divTableRow {
    display: table-row;
  }
  
  .divTableCell {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
    
  }
  
  .work-start-line1 {
    display: block;
    width: 100%;
    border-bottom: 1px solid black;
    height: 18px;
  }