* { outline: 0; }

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

code { color: 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: #999999; }

.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: 12pt;
  margin-bottom: 2px; }

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

.subsubtitle, h3 {
  font: 16pt/18pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: white;
  background: #8653a6;
  margin-top: -4px;
  margin-left: -4px;
  margin-right: -4px;
  padding-left: 8px; }
  
.dialogBox {
  font: 20pt/20pt 'Slabo 27px', Arial, Helvetica, sans-serif;
	color: #000000;
  margin: 1em;
  padding: 1em;
  max-width: 700px;
  background: white;
  border: 3px solid red; }


  

.system { margin-left:  0px; }
.module { margin-left: 20px; }
.form   { margin-left: 40px; }
.page   { margin-left: 60px; border: 1px solid #6a0ca5; }

.fieldBox {
  display: inline-block;
  font: normal 12pt/14pt 'Source Sans Pro', Arial, Helvetica, sans-serif;
	color: #555555;
  float: left;
  clear: both;
  margin: 2px;
  margin-left: 10px;
  padding: 2px; 
  vertical-align: top; }
  
.fieldControls { height: 22px; min-width: 116px; white-space: nowrap; border: 1px solid silver; vertical-align: middle; background: white; margin-left: 6px; display: inline-block; float: left; }
.fieldNumber { height: 20px; width: 50px; border: 1px solid silver; background: white; margin-right: 6px; text-align: right; display: inline-block; float: left; padding: 1px; padding-left: 5px; }
.fieldText { min-height: 20px; width: 500px; border: 1px solid silver; background: white; margin-right: 6px; display: inline-block; float: left; padding: 1px; padding-left: 5px; }
.fieldDatatype { height: 20px; width: 200px; border: 1px solid silver; background: white; display: inline-block; float: left; padding: 1px; padding-left: 5px; }
.fieldIcon { display: inline-block; width: 18px; height: 18px; cursor: pointer; margin-bottom: -2px; margin-left: 3px; margin-right: 3px; }
.fieldIcon:hover { background: yellow; }
.fieldProperties { display: inline-block; height: 18px; }
.fieldProperty { background: #ecc3ff; display: inline-block; width: 18px; height: 18px; cursor: pointer; margin-bottom: -5px; margin-left: 3px; margin-right: 2px; border-right: 2px solid white; }
.fieldOwner { background: red; position: relative; display: inline-block; color: white; font-weight: 700; font-face: arial; font-size: 9pt; top: -2px; margin-left: 6px; padding-top: 1px; padding-left: 9px; padding-right: 9px; }


.propertyBox {
  display: inline-block;
  float: left; 
  margin: 2px;
  margin-left: 20px;
  padding: 2px; 
  vertical-align: top;
  background: rgba(255,255,255,.25);
  border: 1px dotted orange;
  border-left: 18px solid orange; }

.propertyDestination {
  display: inline-block;
  border: 1px solid gray;
  margin: .2em;
  padding: .2em;
  background: #ffffff;
  color: #1641bd;
  text-align: left;
  font-style: normal;
  font-size: 18pt;
  line-height: 18pt;
  font-family: 'Slabo 27px', sans-serif;
  vertical-align: middle;
  max-height: 120px;
  overflow-y: auto; }

.propertyItem {
  display: inline-block;
  padding: 1px; 
  margin: .1em;
  background: whitesmoke;
  color: #666666;
  text-align: left;
  font-style: normal;
  font-size: 12pt;
  line-height: 14pt;
  font-family: 'Slabo 27px', sans-serif;
  vertical-align: middle; }
  
.propertyNotes {
  display: inline-block;
  float: right;
  padding: .2em; 
  margin-left: .2em;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  background: whitesmoke;
  color: #666666;
  text-align: left;
  font-style: normal;
  font-size: 11pt;
  line-height: 13pt;
  font-family: 'Slabo 27px', sans-serif;
  vertical-align: top;
  max-width: 300px; }
  

.statusPage {
  float: right;
  color: white;
  font: bold 13pt/16pt 'Slabo 27px', Arial, Helvetica, sans-serif;
  margin-right: 30px;
  vertical-align: middle; }
  
.inputBoxIndent {
  display: inline-block;
  float: left;
  margin: 2px;
  margin-left: 20px;
  padding: 2px; 
  vertical-align: top;
  background: rgba(255,255,255,.25);
  border: 1px dotted red;
  border-left: 18px solid red; }
  
.inputLabel {
  border: 1px solid gray;
  margin-right: .5em;
  padding: .2em;
  background: gray;
  color: white;
  text-align: right;
  font-style: bold;
  font-size: 14pt;
  font-weight: 500;
  line-height: 14pt;
  font-family: 'Slabo 27px', sans-serif;
  display: inline-block;
  vertical-align: middle;
  width: 150px; }

.groupBox {
  display: block;
  clear: both;
  border: 1px solid #333333;
  margin: 3px;
  background: rgba(255,255,255,.25);
  padding: 10px; }

.pageBox {
  display: block;
  clear: both;
  background: whitesmoke;
  margin: 3px;
  padding: 4px;
  margin-bottom: 8px; }



#noborder , .noborder {
	font : normal 0px/0px Arial, Helvetica, sans-serif;
  border: 0px solid transparent; 
  background: transparent; }

input, textarea {
  border: 1px solid gray;
  margin: .2em;
  padding: .2em;
  background: #ffffff;
  color: #1641bd;
  text-align: left;
  font-style: normal;
  font-size: 18pt;
  line-height: 20pt;
  font-family: 'Slabo 27px', sans-serif;
  display: inline-block;
  vertical-align: middle; }

button {
  display: inline-block;
  border: 3px solid #6a0ca5;
  margin: 2px;
  margin-left: 4px;
  padding: .2em;
  background: #edd7fb;
  color: #6a0ca5;
  text-align: center;
  font-size: 16pt;
  line-height: 19pt;
  font-family: 'Slabo 27px', sans-serif;
  cursor: pointer; }

button:hover {
  border: 3px solid black;
  background: yellow; 
  color: black; }

.buttonIcon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; cursor: pointer; margin-left: 6px; margin-right: 6px; }
.buttonIcon:hover { background: yellow; }


.fieldButton {
  display: inline-block;
  border: 1px solid #6a0ca5;
  margin: 2px;
  margin-left: 4px;
  padding: 2px;
  padding-right: 6px;
  background: #edd7fb;
  color: #6a0ca5;
  text-align: center;
  vertical-align: middle; 
  font-family: 'Slabo 27px', sans-serif;
  font-size: 13pt;
  line-height: 14pt;
  cursor: pointer; }

.fieldButton:hover { 
  display: inline-block;
  border: 1px solid black; 
  background: yellow; 
  color: black; 
  cursor: pointer; }




.popUpButton {
	font : 400 30pt/30pt Anton, Arial, Helvetica, sans-serif;
	color: red;
  background: whitesmoke;
  border: 3px solid gray; 
  padding: 7px; 
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  cursor: pointer;
  text-decoration: none; }

.popUpButton:hover {
	color: black;
  background: yellow;
  cursor: pointer; }