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

  .form-section,.form-item{
    display: block;
    overflow: hidden; 
    padding-top: inherit;
    padding-bottom: 16px;
}

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

.L1left {padding-left:10px;
}

.L1right {    padding-right: 55px;
    }

.divTableRowAddress {
    display: table-row;
}

.divTableCellAddress {
    display: table-cell;
   
}

/* Hide Language Dropdown */
#form-element-wrapper_24
{
  visibility: hidden !important;
}

/* Styling Phone numbers only*/

.phonenumbers {
    width: 41%;
}
.divTableRow {
    display: table-row;
}

.divTableCell {
    display: table-cell;
    width:55%;
    padding: 3px 10px;
}
.legendsstyle {
    padding-left: 9px;
    width: auto;
    font-weight: normal; /* Removes bold styling */
    font-size: 16px;
}

.divTableCellN {
    display: table-cell;
    
    padding: 3px 10px;
}
.Left_address {
    float: left;
    width: 40%;
    text-align: left;
    padding-top: 55px;
}

.short {
width: 48%;
padding-top: 20px;
}

.divTableCell1 {
    display: table-cell;
    padding-bottom:  15px;
}
.divTableCell2 {
    display: table-cell;
    padding-bottom:  15px;
    padding-left: -20px
}

.bigtable {
    width: 100%;
   
}

.bigtable th{
font-weight: normal;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom:5px;
}
.bigtable td {
    text-align: center;
}


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


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

        /* Styling Phone numbers only*/
	.UniquePhoneTable  { 
	    width: 100%; 
	} 
	  
	.divTableCellUnique{ 
	    width:65%; 
  } 
/* --------------------------------------------- */

    .L1left {
        padding-left: 0px !important;
        width: auto !important;
    }

    .L1right {
        padding-right: 0px !important;
        padding-top: 30px !important;
    }


.phonenumbers {

    width: 95%;
 
}
.legendsstyle {
    padding-top: 20px;
}
.Left_address{
    
        width: auto;
        margin-top: -60px;
}
.short{
    width: 75%;
    margin-top: -20px;
}
 
/*.bigtable td {
    display: block;
    width: 50%;
    text-align: left;
    padding: 5px 0;
}
.bigtable th
{
    display: block;
    width: 50%;
    text-align: left;
    padding: 5px 0;
}
.bigtable tr {
    margin-bottom: 15px;
    display: block; 
}*/


/* Make the table responsive with horizontal scrolling on smaller screens */

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

    .responsive-table-container table {
        width: 100%; /* Ensure table takes up the full width of the container */
        min-width: 850px; /* Set a minimum width to maintain table readability */
    }
 
}



@media screen 
and (min-device-width: 768px) 
and (max-device-width: 853px) 
and (min-device-height: 1024px) 
and (max-device-height: 1280px)

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

    /* Styling Phone numbers only*/
	   .UniquePhoneTable  { 
	        width: 55%; 
	        margin-inline-start: 12%; 
	  } 
	   .divTableCellUnique { 
	        width:65%; 
    } 
 /* --------------------------------------------- */

    .phonenumbers { 
        width: 50%;
    }
   
    .Left_address {
        float: left;
        width: 40%;
        text-align: left;
        padding-top: 55px;
    }
    
    .short {
    width:50%;
    padding-top: 20px;
    }
    
.header_container {
    display: flex;
    justify-content: space-between;
}
}