/* ############ formaly coopprint */
/* Upatde for 2018 :: version 3.5u 2018-01-18 - 18:18 */
/* Update for 2020 :: version 4.5u 2020-12-24 - 20:20 */
/* Update v7.0u :: updated 2024-01-15 20:24 */
/* Update v8.0u :: updated 2024-12-01 20:25 */
/* Update v9.0u :: updated 2025-12-01 20:26 */
/* ------------------------------------------------------------------- for drawArequest ---------------------------------------*/
  @media print{
        @page { size: auto;
                margin: 0px;
              }
        .sControl, #dLeftMenu, table, #dGen, .pIcon, .pText, .popHelp, #subHeadBox, #HdRow, #vdFrame, #frontMsgBox, #TopTitle, #MainTitle
                {display: none;
                 }
        #prtBox {
                position: absolute;
                left:0px;
                top:0px;
                padding: 0px;
                margin: 0px;
                width:210mm;
                }
        #bdp, #bdpTH {
                border: none;
             }
        .midArea {top:0px;}
        #dPrintArea {
            border: none;
            }
        }
        @media screen{
        #prtBox {
                position:relative;
                height: 100px;
                background-color: #AFAFFF;
                left:160px;
                width:210mm;
                margin: 0px 10px;
                }
        }
        .sControl {height: 30mm;
               position: relative;
               left:0px;}
        .apbox {width: 100%;
                height: 100%;
                border: solid 1px black;}
                
/*-------- use  #dPrintArea
 *      .ap {
            width: 17.4cm;
            height: 27cm;
            border: solid 1px black;
            padding: 10mm 20mm;
            position: absolute;
        }
-----------*/
        .MsoNormal {
            font-family: Calibri, sans-serif;
            font-size: 11pt;
        }
        .pNorText, .pNEnTx, .pNEnTxHead, .pNEnTxPara, .pNEnTxHeadF, .pNEnTxInd, .pNEnTxInd0 {
            font-family: Calibri, sans-serif;
            font-size: 12pt;
            padding: 0px;
            margin: 0px;
            position: relative;
        }
        .pNEnTxHead,.pNEnTxPara {
            margin: 0px 0px 5mm 0px;
        }
        .pNEnTxInd {
            margin: 0mm 0mm 2mm 25mm;
        }
        .pNEnTxInd:last-child {
            margin: 0mm 0mm 5mm 25mm;
        }
        .pNEnTxInd > span {
            bottom: 0mm;
            position: absolute;
            left: 15mm;
            font-weight: bold;
        }
        .pNEnTxInd > span:nth-child(2) {
            left: 45mm;
        }
        .pNEnTxInd > span:nth-child(3) {
            left: 135mm;
            font-size: 7pt;
            top: 0mm;
            }
        .pNEnTxHead > span, .pNEnTxHeadF > span {
            position: absolute;
            left: 12mm;
        }
        .imgBx {
            width:40mm;
            height: 10mm;
            top: 0mm;
            left: 0mm;
            overflow: hidden;
            position:relative;
            vertical-align: top;
            }
        .imgBx > img {
            width:40mm;
        }
        header {position: absolute;
        }
        #hdp {width: 180mm;
         border: 0px hidden;
/*         background-color: #CFCFFF;    */
         position: relative;
         left: 0mm;
         top: 0mm;
         height: 15mm;
        }
        #bdp{width: 170mm;
         border: solid 0px #CFCFCF;
         position: relative;
         left: 5mm;
         top: 5mm;
        }
        #headBar {
            width: 140mm;
            padding: 0mm;
            margin: 0mm;
            top: 0mm;
            left: 42mm;
            position:absolute;
/*            background-color: yellow;    */
        }
        #headBar > p {
            position:relative;
            width: 43mm;
            height: 13mm;
            top:0mm;
            color:red;
            padding: 0mm 0mm 0mm 0mm;
            margin: 0mm 0mm 0mm 2mm;
/*            background-color: yellow;    */
            display: inline-block;
            vertical-align: top;
            border-right: solid 1px #4F4F4F;
            }
        #headBar > p:last-child {
            border-right: none;
        }
        #headBar span {
            width: 43mm;
            display: block;
            color: #4F4F4F;
            font-size: 10px;
            font-family: Arial, sans-serif;
            padding: 0mm;
            margin: 0mm;
/*            background-color: #CFCF8F;  */
            top:0mm;
            }
/*============================================================================part of Letter */

 
        .pIcon {
            background-color: #BFBFBF;
            width: 48px;
            height: 48px;
            border-radius: 48px;
            position: absolute;
            left:10px;
            top:10px;
        }
        .pText {
            
            position: absolute;
            right: 10px;
            top: 10px;
            background-color: #FF8F8F;
            border-radius: 32px;
            padding: 8px 12px;
            margin: 0px;
            font-size: 16px;
            font-family: Calibri, Arial, sans-serif;
            color: #EFEFEF;
        }
        .pIcon:hover {
            background-color: #4F8FFF;
            cursor: pointer;
        }
        .pIcon>img {width: 48px;
                    height: 48px;}

       


/*================================================================ fro readRequest =======*/
    .qBar {
     border: solid 1px #8F8FAF;
     padding: 5px;
     margin: 3px 0px;
     border-radius: 15px;
     color: #4F4F4F;
     position: relative;
     background-color: #EFEFEF;
     box-shadow: 0px 4px 8px 0 gray;
    }
    .qBar > p {
      position: relative;
      padding: 0px 40px 0px 50px;
      height: 48px;
    }
    .qBar > P > img {height: 48px;
/*    vertical-align: top;*/
    position: absolute;
    left: 5px;
    box-shadow: 0px 2px 4px 0 gray;
    }

    .qBar:hover {
      cursor: pointer;
      background-color: #AFAFFF;
      box-shadow: 0px 0px 4px 0 gray;
    }
    .stat {
            position:absolute;
/*          vertical-align: middle;*/
            right: 10px;
            top: 8px;
            width: 24px;
            height: 24px;
            border-radius: 12px;
            color: #EFEFEF;
            font-size: 20px;
            font-weight: bold;
            font-family: sans-serif;
            background-color: #AFAFAF;
            text-align: center;
            padding: 4px;
            display: inline-block;
        }
        .stat[cov*="1"], [stg*="1"] { background-color: #CF8F4F; }
        .stat[cov*="2"], [stg*="2"] { background-color: #AFAF4F; }
        .stat[cov*="3"], [stg*="3"] { background-color: #8FCF4F; }
        .stat[cov*="4"], [stg*="4"] { background-color: #2F9F2F; }
        .stat[cov*="5"], [stg*="5"] { background-color: #1F7F1F; }
        .stat[cov*="6"], [stg*="6"] { background-color: #1F7F7F; }
        .stat[cov*="7"], [stg*="7"] { background-color: #4F4FAF; }
        .stat[cov*="8"], [stg*="8"] { background-color: #8E44AF; }
        .stat[cov*="9"], [stg*="9"] { background-color: #7F1F7F; }
        .stat[cov*="10"], [stg*="10"] { background-color: #8E004F; }
        .stat[cov*="11"], [stg*="11"] { background-color: #5E003F; }
        .stat[cov*="-2"], [stg*="-2"] { background-color: #EF8F8F; }
        .stat[cov*="-4"], [stg*="-4"] { background-color: #CF4F4F; }
        .stat[cov*="-6"], [stg*="-6"] { background-color: #4F4FAF; }
        .stat[cov*="-10"], [stg*="-10"] { background-color: #FF3300; }
         #stImg2 {
            height: 48px;
            position: absolute;
            box-shadow: 0px 2px 4px 0 gray;
        }
/* ----------------------------------------------------- THAI ---------------------*/
/* ----------------------------------------------------- THAI ---------------------*/
       #hdpTH {width: 180mm;
         border: 0px hidden;
/*         background-color: #CFCFFF;     */
         position: relative;
         left: 0mm;
         top: -5mm;
         height: 50mm;
        }
        #bdpTH{width: 170mm;
         border: solid 0px #CFCFCF;
         position: relative;
         left: 0mm;
         top: 0mm;
         overflow: hidden;
        }
        .pNorTextTH, #pNorTextNo, #pNorTextAdr, #pNorTextDate, .pNorTextTo, .pNorTextTHInd, .pNorTextSign{
            font-family: "TH Sarabun New",Calibri, sans-serif;
            font-size: 19px;
            padding: 6pt 0px 0px 0px;
            margin: 0px;
        }
        .pNorTextTH {
            text-indent: 22mm;
        }
        .pNorTextTHInd {
            position: relative;
            left:25mm;
            padding: 0px;
            font-weight: bold;
        }
        .pNorTextTHInd > span {
            position: absolute;
            left:25mm;
        }
        .pNorTextTHInd > span:nth-child(2) {
            position: absolute;
            left:55mm;
        }
        .pNorTextTHInd > span:nth-child(3) {
            position: absolute;
            left:135mm;
            bottom: 0mm;
            font-size: 14px;
        }
        
        #pNorTextNo {
            position: absolute;
            top:23mm;
            left: 0mm;
        }
        #pNorTextAdr {
            position: absolute;
            top:23mm;
            right: 0mm;
        }
        #pNorTextDate{
            position: relative;
            left: 50%;
            top: 0px;
            padding: 6pt 0px 0px 0px;
        }
        .pNorTextTo {
            padding: 0px;
            position: relative;
            left: 0px;
        }
        .pNorTextTo > span {
            position: absolute;
            left:15mm;
        }
        .pNorTextTo > .att {
            position: absolute;
            left:25mm;
        }
        .pNorTextTo:first-child, .pNorTextTHInd:first-child {
            padding: 6pt 0px 0px 0px;
        }
        #cenLogo {
            width: 100%;
            height: 30mm;
            text-align: center;
            vertical-align: top;
            position: absolute;
        }
        #cenLogo > img {
            width: 35mm;
        }
        .pNorTextSign {
            position: relative;
/*            background-color: gray;*/
            width: 70mm;    
            left: 50%;
            padding: 0px;
            text-align: center;
        }
        .pNorTextSign:first-child {
            padding: 6pt 0pt 36pt 0pt;;
        }
        
/*======================================================================= STLYE FOR GRAPH =========        */
        .ghBarBox{
            position: relative;    
            border-top: solid 1px #AFAFAF;
/*            border-bottom: solid 1px gray;*/
            height: 8mm;
            padding: 2px;
            margin: 0px;
        }
        .ghBarBox:first-child {
            border-top: none;
            font-weight: bold;
        }
        .ghBarBox:last-of-type {
            border-bottom: solid 1px gray;
        }
        .ghBar {
            margin:2px 1mm 0px 1mm;
            padding:0mm 1mm;
            background-color:#AFAFEF;
            width:60mm;
            display: inline-block;
            position: absolute;
            height: 8mm;
            left: 90mm;
            top:0mm;
        }
        .ghText, .ghValue, .ghTextc, .waText {
            font-size: 5mm;
            padding:0px;
            margin: 1mm 5mm;
            font-family: Calibri, Arial, sans-serif;
            display: inline-block;
            position: absolute;
            color: #4F4F4F;
        }
        .ghValue {
            font-weight: bold;
            right: 0mm;
        }
        .ghTextc {
            font-size: 3.5mm;
            position: relative;
            padding: 0mm;
            margin: 0mm;
        }
        .waText {
            position: relative;
            width: 84.7mm;
            border-bottom: solid 1px #CFCFCF;
            padding: 3mm 0mm 1mm 1.5mm;
            font-size:4mm;
            margin: 0mm;
        }
        #ghArea {
            position:relative;
            width: 175mm;
/*            height: 90mm;*/
            border: solid 1px #EFEFEF;
            top:0mm;
            left: 0mm;
            padding: 0px;
            margin: 8mm 0mm;
        }
        #ghGrid {
            position: absolute;
            top:0px;
            left:0px;
            height: 100%;
            z-index: 3;
            padding: 0px;
            margin: 0px;
        }
        .ghHead {
            font-family: serif;
            font-size: 6mm;
            position: relative;
            margin: 10mm 0mm 3mm 0mm;
        }
        #ghNameBox {
          position: relative;
          height: 25mm;
          width: 175mm;
          border: solid 1px #AFAFAF;
          padding: 1mm;
          margin: 5mm 0mm;
          top: 5mm;
        }
        .ghStImg { position: absolute;
          height:27mm;
          padding: 0px;
          margin: 0mm;
          right: 0mm;
          top:0mm;
          border: solid 1px #CFCFCF;
        }
        .ghNorText, .ghNorTextTH {
            font-family: Calibri, Arial,sans-serif;
            font-size: 5mm;
            margin: 0px;
            padding: 2px;
            line-height: 7mm;
        }
        .ghNorTextTH {
            font-family: "TH Sarabun New","TH SarabunPSK", Arial, sans-serif;
            font-size: 7mm;
            font-weight: bold;
            padding: 2px;
            display: inline-block;
        }
        .ghNorText >span:last-child {
           position: absolute;
           right: 22mm;
           font-size: 3mm;
           }
        #ghGrid span {
            position: relative;
            display: block;
            width: 14mm;
            border-right: dotted 2px #4F4F4F;
            padding: 3mm 1mm 0px 0px;
            margin: 0px;
            text-align: right;
            left: 0px;
            float: left;
            font-family: Calibri, Arial, sans-serif;
            height: 100%;
            font-size: 5mm;
        }
        #ghGrid span:first-child {
            width: 90mm;
            left:0px;
            border-right: solid 3px #4F4F4F;
        }
        #ghGrid span:last-child {
            border-right: solid 3px #4F4F4F;
        }
        #ghFoot {
          position: relative;
          top:0mm;
          left: 4mm;
          font-family: sans-serif;
          font-size: 3.5mm;
          width: 10cm;
          margin: 5mm 0mm;
        }
       #ghb01 {width: 40.2mm;}
       #ghb02 {width: 47.55mm;}
       #ghb03 {width: 53.4mm;}
       #ghb04 {width: 45mm;}
       #ghb05 {width: 57.45mm;}
       #ghb06 {width: 55.5mm;}
       #ghb07 {width: 55.5mm;}
       #ghb08 {width: 57.45mm;}
/*======================================================================= STLYE FOR STAGE 4-5-6 =========        */

       #btBar {
            display: none;
       }