/* 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;
}

/* 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;
}

/* Styling EDD logo and Seal with line */

.logo-left {
  /*padding-top: 45px;*/
  padding-top: 55px;
}

.seal-right {
  /*margin-top: -10px;*/
  margin-top: 5px;
}

.line1 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2.2px;
  background-color: black;
  margin-top: -26px;
} 

/* Container for the Corner box */ 

.corner-boxM {
    position: relative;
    width: 375px;
    height: 129px;
    margin-top: 10px;
  }
  
  /* Top left corner */
  .corner-boxM::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px; /* Length of the corner line */
  height: 20px;
  border-top: 1px solid black; /* Top border */
  border-left: 1px solid black; /* Left border */
  }
  
  /* Bottom right corner */
  .corner-boxM::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid black; /* Bottom border */
  border-right: 1px solid black; /* Right border */
  }
  
  /* Top right corner */
  .corner-boxM .top-rightM {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-top: 1px solid black;
  border-right:1px solid black;
  }
  
  /* Bottom left corner */
  .corner-boxM .bottom-leftM {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  }
 
/***************************** */ 

/* Container for the Corner box - Small  */ 

  .corner-boxN {
    position: relative;
    width: 365px;
    height: 70px;
    margin-top: 15px;
  }

 /* Top left corner */
  .corner-boxN::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px; /* Length of the corner line */
  height: 20px;
  border-top: 1px solid black; /* Top border */
  border-left: 1px solid black; /* Left border */
  }
  
  /* Bottom right corner */
  .corner-boxN::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid black; /* Bottom border */
  border-right: 1px solid black; /* Right border */
  }
  
  /* Top right corner */
  .corner-boxN .top-rightM {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-top: 1px solid black;
  border-right:1px solid black;
  }
  
  /* Bottom left corner */
  .corner-boxN .bottom-leftM {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  }
 
/***************************** */ 

.mailDate {
  width: 45%
}

.blank-line1 {
    display: inline-block; 
    border-bottom: 1px solid black;
    width:100%;
}

.blank-line2 {
    display: inline-block; 
    border-bottom: 1px solid black;
    width:200px;
}

.divTableRow {
    display: table-row;
}

.divTableCellN {
    display: table-cell;
    padding-top: 6px;
    padding-right: 5px;
    text-align: left;
}

.greyboxsmall {
    background-color: #e5e5e5;
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    margin-inline-start: 3px;
}

.divTableCell {
    display: table-cell;
    padding-bottom: 10px;
    margin-top: 5px;
}

.blanklinecallout {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.blank-lineM {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 75px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.jtextss {
  display: block;
  padding-inline-start: 10px;
}

.jtextsss {
  display: block;
  padding-inline-start: 20px;
}

.blank-lineN {
    display: inline-block;
    border-bottom: 2px solid black;
    width: 25px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.blank-lineNN {
    display: inline-block;
    border-bottom: 1px solid black;
    width: 35px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.blank-lineMN {
    display: inline-block;
    border-bottom: 2px solid black;
    width: 50px;
    height: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

ol.custom-list li::marker {
    font-weight: bold;
}

ul,ol {
  margin-right: 20px;
}

.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;  
} 

.form-field {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.form-field .line {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    height: 35px;
}

 /*Checkbox table*/

 .form-containers {
    width: 100%;
}

.form-rows {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.form-fields {
   flex: 1;
   display: flex;
   align-items: baseline;   
}

.form-fields .jtexts {
    display: block;
    margin-top: -20px;
    padding-left: 20px;
    margin-right: 20px;
}

:lang(ar) .form-fields .jtexts,
:lang(fa) .form-fields .jtexts {
    margin-top: -26px;
}

/* Double line code for thin top line and thick bottom line */ 

.double-line {
    position: relative;
    height: 10px; /* Total space for lines */
    margin: 20px 0;
}

.double-line::before,
.double-line::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
}

.double-line::before {
    top: 0;
    height: 2px;       /* Slim top line */
    background: black;
}

.double-line::after {
    bottom: 0;
    height: 5px;       /* Thicker bottom line */
    background: black;
}

/* **************************** */ 

/* Responsive code for Mobile Devices */ 

@media only screen and (max-width: 768px)
{
   .header_container {
   flex-direction: column;
   justify-content: center;
   align-items: center !important;
}

.line1 {
  margin-top: -155px;
} 

.corner-boxM {
  width: 350px;
  margin-bottom: 30PX;
}

.corner-boxN {
    position: relative;
    width: 350px;
    height: 70px;
    margin-top: 15px;
}

.mailDate {
    width: auto;
}

.jtextsss {
    padding-inline-start: 20px;
    display: block;
}

}
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
.corner-boxN {
    width: 330px;
}
}

/* 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) {

.header_container {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}

.corner-boxN {
    width: 355px;
}

}