* { outline: 0; }

body {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
  border: 0px;
  padding: 20px;
  margin: 0px;
  font: 13pt/16pt 'Source Sans Pro', Arial, Helvetica, sans-serif;
  color: black;
  background-color: #bbbbff; }

code { 
  font: normal 13pt/16pt 'courier new', courier, monospace;
  color: blue; }

input, textarea { 
  font: normal 13pt/16pt 'courier new', courier, monospace;
  color: blue; 
  padding: 3px; }

::placeholder {
  color: #cfcfcf; }

label {
  cursor: pointer;
  border-bottom: 1px dotted blue; }

.normal {
  font: 13pt/16pt 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: black; }

.note {
  font: italic 13pt/16pt 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #777777; }

.smaller {
  font: italic 11pt/12pt 'Helvetica Narrow', 'Arial Narrow', sans-serif;
 }

.title, h1 {
  font: 28pt/22pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: #6a0ca5;
  margin-top: 20pt;
  margin-bottom: 2px; }

.subtitle, h2 {
  font: 20pt/18pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: #6a0ca5;
  margin-top: 15pt;
  margin-bottom: 2px; }

.subsubtitle, h3 {
  font: 20pt/18pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: #6a0ca5;
  margin-top: 15pt;
  margin-bottom: 2px; }



#pageMaster {
	box-sizing: border-box;
  position: absolute; 
  display: block;
  z-index: 1;
  width: 98%;
  height: 100%;
  font: 13pt/16pt 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: black; }

  #menuBox {
  	box-sizing: border-box;
    display: block;
    position: absolute;
    left: 0%;
    top: 34px;
    width: 15%;
    height: 100%; 
    float: left;
    padding: 5px;
    overflow-y: auto; }
  
    .menuButton {
    	box-sizing: border-box;
      position: relative;
      display: inline-block;
      margin-top: 5px;
      margin-left: *;
      margin-right: *;
      width: 90%;
      border: 2px solid #dddddd;
      border-radius: 9px;
      padding-top: 3px;
      padding-bottom: 3px;
      text-align: center;
      font: bold 20pt/20pt 'Slabo 27px', Arial, Helvetica, sans-serif;
    	color: #555555;
      background: white;
      cursor: pointer; }
  
    .menuButtonActive, .menuButton:hover {
    	box-sizing: border-box;
      position: relative;
      display: inline-block;
      margin-top: 5px;
      margin-left: *;
      margin-right: *;
      width: 90%;
      border: 2px solid black;
      border-radius: 9px;
      padding-top: 3px;
      padding-bottom: 3px;
      text-align: center;
      font: bold 20pt/20pt 'Slabo 27px', Arial, Helvetica, sans-serif;
    	color: #000000;
      background: yellow;
      cursor: pointer; }
  
  #displayBox {
  	box-sizing: border-box;
    display: block;
    position: absolute;
    left: 15%;
    top: 34px;
    width: 85%;
    height: 100%; 
    float: left;
    padding: 15px;
    background: white;
    overflow-y: auto;
    border: 1px solid #333333; }



.control {
  border-radius: 6px;
  padding: 8px 20px;
  font: bold 16pt/16pt 'Slabo 27px', Arial, Helvetica, sans-serif;
  color: white;
  background: #9010e0; 
  border: 2px solid #6a0ca5;
  margin: 5px;
  cursor: pointer;
  white-space: nowrap; }
  
  .control:hover {
    background: #ed16ea; 
    border: 1px solid black; }
    
.controlSmall {
  border-radius: 3px;
  padding: 3px 8px;
  padding-bottom: 1px;
  font: bold 11pt/11pt 'Slabo 27px', Arial, Helvetica, sans-serif;
  color: white;
  background: #9010e0; 
  border: 1px solid #6a0ca5;
  margin: 2px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
  white-space: nowrap; }
    
  .controlSmall:hover {
    background: #ed16ea; 
    border: 1px solid black; }
  
.item {
  border-radius: 6px;
  padding: 6px 15px;
  font: bold 15pt/15pt 'Slabo 27px', Arial, Helvetica, sans-serif;
  color: gray;
  background: white; 
  border: 1px solid gray;
  margin: 2px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
  white-space: nowrap; }
    
.itemSmall {
  border-radius: 3px;
  padding: 3px 8px;
  padding-bottom: 1px;
  font: bold 11pt/11pt 'Slabo 27px', Arial, Helvetica, sans-serif;
  color: gray;
  background: white; 
  border: 1px solid gray;
  margin: 2px;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
  white-space: nowrap; }
    
  .itemSelect, .item:hover, .itemSmall:hover {
    color: white;
    background: #333333; 
    border: 1px solid black; }



form, .formSet {
  margin: 8px;
  padding: 10px;
  border: 2px solid gray;
  width: 80%;
  background: gainsboro;
  display: block;
  clear: both; }  

.inputBox {
  display: flex;
  align-items: baseline;
  clear: both;
  padding: 5px;
  margin: 5px; }

.inputQuestion {
  display: block;
  float: left;
  width: 350px;
  min-width: 350px;
  max-width: 350px;
  min-height: 24px;
  vertical-align: middle;
  text-align: right;
  color: black;
  padding-right: 10px; } 

.inputAnswer {
  display: block;
  float: left;
  min-height: 24px;
  vertical-align: middle;
  background: white;
  color: blue;
  margin-right: 10px;
  padding: 5px;
  padding-left: 7px; 
  padding-right: 7px;
  border: 1px solid #444444;
  border-radius: 9px; }

.inputAnswerNoshade {
  display: block;
  float: left;
  min-height: 24px;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 9px; }

.req {
  color: red;
  font-weight: 800; }

.flexbreak {
  flex-basis: 105%;
  height: 0px; }


#dialogBox {
  position: fixed; 
  display: block;
  z-index: 101;
  margin-left: 20%;
  margin-right: 20%;
  top: 20%;
  padding: 20px;
  width: 60%;
  max-width: 60%;
  background: white;
  border: 4px solid red;
  font: 22pt/20pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: #000000; }
  
  #dialogBoxBackground {
    position: fixed; 
    display: block;
    z-index: 100;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(30,30,30,0.7); }



.tableInfo {
  margin-left: 1%;
  border: 1px solid #333333;
  padding: 5px;
  background: silver;
  border-spacing: 3px;  }
  
  .tableInfo td {
    padding: 2px;
    margin: 4px;
    padding-left: 5px;
    padding-right: 5px;
    overflow-y: auto;}
  
  .tableInfoHead {
    font-weight: bolder;
    border: 1px solid gray;
    background: gray;
    color: white; }
  
  .tableInfoBody {
    border: 1px solid #333333;
    background: white;
    color: black }