.jsonTable{
	background: #edf5ff;
    border: 1px #ccc solid;
    width: 100%;
}

.jsonTable thead{
	background: #57a2ff;
    color: white;
}

.jsonTable tr td{
	border: 1px #ccc solid;
	min-height: 42px;
}

.jsonTable tbody td span.colname{
  display: none;
}

@media screen and (max-width: 600px) {
       .jsonTable table {
           width:100%;
       }
       .jsonTable thead {
           display: none;
       }
       .jsonTable tr:nth-of-type(2n) {
           background-color: inherit;
       }
       .jsonTable tr td:first-child {
           background: #f0f0f0;
           font-weight:bold;
           font-size:inherit;
       }
       .jsonTable tbody td span.colname{
          display: inline-block;
          font-weight: 600;
        }

       .jsonTable tbody td {
           display: block;
           text-align:center;
           word-break: break-word;
       }
       .jsonTable tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
       }
}