table.dataTable td{padding:15px 8px}.fontawesome-icons .the-icon svg{font-size:24px}

.fill,body,html {
    height: 100%
}

#json_vl,.td_head,.td_row_even,.td_row_odd {
    font-size: small
}

#json_pnl,#xxa,.navbar-header,.navbar-nav,.navbar-nav>li,.td_head {
    float: left
}

.fill {
    min-height: 100%
}

#json_vl {
    font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace
}

#widget {
    width: 100%
}

#all_panels {
    height: 100%;
    min-height: 100%
}

#inner_text {
    display: block;
    position: absolute;
    height: auto;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 51px;
    margin-bottom: 0
}

#json_pnl {
    /* background-color: #ccc; */
    width: 33.3%
}

#xxa {
    /* background-color: #E8E8E8; */
    width: 66.7%
}

#table_pnl,#tree_pnl {
    /* background-color: #E8E8E8; */
    float: left;
    width: 50%
}

#inner_tbl {
    padding-left: 2px
}

.td_row_even {
    padding: 2px;
    /* background-color: #f6f4f058 */
}

.td_row_odd {
    padding: 2px;
    /* background-color: #FFF */
}

.td_head {
    padding: 2px;
    font-weight: 700
}

input,p,select,td,textarea,th {
    font-size: 1em
}

table,td,th {
    border: 1px solid gray
}

textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 4px;
    border: 1px solid #333;
    overflow-y: auto;
    overflow-x: hidden
}

*,html {
    font-family: Verdana,Arial,Helvetica,sans-serif
}

form,h1,h2,h3,h4,h5,li,p,ul {
    margin: 0;
    padding: 0
}

img {
    border: none
}

p {
    margin: 0 0 1em
}

table {
    font-size: 100%
}

ol.tree {
    padding: 0 0 0 30px;
    width: 300px
}

li {
    position: relative;
    margin-left: -15px;
    list-style: none
}

li.file {
    margin-left: -1px!important
}

li.file a {
    background: url(leaf.png)0 5px no-repeat;
    color: #000;
    padding-left: 12px;
    text-decoration: none;
    display: block;
    font-size: small
}

li.file a[href$='.css'],li.file a[href$='.js'],li.file a[href*='.pdf'],li.file a[href*='.html'] {
    background: url(http://www.thecssninja.com/demo/css_tree/document.png)no-repeat
}

li input {
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0
}

li input+ol {
    background: url(http://www.thecssninja.com/demo/css_tree/toggle-small-expand.png)40px -3px no-repeat;
    margin: -20px 0 0 -44px;
    height: 1em;
    padding: 1.563em 0 0 80px
}

li label.lbl_array,li label.lbl_obj {
    display: block;
    padding-left: 33px;
    margin-bottom: 2px
}

li input+ol>li {
    display: none;
    margin-left: -14px!important;
    padding-left: 1px
}

li label.lbl_obj {
    background: url(folder.png)15px 1px no-repeat;
    cursor: pointer
}

li label.lbl_array {
    background: url(array.png)15px 1px no-repeat;
    cursor: pointer
}

li input:checked+ol {
    background: url(http://www.thecssninja.com/demo/css_tree/toggle-small.png)40px -3px no-repeat;
    margin: -20px 0 0 -44px;
    padding: 1.563em 0 0 80px;
    height: auto
}

li input:checked+ol>li {
    display: block;
    margin: 0 0 .125em
}

li input:checked+ol>li:last-child {
    margin: 0 0 .063em
}

.col-xs-4 {
    padding-top: 15px;
    padding-bottom: 15px;
    /* background-color: #eee; */
    /* background-color: rgba(86,61,124,.15); */
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2)
}

.textarea-like-container {
    border: 1px solid #ccc; /* Match textarea border */
    border-radius: 4px; /* Match textarea border radius */
    padding: 8px; /* Match textarea padding */
    width: 100%; /* Match textarea width */
    min-height: 50px; /* Match textarea height */
    font-family: monospace; /* Match textarea font */
    font-size: 14px; /* Match textarea font size */
    /* white-space: pre-wrap; Preserve whitespace and line breaks */
    word-wrap: break-word; /* Prevent long words from overflowing */
    /* background-color: #fff; Match textarea background */
    resize: both; /* Allow resizing like textarea */
    overflow: auto; /* Show scrollbars if content overflows */
}