/* CSS RESET
____________________________________*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }/*greta*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}strong{font-weight:bold; }i{font-style:italic; }a{text-decoration:none;color:inherit; }button{ -webkit-appearance:none; background:none; border:0;padding:0; }button:disabled{opacity:.5;cursor:initial;}

html, .body { height:100%; }
.body { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; line-height:1.2; display:flex; flex-direction:column; background-color:#0e2221; color:#363636; }
	.box-wide { width:65%; max-width:1200px; margin:0 auto; }
	.header { font-size:16px; padding:20px 0 25px; }
		.header-inner-wrapper { display:flex; justify-content:space-between; align-items:center; }
			.header-logo-wrapper { line-height:1.5; color:#fff; }
				.header-logo { font-size:24px; font-weight:bold; }
				.header-logo-caption { color:#34a2a2; }
		.header-navigation-wrapper { display:flex; justify-content:flex-end; flex-flow:row wrap; }
		.header-navigation-item { text-align:right; padding-bottom:2px; margin-left:15px; color:#fff; border-bottom:1px solid transparent; transition:border .25s ease-in-out; }
		.header-navigation-item:hover { border-bottom:1px solid #fff; }
	.main-container { flex:1 0 0; }
	.footer { font-size:14px; text-align:center; padding:15px 0; color:#fff; background-color:#0e2221; }
	

/*LOGIN*/
.login-page { display:flex; height:100%; background-color:#13302e; }
	.login-page-inner-wrapper { text-align:center; margin:10% auto 20px; color:#fff; }
	.login-page-header { font-size:50px; margin-bottom:40px; font-weight:bold; }
	.login-page form { width:100%; }
	.login-page-form-inner-wrapper { position:relative; width:100%; max-width:900px; margin:0 auto; padding:60px 10% 30px; border:1px solid #fff; box-sizing:border-box;  text-align:left; }
	.login-page-form-inner-wrapper.inverted {  color:#000; border:1px solid #6e6e6e; }
		.login-page-form-caption { font-size:14px; position:absolute; top:0; left:50%; transform:translate(-50%, -50%); background-color:#13302e; padding:0 5px; }
		.inverted .login-page-form-caption { background-color:#fff; }
			.field-wrapper { display:flex; justify-content:flex-start; align-items:baseline; margin-bottom:10px; }
				.field-wrapper label { font-size:14px; width:120px; padding:10px; box-sizing:border-box; }
				.field-wrapper input { width:calc(100% - 120px); padding:15px; border-radius:4px; box-sizing:border-box; }
				.inverted .field-wrapper input { border:1px solid #6e6e6e; }
				.submit-button { margin-left:120px; }
				.button { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:bold; width:150px; color:#333; text-transform:uppercase; margin-top:20px; padding:15px; background-color:#fff; border-radius:4px; cursor:pointer; transition:background-color .25s ease-in-out; }
				.button.green { color:#fff; background-color:#5bb75b; }
				.button.red { color:#fff; background-color:#da4f49; }
				.button.small { font-size: 12px; padding:5px 10px; width:auto; border: none; }
				.button.grey { color: #333; background-color:#CCC; }
				.button.small.hidden { color:transparent; background-color:transparent; }
				.bio-suppliers-tag-item .button { margin-top:5px; }
				.button:hover { background-color:#b7b7b7; }

.bio-supplier-data-page { display:flex; flex-direction:column; min-height:100%; padding:20px 0 0; background-color:#0e2221; box-sizing:border-box; }
	.bio-supplier-data-page-toolbar {}
		.bio-supplier-data-page-toolbar-top-wrapper { display:flex; justify-content:space-between; align-items:center; padding-bottom:30px; }
			.bio-supplier-data-dropdown-wrapper { position:relative; height:50px; width:50%; }
				.bio-supplier-data-dropdown-wrapper:before {  content:""; display:block; position:absolute; top:0; right:0; width:40px;  height:100%;  background-color:#fff; border-radius:4px; pointer-events:none; }
				.bio-supplier-data-dropdown { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold; line-height:2; width:100%; height:100%; padding:15px; border-radius:4px; border:none; box-sizing:border-box; outline:none; cursor:pointer; }
				.bio-supplier-data-dropdown-arrow { display:block; position:absolute; top:50%; right:15px; width:0; height:0; border-style:solid; border-width:7.5px 6px 0 6px; border-color:#000 transparent transparent transparent; transform:translateX(-50%); transition:transform .25s ease-in-out; pointer-events:none; }
				.bio-supplier-data-dropdown.active + .bio-supplier-data-dropdown-arrow { transform:translateX(-50%) rotate(180deg); }
				.bio-supplier-data-page-navigation { display:flex; flex-flow:row wrap; justify-content:flex-end; }
					.bio-supplier-data-page-navigation-item { font-size:14px; line-height:1.5; margin:2.5px 0 2.5px 10px;  color:#fff; border-bottom:1px solid transparent; transition:border .25s ease-in-out; cursor:pointer; }
					.bio-supplier-data-page-navigation-item:hover { border-bottom:1px solid #fff; }
				.bio-supplier-data-page-toolbar-tabs-wrapper { display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; height:100px; }
					.bio-supplier-data-page-toolbar-tab-wrapper { flex:1; height:100%; box-sizing:border-box; }
						.bio-supplier-data-page-toolbar-tab { font-size:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer; }
						.bio-supplier-data-page-toolbar-tab.active { color:#363636; background-color:#fff; }
							.bio-supplier-data-page-toolbar-tab-icon { height:48px; width:48px; padding-bottom:5px; fill:#34a2a2; }
							.bio-supplier-data-page-toolbar-tab.active .bio-supplier-data-page-toolbar-tab-icon { fill:#000; }
	.bio-supplier-data-page-table-wrapper { flex:1 0 0; background-color:#fff; padding-bottom:40px; margin-top:-1px; }
		.bio-supplier-data-page-table-inner-wrapper { position:relative; min-height:100%; padding-bottom:110px; box-sizing:border-box; }
		.bio-supplier-data-page-table { width:100%; margin:40px 0; border-collapse:collapse; border-spacing:0; }
		.bio-supplier-data-page-table.extra-top-margin { margin-top:80px; }
			.bio-supplier-data-page-table-row { border-top:1px solid #34a2a2; }
			.bio-supplier-data-page-table-head .bio-supplier-data-page-table-row { border-top:none; }
				.bio-supplier-data-page-table-cell { font-size:14px; line-height:1.5; text-align:left; padding:15px 5px; }
				.bio-supplier-data-page-table-cell sup { vertical-align:super; }
				.bio-supplier-data-page-table-cell.right { text-align:right; }
				.bio-supplier-data-page-table-cell.center { text-align:center; }
				.bio-supplier-data-page-table-head .bio-supplier-data-page-table-cell { font-size:16px; font-weight:bold; }
					.bio-supplier-data-page-quality-icon { width:20px; height:20px; }
					.bio-supplier-data-page-quality-icon.good { fill:#5bb75b; }
					.bio-supplier-data-page-quality-icon.bad { fill:#da4f49; }
		.bio-supplier-data-page-data-status-wrapper { position:absolute; bottom:40px; left:0; font-size:14px; line-height:1.5; font-style:italic; }
	.go-back-wrapper { display:flex; align-items:center; padding:10px 0; color:black; cursor:pointer; }
		.go-back-icon { height:15px; width:15px; margin-right:5px; }

.admin-page { min-height:100%; padding-bottom:40px; background-color:#fff; box-sizing:border-box; }
	.admin-page-content-wrapper { padding-top:80px; padding-bottom:40px; }
	.admin-page-headline { font-size:40px; font-weight:bold; margin-bottom:40px; }
	.admin-page .bio-supplier-data-page-table-cell > a { border-bottom:1px solid #000; transition:border .25s ease-in-out; }
	.admin-page .bio-supplier-data-page-table-cell > a:hover { border-bottom:1px solid transparent; }

.bio-suppliers-tag-wrapper { display:flex; }
.bio-suppliers-tag-item { margin-right:10px; }

.bio-supplier-data-page-table-cell.flexed { display:flex; flex-flow:row nowrap; }
.bio-supplier-data-page-table-cell input[type="text"] { width:100%; }
.bio-suplier-tags-import-form { text-align:center; }

@media (max-width: 768px) {
    .box-wide { width:92%; }
}
@media (max-width: 767px) {
	.bio-supplier-data-page-toolbar-tabs-wrapper { height:auto; }
		.bio-supplier-data-page-toolbar-tab { font-size:14px; padding:10px 5px; }
			.bio-supplier-data-page-toolbar-tab-icon { height:32px; width:32px; padding-bottom:2px;}
}
@media (max-width: 568px) {
	.header { font-size:14px; }
		.header-inner-wrapper { align-items:baseline; }
			.header-logo { font-size:20px; }
	.field-wrapper { flex-direction:column; }
		.field-wrapper label { width:100%; padding:10px 0; }
		.field-wrapper input { width:100%; }
		.submit-button { margin-left:0; width:100%; }
	.bio-supplier-data-page-toolbar-tab { font-size:12px; }
		.bio-supplier-data-page-toolbar-tab-icon { height:24px; width:24px; }
		.bio-supplier-data-page-table.extra-top-margin { margin-top:20px; }
			.bio-supplier-data-page-table-cell { word-break:break-all; }

	.admin-page-content-wrapper { padding-top:20px; }
}

@media (max-width:320px) {
	.bio-supplier-data-page-table-head .bio-supplier-data-page-table-cell { font-size:14px; }
	.bio-supplier-data-page-table-cell { font-size:12px; padding:10px 2.5px; }
}