main {
	padding-top: 40px;
}

div#nib-main {
	display: block;
	color: var( --e-global-color-text );
	margin-bottom: 1em;
}

div#nib-main * {
	color: var( --e-global-color-text );
}

div#nib-main h1 {
	font-family: "Inter", Sans-serif;
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	color: var( --e-global-color-b082e0c );
}

form.doc-search {
	margin: 2em 0;
}

form.doc-search .search-fld {
	width: 400px;
}

div.filters-results {
	display: flex;
}

div.allfilters {
	flex-basis: 250px;
	flex-shrink: 0;
}

@media (max-width: 670px) {
	div.filters-results {
		display: block;
	}

	div.allfilters {
		flex-basis: 100%;
	}

	div.filter {
		display: inline-block;
	}
}

@media (min-width: 850px) {
    div.allresults {
        padding-left: 2em;
    }
}

span.doc {
	display: inline-block;
	margin: 0 10px 10px 0;
	text-align: center;
	vertical-align: top;
	max-width: 122px;
	font-size: 10pt;
}

span.doc span.wrap {
	display: inline-block;
	background: #eef;
	width: 100%;
}

span.doc span.wrap:hover {
	background: #dfd;
}

span.doc input {
	padding: 0 5px;
	margin-top: 3px;
}

span.doc img.thumb {
	border: 1px solid black;
	vertical-align: top;
}

div.filter {
	margin: 0 10px 10px 0;
	vertical-align: top;
	padding: 3px;
	max-width: 250px;
}

div.filter:not(.applied) > a {
	padding-left: 8px;
}

span.applied-name {
	font-weight: bold;
}

span.filter-name {
	font-size: 110%;
	font-weight: bold;
}

span.filter select {
	margin: 5px 0;
}

table.t1 {
	background-color: #ffe;
	border-collapse: collapse;
}

table.t1 td, table.t1 th {
	padding: 5px;
	border: 1px solid #888;
}

table.t1 th {
	background-color: #eef;
}

img.remove {
	margin-bottom: -3px;
}

p.nav {
	background: #ddf;
	margin-top: 0;
	padding: 5px;
}

p.nav a.current {
	font-weight: bold;
}

div.docupload {
	float: right;
	padding: 10px;
	border: 1px solid #888;
}

div.docupload h2 {
	margin: 0 0 10px;
}

li.feedbackPanelERROR {
	color: red;
}

div.ui-tooltip {
	white-space: pre-line;
	max-width: 800px;
	font-size:10pt
}

a.edit {
	padding: 2px 10px 2px 30px;
	font-size: 120%;
	font-weight: bold;
	display: inline-block;
	border-radius: 5px;
	color: #001f5c;
	box-shadow: 0 0 3px #040;
	background: #a0ffa0 5px no-repeat;
	text-decoration: none;
	margin-top: 5px;
	background-image: url(/images/pencil.png);
}

a.edit:hover {
	text-decoration: none;
	background-color: #40e040;
}

.ui-tooltip {
	box-shadow: 3px 3px 8px #aaa !important;
	border-width: 2px !important;
}