body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.bg-cp3 {
    background-color: #361675 !important;
}
.bg-waves {
    background-color: #0007ff !important;
}
.bg-phoenix {
    background-color: orange !important;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/
.tableFixHead {
    overflow: auto;
    height: 100%;
    width:max-content;
}

    .tableFixHead thead  {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .tableFixHead thead th {
        z-index: 1;
    }

/* Just common table stuff. Really. */
table {
    border-collapse: collapse;
}

th, td {
    padding: 8px 16px;
}

th {
    background: #eee;
}
.renderjson a {
    text-decoration: none;
}

.renderjson .disclosure {
    color: crimson;
    font-size: 150%;
}

.renderjson .syntax {
    color: grey;
}

.renderjson .string {
    color: darkred;
}

.renderjson .number {
    color: darkcyan;
}

.renderjson .boolean {
    color: blueviolet;
}

.renderjson .key {
    color: darkblue;
}

.renderjson .keyword {
    color: blue;
}

.renderjson .object.syntax {
    color: lightseagreen;
}

.renderjson .array.syntax {
    color: orange;
}