body {
   margin: 0;
   padding: 0;
}

body, td {
   font-family: MuseoSans-300, museo-sans, Helvetica, Arial, sans-serif;
   font-weight: 300;
}

main {
   width: auto;
   background: #fff;
   text-align: left;
   margin-top: 0;
   position: relative;
}

main > p {
   margin: 20px;
   max-width: 900px;
}

aside > * {
   display: table;
   background: #a0c53a;
   color: #fff;
   padding: 5px 10px;
   text-decoration: none;
   white-space: nowrap;
   margin-bottom: 15px;
   text-transform: uppercase;
   font-size: 14px;
   height: 26px;
   box-sizing: border-box;
   line-height: 26px;
}

aside {
   position: absolute;
   top: 50px;
   right: 0;
   width: 300px;
   margin: 20px;
}

aside + article {
   margin-right: 300px;
}

aside .email, aside .download {
   padding-left: 40px;
   background-position: 8px center;
   background-repeat: no-repeat;
}

aside .email {
   background-position: 8px center;
   background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.2%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.315%209.274l7.735%206.726-7.737%206.728c-0.194-0.184-0.313-0.445-0.313-0.735v-11.986c0-0.289%200.121-0.549%200.315-0.733zM27.687%209.272c0.194%200.184%200.313%200.445%200.313%200.735v11.986c0%200.289-0.121%200.549-0.315%200.733l-7.735-6.726%207.737-6.728zM19.202%2016.651l7.298%206.349h-20l7.298-6.349%202.702%202.349%202.702-2.349zM6.004%208c-1.107%200-2.004%200.895-2.004%201.994v12.012c0%201.101%200.89%201.994%202.004%201.994h20.993c1.107%200%202.004-0.895%202.004-1.994v-12.012c0-1.101-0.89-1.994-2.004-1.994h-20.993zM16.5%2017.7l-10-8.7h20l-10%208.7z%22%2F%3E%3C%2Fsvg%3E");
   background-size: 24px;
}

aside .download {
   background-position: 10px 9px;
   background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.2%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M20%2015v4c0%200.276-0.111%200.525-0.293%200.707s-0.431%200.293-0.707%200.293h-14c-0.276%200-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-4c0-0.552-0.448-1-1-1s-1%200.448-1%201v4c0%200.828%200.337%201.58%200.879%202.121s1.293%200.879%202.121%200.879h14c0.828%200%201.58-0.337%202.121-0.879s0.879-1.293%200.879-2.121v-4c0-0.552-0.448-1-1-1s-1%200.448-1%201zM13%2012.586v-9.586c0-0.552-0.448-1-1-1s-1%200.448-1%201v9.586l-3.293-3.293c-0.391-0.391-1.024-0.391-1.414%200s-0.391%201.024%200%201.414l5%205c0.092%200.092%200.202%200.166%200.324%200.217s0.253%200.076%200.383%200.076c0.256%200%200.512-0.098%200.707-0.293l5-5c0.391-0.391%200.391-1.024%200-1.414s-1.024-0.391-1.414%200z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
   background-size: 24px;
}

aside .browse {
   background: #E35205;
   font-size: 20px;
}

article {
   margin-right: 300px
}

nav {
   background: #eaecf5;
   text-transform: uppercase;
}

nav > * {
   font-size: 12pt;
   padding: 12px 20px;
   margin: 0;
   color: #000;
   display: inline-block;
   border-right: 1px solid #fff;
}

nav > .selected {
   background: #0d4d97;
   color: #fff;
   pointer-events: none;
}

nav a:hover {
   background: #E35205;
   color: #fff !important;
}

nav a {
   text-decoration: none;
}

nav a:visited {
   color: #000;
}

nav a.selected:visited {
   color: #fff;
}

article a {
   color: #3979a6;
   text-decoration: none;
}

figure {
   margin: 0;
   margin-top: 2em;
   text-align: left;
   padding: 0;
   max-width: 900px;
}

figcaption {
   margin-bottom: 1em;
   font-family: MuseoSans-500, museo-sans, Helvetica, sans-serif;
}

[data-force-bold] figcaption {
   font-weight: bold;
}

figure img {
   position: relative;
   max-width: calc(20% - 5px);
   float: left;
   margin-right: 5px;
}

article:after {
   content: "";
   clear: both;
   display: table;
}

article > h1 {
   color: #0d4d97;
   font-weight: 300;
   margin: 0;
}

article > h2 {
   text-transform: uppercase;
   background: #ebebeb;
   padding: 5px 10px;
   font-weight: 300;
   display: inline-block;
   font-size: 12pt;
   margin-left: -10px;
}

article > h2 ~ a {
   display: block;
}

article > h2 ~ a + h2 {
   margin-top: 25px;
}

article {
   margin: 0 auto;
   max-width: 1200px;
   padding: 25px 50px;
   width: inherit;
}

[data-tab] article {
   padding: 0 50px 25px 50px;
}

.tabs {
   list-style: none;
   margin: 10px 0 0 -20px;
   background: #fff;
   white-space: nowrap;
}

.tabs li {
   display: inline-block;
   color: #0d4d97;
   text-transform: uppercase;
   padding: 10px 20px;
   margin: 0;
   cursor: pointer;
   position: relative;
}

.tabs li:after {
   border-right: 1px solid #0f4d97;
   height: 20px;
   display: block;
   position: absolute;
   content: "";
   top: 50%;
   margin-top: -10px;
   right: 0px;
}

.tabs li:last-child:after {
   content: none;
}

.tabs li.selected {
   font-weight: bold;
   pointer-events: none;
}

.filter-container {
   color: #fff;
   margin-top: 20px;
}

.filter-container table {
   margin: 0;
   table-layout: fixed;
   border: none;
}

.filter-container td, .country-selector label{
   padding: 10px 20px;
   color: #0d4d97;
   line-height: 30px;
   position: relative;
}

.filter-container td *, .country-selector label {
   font-family: MuseoSansCond-500, museo-sans-condensed, Helvetica, sans-serif;
   text-transform: uppercase;
   padding-right: 10px;
   white-space: nowrap;
   display: block;
}

.filter-container .input {
   height: 36px;
}

.filter-container select, .filter-container input {
   background: #edeff0;
   border: none;
   padding: 10px 20px;
   margin-left: -20px;
   outline: none;
   color: #0d4d97;
   border-right: 10px solid #edeff0;
   height: 36px;
   box-sizing: border-box;
   width: 300px;
}

.filter-container .active {
   background: #a0c53a;
   color: #fff;
   border-color: #a0c53a;
}

.filter-container .close {
   display: none;
}

.filter-container button {
   height: 36px;
   border-radius: 0;
}

.active + .close {
   display: block;
   position: absolute;
   width: 24px;
   height: 36px;
   background: #a0c53a;
   bottom: 10px;
   right: 30px;
   z-index: 1;
   cursor: pointer;
}

.close:after {
   content: "✕";
   color: #fff;
   line-height: 36px;
   font-size: 16px;
   position: relative;
   left: 11px;
}

.close:before {
   position: absolute;
   height: 30px;
   top: 3px;
   left: 0;
   border-left: 1px solid #fff;
   content: "";
}

::placeholder {
   color: #0d4d97;
}

.filter-container.disabled tr {
   opacity: 0.5;
   pointer-events: none;
}

[data-tab="0"] .filter-container td, [data-tab="3"] .filter-container td {
   display: none;
}

[data-force-bold] .filter-container .label, [data-force-bold] .Heading1, [data-force-bold] .Heading2, [data-force-bold] .AnnexAppendixTitle {
   font-weight: bold;
}

.fixed .filter-container {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   margin-top: 0;
   background: #fff;
   box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
}

:target [data-id]:before {
   content: attr(data-id) "\A";
   background: #287eaf;
   color: #fff;
   padding: 1px 10px;
   border-radius: 6px;
   font-size: 80%;
   white-space: pre;
   text-indent: 0;
   margin-left: 0;
}

.Heading1, .Heading2, .AnnexAppendixTitle {
   font-family: MuseoSansCond-500, museo-sans-condensed, Helvetica, sans-serif;
   color: #044e98;
}

.AnnexAppendixTitle {
   font-size: 1.5rem;
   display: none;
}

.AnnexAppendixTitle + .AnnexAppendixTitle {
   display: block;
}

.Heading1 {
   font-size: 1.386rem;
}

.Heading2 {
   font-size: 1.134rem;
   margin-top: 2rem;
   padding: 0;
   border-bottom: 1px solid #ccc;
}

td .Heading2 {
   margin-top: 0;
   border-bottom: none;
}

:empty {
   display: none;
}

.viewer :empty {
   display: block;
}

img:empty, br:empty {
   display: block;
}

.shaded {
   background-color: #ccc;
}

.indented {
   margin-left: 40px;
}

.hanging {
   text-indent: -40px;
}

table {
   border: 1px solid #ccc;
   margin: 20px 0;
   font-size: 14px;
}

table.indented {
   margin-left: 0;
}

table .Heading1 {
   font-size: 16px;
}

table .Heading2 {
   font-size: 14px;
}

b {
   font-weight: normal;
   font-family: MuseoSans-500, museo-sans, Helvetica, sans-serif;
}

ol, ul {
   padding-left: 20px;
}

li {
   margin-bottom: 10px;
}

td {
   vertical-align: top;
   padding: 5px;
}

td:empty {
   min-width: 100px;
   display: table-cell;
}

.note {
   display: inline;
   border: none;
   position: relative;
}

.note:before {
   vertical-align: super;
   content: attr(data-footnote);
   font-size: 12px;
}

.note > span {
   display: block;
   position: absolute;
   width: 400px;
   right: 0;
   text-align: right;
   visibility: hidden;
   z-index: 9999;
}

.note:hover > span {
   visibility: visible;
}

.note:hover > span span {
   display: inline-block;
   font-size: 14px;
   color: #000;
   font-family: MuseoSansCond-300, museo-sans-condensed, Helvetica, Arial, sans-serif;
   font-weight: 300;
   background: #fefefe;
   border: 1px solid #aaa;
   border-radius: 4px;
   padding: 10px;
   text-indent: 0;
   text-align: left;
}

p.shaded {
   padding: 10px;
}

p.shaded + p.shaded {
   margin-top: -1em;
   padding-top: 1em;
}

td p, td ol, td ul {
   margin-top: 0;
}

.header td p {
   margin: 5px 0;
}

td .indented {
   margin-left: 0;
}

li[data-prefix] {
   list-style-type: none;
}

li[data-prefix]:before {
   content: attr(data-prefix) ". ";
}

ul.hanging.indented {
   margin-left: 0;
   text-indent: 0;
}

.shade-002060 {
   color: #fff;
   background-color: #0d4d97;
}

.shade-B8CCE4 {
   background-color: #b8cbe4;
   color: #0d4d97;
}

.shade-B6DDE8 {
   background-color: #b6dde8;
}

.term {
   border-bottom: 1px dashed #666;
}

table.filtered, ol.filtered, ul.filtered {
   margin: 0;
   border: none;
}

table.filtered.forced {
   display: none;
}

tr.filtered, .filtered tr, .Heading2.filtered {
   display: none;
}

p.filtered, .filtered li, .unfiltered li.filtered, .unfiltered .filtered li {
   height: 0;
   overflow-y: hidden;
   margin-top: 0;
   padding: 0;
   margin-bottom: 0;
   background-color: transparent;
   border-bottom: none;
}

.unfiltered, li.unfiltered, .unfiltered li {
   display: block;
   color: #000;
   height: auto;
   overflow-y: initial;
   background-color: inherit;
}

.shaded.unfiltered {
   background-color: #ccc;
}

tr.unfiltered, tr.header {
   display: table-row;
}

li.unfiltered, .unfiltered li {
   display: list-item;
}

:target .filtered {
   color: #eee !important;
   background-color: #fff;
   height: auto;
   margin-top: initial;
   margin-bottom: initial;
   overflow-y: visible;
}

:target p.filtered {
   padding: 10px;
}

:target table.filtered.forced {
   display: table;
}

:target tr.filtered, :target .filtered tr {
   display: table-row
}

:target .Heading2.filtered {
   display: block;
}

.highlight {
   background-color: #e4fc5b;
}

button {
   background: #a0c53a;
   color: #fff;
   border: none;
   border-radius: 4px;
   white-space: nowrap;
   padding: 5px 10px;
   cursor: pointer;
   text-transform: uppercase;
}

article > ol, article > p, article > ul {
   max-width: 900px;
}

[data-tab] [data-tab] {
   display: none;
}

[data-tab="0"] [data-tab="0"],
[data-tab="1"] [data-tab="1"],
[data-tab="2"] [data-tab="2"],
[data-tab="3"] [data-tab="3"],
[data-tab="4"] [data-tab="4"],
[data-tab="5"] [data-tab="5"],
[data-tab="6"] [data-tab="6"] {
   display: block;
}

.on-empty {
   display: none !important;
}

.empty .on-empty {
   display: block !important;
}

[data-principle]:before {
   content: attr(data-principle) " ";
}

.filter-container td ul {
   display: none;
}

.selection-popup {
   position: fixed;
   z-index: 10;
   top: 0;
   background: #fff;
   max-width:  33%;
   padding: 30px 0 30px 0;
   bottom: 20px;
   display: flex;
   flex-direction: column;
   filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

.selection-header {
   padding: 0 50px;
}

.selection-header label {
   color: #0d4d97;
   text-transform: uppercase;
   margin-bottom: 20px;
   font-size: 24px;
   display: block;
}

.selection-header button {
   position: absolute;
   top: 20px;
   right: 30px;
   display: block;
   color: #000;
   background: transparent;
}

.selection-header button:before {
   content: "✕";
   font-size: 24px;
   cursor: pointer;
}

.selection-popup ul {
   overflow: auto;
   list-style: none;
   margin: 0;
   padding: 0;
}

.selection-popup > ul {
   flex: 1;
}

.expandable.selection-popup > ul {
   overflow-y: scroll;
}

.selection-popup > ul > li {
   border-bottom: 1px solid #000;
   padding: 0 50px 10px;
   font-weight: 400;
   cursor: pointer;
   position: relative;
}

.selection-popup > ul ul {
   font-weight: 300;
   margin: 10px -50px 0 -50px;
}

.expandable.selection-popup > ul ul {
   display: none;
}

.selection-popup > ul .opened ul {
   display: block;
}

.selection-popup li li {
   padding: 10px 50px;
   margin: 0;
}

.selection-popup li li:hover {
   background: #a0c53a;
   color: #fff;
}

.expandable.selection-popup span {
   padding-right: 20px;
}

.expandable.selection-popup > ul > li:after {
   content: "";
   position: absolute;
   top: 4px;
   right: 25px;
   width: 20px;
   height: 20px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2027%27%3E%3Cpath%20d%3D%27M0%2C0L22%2C27L44%2C0%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20fill%3D%27none%27%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
}

.selection-popup > ul > li.opened:after {
   transform: rotate(180deg) translate(0, 10px);
}

#country-selector {
   width: 0;
   border: none;
}

.country-selector {
   margin: 20px 0;
   display: flex;
   flex-wrap: wrap;
}

.country-selector button {
   background: #edeff0;
   color: #000;
   border-radius: 0;
   padding: 5px 15px;
   height: 36px;
}

.country-selector label {
   font-size: 14px;
   padding: 0 20px;
   position: relative;
   top: 5px;
}

.break {
   flex-basis: 100%;
   height: 0;
   display: block !important;
}

.country-selector article {
   flex-basis: 100%;
   max-width: 1000px;
   height: var(--height);
   padding: 30px;
   display: none;
   position: relative;
   overflow-y: hidden;
   margin: 0;
   user-select: none;
}

.country-selector article:before {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   border: 30px solid #edeff0;
   z-index: 1;
}

.country-selector article.selected {
   display: block;
}

article .page {
   position: relative;
}

.country-tabs {
   display: flex;
   height: 36px;
}

.country-tabs div {
   margin-right:  2px;
   background: #edeff0;
   color: #0d4d97;
   padding: 5px 20px;
   cursor: pointer;
}

.country-tabs span {
   position: relative;
   top: -5px;
}

.country-tabs div.selected {
   background: #a0c53a;
   color: #fff;
   position: relative;
   z-index: 0;
   cursor: auto;
}

.country-tabs div.selected:after {
   content: "";
   position: absolute;
   bottom: -10px;
   height: 10px;
   background: #a0c53a;
   z-index: 1;
   left: 0;
   right: 0;
}

.country-tabs .close {
   display: inline-block;
   background: transparent;
   padding: 0;
   height: 0;
   position: relative;
   top: -4px;
}

.country-tabs .close:before {
   content: none;
}

.country-tabs .close:after {
   color: #0d4d97;
}

.country-tabs .selected .close:after {
   color: #fff;
}

.loading article[data-iso3]:before {
   content: "";
   display: block;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background: url(../images/loading-icon.gif) center 50px no-repeat !important;
   position: absolute;
}

article .viewer {
   position: absolute;
   left: 30px;
   right: 30px;
   top: 30px;
   bottom: 30px;
   overflow: hidden;
}

body.fullscreen {
   overflow: hidden;
}

body.fullscreen:before {
   content: "";
   position: absolute;
   top:  0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   z-index: 1;
}

.fullscreen article {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: #fff;
   height: auto;
   z-index: 2;
   max-width: none;
}

article .slider {
   width: 30px;
   position: absolute;
   right: 0;
   top: 30px;
   bottom: 30px;
   display: block;
   z-index: 1;
}

article .slider:before, article .slider:after {
   content: "";
   position: absolute;
   right: 7px;
   width: 16px;
   height: 20px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2044%2027%27%3E%3Cpath%20d%3D%27M0%2C0L22%2C27L44%2C0%27%20stroke%3D%27%23a0c53a%27%20stroke-width%3D%274%27%20fill%3D%27none%27%2F%3E%3C%2Fsvg%3E");
   background-repeat: no-repeat;
   cursor: pointer;
}

article .slider:before {
   top: 8px;
   transform: rotate(180deg) translate(0, 10px);
}

article .slider:after {
   bottom: 4px;
}

article .handle {
   width: 22px;
   height: 20px;
   position: absolute;
   left: 4px;
   display: block;
   background: #a0c53a;
   cursor: pointer;
}

[data-iso3] .icon {
   background-repeat: no-repeat;
   background-size: 24px;
   display: block;
   position: absolute;
   top: 0;
   width: 30px;
   height: 30px;
   z-index: 1;
   cursor: pointer;
   background: #edeff0;
}

[data-iso3] .download {
   background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%20%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.2%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%230d4d97%22%20d%3D%22M20%2015v4c0%200.276-0.111%200.525-0.293%200.707s-0.431%200.293-0.707%200.293h-14c-0.276%200-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-4c0-0.552-0.448-1-1-1s-1%200.448-1%201v4c0%200.828%200.337%201.58%200.879%202.121s1.293%200.879%202.121%200.879h14c0.828%200%201.58-0.337%202.121-0.879s0.879-1.293%200.879-2.121v-4c0-0.552-0.448-1-1-1s-1%200.448-1%201zM13%2012.586v-9.586c0-0.552-0.448-1-1-1s-1%200.448-1%201v9.586l-3.293-3.293c-0.391-0.391-1.024-0.391-1.414%200s-0.391%201.024%200%201.414l5%205c0.092%200.092%200.202%200.166%200.324%200.217s0.253%200.076%200.383%200.076c0.256%200%200.512-0.098%200.707-0.293l5-5c0.391-0.391%200.391-1.024%200-1.414s-1.024-0.391-1.414%200z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");
   background-position: 5px 5px;
   right: 30px;
}

[data-iso3] .download:before {
   content: "";
   width: 30px;
   height: 100%;
   right: 30px;
   display: block;
   position: absolute;
   background: linear-gradient(90deg, transparent, #edeff0);
}


[data-iso3] .fullscreen {
   background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%230d4d97%22%20%20d%3D%22M6.6%2C16.2L17%2C5.8c0.4-0.4%2C0.4-1%2C0-1.4c-0.4-0.4-1-0.4-1.4%2C0L5.2%2C14.8l0-4.7c0-0.6-0.4-1-1-1s-1%2C0.4-1%2C1l0%2C7.1c0%2C0.1%2C0%2C0.3%2C0.1%2C0.4c0.1%2C0.1%2C0.1%2C0.2%2C0.2%2C0.3c0.2%2C0.2%2C0.4%2C0.3%2C0.7%2C0.3l7.1%2C0c0.6%2C0%2C1-0.4%2C1-1c0-0.6-0.4-1-1-1L6.6%2C16.2z%22%2F%3E%3Cpath%20fill%3D%22%230d4d97%22%20d%3D%22M16.6%2C6.2l0%2C4.7c0%2C0.6%2C0.4%2C1%2C1%2C1c0.6%2C0%2C1-0.4%2C1-1l0-7.1c0-0.1%2C0-0.3-0.1-0.4c0-0.1-0.1-0.2-0.2-0.3c-0.2-0.2-0.4-0.3-0.7-0.3l-7.1%2C0c-0.6%2C0-1%2C0.4-1%2C1s0.4%2C1%2C1%2C1l4.7%2C0L16.6%2C6.2z%22%2F%3E%3C%2Fsvg%3E");
   background-position: 6px 6px;
   right: 0;
}

.toolbar {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   height: 30px;
   z-index: 1;
   white-space: nowrap;
   overflow: hidden;
}

.toolbar span {
   background: #fff;
   padding: 2px 10px;
   font-size: 10px;
   display: inline-block;
   margin: 7px 3px;
   cursor: pointer;
   z-index: 0;
}

.no-data.toolbar:before {
   content: "No results for this document";
   font-size: 10px;
   display: inline-block;
   margin: 9px 0 0 30px;
}

.toolbar span:after {
   content: attr(data-page);
}

.toolbar span:first-of-type {
   margin-left: 60px;
}

.toolbar span:first-of-type:before {
   content: "Page";
   background: #edeff0;
   position: absolute;
   left: 30px;
   color: #000;
}

span.current {
   background: #a0c53a;
   color: #fff;
   cursor: default;
}

.no-highlight span.highlight {
   background-color: transparent !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   aside {
      position: relative;
      float: right;
   }

   aside .email, aside .download {
      background-size: 24px 26px;
   }
}

@media screen and (max-width: 1200px) {
   aside {
      top: 75px;
   }
}

@media screen and (max-width: 1000px) {
   .filter-container select, .filter-container input {
      width: 250px;
   }
}

@media screen and (max-width: 900px) {

   .filter-container select, .filter-container input {
      width: 200px;
   }
}

@media screen and (max-width: 800px) {
   figure img {
      max-width: calc(33% - 5px);
   }

   figure img:nth-child(4) {
      margin-bottom: 100px;
   }

   .first.label {
      padding-left: 0;
   }

   .filter-container label[for="filter-by-concept"] {
      width: 34px;
      overflow: hidden;
      display: inline-block;
   }

   .filter-container label[for="search-by-keyword"] {
      width: 44px;
      overflow: hidden;
      display: inline-block;
   }

   aside {
      position: relative;
      top: 0;
      left: 30px;
   }

   aside > * {
      margin-right: 20px;
   }

   article {
      padding: 0 50px;
   }

   aside + article {
      margin-right: 0;
   }
}

@media screen and (max-width: 480px) {
   figure img {
      max-width: 300px;
      float: none;
      margin-top: 10px;
   }

   .filter-container select, .filter-container input {
      width: 150px;
   }
}

/*
.unfiltered + .filtered {
   position: relative;
   height: 20px;
   padding-top: 20px;
   box-sizing: border-box;
}

.filtered + .unfiltered {
   position: relative;
   padding-top: 20px;
}

.unfiltered + .filtered:before, .unfiltered + .filtered:after, .filtered + .unfiltered:before, .filtered + .unfiltered:after {
   content: "";
   display: block;
   position: absolute;
   left: 0;
   right: 0;
}

.unfiltered + .filtered:before, .filtered + .unfiltered:before {
   height: 12px;
   top: 0;
   background: linear-gradient(-135deg, #000 8px, transparent 0) 0 8px, linear-gradient(135deg, #000 8px, transparent 0) 0 8px;
   background-position: top left;
   background-repeat: repeat-x;
   background-size: 16px 16px;
}

.unfiltered + .filtered:after, .filtered + .unfiltered:after {
   height: 16px;
   top: -1px;
   background: linear-gradient(-135deg, #fff 8px, transparent 0) 0 8px, linear-gradient(135deg, #fff 8px, transparent 0) 0 8px;
   background-position: top left;
   background-repeat: repeat-x;
   background-size: 16px 16px;
}
*/