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

/* Hide Print Button */
#print-preview {
  display: none !important;
}

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

/*to hide the blank space below the form footer*/
#form-element-wrapper_2
{
  display: none;
} 

#form-element-wrapper_34
{
  display: none;
} 

/* To hide the Language Dropdown*/
/* #form-element-wrapper_1{  
  visibility: hidden !important;
} 
/*------------------------------------------------------*/

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

.doubleline {
    display: block;
    border-top: double 4px #000;
    border-left: 0px;
    border-right: 0px;
}

.divTableRow {
  display: table-row;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5%;
} 
  
.divTableCell {
  display: table-cell;
  padding: 3px;
  padding-top: 6px;
  width: 65%;
}


/* Table Structure */

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

th {
  border: 1px solid #000;
  padding: 8px;
  vertical-align:middle;
  text-align: start;
  font-weight: normal;
}

.tabhead {
  border: 1px solid #000;
  padding: 8px;
  vertical-align:middle;
  text-align: center;
}

td {
  border: 1px solid #000;
  padding: 5px;
  vertical-align: top;
}

/* Checkbox Table */

.checkbox-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.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;  
} 

.c1text {
  display: block;
  padding-left: 24px;
  margin-right: 24px;
  margin-top: -20px;
  width: fit-content;
}

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

/*--- For lines and content ---*/

.form-field {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  margin-top:15px;
}

.form-field .text {
 margin-bottom: 8px;
 white-space: nowrap;
}

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

.line1 {
  flex-grow: 1;
  border-bottom: 1.5px solid #000;
  margin-left: 2px;
  margin-right: 5px;
  width:200%;
}

.line2 {
  flex-grow: 1;
  border-bottom: 1.5px solid #000;
  margin-left: 2px;
  margin-right: 5px;
  /*width:112%*/
  width:200%;
}
:lang(ar).c1text,
:lang(fa).c1text {
    display: block;
    padding-left: 24px;
    margin-right: 24px;
    margin-top: -25px;
       width: fit-content;
}
:lang(ar).jtext,
:lang(fa).jtext {
    display: block;
    padding-left: 25px;
    margin-right: 20px;
    margin-top: -23px;
}
:lang(ar).line1,
:lang(fa).line1 {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    margin-left: 2px;
    margin-right: 5px;
    width:200%;
    height:27px;
}
.smalline{
   display: inline-block; 
  border-bottom: 1px solid black;
  width:10%;
}
.blank-line1 {
  display: inline-block; 
  border-bottom: 1px solid black;
  width:160px;
}

.divTableCellN {
  display: table-cell;
  padding-top: 6px;
  padding-right: 3px;
  width: 14%;
}

.divTableCellM1 {
  display: table-cell;
  padding-top: 6px;
  padding-right: 3px;
  width: 50%
}

.divTableCellM2 {
  display: table-cell;
  padding-top: 6px;
  padding-right: 3px;
  width: 100%
}

/* GreyBox with contents inside*/ 

.Blank-boxContents { 
  border: 1px solid #000;
  width: 40%; /* Adjust the width as needed*/ 
  float: left; 
  position: relative; 
} 

.divTableCellT { 
  display: table-cell; 
  padding-bottom: 25px; 
  padding-left: 4px;
  padding-top: 2px;
  padding-right: 2px;
} 

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

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

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

/* Responsive code for Mobile Devices */

@media screen and (max-device-width: 768px) {

.header_container {
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
}
  
.divTableCell {
  width: 50%;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr;
  padding-bottom: 0px;
  padding: 0rem;
}

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

.divTableCellN {
  width: 37%;
}

}
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
  .blank-line {
    width:225px;
  }
  .divTableCellN {
    width: 16%;
  }
}  

/* 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;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: 0px;
  padding: 0rem;
}

.line2 {
  width:340%;
}
.line1{
  width:340%;
}
}