/**
 * Based on Brian Park's MIT-licensed Angular-Json-Human directive, this works on trees.
 * Angular directive to convert JSON into human readable table. Inspired by https://github.com/marianoguerra/json.human.js.
 * @version v1.2.1 - 2014-12-22
 * @link https://github.com/yaru22/angular-json-human
 * @author Brian Park <yaru22@gmail.com>
 * @license MIT License, http://www.opensource.org/licenses/MIT
 */
/**
 * DISCLAIMER: This CSS is copied from https://github.com/marianoguerra/json.human.js
 */

.ajtd-root,
.ajtd-type-object,
.ajtd-type-array,
.ajtd-key,
.ajtd-value,
.ajtd-root tr {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
     -moz-box-sizing: border-box; /* Firefox, other Gecko */
          box-sizing: border-box; /* Opera/IE 8+ */
}


/*.ajtd-root {
  overflow-x: auto;
  overflow-y: auto;
  overflow: auto;
}
*/

.ajtd-scrollable {
  /*height: 300px;*/
  /*overflow-x: scroll;*/
  /*overflow-y: scroll;*/
}


.ajtd-value {
  padding-right: 1em;
}

.ajtd-cell {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding-right: 1em;
}

.ajtd-type-bool,
.ajtd-type-number {
  font-weight: bold;
  text-align: center;
  color: #5286BC;
  style: margin-left;
}

.ajtd-type-string {
  font-style: italic;
  color: #839B00;
  style: margin-left;
}

.ajtd-array-key {
  font-style: italic;
  font-size: small;
  min-width: 100px;
  /*text-align: center;*/
}

.ajtd-object-key,
.ajtd-array-key {
  color: #839B00;
  /*color: #444;*/
  vertical-align: top;
  /*float: left;*/
}

.ajtd-root > tbody > tr:nth-child(odd),
.ajtd-table > tbody > tr:nth-child(odd),
.ajtd-type-object > li:nth-child(odd),
.ajtd-type-array > li:nth-child(odd) {
  background-color: #f5f5f5;
}

.ajtd-value
{
  font-size: small;
}

.ajtd-root > tbody > tr:nth-child(even),
.ajtd-table > tbody > tr:nth-child(even),
.ajtd-type-object > li:nth-child(even),
.ajtd-type-array > li:nth-child(even) {
  background-color: #fff;
}

.ajtd-type-object,
.ajtd-type-array {
  /*width: 100%;*/
  font-size: small;
  border-collapse: collapse;
}

.ajtd-root {
  border: 1px solid #ccc;
  margin-left: 0.2em;
  margin-right: 0.2em;
  width: 100%;
}

.ajtd-key {
	display: inline-block;
  color: #839B00;
  font-style: italic;
  font-size: small;
  text-align: left;
  min-width: 75px;
  margin: 0;
  padding: 0.2em;
}

.ajtd-value {
  margin: 0;
  padding: 0.2em;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.ajtd-column-header {
	/*float: left;*/
  color: #fff;
  height: 15px;
/*  background-color: #0012c8;*/
  background-color: #0099CC;
  text-align: left;
  padding-right: 1em;
}

.ajtd-type-object > li,
.ajtd-type-array > li {
  border: 1px solid #ddd;
  border-bottom: none;
}

.ajtd-type-object > li:last-child,
.ajtd-type-array > li:last-child {
  border-bottom: 2px solid #ddd;
}

/*.ajtd-type-object > li:hover,
.ajtd-type-array > li:hover {
  border: 1px solid #F99927;
}*/

.ajtd-empty {
  font-style: italic;
  color: #999;
  font-size: small;
}

.ajtd-hideContent {
	overflow: hidden;
	line-height: 1em;
	height: 2em;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	max-width: 40em;
}

.ajtd-showContent {
	height: auto;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	max-width: 40em;
}