/* Hide Submit Button */
.form-submit-button {
    display: none !important;
  }
  
  /* Hide Print Button */
  #print-preview {
    display: none !important;
  }
  /* Hiding Language dropdown*/
   
  #form-element-wrapper_14{
      visibility: hidden !important;
    }

    /* TO CONTROL SCREEN SCROLL*/
.form-section, .form-item {
    display: block;
    overflow: hidden;
    padding-left: inherit;
    padding-bottom: 16px;
}


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


 .header_container 
 {
    display: flex;
    justify-content: space-between;
    column-gap: 30px !important;
}
.L1left{padding-left: 20px;}
.L1right {width:55%;}
.left-column 
{
    width: 34%;
    padding-right: 10px;
    vertical-align: top;
}

.blanklinecallout 
{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.dotted-rectangle1 
{
    width: 20px; /* Adjust width of each rectangle */
    height: 30px; /* Adjust height of each rectangle */
    border: 2.5px dotted black; /* Dotted border */
    
    display: inline-block;
    margin-left: 25px;
  }
:lang(ar).dotted-rectangle1,
:lang(fa).dotted-rectangle1
  {
    margin-left: 5px !important;
    margin-right: 75px !important;
    text-align: right !important;
    direction: rtl !important;
}
  

.overall
{
    direction: ltr !important;
    margin-top:10px;
}
  .dotted-container 
  {
    display: inline-flex;
    gap: 2px; /* Adjust the space between boxes */
    vertical-align: middle;
    direction: ltr !important;
  }

   :lang(ar).dotted-containerq,
   :lang(fa).dotted-containerq 
   {
    display: inline-flex;
    gap: 2px; /* Adjust the space between boxes */
    vertical-align: middle;
    /*direction: rtl !important;*/
   }


.dotted-box 
{
    width: 20px; /* Width of each small box */
    height: 28px; /* Height of each small box */
    border: 2.5px dotted #333;
     text-align: center !important;

}

.custom-checkbox 
{
    width: 14px;  
    height: 14px;  
    background-color: white;  
    border-radius: 5%;  
    vertical-align: middle;  
    border: 1px solid gray;  
    appearance: none;  
    -webkit-appearance: none;  
    outline: none; 
}

.checked-checkbox 
{
    width: 14px;  
    height: 14px;  
    background-color: black;  
    border-radius: 5%;  
    vertical-align: middle;  
    border: 1px solid black;  
    appearance: none;  
    -webkit-appearance: none;  
    outline: none; 
}

.arrows { display: inline-block; }
/* Flip for RTL */
 :lang(ar).arrows,
 :lang(fa).arrows
 { transform: scaleX(-1.4); 
}


.greybox
{
    display: flex; justify-content: center;  width: 100%;
}
  
.container1 
{
    display: grid;
    grid-template-columns: auto auto; /* Two columns: left and right */
    gap: 50px;
    justify-content: center;
    margin-top: 20px;
}

/* Section styling */
.left-section, .right-section 
{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Row wrapper for grouped boxes */
.row 
{
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Label styling */
.label1 {
    font-weight: bold;
    min-width: 50px; /* Ensures label width consistency */
}




.form-fieldz{
    display: flex;
    margin-left:16%;
}
/* Dotted box style */
.dotted-box1 {
    width: 20px; /* Adjust width of each rectangle */
    height: 30px; /* Adjust height of each rectangle */
    border: 2.5px dotted black; /* Dotted border */
    display: inline-block;
}

/* Spacing for groups of boxes */
.group {
    display: flex;
    gap: 1px; /* Space between groups */
   
}
.group1 {
    display: flex;
    gap: 1px; /* Space between groups */
   
}

/* General table styling */
table.noto_fonts {
    width: 100%; /* Set to full screen width */
    border-collapse: collapse;
   

}

.header-text{padding-left:-25px;}
/* Body cells */
td {
    padding-bottom: 5px;
   
   
}



/* Left-aligned question cells */
.question-cell {
    text-align: left;
    padding-left: 10px;
}

/* Checkbox cells for alignment */
.checkbox-cell {
   text-align: center; 
   width: 4%; /* Fixed width for consistent alignment */
}

/* Input cells for earnings and days */
.input-cell input,
.input-large {
    width: 100%; /* Full width inside cell */
    box-sizing: border-box; /* Consistent padding and border */
    padding: 5px;
}

/* Vertical line (right border) for certain cells */
.vertical-line {
    position: relative;

  
}

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






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


.custom-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.custom-table th, .custom-table td {
    border: 1px solid black;
    width:11%;
  
}

.custom-table th {
    background-color: #d3d3d3;
   font-weight: normal;
    text-align: center;
}

.custom-row-header {
    background-color: #d3d3d3;
    
    text-align: center !important;
    padding-left: 8px;
}

.custom-week-header {
    width: 10%; /* Adjust width as needed */
}

.custom-col-header {
    width: 20%; /* Adjust width as needed */
}


.header_container1 {
    display: flex;
    justify-content: space-between; /* Adjusts correctly for RTL */
    column-gap: 30px; /* Handles spacing dynamically */
    direction: rtl; /* Ensure this forces RTL layout flipping */
  }
  
  /* Child rows */
  .divTableRowt {
    display: flex;

  }
  
  /* Table cell styles */
  .divTableCell2 {
    flex: 1; /* Ensures cells take equal space */
  }
  


.signature-x {
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
}
.divTableRowW { 
    display: table-row; 
}


.divTableCell {
    display: table-cell;
    padding-top:15px;
width:100%;}

.divTableCellW { 
    display: table-cell; 
    padding-right: 10px; 
    text-align: center; 
    width: 5%; 
    padding-top: 25px; 
    padding-bottom: 0px; 
} 

.form-fieldW .halflineW { 
    border-bottom: 1.5px solid black; 
    width: 100%; 
    margin-bottom: -3px; 
    display: inline-block; 
} 


.form-fieldW div { 
    text-align: left;
    margin-top: 10px;
} 
.jtext {
    margin-top: -9px;
    
 padding-right: 10px;
 }
 .dashed-line {
    width: 102%;
    height: 1px;
    background-image: linear-gradient(to right, #000 80%, transparent 20%);
    background-size: 10px;
    background-repeat: repeat-x;
    margin-left: -5px;
  }

  .warning-table {
    width: 100%; /* Adjust the width as needed */
    border-collapse: collapse; /* Collapse borders to make them appear as a single line */
    text-align: left; /* Align text to the left */
}

.warning-table th{
    border: 1px solid black;
    padding: 10px;
    
    text-align: center;
}

.warning-table td {
    border: 1px solid black; /* Add borders to cells */
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center; /* Center-align text in the headers */
}
.divTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.divTableRow {
    display: table-row;
}


.divTableCell.reduced-width {
    width: 45%; /* Adjust width as needed */
    word-wrap: break-word; /* Ensures long text breaks into multiple lines */
    padding-right:20px;
      padding-bottom: 5px;
      padding-left: 5px;
}


.training-area  {
    display: block;
    margin-top: 10px;
    width:100%;
}
.training-area1  {
    display: block;
    margin-top: 10px;
    width:203%;
}
.form-field {
    display: flex;
    align-items: center;
   
}.form-field .text {
    white-space: wrap;
    margin-bottom: 8px;
}
.line {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    margin-bottom: 10px;
   
}
.line {
    flex-grow: 1;
    border-bottom: 1.5px solid #000;
    margin-left: 5px;
    margin-bottom: 10px;
   
}
.highlighted-box {
    border: 3px solid rgba(0, 0, 0, 1); /* Add a solid border */
    
    padding: 10px; /* Add padding inside the box */
    margin: 5px; /* Optional: Add margin for spacing */
    width: fit-content; /* Adjust the width to fit the content */
}

.divTable_style {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.zipcode{

    padding-left:250px;
}
.divTableRow_style {
    display: table-row;
}

.divTableCell_style {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}
.divTableCelly{
    display: table-cell;
}

.numberBox_style {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px dotted black;
    text-align: center;
    line-height: 20px;
    margin: 2px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.Right2{width:50%;}
.adjust{
    padding-left: 10px; margin-top: 7px; width: 58%;
}
.sTable{
    margin-top: 10px; border: 1px solid rgba(0, 0, 0, 1); padding: 2px 8px 10px;     margin-left: 17%;
    margin-right: 7%;
}
.aTable{
    display: inline-flex;
    vertical-align: bottom;
    padding-right:20px;
}
.bTable{
    display:inline-flex;
    padding-right:20px;
}
  /* Inner content */
  .cTable {
    display:  inline-flex; /* Right-align content for RTL */
   }
 
.alignmt{
    display: inline-block;

}
.newCell{padding-left:19%;    }


.ltr-text {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    white-space: nowrap;
  }
  .examples {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}







.greybox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 3%; /* Space between elements */
}

/* Black and grey boxes */
.side-boxes {
    display: flex;
   
}

.box1 {
    width: 30px; /* Adjust size */
    height: 30px; /* Adjust height */
}

.black-box {
    background-color: black;
}

.grey-box {
    background-color: grey;
}

/* Centered text box */
.text-box {
    background-color: rgba(211, 211, 211, 1);
    text-align: center;
    padding: 5px 50px;

    display: inline-block;
}
.ssn-container {
    display: inline-flex;

    align-items: end;
    gap: 2px;

}
.ssn-block {
    text-align: center;
    margin-right: 5px;
    margin-top: 15px;
    }

.ssn-line {
    border-top: 1px solid black;
    width: 25px;
    height: 1px;
    margin-top: 2px;
}
.ssn-dash {
    font-size: 18px;
    line-height: 1;
    margin: 0 2px;
}
.name-container {
    display: flex;
    flex-grow: 0.3;
}

.week-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 20px;
}
.date-line {
    border-bottom: 1.5px solid black;
    flex-grow: 1; /* Stretches the line */
    min-width: 120px; /* Adjust length */
    display: inline-block;
    margin-left: 5px;
}
.week-label {
    text-align: center;
    margin-bottom: 20px;
}
/* Group of dotted boxes */
.week-boxes {
    display: flex;
    gap: 5px;
}
.form-container {
    display: flex;
    align-items: end;
    justify-content: space-between;
width:100%;
}
/* Underline for name */
.name-line {
    border-bottom: 1px solid black;
    flex-grow: 1;
    margin-right: 10px;
    min-width: 200px;     
    margin-left: 10px;/* Adjust width of the underline */
}


.form-container1 {
    display: grid;
    grid-template-columns: 1fr auto; /* Text and dollar sign with boxes */
    gap: 20px;
    align-items: end;
    margin-bottom: 5px;
}



/* Example label text */
.example-text {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

/* Dotted box container */
.dotted-containerq {
    display: grid;
    grid-template-columns: auto repeat(3, 25px) 10px repeat(2, 25px); /* $ symbol, numbers, spacer, decimal part */
    align-items: center;
    gap: 1px;
    margin-right: 60px;
}


/* Currency sign */
.currency {

    font-weight: bold;
    margin-right: 5px;
}

/* Spacer to separate main and decimal sections */
.spacer {
    width: 10px;
}

 /* Table styling */
 .form-table1 {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
}

/* Table cell borders */
.form-table1 td {
    border: 1px solid black;
    border-inline-end: 0;
    border-inline-start: 0;
    vertical-align: top;
}

/* Label styling */
.form-label2 {
    font-weight: bold;
    padding-left:10px;
    padding-right:10px;
  border-bottom:1px solid black;
border-inline-end: 1px solid black;
}
.form-label1{
  
 
    padding: 2px 5px;
    display: inline-block;
}

.form-table1 td{
    padding-bottom:20px;
}

/* Zip Code alignment */
.zip-code {
    text-align: center;
}

/* Phone number format */
.phone-container {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    margin-left:10px;
    margin-right:10px;
}

.phone-box {
    width: 25px;
    height: 20px;
    border-bottom: 1px solid black;
    display: inline-block;
}

.phone-dash {
    font-size: 18px;
    margin: 0 5px;
gap:2px;
}


.form-fieldx{
    display: flex;
}

.getdone{
    border: 1px solid rgba(0, 0, 0, 1); padding: 2px 10px 0; margin-right: 20%; margin-left: 20%; width: 68%;padding-bottom:10px;
}

.grid-table {
    display: grid;
    grid-template-columns: auto auto auto auto; /* Four columns: Example | Question | Yes | No */
    gap:5px;

}

/* Table row styling */
.grid-row {
    display: contents; /* Ensures rows stay inside the grid */
}


/* Bold example text */
.example-text1{
   
    white-space: nowrap; /* Prevents text from breaking */
}

/* Label spacing for checkboxes */
.checkbox-label {
    display: flex;
    align-items: center;
    margin-right: 50px;
}
@media only screen and (max-width: 768px) {
 
    .header_container {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
.getdone{
    margin-left:0;
    margin-right:0;
    width:93%;
}
.L1left{
    width: 100%;
    text-align: center;
    margin-left:-20px;
}
.L1right {
 
    width: 100%;
   text-align: center;

}
.training-area1 {
    /* display: block; */
    /* margin-top: 10px; */
    width: 100%;
}

.declaretable{
    display: contents;
}
h1{
    text-align: center;
}
.group{
    margin-left:auto;
}
.table-container {
    display: block;
    overflow-x: auto;
 
    -webkit-overflow-scrolling: touch; /* Enables smooth scrolling on iOS */
}
.table-container table{
    width:100%;
    min-width:850px;
}


.Right2{width:100%;}
.divTableCell{
  
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}
.form-field{
    display: block;
}
.divTableCell.reduced-width {
    width: 100%;}
    
    .adjust{
        width: 100%;
        padding-bottom: 15px;
    }
    .aTable
    {
        padding-right: 0px;
        display: block;
      padding-bottom:10px;
    }
    .bTable{
        display: block;padding-right:0;
    }
    .cTable{
        display: block;
       
}
.sTable{
    margin-left: 0;
    margin-right: 0;
    margin-bottom:15px;
}
.newCell{
    padding-left:0;
}
.line{
    margin-left:0;
}
.divTableCelly{
    display: block;
}

.container1{
    display: contents;

}
.right-section{
    margin-top:20px;
    gap:10px;
    text-align: left;
}
.left-section{
    margin-top:20px;
    gap:10px;
    text-align: left;
}
.name-container {
    align-items: normal;
    margin-bottom: 15px;
    flex-direction: column;
  
}
.form-fieldx{
    display:flex;
}
.ssn-container {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
   
}
.name-line{
    margin-left:0;
    margin-right:0;
}


.form-container1 {
    grid-template-columns: auto; /* Stack elements in a single column */
   gap:5px;
}

.dotted-containerq {
    
   justify-content: center;
    gap:1px;
}

.spacer {
    width: 8px; /* Adjust spacing for smaller screens */
}
.date_container{
    align-items: end;
    display: flex;
}
.form-container{width:250%;}
:dir(rtl) .group {
   margin-right:auto; /* Ensures correct alignment in RTL */
}
:lang(ar).dotted-box
{
     width: 20px; /* Width of each small box */
    height: 28px; /* Height of each small box */
    border: 2.5px dotted #333;
     text-align: center !important;
}

.grid-table{
    display: contents;
}
}
/* Media query for iPad mini */

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 768px) 
and (min-device-height: 1024px) 
and (max-device-height: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) 
{
.header_container {
    flex-direction: row !important; /* Override flex-direction */
    justify-content: flex-start !important; /* Adjust alignment */
    align-items: flex-start !important;}
    .header_container2 {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
    .adjust {
        padding-left:0 ;}
        .newCell {
            padding-left: 18%;}
            .divTableCelly{
                display: table-cell;
            }
            .Right2{width:50%;padding-left: 47%;}
         
            .container1{
                display: grid;
                gap:0;
            }
          .form-container{
            width:120%;
          }
           
     .getdone{width:96.5%;} 
     .grid-table{
        display: grid;
    }
    }