.page-content {
    display: none;
}
.page-content.active {
    display: block;
}

.form-label {
    font-weight: 500;
}
.card-header {
    background-color: var(--tblr-card-bg);
    border-bottom: 1px solid var(--tblr-border-color);
}
.card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* TABLES */



/*
.table-responsive {
  overflow-x: auto;
  width: 100%;
}


.cell-content-wrapper {
    max-width: 1000px;
    overflow-x: auto;
    white-space: nowrap;
}

table {
  table-layout: fixed;
  width: 100%;
}

td, th {
  padding: 4px 8px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
*/


/*
table {
  table-layout: auto;
  width: 100%;
}

td {
    white-space: nowrap;
    max-width: none;
}    
*/
/*
.table-responsive {
    margin-top: 1rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.data-table thead th {
    white-space: nowrap;
    overflow-x: auto;
}
*/

td {
    overflow-x: auto;
}


/* jsonTree container */
.json-tree-container {
    overflow-x: auto;
    font-family: monospace;
    font-size: 0.4em;
    overflow: auto;
    white-space: nowrap;
    background-color: var(--tblr-bg-surface);
}

.json-tree-container, .cell-content-wrapper {
    max-width: 1000px;
    overflow-x: auto;
    white-space: nowrap;
}

.jsontree_child-nodes {
    margin-left: 10px;
    margin-bottom: 3px;
    line-height: 1.2;
}

.jsontree_tree {
    margin-left: 5px;
}

.bind-id-link {
    cursor: pointer;
    color: var(--tblr-link-color);
    text-decoration: underline;
}
.bind-id-link:hover {
    color: var(--tblr-link-hover-color);
}

.vendor-row:hover, .bind-row:hover {
    background-color: rgba(25, 135, 84, 0.1) !important;
}
.vendor-id-link, .bind-id-link {
    color: #0d6efd;
    text-decoration: underline;
    cursor: pointer;
}
.vendor-id-link:hover, .bind-id-link:hover {
    color: #0a58ca;
}


pre {
    background-color: var(--tblr-bg-surface-light);
}


.renderjson a           { text-decoration: none; color: #007bff; }
.renderjson .disclosure { color: #007bff; font-weight: bold; }
.renderjson .syntax     { color: #444; }
.renderjson .string     { color: #c41a16; }
.renderjson .number     { color: #1c00cf; }
.renderjson .boolean    { color: #aa0d91; }
.renderjson .key        { color: #881391; }
.renderjson .keyword    { color: #aa0d91; }
.renderjson .object, 
.renderjson .array      { font-family: monospace; }