#sidebar_logo {
	width: 16em;
	margin: auto;
}

#sidebar_logo img {
	width: 100%
}

/* ======================= */
/* Variant results display */
/* ======================= */
.instructions p {
    color: #555;
    font-size: 1em !important;
    font-style: italic;
}

table.variant-table td > div {
	display: inline-block;
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
		max-width: 150px;
}
table.variant-table td:hover > div,
table.variant-table tr.selected td > div {
	z-index: 1;
	width: 100%;
 		max-width: initial;
	white-space: normal;
}
table.variant-table tr.selected {
	outline: 2px solid #B0BED9;
	outline-offset: -1px;
}
table.variant-table tr.odd.selected {
	background-color: #f0f0f0 !important;
}
table.variant-table tr.even.selected {
	background-color: #f5f5f5 !important;
}

table.variant-table td:hover .list,
table.variant-table tr.selected td .list {
	display: block;
}
table.variant-table td:hover .list:before,
table.variant-table tr.selected td .list:before {
	content: '\2022';
	margin-right: 0.3em;
}
table.variant-table td:hover .list:first-child:last-child:before,
table.variant-table tr.selected td .list:first-child:last-child:before {
	content: '';
	margin: 0;
}
table.variant-table td:hover .list + .list,
table.variant-table tr.selected td .list + .list {
	margin-top: 0.1em;
}
table.variant-table tr:not(.selected) td:not(:hover) .list + .list:before {
	content: ';';
	margin-left: -0.2em;
	margin-right: 0.3em;
}

/* Overriding aggressive USYD theme */
.dataTables_wrapper table {
	margin: 0 !important;
}
.dataTables_wrapper a.next:not(:hover) {
	background: none !important;
}
.dataTables_scrollBody {
	padding-bottom: 10px;
}

/* ==================== */
/* Modify variants form */
/* ==================== */
#variant_form .g_or_m label,
#variant_form .c_or_n label,
#variant_form .p label {
	text-align: right;
}

/* ================== */
/* Variant statistics */
/* ================== */
.action-link a {
	font-size: 14px;
	cursor: pointer;
}
.action-link {
	margin-top: 1em;
}
.variant-stats {
	width: 300px;
}
.variant-stats .no-break {
	white-space: nowrap;
}


/*====================*/
/* Double Scroll bar  */
/*====================*/
.double-scroll {
  min-width: 400px;
  width: 100%;
  margin-bottom: 40px;
}

.sortable-table th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
	content: " \25B4\25BE"
}

/* Custom message boxes */
.infobox {
	border: 2px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.infobox p:first-of-type::before {
	content: "ℹ";
	font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	font-size: 16px;
	margin: 0px 10px;
}

.infobox h2 {
	margin-top: 0.5em !important;
}

.donate-box {
	border: 2px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #0f5132;
	background-color: #d1e7dd;
	border-color: #badbcc;
}

.donate-box p::before {
	content: "🐶";
	font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	font-size: 16px;
	margin: 0px 10px;
}

.error-box{
	border: 2px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 10px;
	color: #842029;
	background-color: #f8d7da;
	border-color: #f5c2c7;
}

.error-box p::before {
	content: "🐶";
	font-family: Arial, "DejaVu Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	font-size: 16px;
	margin: 0px 10px;
}


/* Admin filters */
#changelist-filter {
	flex: 0 0 150px;
}