/* @override http://m-1po.local:8888/arduino/styles/LocalScreen.css */

/* LocalScreen.css - Local style specification for Arduino pages */

/* @group Base Styles */

/* Override style defaults */

body {
	background: black url(/global/images/bg-180.jpg) repeat-x 0 115px;
}

.headerBase {
	background: #172626;
	border-bottom-color: #2e4d4d;
}

.bodyText ul {
	margin-top: -10px;
}

.bodyText ul li {
	margin-top: 5px;
}

h4 {
	margin-top: 10px;
}

h5 {
	margin-top: 20px;
}

h6 {
	margin-top: 15px;
}

.centred {
	text-align: center;
}

.compressed {
	line-height: 100%;
}

.under {
	margin-top: 0px;
	margin-bottom: 20px;
}

.screen-font {
	font-family:courier;
	color:black;
}

span.nobr {
	white-space: nowrap;
}

/* @end Base Styles */

/* @group Code Styles */

code {
	font-family: courier, "courier new", monospace;
	color: #333;
	background: #f3f3f3;
	border: 1px solid #ddd;
	border-radius: 3px;
}

pre code {
	border: none;
}

code.inline {
	padding: 0px 5px;
}

.code-table {
	margin: 7px auto 0}

.code-table-container,
.code-table-container-250,
.code-table-container-500 {
	overflow-y: auto;
	border: 5px solid #eee;
}

.code-table-container,
.code-table-container-250 {
	max-height: 250px;
}

.code-table-container-500 {
	max-height: 500px;
}

.code-heading {
	height: 32px;
	padding-top: 5px;
	background-color: lightblue;
}

.code-sketch {
	width:  100%;
	border: 1px solid #cfcfcf;
	padding: 4px;
	color:  black;
	background-color: #f4f4f4;
	font-family: menlo;
	font-size: 0.65em;
}

.code-title {
	padding-left: 10px;
	padding-top: 4px;
	float: left;
}

.code-font {
    font-family: courier, "courier new", monospace;
}

.code-dlf {
    float: right;
    padding-top: 4px;
    padding-right: 10px;
}

.code-black {
    color: black;
}

.cd-comm {
    color: gray;
}

.code-orange {
    color: #da712b
}

.code-blue {
    color: #036c78
}

.code-aqua {
    color: #2ba9ad
}

.code-olive {
    color: #808b37
}

.code-new {
    background-color: #f3f3f3
}

pre {
    overflow: auto;
}

.code-table pre {
    overflow: visible;
    tab-size: 2;
    margin-bottom: -1em;
}

.div-class {
    font-size: 80%;
    background: #f8f8f8;
    padding-left: 25px;
}

.pre-class {
    max-height: 20em;
    overflow: auto
}

.code-class {
    font-family: courier, "courier new", monospace;
    color: black;
}

.tab1 {
    padding-left: 0.6em
}

.tab2 {
    padding-left: 1.2em
}

.tab3 {
    padding-left: 1.8em
}

.tab4 {
    padding-left: 2.4em
}

.tab5 {
    padding-left: 3.0em
}

.tab6 {
    padding-left: 3.6em
}

.tab7 {
    padding-left: 4.2em
}

.tab8 {
    padding-left: 4.8em
}

.tab9 {
    padding-left: 5.4em
}

.tab10 {
    padding-left: 6.0em
}

.tab11 {
    padding-left: 6.6em
}

.tab12 {
    padding-left: 7.2em
}

.tab13 {
    padding-left: 7.8em
}

.tab14 {
    padding-left: 8.4em
}

.tab15 {
    padding-left: 9.0em
}

.tab16 {
    padding-left: 9.6em
}

.tab17 {
    padding-left: 10.2em
}

.tab18 {
    padding-left: 10.8em
}

.tab19 {
    padding-left: 11.4em
}

.tab20 {
    padding-left: 12.0em
}

.tab21 {
    padding-left: 12.6em
}

.tab22 {
    padding-left: 13.2em
}

.tab20x {
    padding-left: 12.9em
}

.tab23x {
    padding-left: 14.7em
}

.tab40x {
    padding-left: 24.3em
}

.sect-line-num {
    color: #a3a3a3;
    background-color: #f7f7f7;
    padding-right: 6px;
    text-align: right;
    width: 28px
}

.sect-code {
    background-color: #fff;
    text-align: left;
    padding: 5px
}

/* @end Code Styles */

/* @group List Styles */

ul, ol {
	margin-top: 10px;
}

li:not(:last-child) {
    margin-bottom: 5px;
}

/* @end List Styles */

/* @group Image Styles */

.scaled-centred img {
	width: 500px;
	margin-left:  auto;
	margin-right:  auto;
	display: block;
}

img.breadboard {
	margin-top: 20px; margin-left: 0px;
}

img.illustration {
	margin-top: 20px;
}

.imageDropShadow img {
	margin-bottom: 25px;
	-webkit-filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.5));
}

.mcu-table {
	width: 300px;
}

.mcu-table tr {

}

table.mcu-table tr:nth-child(1) {

}

.mcu-table tr:nth-child(1) td {
	padding-left: 10px;
	padding-right: 10px;
}

.img.mcu-table-element {

}

/* @end Image Styles */

/* @group Table Layout Styles*/

.two-column,
.two-column-80 {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 100%;
  white-space: nowrap;
}

.two-column-80 {
  width: 80%;
}

.col-10-center {
  width: 10%;
  text-align: center;
}

.col-15-center {
  width: 15%;
  text-align: center;
}

.col-20-center {
  width: 20%;
  text-align: center;
}

.col-50-left {
  width: 50%;
  text-align: left;
}

.col-60-left {
  width: 60%;
  text-align: left;
}

.col-75-left {
  width: 75%;
  text-align: left;
}

.two-column th,
.two-column-80 th {
  background: lightblue;
  text-align: center;
  padding: 5px 8px;
}

.two-column tr:nth-child(even),
.two-column-80 tr:nth-child(even) {
  background: #eee;
}

.two-column td,
.two-column-80 td {
  padding: 2px 8px;
}

.two-column-80 td:nth-child(1) {
  text-align: left;
}

.two-column-80 td:nth-child(2) {
  text-align: center;
}

.image-table,
.image-table-60,
.image-table-70,
.image-table-80,
.image-table-100 {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  white-space: nowrap;
}

.image-table-60 {
  width: 60%;
}

.image-table-70 {
  width: 70%;
}

.image-table,
.image-table-80 {
  width: 80%;
}

.image-table-100 {
  width: 100%;
  padding: 10px 0px 10px 0px;
}

.image-table-compressed {
  table-layout: fixed;
  width: 75%;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 0px 10px 0px;
  white-space: nowrap;
}

.image-table-compressed th{
  padding: 10px 0px 0px 40px;
}

table .imageShadow img {
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
	-moz-box-shadow: rgba(0, 0, 0, 0.796875) 0px 5px 15px;
}

.boost-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 80%;
  white-space: nowrap;
}

.delay-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 40%;
  white-space: nowrap;
}

.dip-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 100%;
  white-space: nowrap;
}

.feature-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 95%;
  white-space: nowrap;
}

.setting-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 50%;
  white-space: nowrap;
}

.sj-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 70%;
  white-space: nowrap;
}

table.sj-table td:nth-child(1) {
	text-align: center;
}

.state-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 50%;
  white-space: nowrap;
}

.value-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 10px 10px 10px;
  width: 100%;
  white-space: nowrap;
}

.value-table td {
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
}

.value-table th {
  background: lightblue;
}

.value-table th {
  text-align: center;
  padding: 5px 8px;
}

.value-table td {
  text-align: left;
  padding: 2px 15px;
}

table.value-table td:nth-child(2),
table.value-table td:nth-child(3),
table.value-table td:nth-child(4),
table.value-table td:nth-child(5),
table.value-table td:nth-child(6) {
  text-align: center;
  padding: 2px 8px;
}

.value-table tr:nth-child(even) {
  background: #eee;
}

.adc-table {
  table-layout: fixed;
  font-size: 75%;
  margin: 0 auto;
  padding: 10px 20px 10px 20px;
  width: 85%;
  white-space: nowrap;
}

.col-board {
  width: 20%;
  text-align: center;
}

.col-delay {
  width: 10%;
  text-align: center;
}

.col-dip {
  width: 25%;
  text-align: left;
}

.col-feature {
  width: 35%;
  text-align: left;
}

.col-function {
  width: 50%;
  text-align: left;
}

.col-image-30 {
  width: 30%;
  text-align: center;
}

.col-image,
.col-image-40 {
  width: 40%;
  text-align: center;
}

.col-image-50 {
  width: 50%;
  text-align: center;
}

.col-label {
  width: 20%;
  text-align: center;
}

.col-name {
  width: 20%;
  text-align: left;
  padding-left: 40px;
}

.col-pin,
.col-state {
  width: 40%;
  text-align: center;
}

.col-resistance {
  width: 20%;
  text-align: right;
}

.col-sj {
  width: 25%;
  text-align: center;
}

.col-turns {
  width: 20%;
  text-align: center;
}

.col-value {
  width: 20%;
  text-align: center;
}

.col-processor {
  width: 50%;
  text-align: left;
}

.col-resolution {
  width: 20%;
  text-align: center;
}

.col-volts {
  width: 20%;
  text-align: center;
}

.single-col {
  width: 20%;
  text-align: center;
}

.double-col {
  width: 40%;
  text-align: center;
}

.row-80 {
  font-size: 80%;
}

table.state-table td,
table.boost-table td {
  text-align: center;
}

table.delay-table td:nth-child(1),
table.setting-table td:nth-child(1) {
  text-align: center;
}

table.feature-table td:nth-child(2),
table.feature-table td:nth-child(3),
table.feature-table td:nth-child(4) {
  text-align: center;
}

table.dip-table td:nth-child(2) {
  text-align: center;
}

table.delay-table td:nth-child(2),
table.setting-table td:nth-child(2) {
  text-align: right;
  padding-right: 45px;
}

table.adc-table td:nth-child(2),
table.adc-table td:nth-child(3) {
  text-align: center;
}

.adc-table th,
.boost-table th,
.delay-table th,
.dip-table th,
.feature-table th,
.setting-table th,
.sj-table th,
.state-table th {
  background: lightblue;
  text-align: center;
  padding: 5px 8px;
}

.image-table td,
.image-table-80 td,
.image-table-100 td {
  margin: -20px 0px 0px 0px;
}

.adc-table td,
.boost-table td,
.delay-table td,
.dip-table td,
.feature-table td,
.setting-table td,
.sj-table td,
.state-table td {
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  padding: 2px 8px;
}

.adc-table tr:nth-child(even),
.boost-table tr:nth-child(even),
.delay-table tr:nth-child(even),
.dip-table tr:nth-child(even),
.feature-table tr:nth-child(even),
.setting-table tr:nth-child(even),
.sj-table tr:nth-child(even),
.state-table tr:nth-child(even) {
  background: #eee;
}

.highlight-table tr:nth-child(odd) {
  background: #eee;
}

.highlight-table td {
  padding-left: 10px;;
}

.generic-table-5,
.generic-table-10,
.generic-table-15,
.generic-table-20,
.generic-table-25,
.generic-table-30,
.generic-table-35,
.generic-table-40,
.generic-table-45,
.generic-table-50,
.generic-table-55,
.generic-table-60,
.generic-table-65,
.generic-table-70,
.generic-table-75,
.generic-table-80,
.generic-table-85,
.generic-table-90,
.generic-table-95,
.generic-table-100 {
  table-layout: fixed;
  font-size: 75%;
  padding: 10px 20px 10px 20px;
  white-space: nowrap;
}

.generic-table-1,
.col-1 {
  width: 1%;
}

.generic-table-5,
.col-5 {
  width: 5%;
}

.generic-table-10,
.col-10 {
  width: 10%;
}

.generic-table-15,
.col-15 {
  width: 15%;
}

.generic-table-20,
.col-20 {
  width: 20%;
}

.generic-table-25,
.col-25 {
  width: 25%;
}

.generic-table-30,
.col-30 {
  width: 30%;
}

.generic-table-35,
.col-35 {
  width: 35%;
}

.generic-table-40,
.col-40 {
  width: 40%;
}

.generic-table-45,
.col-45 {
  width: 45%;
}

.generic-table-50,
.col-50 {
  width: 50%;
}

.generic-table-55,
.col-55 {
  width: 55%;
}

.generic-table-60,
.col-60 {
  width: 60%;
}

.generic-table-65,
.col-65 {
  width: 65%;
}

.generic-table-70,
.col-70 {
  width: 70%;
}

.generic-table-75,
.col-75 {
  width: 75%;
}

.generic-table-80,
.col-80 {
  width: 80%;
}

.generic-table-85,
.col-85 {
  width: 85%;
}

.generic-table-90,
.col-90 {
  width: 90%;
}

.generic-table-95,
.col-95 {
  width: 95%;
}

.generic-table-100,
.col-100 {
  width: 100%;
}

.generic-table-5 th,
.generic-table-10 th,
.generic-table-15 th,
.generic-table-20 th,
.generic-table-25 th,
.generic-table-30 th,
.generic-table-35 th,
.generic-table-40 th,
.generic-table-45 th,
.generic-table-50 th,
.generic-table-55 th,
.generic-table-60 th,
.generic-table-65 th,
.generic-table-70 th,
.generic-table-75 th,
.generic-table-80 th,
.generic-table-85 th,
.generic-table-90 th,
.generic-table-95 th,
.generic-table-100 th {
  background: lightblue;
  padding: 5px 8px;
  text-align: center;
}

.generic-table-5 tr:nth-child(even),
.generic-table-10 tr:nth-child(even),
.generic-table-15 tr:nth-child(even),
.generic-table-20 tr:nth-child(even),
.generic-table-25 tr:nth-child(even),
.generic-table-30 tr:nth-child(even),
.generic-table-35 tr:nth-child(even),
.generic-table-40 tr:nth-child(even),
.generic-table-45 tr:nth-child(even),
.generic-table-50 tr:nth-child(even),
.generic-table-55 tr:nth-child(even),
.generic-table-60 tr:nth-child(even),
.generic-table-65 tr:nth-child(even),
.generic-table-70 tr:nth-child(even),
.generic-table-75 tr:nth-child(even),
.generic-table-80 tr:nth-child(even),
.generic-table-85 tr:nth-child(even),
.generic-table-90 tr:nth-child(even),
.generic-table-95 tr:nth-child(even),
.generic-table-100 tr:nth-child(even) {
  background: #eee;
}

.generic-table-5 td,
.generic-table-10 td,
.generic-table-15 td,
.generic-table-20 td,
.generic-table-25 td,
.generic-table-30 td,
.generic-table-35 td,
.generic-table-40 td,
.generic-table-45 td,
.generic-table-50 td,
.generic-table-55 td,
.generic-table-60 td,
.generic-table-65 td,
.generic-table-70 td,
.generic-table-75 td,
.generic-table-80 td,
.generic-table-85 td,
.generic-table-90 td,
.generic-table-95 td,
.generic-table-100 td {
  overflow: visible;
  padding: 2px 8px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pins,
.pi-pins,
.arduino-pins,
.board-pins,
.cell-pins,
.heltec-a4a-pins,
.heltec-cube-pins,
.heltec-cubev2-pins,
.heltec-plus-pins,
.heltec-wifi-pins,
.heltec-wsl-pins,
.heltec-sensor-pins,
.heltec-plus-sensor-pins,
.heltec-wifi-sensor-pins,
.heltec-ssr-pins,
.nodemcu-pins {
  table-layout: fixed;
  font-size: 75%;
  padding: 10px 20px 10px 20px;
  width: 80%;
  white-space: nowrap;
}

.arduino-pins {
  width: 60%;
}

.cell-pins {
  width: 60%;
}

.board-pins,
.heltec-a4a-pins,
.heltec-cube-pins,
.heltec-plus-pins,
.heltec-wifi-pins {
  width: 100%;
}

.heltec-ssr-pins {
  width: 100%;
  white-space: wrap;
}

.heltec-wsl-pins {
	width: 80%;
}

.heltec-cubev2-pins {
	width: 65%;
}

.heltec-sensor-pins {
  width: 55%;
}

.heltec-plus-sensor-pins {
  width: 60%;
}

.heltec-wifi-sensor-pins {
  width: 100%;
}

.nodemcu-pins {
  width:  80%;
}

/* Column widths are based on these cells */

.row-lora {
  width: 15%;
}

.row-pi {
  width: 15%;
}

.row-lora-pi {
  width: 20%;
}

.row-notes {
  width: 50%;
}

.row-esp {
  width: 15%;
}

.row-oled {
  width: 15%;
}

.row-bme {
  width: 15%;
}

.row-arduino {
  width: 15%;
}

.row-cell {
  width: 25%;
}

.row-cell-v2 {
  width: 30%;
}

.row-plus {
  width: 30%;
}

.row-plus-sensor {
  width: 50%;
}

.row-wifi {
  width: 30%;
}

.row-wifi-sensor {
  width: 40%;
}

.row-wsl {
  width: 40%;
}

.row-wsl-jst {
  width: 30%;
}

.row-wsl-note {
  width: 30%;
}

.row-sandwich {
  width: 20%;
}

.row-eeprom {
  width: 25%;
}

.row-mux {
  width: 12%;
}

.row-sensor {
  width: 35%;
}

.pins td,
.pi-pins td,
.arduino-pins td,
.board-pins td,
.cell-pins td,
.heltec-a4a-pins td,
.heltec-cube-pins td,
.heltec-cubev2-pins td,
.heltec-plus-pins td,
.heltec-wifi-pins td,
.heltec-wsl-pins td,
.heltec-sensor-pins td,
.heltec-plus-sensor-pins td,
.heltec-wifi-sensor-pins td,
.heltec-ssr-pins td,
.nodemcu-pins td {
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
}

.pins th,
.pi-pins th,
.arduino-pins th,
.board-pins th,
.cell-pins th,
.heltec-a4a-pins th,
.heltec-cube-pins th,
.heltec-cubev2-pins th,
.heltec-plus-pins th,
.heltec-wifi-pins th,
.heltec-wsl-pins th,
.heltec-sensor-pins th,
.heltec-plus-sensor-pins th,
.heltec-wifi-sensor-pins th,
.heltec-ssr-pins th,
.nodemcu-pins th {
  background: lightblue;
}

.pins th,
.pi-pins th,
.cell-pins th,
.arduino-pins th {
  text-align: left;
  padding: 5px 10px;
}

.board-pins th,
.heltec-a4a-pins th,
.heltec-cube-pins th,
.heltec-cubev2-pins th,
.heltec-plus-pins th,
.heltec-wifi-pins th,
.heltec-wsl-pins th,
.heltec-sensor-pins th,
.heltec-plus-sensor-pins th,
.heltec-wifi-sensor-pins th,
.heltec-ssr-pins th,
.nodemcu-pins th {
  text-align: center;
  padding: 5px 8px;
}

.heltec-ssr-pins th {
  text-overflow: wrap;
}

.pins td,
.pi-pins td,
.arduino-pins td,
.board-pins td,
.cell-pins td,
.heltec-a4a-pins td,
.heltec-sensor-pins td,
.heltec-plus-sensor-pins td,
.heltec-wifi-sensor-pins td {
  text-align: left;
  padding: 2px 8px;
}

.heltec-cube-pins td,
.heltec-cubev2-pins td,
.heltec-plus-pins td,
.heltec-wifi-pins td,
.heltec-wsl-pins td,
.heltec-ssr-pins td,
.nodemcu-pins td {
  text-align: center;
  padding: 2px 8px;
}

table.pi-pins td:first-child,
table.arduino-pins td:first-child,
table.board-pins td:first-child,
table.heltec-a4a-pins td:first-child,
table.heltec-sensor-pins td:first-child,
table.heltec-plus-sensor-pins td:first-child,
table.heltec-wifi-sensor-pins td:first-child {
  text-align: center;
}

table.heltec-plus-sensor-pins td:nth-child(2),
table.heltec-wifi-sensor-pins td:nth-child(2) {
  text-align: center;
}

table.board-pins td:nth-child(2),
table.board-pins td:nth-child(4),
table.heltec-a4a-pins td:nth-child(2) {
  text-align: right;
}

table.board-pins td:nth-child(3),
table.board-pins td:nth-child(5),
table.board-pins td:nth-child(6),
table.board-pins td:nth-child(7),
table.heltec-a4a-pins td:nth-child(3),
table.heltec-a4a-pins td:nth-child(4),
table.heltec-a4a-pins td:nth-child(5) {
  text-align: center;
}

.pins tr:nth-child(even),
.pi-pins tr:nth-child(even),
.arduino-pins tr:nth-child(even),
.board-pins tr:nth-child(even),
.cell-pins tr:nth-child(even),
.heltec-a4a-pins tr:nth-child(even),
.heltec-cube-pins tr:nth-child(even),
.heltec-cubev2-pins tr:nth-child(even),
.heltec-plus-pins tr:nth-child(even),
.heltec-wifi-pins tr:nth-child(even),
.heltec-wsl-pins tr:nth-child(even),
.heltec-ssr-pins tr:nth-child(even),
.heltec-sensor-pins tr:nth-child(even),
.heltec-plus-sensor-pins tr:nth-child(even),
.heltec-wifi-sensor-pins tr:nth-child(even),
.nodemcu-pins tr:nth-child(even) {
  background: #eee;
}

.names {
  table-layout: fixed;
  font-size: 75%;
  margin: 10px 0px 20px 50px;
  padding: 10px 20px 10px 20px;
  width: 80%;
  white-space: nowrap;
}

.row-eagle {
  width: 50%;
}

.row-pcbs {
  width: 50%;
}

.names td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.names th {
  background: lightblue;
}

.names th {
  text-align: left;
  padding: 5px 10px;
}

.names td {
  text-align: left;
  padding: 2px 10px;
}

.names tr:nth-child(even) {
  background: #eee;
}

.partslist {
	color: #2c5f8c;
	font-size: 90%;
}

/* @end Table Layout Styles*/

/* @group Accordian Styles */

.name-toggle:hover {
	cursor: pointer;
}

.full-width {
	clear: both;
}

/* @end Accordian Styles */