/* 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 languages drop-down*/
#form-element-wrapper_1
{
visibility: hidden;
}

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

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

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

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

.divTableRow {
  display: table-row;
}

.divTableCell {
  display: table-cell;
  padding: 3px;
  /* width:57%; */
  width:61%; 
}

.divTableCellQ {
  display: table-cell;
  padding: 3px;
  width:55%;
}

.divTableCellT {
  display: inline;
  width:10%;
  padding: 2px;
}

.divTableCellN {
  display: table-cell;
  padding: 3px 3px;
  width: 70%;
}

.divTableCellM {
  display: table-cell;
  padding: 3px;
  width:66%;
}
.divTableCellM1 {
  display: table-cell;
  padding: 3px;
  width:66%;
  vertical-align:bottom;
}
:lang(fa).divTableCellM1,
:lang(ar).divTableCellM1 {
  display: table-cell;
  padding: 3px;
  width:66%;
  vertical-align:baseline;
}

.mailDate {
  float: right;
  width: 35%;

}

.MailAddr2 {
  width: 72%;
}
.UniquePhoneTable  { 

    width: 67%; 

    

} 

  

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

} 

.OfficeText {
  width: 52%;
}

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

.divTableCellY {
  display: table-cell;
  padding: 2px 2px;
  width: 67%;
}
.divTableCellZ {
  display: table-cell;
  padding: 2px 2px;
  width: 30%;
  text-align: right;
}
:lang(fil) .divTableCellZ{  display: table-cell;
  padding: 2px 2px;
  width: 30%;
  
  vertical-align: bottom;}
  .mailDateZ {

  width: 46.5%;
}

/* Responsive code for Mobile Devices */

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

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

.MailAddr1 {
  text-align: center;
  padding-bottom: 5px;
}

.divTableCellN {
  display: table-cell;
  padding: 3px;
  width:57%;
} 

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

.divTableCellT {
  display: inline;
  width:10%;
  padding: 2px;
}

.Logo {
  width: 66%;
  padding-top: 10px;
}
  
.MailAddr2 {
   /* width: 90%; */
   width: auto;
    text-align: center;
    padding-bottom: 5px;
}

.UniquePhoneTable  { 
        padding-top: 10%;
    width: 100%; 

} 

  

.divTableCellUnique{ 

    width:65%; 

} 

.OfficeText {
  width: 95%;
}

.divTableCellY {
  display: block;
  padding: 3px 3px;
  text-align: center;
  width: auto;
}
.divTableCellZ {
  display: block;
  padding: 3px 3px;
  text-align: center;
  width: auto;
}
.mailDateZ {
  float: none;
  width: auto;
}
  
}
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) 
 {
.OfficeText {
    width: 50%;
}
.mailDateZ {
  float: right;
  width: 45%;
}
.divTableCellY {
  display: table-cell;
  padding: 2px 2px;
  width: 55%;
}
.divTableCellZ {
  display: table-cell;
  padding: 2px 2px;
  width: 80%;
  text-align: right;
}

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

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

   .UniquePhoneTable  { 

             width: 55%; 

             margin-inline-start: 12%; 

         } 

    .divTableCellUnique{ 

    width:65%; 

} 


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

.MailAddr1 {
  text-align: center;
  padding-bottom: 5px;
}

.mailDate {
  float: none;
  width: 43%;
}

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

.divTableCellN {
  display: table-cell;
  padding: 3px;
  text-align: right;
  width:60%;
} 

.MailAddr2 {
    width: 33%;
    text-align: center;
    margin-top: 0px;
}

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

.OfficeText {
  width: 43%;
}

.divTableCellY {
  display: block;
  padding: 3px 3px;
  text-align: center;
  width: auto;
}
.divTableCellZ {
  display: block;
  padding: 3px 3px;
  text-align: center;
  width: auto;
}
.mailDateZ {
  float: none;
  width: auto;
}

}