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

/* Hide Lanugage Dropdown */ 

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

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

/* TO CONTROL SCREEN SCROLL*/
.form-section, .form-item {
    display: block;
    overflow: hidden;
    padding-left: inherit;
    padding-bottom: 16px;
}
.grey-boxContents {
    background-color: #e5e5e5;
    width: 40% !important;
    float: left;
    position: relative;
    height:100px ;
    margin-bottom: 0px !important;
}
.grey-boxContents1 {
    background-color: #e5e5e5;
    width: 40% !important;
    float: left;
    position: relative;
    height:100px;
    margin-top:14% !important;
}
/* Hiding extra space at footer*/

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

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

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

    
.header_container {
    display: flex;
    justify-content: space-between;
    column-gap: 27px !important;
}
:lang(ar) .address-ltr, 

:lang(fa) .address-ltr,
:lang(pu) .address-ltr ,
:lang(fil) .address-ltr  { 

  direction: ltr !important; 

  unicode-bidi: embed; 

  white-space: nowrap; 

  display: inline-block; 

} 
 

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

} 

.L1left {
    padding-bottom: 20px;
    place-content: end;
}

.logo { 
    width: 45% !important;
}

.divTableRow {
	display: table-row;
}
.legendsstyle {
    padding-left: 3px !important;
}
.divTableCell {
    display: table-cell;
    padding: 3px 3px;
    width: 62%;
    align-content: flex-end;
    white-space:nowrap !important;
}

.divTableCellK {
	display: table-cell;
	border: 0px solid #ddd;
	padding: 2px;
    padding: 3px 10px;
}

.maildetails {
    width: 40%;
    margin-top: 20px;
}

.box {
    position: static !important;
    width: 98%;
    height: 90%;
    border: 1px solid black;
    padding-left: 5px;
    margin-top: 20px;
    margin-left: 1px;
    text-align: left;
    padding: 5px;
}

.blanklinecallout {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}   
.Adjust{
    margin-inline-start: 4px;
}
@media screen and (max-device-width: 768px) {
   
.header_container {
    flex-direction: column;
    justify-content: center;
    align-items: center !important;
}

.UniquePhoneTable  { 

    width: 100%; 

} 

  

.divTableCellUnique{ 

    width:65%; 

} 

 

.logo {
    margin-left:0% !important;
    width:65% !important;
    
}

.box {
    width: 95% !important;
}

.grey-boxContents {
    background-color: #e5e5e5;
    width: 76% !important;
    float: left;
    position: relative;
    height:100px ;
    margin-bottom: 15px !important;
}
.grey-boxContents1 {
    background-color: #e5e5e5;
    width: 76% !important;
    float: left;
    position: relative;
    height:100px;
    margin-top:0% !important;
}
.divTableCell {
    display: table-cell;
    padding: 3px 3px;
    width: 62%;
    align-content: flex-end;
    white-space:nowrap !important;
}
}

/* Media Query for iPad Mini */

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

   .UniquePhoneTable  { 

        width: 55%;
        margin-top: 5%;
        margin-inline-start: 8%;


         } 

    .divTableCellUnique{ 

    width:65%; 

}
.divTableCell{
white-space: nowrap !important;
}
.maildetails {
    max-width: 12%;
}
.grey-boxContents {
    background-color: #e5e5e5;
    width: 50% !important;
    float: left;
    position: relative;
    height: 100px;
    margin-bottom: 15px !important;
}
.logo {
    margin-left: 0% !important;
    width:35% !important;
}
.grey-boxContents1 {
    background-color: #e5e5e5;
    width: 50% !important;
    float: left;
    position: relative;
    height: 100px;
    margin-top: 0% !important;
}
}