header.header { background:#1a1a1a !important; }
body.toolbar-fixed header.header { top:0; }
#toolbar-administration { display:none !important; }
.paragraph ul.preview { display:none !important;}
main.main { min-height:0 }
footer.footer { display:none; }
.paragraph--type--paragraph .field_paragraph_body { padding:0 !important; }
.paragraph--type--paragraph { padding:0 !important; }
table a:hover { color:#da0000 }

admin { display:none !important; }


.message-box { font-size:1.2em; text-align:center; padding:1em; display: flex; align-items: center; justify-content: center; height:100%; }
.message-box img { display:block; margin:0 auto 1em; max-width:200px; width:100%; }
.message-box.no-selection .guide b { display:block; color:#da0000; }
.message-box.no-selection .guide { display:flex; justify-content: flex-start; align-items: center; width:100%; max-width:1000px;  }
.message-box.no-selection .guide div { padding:1em; max-width:300px; margin:auto; }
.message-box { line-height:1.4em;}

table.sorter .tablesorter-header:before,
table.sorter .tablesorter-header:after { color:#FFF; }

.selection-tabs { display:block; width:100%; list-style:none; padding:0 !important; font-size:0.8em; margin-bottom:0.5em; }
.selection-tabs li { display:inline-block; padding:0.25em 2em 0.25em 0.5em !important; border:2px solid #da0000; color: #da0000; position:relative; border-radius: 1em; cursor: pointer; margin:0.25em; }
.selection-tabs li:before { display:block; position:absolute; right:0.5em; left:auto; top:50%; margin-top:-0.5em;  color: #da0000; content:'\e809'; font-family:fontello; -webkit-font-smoothing:antialiased; }
.selection-tabs li.clear-all { background:#FFF; border-color:#FFF; }
.selection-tabs li:hover { background: #da0000; color :#FFF; }
.selection-tabs li.clear-all:hover { border-color:#da0000; }
.selection-tabs li:hover:before { color :#FFF; }


.block-local-tasks-block { display:none; }

.paragraph .content { max-width:none; }
aside.selectors { display:block; width:20%; position:fixed; left:0; top:0; height:100%; overflow:scroll; background:#e6e6e6; z-index:3; padding:5em 1em 4em; }
div.results { width:80%; padding-left:2em; overflow:hidden; position:fixed; right:0; top:0; height:100%; background:#FFF; padding:5em 1em 0; background:#FFF;  }
.filter-button { display:none; position:fixed; top:3.8em; width:100%; padding:1em; align-items: center; background:#dfd5c8; }
.filter-button h2 { width:100%; font-size:1.6em; line-height:1em !important; }
.filter-button .button { min-width:6em; }
.filter-button .total { font-weight:normal; }
.filter-button .total.hidden { display:none; }

aside.selectors .message-total { background:#e1e2e2; font-weight:bold; text-align:center; padding:0.5em; margin-bottom:1em; }

div.results .table-container {  overflow:scroll; position:relative; height:100%; padding-bottom:2em; }
div.results:before { transition: opacity .3s ease; opacity:0; pointer-events: none; }
div.results.horizontal-fade:before { content:" "; position:absolute; z-index:2; top:0; height:100%; width:50px; left:auto; right:1em; background: linear-gradient(to right, rgba(241,242,242,0), #CCC); opacity:1;  }
div.results.horizontal-fade:after { background: #CCC; width:1em; top:0; right:0; position:absolute; content:" "; z-index:2; height:100%; }

aside.selectors li { list-style:none; }
aside.selectors h1 { font-size:2em; margin-bottom:1rem; text-align:center;  }
aside.selectors a.close { position:absolute; font-size:1.6em; right:1rem; top:4.6rem; line-height:1em; height:1em; display:block; display:none; border-radius: 1em; height: 1.6em;  }
aside.selectors a.close.arrow { position:fixed;  line-height:1em; top:4.4rem; height:1em; background: #da0000; color: #FFF; z-index: 10; padding: 0.2em 0.25em 0.2em 0.5em; height: 1.6em;  box-shadow: 0px 4px 10px rgba(0,0,0,0.2); }
aside.selectors a.close .desc { display:none; font-size:0.8em; vertical-align:middle; font-weight:normal; }
aside.selectors a.close.arrow .desc { display:inline-block; }
aside.selectors a.close:after { content: '\e80a'; font-family: "fontello"; vertical-align:middle; font-style: normal;  font-weight: normal;  speak: none;  display: inline-block;  text-decoration: inherit;  width: 1em;  margin-right: .2em;  text-align: center;  font-variant: normal;  text-transform: none;  line-height: 1em;  margin-left: .2em;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
aside.selectors a.close.arrow:after { content: '\e80e'; margin-left:0; margin-right:0; }
aside.selectors a.close:hover { color:#da0000; }
aside.selectors a.close.arrow:hover { background:#da0000; color:#FFF; }
aside.selectors li { cursor: pointer; padding-left: 0; margin-bottom:0 !important; position:relative; }
aside.selectors li.face:before { left:auto; right:0.5em; content:'\e810'; top:1em; pointer-events: none; font-family:fontello; position:absolute; }
aside.selectors input[type=text] { width:100%; }
/* aside.selectors input[type=text]:focus { background:#da0000; color: #FFF; }
aside.selectors input[type=text]:focus::placeholder { color:#FFF; } */
aside.selectors input[type=text].selected { background:#da0000; color:#FFF; }
aside.selectors div.label { border-bottom:1px solid #FFF; padding:1em 0.5em; line-height:1.5em; }
aside.selectors li.face:hover div.label { background:#da0000; color:#FFF; }
aside.selectors div.label .title { font-weight:bold; }
aside.selectors div.label .value { color: #da0000; padding-right:1em; display:inline-block; }
aside.selectors div.label .value.active { color: #da0000; }
aside.selectors li.face:hover div.label .value { color:#FFF; }
aside.selectors li.face:hover:before { color:#FFF; }
aside.selectors ul.selector { display:none; padding:0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
aside.selectors ul.selector.setup { display:block; }
aside.selectors ul li ul { display:none; padding-left:0.5em !important; margin-top:0.5em; margin-bottom:1em; }
aside.selectors ul li ul li { padding:0.25em; padding-left:1.8em; color: #da0000;  }
aside.selectors ul li ul li.child { margin-left:1em; }
aside.selectors ul li ul li:before { content:" "; height:1em; width:1em; top:0.125em; background:#FFF; border:2px solid #ccc; border-radius:0.25em; text-align:center; line-height:1em; position: absolute; left: 0; font-family: "fontello"; -webkit-font-smoothing: antialiased; }
aside.selectors ul.radio li ul li:before { border-radius:100%; }
aside.selectors ul li ul li.child:after {content:" "; height:0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; width:0.5em; left:-0.75em; top:50%; margin-top:-2px; position:absolute; }
aside.selectors ul li ul li.selected { color: #da0000; font-weight:bold; }
aside.selectors ul li ul li.selected:before { border-color:#da0000; content:"\e80c"; color:#da0000; font-family:fontello; }
aside.selectors ul li ul li.hidden { display:none; }
aside.selectors ul li ul li:hover { color:#da0000; }
aside.selectors ul li ul li:hover:before { border-color:#da0000; }
aside.selectors ul li ul li.disabled { color:#AAA; cursor: default; }
aside.selectors ul li ul li.disabled:before { opacity:0.5; }
aside.selectors ul li ul li.disabled:hover:before { border-color:#CCC; }
aside.selectors ul li.show-list ul { display:block; }
aside.selectors ul li.face.show-list:before { content:'\e811'; font-family:fontello; }

table.antenna-finder { border-collapse: collapse; width:100%; }
table.antenna-finder .message-total { font-weight:normal; }
table.antenna-finder a { display:block; width:100%; text-align:center; font-weight:bold; }
table.antenna-finder a img { max-width:120px; display:block; margin:0 auto 0.5em; border-radius:0.5em; }
table.antenna-finder td { vertical-align:middle; line-height:1.2em; }
table.antenna-finder thead th { background:#1a1a1a; text-align:left; vertical-align:middle; color:#FFF; font-weight: bold; padding:0.75em; padding-right:2.4em; position: -webkit-sticky; position: sticky; top: 0; cursor:pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
table.antenna-finder thead th:first-child { left:0;  z-index:2; }
table.antenna-finder thead th:first-child:after { width:2px; height:100%; background:#FFF; position:absolute; right:0; top:0; content:" " }
table.antenna-finder thead th:hover { color:#da0000; }
table.antenna-finder thead th.selected { background:#da0000; color:#FFF; }
table.antenna-finder thead th:before { content:""; font-family: "fontello"; position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left:auto; right:1em; top:50%; margin-top:-0.5em; line-height:1em; }
table.antenna-finder thead th:before { content: '\e835'; opacity:0.3; }
table.antenna-finder thead th:hover:before { opacity:1; }
table.antenna-finder thead th.sort-ascending:before {  opacity:1; }
table.antenna-finder thead th.sort-descending:before { content: '\e838'; opacity:1; }


table.antenna-finder tbody tr:nth-child(even) { background:transparent; }
table.antenna-finder tbody tr { border-bottom:2px solid #f1f2f2; }
table.antenna-finder tbody tr th { background:#FFF; }
table.antenna-finder tbody tr th:after { width:2px; height:100%; background:#f1f2f2; position:absolute; right:0; top:0; content:" " }
table.antenna-finder tbody tr:hover { border-color: #da0000; background:#f1f2f2; }
table.antenna-finder tbody td:hover { background:#e1e2e2; }
table.antenna-finder tbody tr:hover th:after { background:#e1e2e2; }
table.antenna-finder tbody th { position: -webkit-sticky; position: sticky; left: 0; }
table.antenna-finder tbody th div { color:#a7a8a9; margin-top:0.5em; font-size:0.8em;}
table.antenna-finder tbody th div.series { color: #54565a; font-weight:normal; font-size:0.9em; }

table.antenna-finder tfoot td { background:#FFF; font-weight:bold; text-align:center; padding:1em; display:none; }

@-webkit-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-moz-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@-o-keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}

@keyframes fadeInFromNone {
	0% {
		display: none;
		opacity: 0;
	}

	1% {
		display: block;
		opacity: 0;
	}

	100% {
		display: block;
		opacity: 1;
	}
}
@media only screen and (max-width:900px) {
	aside.selectors { width:30%; }
	div.results { width:70% }
	.message-box.no-selection .guide { flex-wrap: wrap; }
	.message-box.no-selection { align-items:flex-start; }
}
@media only screen and (max-width:700px) {
	aside.selectors h1 { font-size: 1.6em; text-align:left; padding-top: 0.25rem; }
	aside.selectors { width:100%; display:none; opacity:0; z-index:50; }
	aside.selectors.show { display:block; opacity:1; -webkit-animation: fadeInFromNone 0.3s ease-out; -moz-animation: fadeInFromNone 0.3s ease-out; -o-animation: fadeInFromNone 0.3s ease-out; animation: fadeInFromNone 0.3s ease-out; }
	div.results { width:100%; padding:8.8em 0 0; }
	.filter-button { display:flex; }
	aside.selectors a.close { display:block; }
	div.results.horizontal-fade:before,
	div.results.horizontal-fade:after { top:8.8em; }
	
}