/*------TABLE CSS STUFF---------*/
thead {
    font-size: 1.1em;
    font-weight: bold;
}

tbody {
    font-size: 0.9em;
}

tbody a:link {
    color: #007bd9;
    text-decoration: underline;
}

.text-wrap{
    white-space:normal;
}
.width-200{
    width:200px;
}

td.collapsible {
    cursor: pointer;
}

td.expanded {
    cursor: default;
    background-color: #f9f9f9;
}

/* Google Sheets–like conditional colors */
.gs-yes {
    color: #11734b; !important;          /* dark green text */
    background-color: #d4edbc; !important; /* light green fill */
}

.gs-no {
    color: #7e0a0a;           /* dark red text */
    background-color: #ffd3d1; /* light red fill */
}

.gs-maybe {
    color: #5F6368;           /* dark gray text */
    background-color: #F1F3F4; /* light gray fill */
}

.gs-warning {
    color: #473821;           /* dark amber */
    background-color: #ffe5a0; /* light yellow */
}

.gs-purple  {
    background:#F3E8FD;
    color: #612e91;
}

.gs-light-blue {
    color: #0a53a8;
    background-color: #bfe1f6;
}

.gs-felony {
    color: #215a6c;
    background: #c6dbe1;
}

.gs-untruthfulness {
    color: #c6dbe1;
    background: #215a6c;
}

/*--------------------------------------*/

.attribute {
    font-style: italic;
    font-weight: bold;
    font-size: 1.5em;
    background: #007bd9;
    color: white;
    padding: 0.3em;
    text-align: center;
}

.hed {

}



/*------tabs-------*/
/* Style the tab */
.tab {
    overflow: hidden;


}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
    border: 2px solid black;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

.tab button {
    margin-right: 0.2em;
    font-weight: bold;
    font-size: 1.7em;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #007bd9;
    color: white;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
}

    #table-body {
    margin: 0.5em;
}