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

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


/* Hiding Language dropdown*/

#form-element-wrapper_16{
  visibility: hidden !important;
}


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

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

.L1right {
  margin-top: 58px;
  font-size: 15px !important;
}

/* Container for the Corner box */ 
.table_container {
  width: 50%;
}
 
.greyboxsmall {
  background-color: #e5e5e5;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
}
 
/* Container for the Corner box */
 
.corner-boxM {
  position: relative;
  width: 400px;
  height: 125px;
  margin-top: 45px;
  }
 
  /* 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;
  }
 
  /* **************************** */
 
.divTableRow {
    display: table-row;
}
 
.divTableRow1 {
  display: table-row;
}

.divTableRow2 {
  display: inline-flex;
}
 
.divTableCell {
    display: table-cell;
    padding: 5px;
    padding-top: 6px;
}

.smallbline {
  align-content: end;
}

/* Code for Table structure for Mid Section */ 

.tablesmall {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid black;
}


.tablesmall th {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
  font-weight: normal;
  text-align: justify;
}

.tablesmall td {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}


/* Code for bottom Date Signed Interviewer Section */
 
.boldbotline {
 
  border-bottom: 3px solid black; /* Bold bottom line */
}
.boldline {
 
  border-bottom: 1px solid black; /* Bold bottom line */
}
.divTableW {
  display: table;
  width: 100%;
  border-collapse: collapse;;
}
 
.divTableRowW {
  display: table-row;
}
 
.form-fieldF{
  display: flex;
}
 
.divTableCellW0 {
  display: table-cell;
  padding: 4px;
  text-align: start;
  width: 22%;
}
 
.divTableCellW1 {
  display: table-cell;
  padding: 4px;
  text-align: start;
  margin-top: -7px;
}
 
.divTableCellW2 {
  display: table-cell;
  padding: 4px;
  text-align: start;
  margin-top: -7px;
  width: 16%;
  padding-left: 45px;
  padding-right: 45px;
}
 
.initline {
  flex-grow: 0.2;
  border-bottom: 3px solid black;
  margin-bottom: 2px;
}
 
.halfline {
  flex-grow: 0.5;
  border-bottom: 2px solid black;
  margin-bottom: 4px;
}

.noborder {
  border: none;
}
.tab1{
   width:100%;
   border: none;
}

.halfboldbotline {
    border-bottom: 1.5px solid black;
    border-top: 0px;
    border-left: 0px;
    border-right:0px;
    height: 0px;
}

.adjust {
  display: block;
  margin-top: -22px;
  /*padding-left: 45px;
  margin-right: 45px;*/
  padding-left: 35px;
  margin-right: 45px;
}
.adjustM{
  display: block;
  margin-top: -22px;
  margin-inline-start:85px !important;
}
.adjustM1{
  display: block;
  margin-top: -22px;
  margin-inline-start:92.5px !important;
}

.ladjust{
  margin-left:10px;
  margin-right:10px;
  display: inline-block;
}
.kadjust{
  margin-left:23px;
  margin-right:23px;
  display: inline-block;
  width: 82%;
  margin-bottom:10px;
}
.k1adjust{
  margin-left:23px;
  margin-right:23px;
  display: block;
  width: 82%;
  margin-bottom:10px;
  margin-top:-21px;
}
.lineadjust{
 margin-inline-start:10% !important;
 margin-inline-end:8%;
 margin-top: 15%;
}
.ending1{
    margin-inline-end:15px;
  }
.wochkbox{
  margin-left: 3.5%;
  margin-right: 3.5%;
}
.custom-counter {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  direction: ltr;
}

.custom-counter li {
  counter-increment: item;
  margin-bottom: 6px;
}

.custom-counter li::before {
  content: "(" counter(item) ") ";
  direction: ltr;
  margin-left: 25px;
}

ul,ol{
  margin-left:0;
  margin-right:0;
}

.oadjust {
  /* margin-left: 10px; */
  margin-right: 10px;
  display: inline-flex;
  width: 75%;
}
.custom-counter.side-by-side {
  display: flex;
  gap: 40px; /* space between (1) and (2) */
  padding-left: 0;
  list-style: none;
  counter-reset: item;
  flex-wrap: wrap; /* allow stacking on small screens */
  direction: ltr;
}
.end1{
  text-align:end !important;
  padding-inline-end:10px !important;
  padding-top:5px;
}
.end1a{
  text-align:end !important;
  padding-inline-end:15px !important;
  padding-top:5px;
}

.custom-counter.side-by-side li {
  counter-increment: item;
  flex: 1;
}

.custom-counter.side-by-side li::before {
  content: "(" counter(item) ") ";
  direction: ltr;
}
.smalline {
  width: 15%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;

}
.smalline1 {
  width: 25%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;

}
.BigLine1 {
  width: 19%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;
}
.BigLine {
  width: 8%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;

}
.insideleft{
  margin-inline-start:13px !important;
}
.blank-line {
  width: 50%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;
}
.blank-linet {
  width: 75%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;
}
.blank-lined {
  width: 97%;
  display: inline-block;
  border-bottom: 1.5px solid #000;
  height: 18px;
}

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

.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;
  cursor: pointer;
}  

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


/* ******************************************************* */ 
/* CSS Code for Table structure for Page 2 */ 

.relocation-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
 
.relocation-table th,
.relocation-table td {
  border: 2px solid #000;
  padding: 6px;
  vertical-align: top;
}

.relocation-table th {
  font-weight: normal;
 
  overflow-wrap: anywhere;
}

.jtext2 {
  display: block;
  margin-top: -22px;
  padding-left: 30px;
  margin-right: 30px;
}

.total-label::after {
  content: " \2192"; /* ??? Right arrow by default */
  margin-left: 8px;
  font-weight:bolder;
}

:lang(ar).total-label::after {
  content: " \2190"; /* ??? Left arrow in RTL */
  margin-left: 0;
  margin-right: 8px;  font-weight:bolder;
}
:lang(fa).total-label::after {
  content: " \2190"; /* ??? Left arrow in RTL */
  margin-left: 0;
  margin-right: 8px;  font-weight:bolder;
}


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



/* Responsive code for Mobile Devices */

@media screen and (max-device-width: 768px) {
 
.header_container {
  flex-direction: column;
  justify-content: center;
  align-items: center !important;
}

.L1right {
  margin-top: 0px;
}

.table_container {
  width: 93%;
}

.tablesmall {
  margin-top: 35px;
 }
  
.corner-boxM {
  width: 300px;
 }

.divTableRow {
  display: inline;
} 

.container1 { 
   overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}

.container1 table {
  width:100%;
   min-width:850px;
} 

.table-container { 
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}

.form-fieldF {
  display: block;
}

.divTableCellW1 {
  display: block;
  padding-top: 15px;
}

.divTableCellW2 {
  display: block;
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
}

.table-container table {
  width:100%;
  min-width:850px;
} 

.boldline {
  border-bottom: 1px solid black;
  padding-top: 25px;
}
}
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
}
/* 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;
}

.divTableRow {
  display: block;
} 

.table_container {
  width: 50%;
}

.tablesmall {
 margin-top: 40px;
}
 
.corner-boxM {
 width: 340px;
}
 
    
}