/* 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_22 {  
    visibility: hidden !important;
  } 
  
/*------------------------------------------------------*/
 
.header_container {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}

.heading {
    width: 51%;
}

.legendsstyle {
    padding-left: 3px;
    font-weight: normal;
}
  
.phonenumbers {
    width: 43%;
}
  
.divTableRow {
    display: table-row;
}
  
.divTableCell {
    display: table-cell;
    padding: 3px;
    padding-top: 6px;
    width: 65%;
    vertical-align:bottom
}

	/* Styling Phone numbers only*/ 
	.header_container { 
	    display: flex; 
	    justify-content: space-between; 
	    column-gap: 30px !important; 
	} 
	 
	.UniquePhoneTable  { 
	    width: 47%; 
	    
	} 
	  
	.divTableRowUnique { 
	    display: table-row; 
	} 
	  
	.divTableCellUnique { 
	    display: table-cell; 
	    width: 65%; 
	    padding: 2px; 
	     vertical-align: bottom; 
	} 
	:lang(fa).divTableCellUnique, 
	:lang(ar).divTableCellUnique { 
	     display: table-cell; 
	    width: 65%; 
	    padding: 2px; 
	    vertical-align: baseline; 
	} 


/* Mail Date Box */
.mailDateX {
    position: relative; 
    margin-top: 5px; 
    width: 43%;
}
  
.divTableCellNX {
    display: table-cell;
    padding-top: 6px;
    padding-right: 3px;
    width:72%; 
}  

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

/* CODE for List with Checkboxes and Lines */

ul,ol {
    vertical-align: top;
    margin-right: 30px;
}

.jform-field {
    display: table-cell;
    margin-bottom: 5px;
    margin-left:15px;
 }

.form-field {
    display: flex;
    margin-bottom: 5px;
    margin-left:15px;
}

.form-fieldz {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.form-fieldx {
    display: flex;
    margin-bottom: 5px;
    margin-left:15px;
    align-items: flex-end;
}

 .form-fieldy {
    display: flex;
    margin-bottom: 5px;
    margin-left:15px;
    align-items: flex-end;
}

.form-fieldxy {
    display: flex;
    margin-bottom: 5px;
    margin-left:15px;
    align-items: flex-start;
}

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

.divTableCellFF {
    display: table-cell;
    width:90%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 8px;
}

.divTableCellF {
    display: table-cell;
    width:85%;
    padding-right: 10px;
    padding-bottom: 8px;
}

.divTableCellF1 {
    display: table-cell;
    width:80%;
    padding-right: 10px;
    padding-bottom: 8px;
}

.divTableCellF2 {
    display: table-cell;
    width:80%;
    padding-right: 10px;
}

.divTableCellF3 {
    display: table-cell;
    /*width:67%;*/
    width: 36%;
    padding-right: 10px;
}

.divTableCellF4 {
    display: table-cell;
    width:67%;
    padding-right: 10px;
}

.divTableCellFull {
    display: table-cell;
    width:100%;
    padding-right: 10px;
}

.divTableCellFullF {
    display: table-cell;
    /*width:75%;*/
    width: 61%;
    padding-right: 10px;
}

.divTableCellFullFF {
    display: table-cell;
    /*width:80%;*/
    width: 65%;
    padding-right: 10px;
    padding-bottom: 8px;
}

.divTableCellFullFFF {
    display: table-cell;
    /*width:75%;*/
    width: 62%;
    padding-right: 10px;
}

.divTableCellHalf {
    display: table-cell;
    width: 36%;
}

.divTableCellX {
    display: table-cell;
    padding: 10px;
    padding-bottom: 3px;
    text-align: center; /* Centers the content */
    width: 35%;
}

.divTableCellXX {
    display: table-cell;
    padding: 10px;
    padding-bottom: 3px;
    text-align: center; /* Centers the content */
    width: 35%;
    padding-left: 10px;
}

.divTableCellX1 {
    display: table-cell;
    padding: 10px;
    padding-bottom: 3px;
    /*padding-right: 0px;*/
    /*padding-left: 0px;*/
    width: 35%;
}

.divTableCellL {
    display: table-cell;
    width:40%;
}

.divTableCellL1 {
    display: table-cell;
    width:38%;
}

.line3 {
flex-grow: 1;
border-bottom: 1.5px solid #000;
margin-left: 3px;
}

.line4 {
flex-grow: 0.33%;
border-bottom: 1.5px solid #000;
}

.line1 {
flex-grow: 0.455;
border-bottom: 1.5px solid #000;
margin-left: 3px;
margin-right: 10px;
}

.line1x {
flex-grow: 0.8;
border-bottom: 1.5px solid #000;
margin-left: 3px;
margin-right: 10px;
}

.line2 {
flex-grow: 0.6;
border-bottom: 1.5px solid #000;
margin-left: 3px;
}

.line2xx {
flex-grow: 0.22;
border-bottom: 1.5px solid #000;
margin-left: 3px;
}

.line2y {
flex-grow: 0.38;
border-bottom: 1.5px solid #000;
margin-left: 3px;
}

.line2yy {
flex-grow: 0.33;
border-bottom: 1.5px solid #000;
margin-left: 3px;
}

.line7 {
flex-grow: 0.7;
border-bottom: 1.5px solid #000;
margin-left: 3px;
margin-top: -10px;
}

.linep {
display: inline-block;
border-bottom: 1.5px solid #000;
margin-left: 3px;
margin-right: 3px;
width: 10%;
} 

.blank-line {
flex-grow:0.3;
border-bottom: 1.5px solid #000; 
margin-left: 3px;
margin-right: 10px;
}

.blank-linex {
flex-grow:0.18;
border-bottom: 1.5px solid #000; 
margin-left: 3px;
margin-right: 10px;
}

.blank-line1 {
flex-grow:0.3;
border-bottom: 1.5px solid #000; 
margin-left: 3px;
margin-top: -10px;
margin-right: 10px;
}

.blank-line7 {
flex-grow:0.15;
border-bottom: 1.5px solid #000; 
margin-left: 3px;
margin-top: -10px;
}

li {
vertical-align: top;
}


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

/* Responsive code for Mobile Devices */

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

	/* Styling Phone numbers only*/
	   .header_container { 
	   flex-direction: column; 
	   justify-content: center; 
	   align-items: center !important; 
	} 
	.UniquePhoneTable  { 
	    width: 100%; 
	} 
	  
	.divTableCellUnique{ 
	    width:65%; 
} 

.heading {
    width: 100%;
}

.phonenumbers {
    margin-top: 10px;
    width:100%;
}
      
.divTableCell {
    display: table-cell;
    padding: 3px;
    width: 63%;
}

.divTableRow {
    display: block;
}

.mailDateX {
    margin-top: 30px; 
    width: 100%;
}

.line1 {
    margin-bottom: 10px;
    margin-right: 0px;
}

.line1x {
    margin-bottom: 10px;
    margin-right: 0px;
}

.line2 {
    margin-bottom: 10px;
}

.line3 {
    margin-bottom: 10px;
}

.blank-line1 {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-right: 0px;
}

.line7 {
    margin-top: 0px;
}

.blank-line {
    margin-bottom: 10px;
    margin-right: 0px;
}

.blank-linex {
    margin-bottom: 10px;
    margin-right: 0px;
}

.divTableCellFull {
    padding-right: 0px;
}

.divTableCellFullF {
    display: contents;
}

.divTableCellFullFF {
    display: contents;
}

.divTableCellNX {
    display: block;
    width: 100%;
    text-align: center;
}

.divTableCellL {
    display: contents;
}

.divTableCellFF {
    padding-left: 0px;
    padding-right: 0px;
}

.divTableCellF {
    padding-top: 8px;
    padding-right: 0px;
}

.divTableCellF3 {
    display: table;
    width:auto;
}

.divTableCellX {
    display: contents;
}

.divTableCellHalf {
    display: contents;
}

.divTableCellL1 {
    display: contents;
}

.divTableCellXX {
    display: contents;
}

.divTableCellX1 {
    display: contents;
    padding-left: 0px;
}

.form-field {
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 15px;
}

.form-fieldx {
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 15px;
}

.form-fieldy {
    display: block;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: 15px;
}

.form-fieldz {
    display: block;
}
}  
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
.phonenumbers {
    width: 48%; 
}
.heading {
    width: 45%;
}
.mailDateX {
    width: 46%;
}
.divTableCellFullF {
    width: 56%;
}
.divTableCellFullFF {
    width: 60%;
}
.divTableCellFullFFF {
    width: 56%;
}
.divTableCellF1 {
    width: 71%;
}    
.divTableCellF2 {
    width: 71%;
} 
.divTableCellF3 {
    width: 41%;
} 
.divTableCellL {
    width: 49%;
}
}
/* 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) {

	/* Styling Phone numbers only*/
	    .header_container { 
	        flex-direction: column; 
	        justify-content: center; 
	        align-items: center !important; 
	     } 
	   .UniquePhoneTable  { 
	             width: 55%; 
	             margin-inline-start: 12%; 
	         } 
	    .divTableCellUnique{ 
	    width:65%; 
} 

.Logo {
width: 32%;
padding-top: 10px;
}

.legendsstyle {
padding-left: 4px;
padding-top: 10px;
}

.phonenumbers {
width:51%;
}

.divTableCell {
display: table-cell;
padding: 3px;
width: 65%;
}

.mailDateX {
    width: auto;
}

.divTableCellHalf {
    display: flex;
    width: 43%;
}

.divTableCellF {
    width: 60%;
}

.form-field {
    display: block;
}

.form-fieldx {
    display: block;
    align-items: flex-end;
}

.form-fieldy {
    display: block;
    align-items: flex-end;
}

.form-fieldz {
    display: flex;
}

.line3 {
    margin-left: 3px;
}
    
.line1x {
    margin-left: 3px;
    margin-right: 8px;
}
    
.line2 {
    margin-left: 3px;
}

.blank-linex {
    margin-left: 3px;
    margin-right: 8px;
}
.divTableCellF1 {
    width: 60%;
} 

.divTableCellF2 {
    width: 60%;
} 

.divTableCellL1 {
    display: block;
}

.divTableCellXX {
    display: block;
}

.divTableCellX1 {
    display: block;
    padding-left: 0px;
}

}