@font-face {
  font-family: "Cera Pro";
  src: url("../../fonts/cerapro-bold.ttf");
  font-weight: 700;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../../fonts/cerapro-regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../../fonts/cerapro-light.ttf");
  font-weight: 300;
}
@font-face {
  font-family: "Cera Pro";
  src: url("../../fonts/cerapro-medium.ttf");
  font-weight: 500;
}
html,
body {
  font-family: "Cera Pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #95989A;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.logo img {
  pointer-events: none;
}

#main_header .navigation {
  justify-content: flex-start;
}
#main_header .navigation #modelname {
  font-size: 1em;
  line-height: 14px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 900px) {
  #main_header .navigation #modelname {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 780px) {
  #main_header .navigation #modelname {
    font-size: 0.6em;
    line-height: 11px;
  }
}
@media screen and (max-width: 450px) {
  #main_header .navigation #modelname {
    font-size: 0.5em;
    line-height: 9px;
  }
}
#main_header .navigation #main_nav {
  margin-left: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cera Pro", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
}

.manual-table-container #modelname {
  box-sizing: border-box;
  color: #444F6A;
  font-weight: 500;
  background: none;
  padding: 0px;
}
@media screen and (max-width: 580px) {
  .manual-table-container #modelname {
    font-size: 39px !important;
  }
}
@media screen and (max-width: 580px) {
  .manual-table-container h2, .manual-table-container h3, .manual-table-container h4, .manual-table-container h5, .manual-table-container h6, .manual-table-container p, .manual-table-container ul {
    font-size: 20px !important;
  }
}
.manual-table-container table {
  width: 100%;
  border-collapse: collapse;
}
.manual-table-container table tr:not(:first-child) {
  border-left: 1px solid #d8d8d8;
}
.manual-table-container table tr td {
  border-bottom: 1px solid #d8d8d8;
  color: #2c3e50;
}
.manual-table-container table tr td:not(.stepcol) {
  border-right: 1px solid #d8d8d8;
}
.manual-table-container table tr td.headerrow {
  background: #004a80;
  border: 1px solid #004a80;
  color: #FFF;
  font-weight: bold;
  padding: 10px;
}
.manual-table-container table tr td.step {
  padding: 5px 0px;
}
.manual-table-container table tr td.step:not(.level_1) {
  padding-left: 5px;
}
.manual-table-container table tr td.stepcol:not(.level_1) {
  border-right: 1px solid #d8d8d8;
}
.manual-table-container #bi_all .row {
  border: none;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #F5F8FC;
}
.manual-table-container #bi_all .row:first-child {
  border-top: 1px solid #d8d8d8;
}
.manual-table-container #bi_all .row .image {
  border: none;
}
.manual-table-container #bi_all .row .text .txtbox {
  border: 1px solid #d8d8d8;
}

span.prefix {
  color: rosybrown;
}

span.verb {
  color: #e74c3c;
}

span.det {
  color: #2980b9;
}

span.color {
  color: #f39c12;
}

span.colorinfo {
  color: #f39c12;
  display: initial;
}

span.theme {
  color: #27ae60;
}

span.bracket {
  color: #34495e;
}

span.orient {
  color: #2D8DD6;
}

span.prep {
  color: #e67e22;
}

span.target {
  color: #c0392b;
}

span.manner {
  color: tan;
}

span.suffix {
  color: rosybrown;
}

.playsound {
  color: teal;
}

.speech {
  background: #F5F8FC;
}

.comment {
  color: gray;
}

.image {
  background: #F5F8FC;
}

.descr {
  background: azure;
}

.empty {
  background: #e9f0f8;
}

.metacomm {
  color: coral;
}

td.edited {
  border-color: blue;
  background: mintcream;
}

td.editing {
  border-color: midnightblue;
  background: lightcyan;
}

td.playing {
  border-color: fuchsia;
  background: LavenderBlush;
}

td.selected {
  border: 3px solid springgreen;
}

td.selstep {
  border: 2px solid springgreen;
}

.level_1 {
  background-color: #e1eaf6;
  color: #2c3e50;
  font-weight: bold;
}

.level_2 {
  background-color: #d6e2f3;
  color: #2c3e50;
}

.level_3 {
  background-color: #cadaef;
  color: #2c3e50;
}

.level_4 {
  background-color: #bed2ec;
  color: #2c3e50;
}

.level_5 {
  background-color: #b2c9e8;
  color: darkslategray;
}

.level_6 {
  background-color: #a7c1e4;
  font-style: italic;
  color: darkslategray;
}

.level_7 {
  background-color: #9bb9e1;
  font-style: italic;
  color: darkslategray;
}

.brick {
  background: #F5F8FC;
  color: #2c3e50;
}

.button {
  -webkit-appearance: none;
  cursor: pointer;
  font-size: 22px;
  padding: 10px 24px;
  text-decoration: none;
  line-height: 1.3;
  display: inline-block;
  font-weight: 500;
  outline: none;
  user-select: none;
  transition: all 0.2s ease;
  will-change: transform, background, color;
  background: #004a80;
  color: #FFF;
  margin-top: 20px;
}
.button:hover {
  opacity: 0.8;
}

/*# sourceMappingURL=table.css.map */