/*#9b8f7e - footer tan;*/
/*#193c58 - blue;*/
/*#c3cdaf - tan*/
/*#a91d45 - red*/
/*#ddd - gray*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,700;1,400&display=swap');

body {
    font-family: 'Montserrat', sans-serif !important;
}

a {
    color: #BBCE45;
}

.table {
    /*background-color: #F4F8F2;*/
    background-color: #fff;
    color: #474648;
}

.table tr:nth-child(even){
    /*background-color: #dbd7a9;*/
    background-color: #ddd;
    color: #474648;
}

thead {
    /*background-color: #c3cdaf;*/
    background-color: white;
    color: #17562B;
    font-size: 14px;
    text-transform: uppercase;
}

.table-bordered thead th {
    border:1px solid #17562B;
    border-bottom: 3px solid #17562B;
}

.table-bordered, .table-bordered td, .table-bordered th, .table-bordered thead td{
    border:1px solid #17562B;
}

#filters {
    display: inline-flex;
}

#input-selection-group {
    display: inline-flex;
}

#maincho {
    overflow-x: auto;
}

#advanced_search_div{
    display:none;
}

#hide-me {
    display: none;
}

/*Main Page Styles*/
.card {
    border: 1px solid #17562B;
}

#abbreviations {
    height: 300px;
    overflow: scroll;
}

.card-header {
    color: white;
    background-color: #17562B;
}

.export-tables-title {
    font-size: 16px;
    /*text-transform: uppercase;*/
}

#download-button {
    margin: 5px;
    background-color: #c3cdaf;
    border-color: #17562B;
    color: #17562B;
}

#download-button:hover {
    background-color: white;
}

.expo-database-button {
    color:  #17562B;
    background-color: white;
    border-color: #17562B;
}

.expo-database-button:hover {
    color:  white;
    background-color: #17562B;
    border-color: #17562B;
}

.filter-button {
    color: black;
    background-color: #BBCE45;
    border: #BBCE45;
}

.filter-button:hover {
    color: white;
    background-color: #17562B;
    border: #17562B;
}

.clear-filter-button {
    color: black;
    background-color: #BBCE45;
    border: #BBCE45;
}

.clear-filter-button:hover {
    color: white;
    background-color: #17562B;
    border: #17562B;
}

.filter-download-button {
    margin-top: 20px;
}

.button-container {
    display: inline-flex;
}

#csv-button {
    margin-left: 20px;
}

.form-wrapper {
    display: inline-flex;
}

#studies-table, #ingredients-table, #nutrients-table, #subjects-table, #performances-table, #infusions-table,
#invitros-table, #genomes-table{
    height: 400px;
    overflow: scroll;
}


table {
    width: 100%;
}

table, td {
    border-collapse: collapse;
    border: 1px solid #000;
}

thead {
    display: table; /* to take the same width as tr */
    width: 100%;
}

tbody {
    display: block; /* to enable vertical scrolling */
    max-height: 265px; /* e.g. */
    overflow-y: scroll; /* keeps the scrollbar even if it doesn't need it; display purpose */
    width: 100%;
}

th, td {
    width: auto; /* to enable "word-break: break-all" */
    padding: 5px;
    word-break: break-all; /* 4. */
}

tr {
    /*display: table; !* display purpose; th's border *!*/
    width: 100%;
}

td {
    text-align: center;
    border-bottom: none;
    border-left: none;
}

#studies-table th,  #studies-table td {
    width: 4%;
}

#ingredients-table td, #ingredients-table th {
    width: 11.41em;
}

#nutrients-table td, #nutrients-table th, #subjects-table td,
#subjects-table th{
    width: 13em;
}

#performances-table td, #performances-table th {
    width: 12.5em;
    font-size: 10px;
}

#infusions-table td, #infusions-table th {
    width: 12.6em;
    font-size: 10px;
}

#invitros-table td, #invitros-table th{
    width: 12em;
    font-size: 10px
}

#abbreviations th, #abbreviations td {
    width: 10%;
}