
.checkboxtable{
    
    text-align: left;
    line-height: 1.5; 
}

.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:contents;
       margin-top: -22px;
       padding-left: 50px ;
       margin-right: 50px;
       }
       ul,ol{ margin-right:0px;}

   .blanklinecallout {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .form-field1 {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    margin-top:25px;
}

.line {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
   /* margin-left: 5px;*/
}

.checkboxcell{
    padding-right:5px;
}
.checkboxtxt{
    padding-left:5px;
    line-height: 1.7; 
}
#form-element-wrapper_13
{
    padding-top: 0;
    padding-bottom: 0;
}
/* TO CONTROL SCREEN SCROLL*/
.form-section, .form-item {
    display: block;
    overflow: hidden;
    padding-left: inherit;
    padding-bottom: 16px;
}
 
/* Hiding Language dropdown*/
  
  #form-element-wrapper_3{
      visibility: hidden !important;
    }
    #form-element-wrapper_2{
        display: none;
    }
#print-preview {
    display: none;
}

.form-submit-button { 

    display: none !important; 
    
    } 

     /* Reset some default margin/padding 
     body, ul, li {
        margin: 0;
        padding: 0;
    }

   */
   .header_container {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}
.mailDate1{
    float:right;
    width:15%;
    margin-top: 8%;
     }
    

     .slash-space {
        padding: 0 10px; /* Adjust padding as needed */
      }
      



.form-field {
    display: flex; 
      align-items: center;
      justify-content: space-between;
      margin-bottom: 5px;
  }

 
  
  .line {
      flex-grow: 1;
      border-bottom: 1.5px solid #000;
     /* margin-left: 10px;*/
      height: 0; 
  }

  .halfline {
    flex-grow: 0.5;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
}
.flex-container {
    display: flex;
    align-items: center;
    padding-left: 9px;
}
.line {
    flex-grow: 1;
    border-bottom: 1px solid black;
   /* margin-left: 5px; Adjust spacing between "Other:" and the line */
    height: 1.5px;
}
.ParallelLines {
    flex-grow: 1;
 /*   border-bottom: 1.5px solid #000; */
 border-bottom: 1px solid black;
    margin-left: 2px;
}

  .float-righ-special {
    float: right;
   margin-top: -20px;
    padding-left: 60px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 34% ;
   
}

.float-right-mail {
    float: right;
    margin-right: 162px;
    margin-top: 5px;
  }
  .float-right {
    float: right;

  }

  .float-right-forcheckbox {
    float: right;
}

.float-left {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
   
}

.OfficeUse_left{float:right;   padding-right: 128px;}

.OfficeUse_Right{float:right;       margin-top: -5px; padding-right: 128px;}
.float-left-claimant {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
   
}

.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}
.divTableCellBig1 {
    display: table-cell;
    vertical-align: top;
   width:9px;
}
.divTableCellBig2 {
    display: table-cell;
    vertical-align: top;
   
}

.divTableCellBig {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
   
}

.divTableCell {
    display: table-cell;
    padding: 5px;
    vertical-align: top;
   width:auto;
}
 
.jtext {
    display: contents;
    margin-bottom: 8px;
    padding-left: 100px;
      margin-top: -20px;
      padding-right:5px;
}



.LessWidth{
    width: 50%;
}

.float-right-forheader {
    float: right;
}
.label-css {
    width: 16%;
  }


 /* Box with corners */

 .highlighted-box {
    position: relative;
    width: 60%; /* 60% of the page width */
    height: 150px; /* Adjust the height as needed */
    margin: 5px auto;
    margin-left: 14px;
    padding-left: 10px;
    
}
.highlighted-box .corner {
    position: absolute;
    width: 20px; /* Size of the corner */
    height: 20px; /* Size of the corner */
    

}
.highlighted-box .corner::before,
.highlighted-box .corner::after {
    content: '';
    position: absolute;
    background-color: #000; /* Color of the corner lines */
}
.highlighted-box .top-left::before,
.highlighted-box .bottom-left::before {
    width: 1px; /* Thickness of the vertical line */
    height: 100%;
    left: 0;
    top: 0;
}
.highlighted-box .top-left::after,
.highlighted-box .top-right::after {
    width: 100%;
    height: 1px; /* Thickness of the horizontal line */
    top: 0;
    left: 0;
}
.highlighted-box .top-right::before,
.highlighted-box .bottom-right::before {
    width: 1px; /* Thickness of the vertical line */
    height: 100%;
    right: 0;
    top: 0;
}
.highlighted-box .bottom-left::after,
.highlighted-box .bottom-right::after {
    width: 100%;
    height: 1px; /* Thickness of the horizontal line */
    bottom: 0;
    left: 0;
}
.highlighted-box .top-left {
    top: 0;
    left: 10px;
}
.highlighted-box .top-right {
    top: 0;
    right: 0;
}
.highlighted-box .bottom-left {
    bottom: 0;
    left: 10px;
}
.highlighted-box .bottom-right {
    bottom: 0;
    right: 0;
}

.checkbox-group .para_content label {
    display: block; /* Makes each label display on a new line */
    margin-bottom: 10px; /* Adds some space between the labels */
}

.TextMargin1 /* Proceed to Section A below. */
{
margin-left: 0px;
display:inline-block;
}

.TextMargin2 /* Proceed to Section B on the reverse side. */
{
    margin-left: 0px;
    display:inline-block;
}

.Smallline {
    flex-grow: 1;
    border-bottom: 1px solid black;
    margin-left: 40px;
    margin-right: 15px;
    height: 0; 
  
}
.checkbox-group{
    margin-right:30px;
}
ul,ol{ margin-right:20px;}


@media only screen and (max-width: 768px) {
    
    .header_container {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .float-right{
        margin-right: 66px;
    }
    .float-left{
        margin-left: 95px;
}
.float-right-mail{
    margin-right: 90px;    margin-top: 15px;
    padding-bottom: 10px;
}
.highlighted-box {
    margin-left: 65px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.float-left-claimant{
    margin-left: 65px;
}
.float-right-forcheckbox {
    
    margin-top: 10px;
    margin-left: 10px;
    position: static;
    margin-right: 220px
}
.ForOffice{
    margin-right: 50px;
}


.move_right {
    display: table-cell;
}
.move_right1 {
    display: table-footer-group;}

.TextMargin2 /* Proceed to Section B on the reverse side. */
{
    margin-left: 82px;
    display: block;
    margin-top: -28px;
    margin-right: 80px;
    }
    .label-css {
        width: 25%;
    }

    .TextMargin1 /* Proceed to Section A below. */
    {
        display: block;
        margin-left: 82px;
        margin-top: -28px;
        margin-right: 77px;
        padding-bottom: 7%;
    } 
    .jtext {
        display: block;
        margin-bottom: 8px;
        /* padding-left: 100px; */
        margin-top: -20px;
        /* padding-right: 5px; */
    }
    .float-right-esw
    {
    
        padding-right: 135px;
        padding-top: 30px;
    }
    
        .noto_fonts1{
            padding-left: 30%;

        }
        .OfficeUse_Right {
            float: right;
            margin-top: 10px;
            padding-right: 10px;
        }
    
        .Claimant{
            padding-left:50px;
        }
        .mailDate1 {
            float: right;
            width: 15%;
            margin-top: 8%;
        }
        .OfficeUse_left {
            float: right;
            padding-right: 0%;
        }
}


.move_right {
    padding-left: 5px;
}
.move_right1 {
    padding-left: 100px;}

  .ForOffice
  {
        
    float: right;
    margin-right : 80px;
    }
    


    .float-right-esw
    {
        float : right;
        margin-top: -40px;
        margin-right: 20px;
    }


    .divTableW {
        display: table;
        width: 100%;
        border-collapse: collapse; /* Mimics table border collapse */
    }
    
    .divTableRowW {
        display: table-row;
    }
    
    .divTableCellW {
        display: table-cell;
        padding: 10px;
        text-align: center; /* Centers the content */
        width: 35%;
    }
    
    .form-fieldW .halflineW {
        border-bottom: 1.5px solid black; /* Corrected the spacing in the border property */
        width: 100%; /* Ensures the line spans the full width of the cell */
        margin-bottom: 5px; /* Adds space below the line */
        display: inline-block;
    }
    
    .form-fieldW div {
        text-align: center;
        margin-top: 10px; /* Adds space between the line and the text */
    }

    

  /* 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;
    }
    
.logo-left {
    padding-top: 45px;
   
}

.seal-right {
   
    margin-top: -10px;
    
}

.line1 {
    margin-top: -140px;
}
.mailDate1{

    width:10%;
    margin-top:4%;
     }
.mailingDate{
    width:71%;
}

.highlighted-box {
    position: relative;
   width: 56%;
    /* 60% of the page width */
    height: 150px;
    margin-top: 15px;
    /* Adjust the height as needed */
    /* margin: 5px auto; */
      margin: 5px auto; 
   /* margin-left: 210px;*/
    margin-top: 30px;
    margin-bottom: 10px;
  /*  margin-right: 350px;*/

   
}
.highlighted-box .bottom-right {
    margin-left: -45px;
}

.highlighted-box .top-right {
    margin-left: -40px;
}

.highlighted-box .bottom-left {
    bottom: 0;
    left: 0px;

}
.highlighted-box .top-left {
    top: 0;
    left: 0px;
}

.Claimant{
    padding-left: 25%;
}
.noto_fonts1{
    padding-left:40%;
}
  }



  .divTable {
    display: table;
    width: 95%;
  }
  .divTableBody {
    display: table-row-group;
  }
  .divTableRow {
    display: table-row;
  }
  .divTableCell {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
  }
  .Checkboxsize {
    margin-right: 3px;
  }
  .checkbox-label {
    padding-left: 3px;}