/* XBee data sent and received */
.xb-data-sent {
  color: #1F7FA5;
}

.xb-data-received {
  color: #CC6033;
}

.xb-data {
    background-color: #F7F7F8 !important;
    padding: 10px;
}

/* Console blocks */
.console-xbee {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ddd;
}

.console-xbee pre {
  border-radius: 0 4px 4px 0 !important;
}

.console-xbee pre > code {
  color: #000000e6;
}

.console-xbee {
  border-left: 4px solid #84C361;
}

.console-xbee pre,
.console-xbee pre > code {
  background-color: #F7F7F8 !important;
}

/*
 * Asciidoc "highlight" for code is done through HTML inclusion
 * of a <span> element with yellow background.
 * Higlighted text in console excerpts need to change text color
 * to black so that there is enough contrast.
 * This target these specific <span> elements inside console code.
 */
div.console-xbee * .pygments.highlight code span[style*="background-color: #ffffcc"] {
  color: rgba(0, 0, 0, 0.8);
}