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

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

/* Hiding Language dropdown */
  
#form-element-wrapper_5 {
    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;
}

/* Hiding extra space at footer*/

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

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

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

/* Styling Address and EDD logo */
.header_container {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}

.LeftLines{float:left;}

.mailDate{
    float:right;
    width:47%;
     }
.divTableRowAddress {
    display: table-row;
}

.divTableCellAddress {
    display: table-cell;
    padding:2px;
   
}

/* GreyBox with rounded corners*/
/* Include media query */
.grey-box {
    
    background-color: rgba(240, 240, 240, 1);
    width: 50%;
    border-radius: 0px;
    height: 125px;
    margin-top: 106px;
}
  


/* Styling EDD logo along with telephone numbers */
/* Include media query */
.headercontainer {
    align-content: center;
    justify-content: space-between;
    column-gap: 30px !important;
}



.phonenumbers {
  
    width: 50%;
}

.legendsstyle {
    padding-left: 9px;
    
}

.divTableRow {
    display: table-row;
}

.divTableCell {
    display: table-cell;
    padding: 3px 10px;
    width:56%;

}

/*-------------------heading 1 to left and maildate to right-------------------------*/

.divTableCellN {
    display: table-cell;
    padding-top: 6px;
    padding-right: 3px;
   
}
.mailDate1{
float:right;
width:78%;
 }

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

.blank-line {
    display: inline-block; 
    border-bottom: 1px solid black;
    width:200px;
}

.blank-line1 {
    display: inline-block; 
    border-bottom: 1px solid black;
    width:160px;
}



/*------------------------------------------------*/
 
.divTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-top:1px solid;
    border-bottom:1px solid;
}

.divTableRow {
    display: table-row;
}

.divTableCellBig {
    display: table-cell;
    
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.divTableCellBig4{
    
    padding-top: 5px;
    padding-bottom: 5px;
  /*  border-bottom:1px solid;*/
}


.divTableCellBig2 {
    display: table-cell;
    padding-bottom: 2%;
    border-top: 1px solid;
  border-bottom: 1px solid;
    border-right: 1px solid;
}


.divTableCellBig3 {
    display: table-cell;
    
 
    border-bottom: 1px solid;
    border-right: 1px solid;
}
.divTableCellBig5 {
    padding-top: 5px;
    padding-bottom: 5px;

 
}
.divTableCellBig7{
    padding-top: 5px;
    padding-bottom: 5px;  
    border-bottom: 1px solid;
}
.divTableCellCustom{
    display: table-cell;
    
    width: 56%;
}
.divTableCellBig8{
    padding-bottom:15px;
}
.divTableCellCustom1{
    display: table-cell;
    border-bottom: 1px solid;
    width: 56%;
}
   .divTableCellDetail{
    display: table-cell;
    border-bottom: 1px solid;
    padding: 10px;
    width: 22%;
    border-left: 1px solid;
}
  


.divTableCellDetail1{
    display: table-cell;
    padding: 10px;
    width: 22%;
    border-left: 1px solid;
}




.Checkboxsize {
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 5%;
    border: 1px solid grey;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 8px;
 
    
}

.jtext {
   display:block;

   margin-top:-20px;
   padding-left: 25px ;
   margin-right: 20px;
   }
   .jtextnew {
    display: block;
    margin-top: -20px;
    padding-left: 55px;
    margin-right: 50px;
}
/*------------------------------------------------------*/
.divTableCell1{
    display: table-cell;
    padding: 0px 7px; 
}

/*--------------------*/
.divTableCell1 {
    padding: 10px;
    border-right: 1px solid black;
    flex: 1;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    width:22%;
}

/* Remove the border for the last cell */
.divTableCell1:last-child {
    border-right: none;
}
.divTableCell2 {
    padding: 10px;
 
}
.divTableCellM{
    padding: 10px;
   /* border-bottom:1px solid;*/
}
.divTableCell3 {
    padding: 10px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right:1px solid black;
}
.divTableCell4 {
    padding: 10px;

}
.halflineW {
    border-bottom: 1.5px solid black;
    width: 100%;
    margin-bottom: 20px;
    display: flex
;
    margin-top: -5px;
    margin-left: 40px;
}
.halflineM {
    border-bottom: 1.5px solid black;
    width: 110%;
    margin-bottom: -3px;
    display: flex
;
    margin-top: -5px;
    margin-left: -45px;
    margin-right:-45px;
}
.divTableCell5 {
    padding-bottom: 15px;

}
.divTableCell7 {
    padding-bottom: 15px;
padding-top:15px;
}
.div-cellnew {
    flex: 1;
    border: 0.5px solid black;
    /* padding: 10px; */
    box-sizing: border-box;
    text-align: left;
    width: 59px;
   border-inline-end: 0;
   border-inline-start:0;
}
.div-cell5new {
    flex: 1;
    border: 0.5px solid black;
    /* padding: 10px; */
    box-sizing: border-box;
    text-align: left;
    width: 200px;
   border-inline-end: 0;
  border-inline-start:0;
  border-bottom:0;
}
.div-cell6new {
    flex: 1;
    border: 0.5px solid black;
    /* padding: 10px; */
    box-sizing: border-box;
    text-align: center;
    width: 200px;
   border-inline-end: 0;
  border-inline-start:0;
  border-top:0;
}
.divTableCell6 {
    padding-left:3%;
    padding-top:10px;

}

.jtext1 {
    display:block;
    margin-top:-5px;
    padding-left: 20px ;
    margin-right: 20px;
    }
    .jtext2 {
        display: block;
        margin-top: 0px;
        padding-left: 35px;
        margin-right: 20px;
    }

    .jtext3 {
       
    display: block;
    margin-top: 2px;
    padding-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    }
 
.jtext4 {
    padding-left:5px;
    padding-right:5px;
}
.jtext5 {
       
    display: block;
    margin-top: 2px;
    padding-left: 15px;
    margin-right: 20px;
    margin-bottom: 15px;
    }

.vertical-line::before {
    content: "";
    position: absolute;
    height: 100%; /* Adjust the height as needed */
    width: 2px; /* Set the line thickness */
    background-color: #000; /* Set the line color */
}



/* Checkbox cells for alignment */
.checkbox-cell {
    text-align: center; 
    width: 3%; /* Fixed width for consistent alignment */
 }
 .grey-boxContents {
    background-color: rgba(240, 240, 240, 1);
    width: 61%;
    border-radius: 0px;
    height: 100px;
    margin-left: 75px;
}
.divTableCellBig9{
    padding-bottom:25px;
}


@media only screen and (max-width: 768px) {
    
    .header_container {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .divTableCell {
        display: table-cell;
        padding: 3px 10px;
        width:52%;
     
    }
.mailDate{
    float:right;
    width:65%;
     }
     .halflineW {
        border-bottom: 1.5px solid black;
        width: 150%;
        margin-bottom: 1px;
        display: flex
    ;
        margin-top: -5px;
        margin-left: 17px;
    }
    .halflineM{
        border-bottom: 1.5px solid black;
        width: 150%;
        margin-bottom: -3px;
        display: flex
    ;
        margin-top: -5px;
        margin-left: -72px;
    }
     .grey-box {
    
        background-color: rgba(240, 240, 240, 1);
        width: 90%;
        border-radius: 0px;
        height: 125px;
      margin-top: 0px;
      margin-bottom:25px;
    }
    .phonenumbers {
        width: 82%;
    }
    .mailDate1 {
        float: right;
        width: 93%;
        margin-top:15px;
        margin-bottom:15px;
    }
    .jtext4 {
        padding-left: 5px;
        /* margin-top: -20px; */
        padding-left: -4px;
        /* margin-right: 20px; */
        display: block;
        margin-top: -22px;
        padding-left: 22px;
        margin-right: 20px;
    }
.grey-boxContents {
    background-color: rgba(240, 240, 240, 1);
    width: 100%;
    border-radius: 0px;
    height: 100px;
    margin-left: 0px;
}
.LeftLines{
    padding-bottom:20px;
}
.jtext {
    display: block;
    margin-top: -20px;
    padding-left: 25px;
    margin-right: 20px;
    
}
.custom-row{
    width:322%;
}
.jtext3 {
    display: block;
    margin-top: 2px;
    padding-left: 5px;
    margin-right: 10px;
    margin-bottom: 15px;
}
.divTableCellDetail1 {
    display: table-cell;
    padding: 4px;
    width: 22%;
    border-left: 1px solid;
}
.divTableCellBig1 {
    /* border: 1px solid #ccc; */
    /* padding: 10px; */
    position: relative;
    display: inline-flex
;
}

.div-cell {
    display: inline-block;
  /*  padding: 10px;*/
    border: 1px solid black;
    width:614px;
  }

  .table-container {
    display: block;
    overflow-x: auto;
 
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
.table-container table{
    width:100%;
    min-width:850px;

}
li
{
    margin-left:25px;
margin-right:25px;

}

.divTableCellBig1 {
    /* border: 1px solid #ccc; */
    /* padding: 10px; */
    position: relative;
    display: inline-flex
;
    min-width: 850px;
}
.divTableCellBig4 {
    padding-top: 5px;
    padding-bottom: 5px;
    /* border-bottom: 1px solid; */
    min-width: 850px;
}
}



  /* 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;
    }
    
    .mailDate {
        float: right;
        width: 35%;
    }
    .phonenumbers {
        width: 40%;
    }
    
    .mailDate1 {
        float: right;
        width: 46%;
    }
    .divTableCell {
        display: table-cell;
        padding: 3px 10px;
        width: 50%;
        white-space: nowrap;
    }
    .halflineW {
        border-bottom: 1.5px solid black;
        width: 94%;
        margin-bottom: -3px;
        display: flex
;
        margin-top: -5px;
        margin-left: 17px;
    }
    .grey-box {
        background-color: rgba(240, 240, 240, 1);
        width: 50%;
        border-radius: 0px;
        height: 125px;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .custom-row {
        width: 137%;
    }
}
.div-table {
    display: flex;
padding-left:5px;
}

.div-cell {
    flex: 1;
    border: 0.5px solid black;
 /*   padding: 10px;*/
    box-sizing: border-box;
   
}


.noto_fonts {
    font-family: 'Noto Sans', sans-serif;
  }

  .Checkboxsize {
    margin-right: 10px; /* Add spacing between the checkbox and text */
  }
/*
  .jtext {
    display: inline-block;
  }*/

  .divTableCellBig1 {
    /*border: 1px solid #ccc;*/
   /* padding: 10px;*/
    position: relative; /* Ensure proper positioning */
    display: inline-flex;
  }

  .checkbox-wrapper {
    position: absolute;
    left: -30px; /* Adjust distance from cell border */
    top: 50%;
    transform: translateY(-50%);
  }

  .div-cell {
    display: inline-block;
  /*  padding: 10px;*/
    border: 1px solid black;
    width:614px;
    border-inline-start: 0;
  }
  
  .div-cell7 {
    flex: 1;
    border: 0.5px solid black;
 /*   padding: 10px;*/
    box-sizing: border-box;
   text-align: left;
   width:59px;
   border-inline-start: 0px;
  }

  
  .div-cell1 {
    display: inline-block;
    /*padding: 19px;*/
    /* border: 1px solid black; */
    width: 31%;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
   width: 393px;
   border-inline-start:0;
   
}

.div-cell2 {
    display: inline-block;
   /* padding: 10px;*/
    /* border: 1px solid black; */
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 393px;
    border-inline-start:0;
}

.div-cell6 {
    display: inline-block;
   /* padding: 10px;*/
    /* border: 1px solid black; */
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 196px;
    text-align: center;
    border-inline-start: 0px;
}


.div-cell5 {
    display: inline-block;
    /*padding: 19px;*/
    /* border: 1px solid black; */
    width: 31%;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
   width: 196px;
   text-align: left;
   border-inline-start: 0px;
}
  .divTableCell2 {
  /*  margin-top: 10px;*/
    padding: 10px;
    /*border-top: 1px solid black;*/
  }

  .ol-list {
    list-style: none;
    padding-left: 50px; /* Ensure proper alignment */
  }


  .mailingDate{
    text-align: center;
    width:82%;
  }

  @media screen and (max-device-width: 854px)
and (max-device-height: 1281px)
and (min-device-width: 819px)
and (min-device-height: 1179px)
 {
    
    .table-container {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
 }