/* @override http://localhost:8888/pcbs/styles/LocalScreen.css */

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

/* @group Base Styles */

/* Override style defaults */

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

.headerBase {
	background: #172617;
	border-bottom-color: #2e4d2e;
}

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

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

h5 {
	margin-top: 20px;
}

h6 {
	margin-top: 15px;
}

.centred {
	text-align: center;
}

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

.screen-font {
	font-family: 'Courier New', Courier, mono;
	font-size: 80%;
	color:black;
}

/* @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: 20px auto 0}

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

.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: courier, "courier new", monospace;
    font-size: 0.8em;
}

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

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

.cd-comm {
    color: gray;
}

.code-orange {
    color: #da712b
}

.code-blue {
    color: #2084cc
}

.code-aqua {
    color: #2ba9ad
}

.code-olive {
    color: #808b37
}

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

pre {
    overflow: auto;
}

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

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

.code-class {
}

.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
}

.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 PCBs Styles */

/* Lists */

ul {
	margin-top: 10px;
}

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

/* Images */

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));
}

/* Table Layout */

.image-table,
.image-table-60,
.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,
.image-table-60 {
  width: 60%;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

.col-function {
  width: 35%;
  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-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-35 {
  width: 35%;
  text-align: left;
}

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

table.resistance-table td:nth-child(1) {
  text-align: right;
  padding-right:45px;
}

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.delay-table td:nth-child(3) {
  text-align: right;
  padding-right: 40px;
}

.delay-table th,
.dip-table th,
.feature-table th,
.resistance-table th,
.setting-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;
}

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

.delay-table tr:nth-child(even),
.dip-table tr:nth-child(even),
.feature-table tr:nth-child(even),
.resistance-table tr:nth-child(even),
.setting-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;;
}

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

.arduino-pins {
  width: 60%;
}

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

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

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

/* 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: 12%;
}
.row-oled {
  width: 15%;
}
.row-bme {
  width: 15%;
}

.row-arduino {
  width: 15%;
}

.row-plus {
  width: 30%;
}

.row-sandwich {
  width: 20%;
}

.row-eeprom {
  width: 25%;
}

.row-mux {
  width: 12%;
}

.row-sensor {
  width: 35%;
}

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

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

.pins th,
.pi-pins th,
.arduino-pins th,
.board-pins th,
.heltec-a4a-pins th,
.heltec-cube-pins th,
.heltec-plus-pins th,
.heltec-sensor-pins th,
.heltec-plus-sensor-pins th {
  background: lightblue;
}

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

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

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

.heltec-cube-pins td,
.heltec-plus-pins td {
  text-align: center;
  padding: 2px 8px;
}

table.pi-pins td:first-child+td,
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 {
  text-align: center;
}

table.heltec-plus-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),
.heltec-a4a-pins tr:nth-child(even),
.heltec-cube-pins tr:nth-child(even),
.heltec-plus-pins tr:nth-child(even),
.heltec-sensor-pins tr:nth-child(even),
.heltec-plus-sensor-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 PCBs Styles */

/* @group Accordian Styles */

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

.full-width {
	clear: both;
}

/* @end Accordian Styles */