body{
  margin: 0;
}

.top-bar{
  top: 0;
  overflow: hidden;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  display: block;
  background-color: #39F36B;
  border-bottom: 3px solid #076220;
  margin: 0;
  margin-bottom: 3px;
  padding: 3px 10px;
}

.top-bar a{
  float: left;
  font-size: 21px;
  text-align: center;
  text-decoration: none;
  padding: 2px 10px;
}

#logo{
  font-size: 25px;
  padding: 0px 10px;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 21px;
  border: none;
  outline: none;
  padding: 2px 10px;
  background-color: inherit;
  font-family: inherit;
  margin: 0; 
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #21b047;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #68ff90;
  min-width: 105px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  font-size: 18px;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #21b0477e;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.button{
  margin-bottom: 5px;
}

#new_questions{
  background-color: #21b047;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  width: 200px;
  margin: 5px;
  margin-left: 30px;
  padding: 8px;
  cursor: pointer;
}

#show_answers{
  background-color: #21b047;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  width: 200px;
  margin: 5px;
  margin-right: 30px;
  padding: 8px;
  float: right;
  cursor: pointer;
}

.table{
  table-layout: fixed;
  white-space: normal;
  margin: auto;
  width: 75%;
  border-collapse: collapse;
}

.table tr{
  height: 180px;
}

.column{
  border: 2px solid black;
  width: 33%;
  margin: 0;
  padding: 0;
}

.table td{
  border: 2px solid black;
  margin: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top;
}

.header {
  position: relative;
  cursor: pointer;
}

.header ul {
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  font-weight: 700;
  font-size: 18px;
  padding: 0 0;
  margin: 0 1px;
}

.header li {
  position: static;
}

.header li .wrapper {
  position: absolute;
  z-index: 10;
  visibility: hidden; 
}

.header li:hover > .header {
  visibility: visible; 
}

.show {display:block;}

.wrapper {
  position: relative;
  cursor: pointer;
  list-style: none;
  white-space: nowrap;
}

.wrapper ul {
  max-height: 120px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #55f780;
}

.wrapper li {
  position: static;
  padding: 2px 8px;
}

.wrapper li .wrapper {
  position: absolute;
  z-index: 10;
  left: 100%;
  display: inline-block;
  visibility: hidden; 
  transition: 100ms;
  transition-delay: 100ms;
  transform: translate(0, -2px);
}

li:hover > .wrapper {
  visibility: visible;
  transition-delay: 0ms;
}

.wrapper li:hover {
  background-color: #21b047;
}

.wrapper ul {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

#question_1_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_1_picture{
  display: none;
  position: relative;
}

#question_1_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_1_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_1_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_1_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_1_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_1_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_2_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_2_picture{
  display: none;
  position: relative;
}

#question_2_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_2_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_2_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_2_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_2_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_2_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_3_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_3_picture{
  display: none;
  position: relative;
}

#question_3_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_3_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_3_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_3_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_3_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_3_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_4_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_4_picture{
  display: none;
  position: relative;
}

#question_4_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_4_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_4_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_4_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_4_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_4_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_5_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_5_picture{
  display: none;
  position: relative;
}

#question_5_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_5_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_5_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_5_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_51_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_5_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_6_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_6_picture{
  display: none;
  position: relative;
}

#question_6_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_6_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_6_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_6_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_6_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_6_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_7_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_7_picture{
  display: none;
  position: relative;
}

#question_7_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_7_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_7_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_7_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_7_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_7_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_8_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_8_picture{
  display: none;
  position: relative;
}

#question_8_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_8_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_8_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_8_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_8_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_8_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_9_text{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_9_picture{
  display: none;
  position: relative;
}

#question_9_image{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_9_picture_text_A{
  position: absolute;
  z-index: 1;
}

#question_9_picture_text_B{
  position: absolute;
  z-index: 2;
}

#question_9_picture_text_C{
  position: absolute;
  z-index: 3;
}

#question_9_picture_text_D{
  position: absolute;
  z-index: 4;
}

#question_9_answer{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}	

#question_1_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_1_picture_RAGB{
  display: none;
  position: relative;
}

#question_1_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_1_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_1_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_1_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_1_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_1_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_2_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_2_picture_RAGB{
  display: none;
  position: relative;
}

#question_2_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_2_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_2_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_2_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_2_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_2_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_3_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_3_picture_RAGB{
  display: none;
  position: relative;
}

#question_3_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_3_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_3_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_3_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_3_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_3_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_4_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_4_picture_RAGB{
  display: none;
  position: relative;
}

#question_4_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_4_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_4_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_4_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_4_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_4_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_5_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_5_picture_RAGB{
  display: none;
  position: relative;
}

#question_5_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_5_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_5_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_5_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_51_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_5_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_6_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_6_picture_RAGB{
  display: none;
  position: relative;
}

#question_6_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_6_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_6_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_6_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_6_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_6_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_7_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_7_picture_RAGB{
  display: none;
  position: relative;
}

#question_7_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_7_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_7_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_7_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_7_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_7_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_8_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_8_picture_RAGB{
  display: none;
  position: relative;
}

#question_8_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_8_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_8_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_8_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_8_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_8_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_9_text_RAGB{
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}

#question_9_picture_RAGB{
  display: none;
  position: relative;
}

#question_9_image_RAGB{
  position: absolute;
  height: 90px;
  width: auto;
  top: -5px;
  left: 40px;
}

#question_9_picture_text_A_RAGB{
  position: absolute;
  z-index: 1;
}

#question_9_picture_text_B_RAGB{
  position: absolute;
  z-index: 2;
}

#question_9_picture_text_C_RAGB{
  position: absolute;
  z-index: 3;
}

#question_9_picture_text_D_RAGB{
  position: absolute;
  z-index: 4;
}

#question_9_answer_RAGB{
  text-align: right;
  color: red;
  visibility: hidden;
  margin: 5px;
  margin-left: 22px;
  font-size: 18px;
}	

.table_left{
  table-layout: fixed;
  white-space: normal;
  margin: auto;
  margin-bottom: 5px;
  width: 60%;
  border-collapse: collapse;
}

.table_left tr{
  height: 180px;
}

.column_left{
  border: 2px solid black;
  width: 33%;
  margin: 0;
  padding: 0;
}

.table_left td{
  border: 2px solid black;
  margin: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top;
}

.table_right{
  table-layout: fixed;
  white-space: normal;
  margin: auto;
  margin-bottom: 5px;
  width: 60%;
  border-collapse: collapse;
}

.table_right tr{
  height: 180px;
}

.column_right{
  border: 2px solid black;
  width: 33%;
  margin: 0;
  padding: 0;
}

.table_right td{
  border: 2px solid black;
  margin: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top;
}

#RAGB{
  display: none;
}

#red{
  border: 6px solid red;
}

#amber{
  border: 6px solid #FF5733;
}

#green{
  border: 6px solid green;
}

#blue{
  border: 6px solid blue;
}

.averages_table{
  table-layout: fixed;
  white-space: normal;
  margin: 5px auto auto auto;
  width: 75%;
  min-width: 275px;
  border-collapse: collapse;
}

.averages_table tr{
  height: 18px;
  border: 1px solid black;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top
}

.averages_table tr th{
  border: 1px solid black;
  text-align: center;
}

.averages_table tr td{
  border: 1px solid black;
  text-align: center;
}

#RAGB_9{
  display: none;
}