results.css

#logo {
    margin: 10px;
    padding: 0;
    text-align: center;
}

#logo-png {
    width: 200px;
    height: auto;
    cursor: pointer;
}

#x2k_title {
    text-align: center;
    color: #0c89e2;
    margin-top: 5px;
    font-size: 0.8rem;
    letter-spacing: -0.2px;
    font-family: Arial, Helvetica, sans-serif;
}

.legend {
	font-size: 0.7rem;
}

#citations {
    font-size: 0.7rem;
}

#genelist-container {
	margin-top: 0.1rem;
}

#genelist-header {
	padding: 0.34rem .5rem;
}

#genelist {
	white-space: pre;
	width: 100%;
	border: #ddd;
	color: #495057;
	font-size: .75rem;
	height: 50vh;
}

#x2k,
#chea,
#g2n,
#kea {
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
	padding-right: 0.1rem;
    padding-left: 0.1rem;
}

.legend-button {
	border: none;
	opacity: 1!important;
}

.navbar-brand {
	font-size: 1rem;
}

#chea-table,
#kea-table
{
	font-size: 0.6rem;
}

/* I need a larger modal for expanded view */
@media (min-width: 768px) {
	.modal-xl {
		width: 90%;
		max-width: 1000px;
		}
}

.expand {
	border: none;
	background: transparent;
	float: right;
    line-height: 1;
    opacity: .5;
    font-size: 0.8rem;
}

.table {
	max-width: 100%;
	height: auto;
}

thead th {
	white-space: nowrap;
}

.dataTables_info {
	float: left;
}

.dataTables_paginate paging_simple_numbers {
	float: right;
}

.btn {
	font-size: 0.7rem;
}

.btn-outline-secondary.selected {
	color: black
}

.nav {
	font-size: 0.8rem;
	border-top-left-radius: 0.15rem;
    border-top-right-radius: 0.15rem;
}

.nav-link {
    display: block;
    padding: .25rem .7rem;
}

.nav-item {
	margin-top: 0.25rem;
}

.navbar-brand {
	font-size: 1rem;
}