/* EVAL ===== ===== ===== ===== ===== ----- soadcoopeval.css v9.0u :: updated 2025-12-01 20:26 ----*/
/* 
 {
  filter: grayscale(30%);
  -webkit-filter: grayscale(30%);
}
*/ 
 @font-face {
   font-family: THSarabun;
   src: url("aicons/THSarabunNew.WOFF");
 }
 @font-face {
  font-family: THSarabunB;
  src: url("aicons/THSarabunNew Bold.WOFF");
}

 .qTitle {
            font-family: Calibri, Arial, sans-serif;
            font-size: 18px;
            color: #008000;
            padding: 1px 0px;
         }
         .qSecHead {
            font-family: Calibri, Arial, sans-serif;
            font-size: 8mm;
            padding: 1px 0px;
            margin: 0mm 0mm 5mm 0mm;
         }
         .qSubSecHead {
            font-family: Calibri, Arial, sans-serif;
            font-size: 6mm;
            padding: 0px 0px;
            margin: 0mm 0mm 5mm 0mm;
         }
         .qBox {
            margin: 5px 0px;
            position: relative;
            display: flex;
            flex-wrap: wrap;
            vertical-align: middle;
            border: solid 1px #CFCFCF;
        }
        .qText,.qTextB, .qTextHead, .qTextHeadT, .qTextT {
            font-size: 16px;
            display: inline-block;
            width: 680px;
            /*width: 700px;*/
            padding: 0mm 0mm 0mm 5mm;
            margin: 2px 5px;
            vertical-align: top;
            }
         .qText {
            font-family: Cambria,"Times New Roman", serif;
            font-size: 18px;
            }
        .qTextHead {
             font-family: Calibri, Arial, sans-serif;
             font-size: 6mm;
             border-bottom: solid 2px #CFCFCF;
             padding: 0mm;
             
          }
         .qTextB {
             font-family: Cambria,"Times New Roman", serif;
             font-size: 4mm;
          }
         .qTextHeadT {
             font-family: THSarabun, Arial, sans-serif;
             font-size: 6mm;
             border-bottom: solid 2px #CFCFCF;
             padding: 0mm;
             display: inline;
          }
         .qTextT {
          font-family: THSarabunB, Arial, sans-serif;
          font-size: 6mm;
         } 
        .qTextBox {
           /* width: 600px;*/
            display: inline-block;
          /*  border: solid 1px #8F8FCF; */
            margin: 5px;
            
        }
        .qBarFrame, .qBarFrameM {

            display: inline-block;   
            position: relative;
            padding: 0px;
            margin: 0px;
    /*        border: solid 1px #AFAFAF; */
            
            }
        .qBarBox {
            padding: 2px 20px 2px 5px;;
            margin: 5px;
            position: relative;
            display:inline-block;
            vertical-align: middle;
     /*       border: solid 1px #8F8FCF;*/

        }
        .evQBar,.evQBar2, .evQBar3{
            width: 140px;
            height: 24px;
            top:0px;
            border: solid 1px #8FFF8F;
            display: inline-flex;
            margin: 0px;
            padding: 0px;
            position: relative;
            vertical-align: top;
        }
        .evQBar3 {
            width:80px;
        }
        .evQBar2 {
            width:100px;
        }
        .evQDot {
            width: 24px;
            height: 24px;
            border: solid 1px #008F00;
            border-radius: 30px;
            position:absolute;
            top: 0px;
            right: -16px;
            display: inline-flex;
            vertical-align:top;
            z-index: 2;
            background-color: #DFDFDF;
            margin: 0px;
            padding: 0px;
            align-items: baseline; 
            justify-content: center;
            font-family: Calibri, Arial, sans-serif;
            font-size: 20px;
        }
        .evQDot:hover{
            color: #F0F000;
            cursor: pointer;
            background-color: #008F00;
            border-color: #008F00;
        } 
         .qBarFrameM span {
             background-color: #004F00;
             border-color: #004F00;
             color: #EFEFEF;
         }
         .qScoreBox {
            width: 10mm;
            height: 10mm;
            border: solid 1mm #AFAFAF;
            border-radius: 2mm;
            color: #004F00;
            text-align: center;
            padding: 2px;
            margin: 5px;
            display: inline-flex;
            vertical-align: top;
            background-color: #EFEFEF;
         }
         .qTxtScore {
            font-family: Calibri, Arial, sans-serif;
            font-weight: bold;
            font-size: 8mm;
            margin: auto;
            background-color: transparent;
         }
 /*------------------------------------- EVALUATION Writen Question--*/
 .evDummyFrame {
     position:relative;
     border-style:none;
     margin: 0px 0px 0px 5mm;
     padding:0px;
}
 .evWqBox, .evWqBoxEd, .evWqBoxFix
   {
     width:660px;
     height:220px;
     border-style:solid;
     border-width:1px;
     border-color:#008000;
     background-color: #AFEFAF;
     font-family:Arial,Sans-serif;
     font-weight:normal;
     font-size:4mm;
   }
.evWqBoxEd
  {  border-style:solid;
     border-width:3px;
     border-color:#8888DD;
     background-color: #EEEEAA;
  }
.evWqBoxFix
  {
     height:300px;
     width:650px;
     color:#000066;       
     border-style:solid; 
     border-radius:10px;
     border-width:2px;
     padding:5px;
     margin:2px;
  }
.evStat
    { position:absolute;
      color:#FFFF4F;
      background-color:#2FAF2F;
      border-style:solid;
      border-width:3px;
      border-color:#2FAF2F;
      text-align:center;
      font-family:Monospace;
      font-weight:bold;
      font-size:10px;
      padding:2px;
      top: 0px;
      right:0px;
      z-index:3;
    }      
 #EvMsgBox {
    color: blue;
    font-size: 10px;
    display:none;

}
#evScore{
    position:absolute;
    top:0px;
    left:0px;
    display: none;
}
  .qScoreStr {
    font-family: Calibri, Arial, sans-serif;
    font-size: 14px;
    color: #008000;
    position: absolute;
    top:32px;
    right:5px;
    
  }
/*############################################################################ THIS PART DECLARE IN MAIN COMPANY LOGIN
 *################################################################################## SubmitCompanyLogin.php
 */
    #EVpageFrame {width: 190mm;
        min-height: 80mm;
        padding:4mm;
        margin:0mm;
        color: #2F2F2F;
        background-color: #FFFFFF;
    }
    #evHdp{
        width:185mm;
        background-color: #FFFFFF;
        padding:2mm;
        border: 0px hidden;
        position: relative;
        left: 0mm;
        top: 0mm;
        }
    #evNameBox{
          position: relative;
          height: 25mm;
          width: 190mm;
          color: #000000;  
          border: solid 1px #AFAFAF;
          padding: 2mm 0mm;
          margin: 0mm;
        }
    .evNameList {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 28mm;
        grid-template-rows: 10mm 10mm 12mm 12mm;
        color: #000000;
        border: solid 1px #AFAFAF;
        padding: 1mm;
        margin: 0mm;
        align-items: center;
    }
   .evNameList:hover {
     
  /*        cursor: pointer; */
          border: solid 2px #00AF00;
        }
     .evNorText {
            font-family: Calibri, Arial,sans-serif;
            font-size: 5mm;
            margin: 0px;
            padding: 2px;
            line-height: 1mm;
            display: inline-block;
        }
    .evNorTextTH {
            font-family: THSarabunB, Arial, sans-serif;
            font-size: 7mm;
            /*font-weight: bold;*/
            margin: 0px;
            padding: 2px;
            line-height: 1mm;
            display: inline-block;
        }
     .evNorText >span:last-child {
           position: absolute;
           right: 27mm;
           font-size: 3mm;
          }
/*
   .evStImg { position: absolute;
          height:33mm;
          padding: 0px;
          margin: 0mm;
          right: 0mm;
          top:0mm;
          border: solid 1px #CFCFCF;
        }      
*/
    .evStImg {
          height:32mm;
          padding:0mm;
          margin: 1mm 2mm;
          border: solid 1px #CFCFCF;
          grid-row: 1/5;
          grid-column: 2/3;
          justify-self: end;
          align-self: start;
        }      

        
   .evText, .evHead {
        font-family: Calibri, Arial, sans-serif;
        font-size: 4mm;
        color: #1F1F1F;
        padding: 3mm 0mm;
        margin: 0mm;
    }
    .evGenText {
        font-family: Calibri, Arial, sans-serif;
        font-size: 4mm;
        color: #1F1F1F;
        margin: 2mm 0mm;
        line-height: 7mm;

    }
    .evHead {
        font-size: 8mm;
        padding: 6mm 0mm 2mm 0mm;
    }