@import "header.css";
@import "footer.css";
@import "style_tripal_abims.css";
@import "font.css";

footer {
	margin-top: auto;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body { min-width: 980px;}
#wrapper { width: 980px; margin: 0 auto; text-align: left; }

.content {
	padding: 0% 3.33%;
	margin: 50px;
	display: flex;
	flex-direction: column;
	z-index: 0;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%
}

.sticky+.content {
	padding-top: 16px;
}

.search-container {
    margin: 0 auto;
	margin-left: 2vw;
	border: 1px white;
	border-radius: 3px;
	background: white;
	text-align: center;
	vertical-align: middle;
	height: auto;
}

#searchbox {
    border: none;
    background: transparent;
    margin: 0;
    padding: 5px 5px;
    font-size: 13px;
    color: inherit;
    border: 1px solid transparent;
    border-radius: inherit;
}

#searchbutton {
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    text-indent: -999px;
    overflow: hidden;
    padding: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    width: 30px;
	vertical-align: middle;
}

.searchfield {
	border: 0px;
	text-align: center;
	background: white;
	display: inline-block;
}