@font-face {
  font-family: "Roboto Condensed";
  src: url(../fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

body {
  font-weight: normal;
  overflow-x: hidden;
  font-family: Roboto Condensed;
}

img {
  vertical-align: center;
}

.logoClass {
  position: relative;
  top: 3pt;
  left: 3pt;
}

.headerClass {
  display: flex;
  width: 100%;
  height: 80pt;
  background-color: #d5828d;
  color: #ffffff;
}

.titleSpan {
  display: inline-flex;
  align-items: center;
  width: 150pt;
  margin: 6pt;
  font-size: 14pt;
  font-weight: bold;
  color: #2f5496;
}

div.menuClass {
  overflow: auto;
  flex-grow: 100;
  font-size: 18pt;
}

div.menuPopupClass {
  position: absolute;
  width: 100%;
  top: 50pt;
  visibility: hidden;
  background-color: #2f5496;
  color: #ffffff;
  z-index: 100;
}

div.contentClass {
  position: relative;
  width: 100%;
  height: 500pt;
  font-size: 16pt;
  background-color: rgba(255, 255, 255, 255);
  color: #b76e79;
}

div.elementClass {
  position: absolute;
  top: 0pt;
  left: 0pt;
  width: 98%;
  height: 100%;
  margin-left: 1%;
  margin-right: 1%;
}

div.footerClass {
  position: relative;
  width: 100%;
  height: 20pt;
  padding-left: 10pt;
  font-size: 14pt;
  line-height: 20pt;
  background-color: #d5828d;
  color: #2f5496;
}

table.menuClass {
  height: 100%;
}

td.menuClass {
  height: 100%;
  text-align: center;
  padding: 6pt;
}

td.mobileMenuClass {
  height: 50pt;
  text-align: left;
  width: 100%;
  padding: 6pt;
}

div.burgerClass {
  position: absolute;
  top: 24pt;
  right: 12pt;
  width: 32pt;
  height: 32pt;
  background-image: url(../images/burger.png);
  background-repeat: no-repeat;
;
}

div.burgerClass:hover {
  background-image: url(../images/burgerhover.png);
}

a.menuClass {
  text-decoration: none;
  font-size: 14pt;
  color: #ffffff;
}

a.menuClass:hover {
  background-color: #ffffff;
  color: #b76e79;
}

a.mobileMenuClass {
  text-decoration: none;
  font-size: 20pt;
  color: #ffffff;
}

a.mobileMenuClass:hover {
  background-color: #ffffff;
  color: #b76e79;
}

h1 {
  text-align: center;
  margin-top: 3pt;
  color: #2f5496;
}

h2 {
  text-align: center;
  margin-top: 3pt;
  color: #2f5496;
}

h3 {
  margin-top: 3pt;
  color: #2f5496;
}

h4 {
  margin-top: 3pt;
  color: #2f5496;
}

table.contentClass {
  width: 100%;
  margin: 6pt;
  border: 0;
  padding: 0;
}

td.contentClass {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

li {
  margin-bottom: 10pt;
}

canvas.indicatorClass {
  position: absolute;
  left: 50%;
  top: 3pt;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

button.moreClass {
  position: absolute;
  left: 25%;
  bottom: 15%;
  min-width: 120pt;
  min-height: 40pt;
  border-radius: 5pt;
  border-width: 0pt;
  font-size: 18pt;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #d5828d;
  color: #ffffff;
  border: 1pt solid #ffffff;
}

button.moreClass:hover {
  background-color: #ffffff;
  color: #b76e79;
  border: 1pt solid #b76e79;
}

table.formClass {
  border-collapse: collapse;
}

td.formLabel {
  text-align: right;
  font-weight: bold;
  border-bottom: 1pt solid #d5828d
}

td.formValue {
  text-align : left;
  padding-left : 24pt;
  border-bottom : 1pt solid #d5828d
}

div.modalDialog {
  position: absolute;
  left: 0pt;
  top: 0pt;
  padding: 6pt;
  font-size: 14pt;
  visibility: hidden;
  border-radius: 15pt;
  background-color: rgba(255, 255, 255, 255);
  border: 5pt solid #b76e79;
}

button.closeClass {
  position: absolute;
  min-width: 120pt;
  min-height: 40pt;
  border-radius: 5pt;
  border-width: 0pt;
  font-size: 18pt;
  bottom: 3%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #d5828d;
  color: #ffffff;
}

button.closeClass:hover {
  background-color: #ffffff;
  color: #b76e79;
  border: 1pt solid #b76e79;
}

/*********** End of generated CSS code ***********/

table {
  border-collapse: collapse;
}

th {
  background-color: #b76e70;
  color: white;
  border: white 1px solid;
  padding: 6px;
}

td.pricing {
  border: #b76e70 1px solid;
  padding: 6px;
}

span.keyword {
  color: #800080;
  font-weight: bold;
}

span.const {
  color: #000080;
}

span.constKeyword {
    color: #000080;
  font-weight: bold;
}

span.textChunk {
   color: #00c000;
}

td.item {
  padding-left: 24px;
  padding-right: 6px;
}