.container-preview{
  /* width: min(95vw, 800px);   responsive width
  aspect-ratio: 210 / 297;   A4 shape */
   
  /* margin: 20px auto; */
  padding: 45px;
  background: white;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  box-sizing: border-box;
  display: none;
  /* border: 2px solid red; */
  width: 210mm;   
  height: 296.8mm;
   --font-scale: 1;
  /* transform: scale(0.5);
  translate: 0 -250px; */
  /* translate: 0 -250px; */

  /* transform: scale(1);
  translate: 0 0; */

  
}

/* download */
/* #a4{
  /* border: 3px solid red; */
  /*794px */
  /* width: 210mm;   785px A4 width  210mm */
  /* height: 297mm; A4 1123px height 297mm */
  /*1123px */

  /* width: 210mm;   
  height: 297mm; 
}*/

.in-preview{
    border: 2.6px solid rgb(0, 0, 0);
    height: 100%;
}

#p-cllg{
    margin-bottom: 26px;
    font-size: calc(40px * var(--font-scale));
    font-weight: bolder;
    /* background-color: rgb(138, 255, 255); */
}

table, th, td{

    
    width: 100%; /*100%*/
    max-width: 800px; /*800px*/
    
     /* border: 1px solid black; */
     padding-top: 0px;

    
    padding: 0px;
}

th, td{
   
   border-spacing: 0px;
   padding: 0;

}
table{
    /* border: 2px solid black; */
    overflow: hidden;
   
    border-collapse: collapse;
    text-align: center;
    font-size: 22px;
   
}

/* .space{
    background-color: aqua;
    width: 100%;
    height: 200px;
    
} */

td pre{
    line-height: 2;
    text-align: left;
   
}
/* submitted to top*/
#sb{
   margin-top: 0;
   text-align: left;
   /* border: 1px solid black; */
   margin-bottom: 1px;
   margin-left: 22px;
   font-weight: 550;
   font-size: calc(28px * var(--font-scale));
}

#prew-by{
    padding: 0;
    margin-left: 22px;
    /* border: 1px solid rgb(191, 0, 0); */
    white-space: pre-wrap;
    max-width: 95%;
    word-wrap: break-word;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 1.6;
    font-size: calc(24px * var(--font-scale));
}

/* container Seperate div for sub to */
.sto{
  
    /* border: 2px solid black;
    background-color: rgb(166, 243, 243); */
    display: flex;
    flex-direction: column;
    align-items:flex-end;
    justify-content: center;
    padding-right: 7px;
    margin-top: 25px;

}
.sto p{
    /* margin-top: 20px; */
    /* border: 1px solid black; */
    padding-right: 60px;
    text-align: left;
    margin: 0;
    width: 300px;
    margin-bottom: 5px;
    font-weight: 550;
    font-size: calc(28px * var(--font-scale));
}
#st{
    margin-right: 30px;
} 

#prew-to{
    margin-top: 0;
    /* border: 1px solid black;  */
    width: 390px;
    line-height: 1.6;
    font-size: calc(24px * var(--font-scale));
    white-space: pre-wrap;   
}

/* td h2{
    line-height: 5px;
}  */

#p-assign{
    /* border: 1px solid black; */
    margin-top: 10px;
    margin-bottom: 14px;
    font-size: calc(38px * var(--font-scale));
}

#p-subs{
   margin-top: 0;
   /* border: 1px solid black; */
   height: 80px;
   font-size: calc(28px * var(--font-scale));
   
}

th h1{
    font-size: calc(50px * var(--font-scale));
}


/* @media print{
    #p-cllg{
    background-color: rgb(138, 255, 255);
    margin-bottom: 26px;
    font-size: 40px;
    font-weight: bolder;
}
} */


#p-image{
    /* width: calc(100px * var(--font-scale));
    height: auto; */
    width:  210px;
}