/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* COLUMN: CORRECT (tan for not attempted, red for wrong, green for correct                                     */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {font-family: Roboto;}

.classCorrect {text-align: center; width: 80px; padding: 0px; margin: 0px;}
.classUndefined {background-color: tan;}
.classRight {background-color: green;}
.classWrong {background-color: red;}

.typeWhite {background-color: white;}
.typeAqua {background-color: aqua;}
.typeOrange {background-color: orange;}
.typeSpringGreen {background-color: springgreen;}
.typeYellow {background-color: yellow;}
.typeTomato {background-color: tomato;}

/* NOTE 1: for nth=child, index starts at 1 */
/* NOTE 2: for tables, index starts at 1    */
/* NOTE 3: for eq(), index starts at 0      */

#mainTable th {background-color: LightSteelBlue; font-family: Roboto; font-size: ; padding-top: ; padding-bottom: ; line-height: ;
	vertical-align: bottom;}
/*#mainTable td {padding-top: 0px; padding-bottom: 0px;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* HIDE COLUMNS                                                                                                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* myID        */ #mainTable tr td:nth-child(2), #mainTable th:nth-child(2) {display: none;}
/* prefix      */ #mainTable tr td:nth-child(3), #mainTable th:nth-child(3) {display: none;}
/* suffix      */ #mainTable tr td:nth-child(4), #mainTable th:nth-child(4) {display: none;}
/* section     #mainTable tr td:nth-child(5), #mainTable th:nth-child(5) {display: none;} */
/* subSection  */ #mainTable tr td:nth-child(6), #mainTable th:nth-child(6) {display: none;}
/* numID1      */ #mainTable tr td:nth-child(7), #mainTable th:nth-child(7) {display: none;}
/* numID2      */ #mainTable tr td:nth-child(8), #mainTable th:nth-child(8) {display: none;}
/* correct     #mainTable tr td:nth-child(9), #mainTable th:nth-child(9) {display: none;} */
/* question    #mainTable tr td:nth-child(10), #mainTable th:nth-child(10) {display: none;} */
/* answer      */ #mainTable tr td:nth-child(11), #mainTable th:nth-child(11) {display: none;}
/* hint        */ #mainTable tr td:nth-child(12), #mainTable th:nth-child(12) {display: none;}
/* tag1        */ #mainTable tr td:nth-child(13), #mainTable th:nth-child(13) {display: none;}
/* tag2        */ #mainTable tr td:nth-child(14), #mainTable th:nth-child(14) {display: none;}
/* tag3        */ #mainTable tr td:nth-child(15), #mainTable th:nth-child(15) {display: none;}
/* tag4        */ #mainTable tr td:nth-child(16), #mainTable th:nth-child(16) {display: none;}
/* comment     */ #mainTable tr td:nth-child(17), #mainTable th:nth-child(17) {display: none;}
/* dates       */ #mainTable tr td:nth-child(18), #mainTable th:nth-child(18) {display: none;}
/* record      */ #mainTable tr td:nth-child(19), #mainTable th:nth-child(19) {display: none;}
/* preScore    */ #mainTable tr td:nth-child(20), #mainTable th:nth-child(20) {display: none;}
/* score       #mainTable tr td:nth-child(21), #mainTable th:nth-child(21) {display: none;} */
/* L           #mainTable tr td:nth-child(22), #mainTable th:nth-child(22) {display: none;} */
/* P           */ #mainTable tr td:nth-child(23), #mainTable th:nth-child(23) {display: none;}
/* O           */ #mainTable tr td:nth-child(24), #mainTable th:nth-child(24) {display: none;}
/* R           */ #mainTable tr td:nth-child(25), #mainTable th:nth-child(25) {display: none;}
/* type        */ #mainTable tr td:nth-child(26), #mainTable th:nth-child(26) {display: none;}
/* status      */ #mainTable tr td:nth-child(27), #mainTable th:nth-child(27) {display: none;}
/* currentDate */ #mainTable tr td:nth-child(28), #mainTable th:nth-child(28) {display: none;}
/* examFlag    */ #mainTable tr td:nth-child(29), #mainTable th:nth-child(29) {display: none;}
/* examRep     */ #mainTable tr td:nth-child(30), #mainTable th:nth-child(30) {display: none;}
/* examYear    */ #mainTable tr td:nth-child(31), #mainTable th:nth-child(31) {display: none;}
/* examTerm    */ #mainTable tr td:nth-child(32), #mainTable th:nth-child(32) {display: none;}
/* examQnum    */ #mainTable tr td:nth-child(33), #mainTable th:nth-child(33) {display: none;}
/* examQletter */ #mainTable tr td:nth-child(34), #mainTable th:nth-child(34) {display: none;}
/* examQsub    */ #mainTable tr td:nth-child(35), #mainTable th:nth-child(35) {display: none;}
/* examQpoints */ #mainTable tr td:nth-child(36), #mainTable th:nth-child(36) {display: none;}
/* random      */ #mainTable tr td:nth-child(37), #mainTable th:nth-child(37) {display: none;}
/* WET         */ #mainTable tr td:nth-child(38), #mainTable th:nth-child(38) {display: none;}
/* SWET        */ #mainTable tr td:nth-child(39), #mainTable th:nth-child(39) {display: none;}
/* select01    */ #mainTable tr td:nth-child(40), #mainTable th:nth-child(40) {display: none;}
/* select02    */ #mainTable tr td:nth-child(41), #mainTable th:nth-child(41) {display: none;}
/* select03    */ #mainTable tr td:nth-child(42), #mainTable th:nth-child(42) {display: none;}
/* select04    */ #mainTable tr td:nth-child(43), #mainTable th:nth-child(43) {display: none;}
/* select05    */ #mainTable tr td:nth-child(44), #mainTable th:nth-child(44) {display: none;}
/* select06    */ #mainTable tr td:nth-child(45), #mainTable th:nth-child(45) {display: none;}
/* select07    */ #mainTable tr td:nth-child(46), #mainTable th:nth-child(46) {display: none;}
/* select08    */ #mainTable tr td:nth-child(47), #mainTable th:nth-child(47) {display: none;}
/* select09    */ #mainTable tr td:nth-child(48), #mainTable th:nth-child(48) {display: none;}
/* select10    */ #mainTable tr td:nth-child(49), #mainTable th:nth-child(49) {display: none;}
/* select11    */ #mainTable tr td:nth-child(50), #mainTable th:nth-child(50) {display: none;}
/* select12    */ #mainTable tr td:nth-child(51), #mainTable th:nth-child(51) {display: none;}
/* select13    */ #mainTable tr td:nth-child(52), #mainTable th:nth-child(52) {display: none;}
/* select14    */ #mainTable tr td:nth-child(53), #mainTable th:nth-child(53) {display: none;}
/* select15    */ #mainTable tr td:nth-child(54), #mainTable th:nth-child(54) {display: none;}
/* select16    */ #mainTable tr td:nth-child(55), #mainTable th:nth-child(55) {display: none;}
/* random      */ #mainTable tr td:nth-child(56), #mainTable th:nth-child(56) {display: none;}
/* FutDev01    */ #mainTable tr td:nth-child(57), #mainTable th:nth-child(57) {display: none;}
/* FutDev02    */ #mainTable tr td:nth-child(58), #mainTable th:nth-child(58) {display: none;}
/* FutDev03    */ #mainTable tr td:nth-child(59), #mainTable th:nth-child(59) {display: none;}
/* FutDev04    */ #mainTable tr td:nth-child(60), #mainTable th:nth-child(60) {display: none;}
/* FutDev05    */ #mainTable tr td:nth-child(61), #mainTable th:nth-child(61) {display: none;}
/* FutDev06    */ #mainTable tr td:nth-child(62), #mainTable th:nth-child(62) {display: none;}
/* FutDev07    */ #mainTable tr td:nth-child(63), #mainTable th:nth-child(63) {display: none;}
/* FutDev08    */ #mainTable tr td:nth-child(64), #mainTable th:nth-child(64) {display: none;}
/* FutDev09    */ #mainTable tr td:nth-child(65), #mainTable th:nth-child(65) {display: none;}
/* FutDev10    */ #mainTable tr td:nth-child(66), #mainTable th:nth-child(66) {display: none;}
/* FutDev11    */ #mainTable tr td:nth-child(67), #mainTable th:nth-child(67) {display: none;}
/* FutDev12    */ #mainTable tr td:nth-child(68), #mainTable th:nth-child(68) {display: none;}
/* FutDev13    */ #mainTable tr td:nth-child(69), #mainTable th:nth-child(69) {display: none;}
/* FutDev14    */ #mainTable tr td:nth-child(70), #mainTable th:nth-child(70) {display: none;}
/* FutDev15    */ #mainTable tr td:nth-child(71), #mainTable th:nth-child(71) {display: none;}
/* FutDev16    */ #mainTable tr td:nth-child(72), #mainTable th:nth-child(72) {display: none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* FORMAT COLUMNS                                                                                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* myID         */ #mainTable tr td:nth-child(2), #mainTable th:nth-child(2) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* prefix       */ #mainTable tr td:nth-child(3), #mainTable th:nth-child(3) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* suffix       */ #mainTable tr td:nth-child(4), #mainTable th:nth-child(4) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* section      */ #mainTable tr td:nth-child(5), #mainTable th:nth-child(5) {width:275px; text-align: left; font-size: 14px; padding-left:2px ; padding-right: 2px;}
/* subSection   */ #mainTable tr td:nth-child(6), #mainTable th:nth-child(6) {width:125px; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* numID1       */ #mainTable tr td:nth-child(7), #mainTable th:nth-child(7) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* numID2       */ #mainTable tr td:nth-child(8), #mainTable th:nth-child(8) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* correct      */ #mainTable tr td:nth-child(9), #mainTable th:nth-child(9) {width:77px; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* question     */ #mainTable tr td:nth-child(10), #mainTable th:nth-child(10) {width:; text-align: left; font-size: 16px; padding-left: 15px; padding-right: ;}
/* answer       */ #mainTable tr td:nth-child(11), #mainTable th:nth-child(11) {width:; text-align: left; font-size: 16px; padding-left: ; padding-right: ;}
/* hint         */ #mainTable tr td:nth-child(12), #mainTable th:nth-child(12) {width:; text-align: left; font-size: 16px; padding-left: ; padding-right: ;}
/* tag1         */ #mainTable tr td:nth-child(13), #mainTable th:nth-child(13) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* tag2         */ #mainTable tr td:nth-child(14), #mainTable th:nth-child(14) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* tag3         */ #mainTable tr td:nth-child(15), #mainTable th:nth-child(15) {width:70px; text-align: center; font-size: 14px; padding-left: ; padding-right: ;}
/* tag4         */ #mainTable tr td:nth-child(16), #mainTable th:nth-child(16) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* comment      */ #mainTable tr td:nth-child(17), #mainTable th:nth-child(17) {width:; text-align: left; font-size: 16px; padding-left: ; padding-right: ;}
/* dates        */ #mainTable tr td:nth-child(18), #mainTable th:nth-child(18) {width:75px; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* record       */ #mainTable tr td:nth-child(19), #mainTable th:nth-child(19) {width:75px; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* preScore     */ #mainTable tr td:nth-child(20), #mainTable th:nth-child(20) {width:75px; text-align: right; font-size: 14px; padding-left: ; padding-right: ;}
/* score        */ #mainTable tr td:nth-child(21), #mainTable th:nth-child(21) {width:75px; text-align: right; font-size: 14px; padding-left: ; padding-right: ;}
/* L            */ #mainTable tr td:nth-child(22), #mainTable th:nth-child(22) {width:75px; text-align: center; font-size: 14px; padding-left: ; padding-right: ;}
/* P            */ #mainTable tr td:nth-child(23), #mainTable th:nth-child(23) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* O            */ #mainTable tr td:nth-child(24), #mainTable th:nth-child(24) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* R            */ #mainTable tr td:nth-child(25), #mainTable th:nth-child(25) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* type         */ #mainTable tr td:nth-child(26), #mainTable th:nth-child(26) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* status       */ #mainTable tr td:nth-child(27), #mainTable th:nth-child(27) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* currentDate  */ #mainTable tr td:nth-child(28), #mainTable th:nth-child(28) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examFlag     */ #mainTable tr td:nth-child(29), #mainTable th:nth-child(29) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examRep      */ #mainTable tr td:nth-child(30), #mainTable th:nth-child(30) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examYear     */ #mainTable tr td:nth-child(31), #mainTable th:nth-child(31) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examTerm     */ #mainTable tr td:nth-child(32), #mainTable th:nth-child(32) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examQnum     */ #mainTable tr td:nth-child(33), #mainTable th:nth-child(33) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examQletter  */ #mainTable tr td:nth-child(34), #mainTable th:nth-child(34) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examQsub     */ #mainTable tr td:nth-child(35), #mainTable th:nth-child(35) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* examQpoints  */ #mainTable tr td:nth-child(36), #mainTable th:nth-child(36) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* random       */ #mainTable tr td:nth-child(37), #mainTable th:nth-child(37) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* WET          */ #mainTable tr td:nth-child(38), #mainTable th:nth-child(38) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* SWET         */ #mainTable tr td:nth-child(39), #mainTable th:nth-child(39) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select01     */ #mainTable tr td:nth-child(40), #mainTable th:nth-child(40) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select02     */ #mainTable tr td:nth-child(41), #mainTable th:nth-child(41) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select03     */ #mainTable tr td:nth-child(42), #mainTable th:nth-child(42) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select04     */ #mainTable tr td:nth-child(43), #mainTable th:nth-child(43) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select05     */ #mainTable tr td:nth-child(44), #mainTable th:nth-child(44) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select06     */ #mainTable tr td:nth-child(45), #mainTable th:nth-child(45) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select07     */ #mainTable tr td:nth-child(46), #mainTable th:nth-child(46) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select08     */ #mainTable tr td:nth-child(47), #mainTable th:nth-child(47) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select09     */ #mainTable tr td:nth-child(48), #mainTable th:nth-child(48) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select10     */ #mainTable tr td:nth-child(49), #mainTable th:nth-child(49) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select11     */ #mainTable tr td:nth-child(50), #mainTable th:nth-child(50) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select12     */ #mainTable tr td:nth-child(51), #mainTable th:nth-child(51) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select13     */ #mainTable tr td:nth-child(52), #mainTable th:nth-child(52) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select14     */ #mainTable tr td:nth-child(53), #mainTable th:nth-child(53) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select15     */ #mainTable tr td:nth-child(54), #mainTable th:nth-child(54) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* select16     */ #mainTable tr td:nth-child(55), #mainTable th:nth-child(55) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* random       */ #mainTable tr td:nth-child(56), #mainTable th:nth-child(56) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev01     */ #mainTable tr td:nth-child(57), #mainTable th:nth-child(57) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev02     */ #mainTable tr td:nth-child(58), #mainTable th:nth-child(58) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev03     */ #mainTable tr td:nth-child(59), #mainTable th:nth-child(59) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev04     */ #mainTable tr td:nth-child(60), #mainTable th:nth-child(60) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev05     */ #mainTable tr td:nth-child(61), #mainTable th:nth-child(61) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev06     */ #mainTable tr td:nth-child(62), #mainTable th:nth-child(62) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev07     */ #mainTable tr td:nth-child(63), #mainTable th:nth-child(63) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev08     */ #mainTable tr td:nth-child(64), #mainTable th:nth-child(64) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev09     */ #mainTable tr td:nth-child(65), #mainTable th:nth-child(65) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev10     */ #mainTable tr td:nth-child(66), #mainTable th:nth-child(66) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev11     */ #mainTable tr td:nth-child(67), #mainTable th:nth-child(67) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev12     */ #mainTable tr td:nth-child(68), #mainTable th:nth-child(68) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev13     */ #mainTable tr td:nth-child(69), #mainTable th:nth-child(69) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev14     */ #mainTable tr td:nth-child(70), #mainTable th:nth-child(70) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev15     */ #mainTable tr td:nth-child(71), #mainTable th:nth-child(71) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}
/* FutDev16     */ #mainTable tr td:nth-child(72), #mainTable th:nth-child(72) {width:; text-align: left; font-size: 14px; padding-left: ; padding-right: ;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Tooltip container */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.tooltip {
    color: red;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}