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

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

/* Hiding Additional section*/
/*#form-element-wrapper_2 { 
  display:none;
}*/

/* Hiding Language dropdown*/

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

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

.Logo {
    position: relative;
}

.underline1 {
    text-align: right;
    margin-top: 80px;
}

.line1 {
    position: absolute;
    top: 100%; /* Position the line just below the logo */
    left: 0;
    width: 100vw; /* Extend the line across the entire viewport width */
    height: 2px; 
    background-color: black; 
    margin-top: -26px; 
}

.form-field {
    display: flex;
    white-space: nowrap;
}

.line {
    display: inline-block;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    width: 98%;
}

.line2 {
    display: inline-block;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    width: 100%;
}

.line3 {
    display: inline-block;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    width: 55%;
}

table {
    width: 100%;
    border-collapse: collapse;
}

td {
    border: 2px solid black;
    vertical-align: top; /* Aligns content to the top */
    position: relative;
    padding: 10px;       /* Optional padding for better spacing */
}

.table-container {
    width: 100%;
    /*overflow-x: auto;  Allows horizontal scrolling on smaller screens */
}

/* Main table structure */
.form-table1 {
    width: 100%;
    border-collapse: collapse;
}

/* Section headers */
.section-header {
    font-weight: bold;
    text-align: start;
    padding: 5px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.custom-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Allows the table to adjust column widths based on content */ 
}

.custom-table th, .custom-table td {
    border: 2px solid black;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    font-weight: normal;
}

.jtext {
    display: block;
    padding-left: 25x;
    margin-right: 25px;
    margin-top: 8px;
    margin-bottom: 10px;
}

.divTableRow {
    display: table-row;
}

.divTableCell1 {
    display: table-cell;
    padding: 5px;
    text-align: start; /* Centers the content */
    /*white-space: nowrap;*/
}

.divTableCell2 {
    display: table-cell;
    padding: 5px;
    text-align: start; /* Centers the content */
    padding-bottom: 8px;
    /*white-space: nowrap;*/
}

.divTableCell3 {
    display: inline-block;
    padding: 5px;
    white-space: nowrap;
}

.section-header1 {
    font-weight: bold;
    text-align: start;
    padding: 5px;
    border-left: 0px;
    border-right: 0px;
}

.list-container {
    display: grid;
    grid-template-columns: 24% 30% 30%;
    align-items: end;
    gap: 20px;
    border: none;
}

.list-container1 {
    display: grid;
    grid-template-columns: 23% 26% 14% 26%;
    align-items: end;
    gap: 15px;
    border: none;
}

.list-container2 {
    display: grid;
    grid-template-columns: 7% 42% 10% 30%;
    align-items: end;
    gap: 15px;
    border: none;
}

.form-fieldg {
    display:flex;
    gap:10%;
}

.form-fieldgg1 {
    display:inline-block;

}

.form-fieldj1 {
    display:inline-block;

}

.form-fieldg1 {
    display:flex;
    gap:4%;
}

.form-fieldgg {
    display:flex;
    width: 60%;
}

.form-fieldj {
    display:flex;
    width: 37%;
}

.linek {
    display: inline-block;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    width:180px;
}

.linep {
    display: inline-block;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    width:255px;
}

.linep1{
    display: flex;
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
}

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

ul,ol { 
    margin-right: 25px;
}
    
.start {
    border-inline-start:none !important;
}
.end {
    border-inline-end:none !important;
}

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


/* Responsive code for Mobile Devices */


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

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

.table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; 
} 

.Logo {
    text-align: center;
}

.line1 {
    margin-top: -69px;
}

.underline1 {
    text-align: center;
    margin-top: 0px;
}

.form-field {
    display: contents;
    white-space: normal;
}

.line {
    margin-left: 0px;
}

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

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

.form-table1 {
    min-width: 850px;
    width: 100%;
}
}
@media screen and (max-device-width: 821px) 
and (max-device-height: 1181px) 
and (min-device-width: 819px) 
and (min-device-height: 1179px) {
.line1 {
    margin-top: -25px;
}
.underline1 {
    font-size: 13px !important;
}
.list-container1 {
    grid-template-columns: 26% 19% 16% 26%;
}  
.list-container2 {
    grid-template-columns:  9% 36% 12% 30%;
}  
}

/* Media query for iPad mini */

@media only screen 
and (min-width: 768px) 
and (max-width: 768px) 
and (min-height: 1024px) 
and (max-height: 1024px) {
  
.underline1 {
    text-align: center;
    margin-top: 22px;
}

.form-field {
    display: flex;
    white-space: nowrap;
}

}