html {
    box-sizing: content-box;
}

* {
    box-sizing: revert;
}

.ui-datagrid {
    overflow-x: auto;
    width: unset;
    padding-right: unset;
    padding-left:unset;
}

.ui-datagrid-data {
    border-collapse: collapse;
    border-spacing: 1px;
    border: unset;
}

.ui-datagrid-column {
    position: unset;
    vertical-align: unset;
    border: unset;
}

body .b-table {
    width: unset;
    margin: 0;
    border-right: none;
    word-break: normal;
    white-space: normal;
}

.ui-datatable {
    text-align: unset;
}

.b-navigation__dropdown-item a:visited {
    color: rgb(26, 26, 26);
}

.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th,
.ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td,
.ui-datatable tfoot td,
.ui-datatable tfoot th,
.ui-datatable-scrollable > .ui-datatable-scrollable-header > .ui-datatable-scrollable-header-box th,
.ui-datatable-scrollable > .ui-datatable-scrollable-body td {
    color: unset !important;
    font-weight: unset !important;
    border-width: unset !important;
}

.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th,
.ui-datatable > .ui-datatable-tablewrapper > table > tbody > tr > td,
.ui-datatable-scrollable > .ui-datatable-scrollable-header > .ui-datatable-scrollable-header-box th,
.ui-datatable-scrollable > .ui-datatable-scrollable-body td {
    border: none !important;
    padding: 0 10px;
}


.ui-paginator {
    line-height: unset;
}

.b-icon--hinge, .ui-treetable-toggler.ui-icon-triangle-1-e, .ui-treetable-toggler.ui-icon-triangle-1-s {
    background-image: none !important;
}


.ui-treetable tbody .ui-icon-triangle-1-s {
    transform: unset;
}

.ui-treetable table > thead > tr > th, .ui-treetable table > tbody > tr > td {
    padding: unset;
    border: unset;
}

.ui-datatable {
    overflow-x: unset;
    width: unset;
    padding-right: unset;
    padding-left: unset;
}

html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav,
section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
}

.printOnly {
    display: none;
}

@
-webkit-viewport {
    width: device-width;
}

@
-moz-viewport {
    width: device-width;
}

@
-ms-viewport {
    width: device-width;
}

@
-o-viewport {
    width: device-width;
}

@
viewport {
    width: device-width;
}

html {
    background: #fafafa;
    height: 100%;
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    height: 100%;
    padding: 0;
    width: 99.80%;
    background-color: transparent;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4em;
    overflow-x: hidden;
    overflow: hidden;
    overflow-y: scroll;
    color: #3b3b3b;
}

body:after {
    content: '320';
    display: none;
}

.m-hide {
    display: none !important;
    visibility: hidden;
}

.content {
    margin: 0 auto 0.7em;
    padding: 0 11px;
}

.content h1 {
    padding-left: 0px;
}

.content:before, .content:after {
    display: table;
    content: "";
}

.content:after {
    clear: both;
}

.content--article {
    padding-left: 0;
}

.content--article .main, .content--article .complementary,
.content--article [role="main"], .content--article [role="complementary"] {
    padding-left: 7.13975%;
}

.content--article figure, .content--article table {
    margin: 0px 0px 0px -7.13975%;
}

.content--article figcaption {
    padding-left: 7.13975%;
}

/*content--article*/
.content--featured {
    min-height: 20px;
    margin: 0em 0em 1.4em 0em;
    padding: 11px;
    background-color: #eaedec;
    border: 1px solid #b4b7b6;
    border-radius: 3px;
}

.content--featured .media, .content--featured .media-body,
.content--featured .secondary {
    margin-bottom: 0;
}

/*content--featured*/
.content--news {
    margin-bottom: 0;
}

/*.cols--two .col--one { */
.col {
    margin: 0em 0em 1.4em 0em;
}

.line {
    margin-top: 1.4em !important;
    padding-top: 1.4em !important;
    border-top: 2px solid #b4b7b6;
}

hr {
    clear: both;
    display: block;
    margin: 1.4em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #b4b7b6;
}

img {
    max-width: 100%;
    border-width: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

.img-rounded {
    border-radius: 3px;
}

.img-polaroid {
    padding: 11px;
    background-color: white;
    border: 1px solid #b4b7b6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.img-circle {
    border-radius: 500px;
}

figure {
    margin-bottom: 1.4em;
}

figure img {
    margin-bottom: 0.7em;
}

figure figcaption {
    display: block;
    margin-bottom: 0.35em;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11.85185px;
    font-size: 1.18519rem;
    line-height: 1.4;
    color: #6e6e6e;
}

figure .credit {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #a1a1a1;
}

.header:before, .header:after {
    display: table;
    content: "";
}

.header:after {
    clear: both;
}

.header .btn {
    float: right;
    margin-top: 0.35em;
}

.header ul {
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 22px;
    -webkit-column-rule-color: transparent;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 0;
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 22px;
    -moz-column-rule-color: transparent;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 0;
    column-width: auto;
    column-count: 2;
    column-gap: 22px;
    column-rule-color: transparent;
    column-rule-style: solid;
    column-rule-width: 0;
}

.header li a {
    min-height: 44px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*header*/
.hfeed {
}

.hfeed .hentry {
    margin-bottom: 1.4em;
}

.hfeed .hentry .entry-title {
    margin-bottom: 0.175em;
    font-size: 16px;
    font-size: 1.6rem;
}

/*hfeed*/
.listings--articles {
    margin-bottom: 1.4em;
}

.listing {
    margin-top: 0.46667em;
    padding-top: 0.46667em;
    border-bottom: 1px solid #b4b7b6;
}

.listing:last-of-type {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.listing .secondary {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

/*listing*/
.listing__title {
    margin-bottom: 0.35em;
    font-size: 16px;
    font-size: 1.6rem;
}

.listing__title .ss-icon {
    margin-left: 22px;
    font-size: 10.66667px;
    font-size: 1.06667rem;
}

.listing__title .ss-icon:hover {
    text-decoration: none;
}

/*listing__title*/
.listing__meta {
    list-style-type: none;
}

.listing__meta li {
    display: inline-block;
    margin-right: 22px;
}

.listing__meta li:last-of-type {
    margin-left: 0;
}

/*listing__meta*/
.listing__category {
    margin-bottom: 0.35em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10.66667px;
    font-size: 1.06667rem;
}

.listing__content {
    margin-bottom: 0.35em;
}

.listing__published {
    display: inline-block;
    margin-right: 22px;
    color: #7b7b7b;
}

/*listing-archive*/
.listings--events {
}

.listings--events .vevent p:last-child {
    margin-bottom: 0;
}

/* istings--events */
.listing--lead .listing__title {
    font-size: 24px;
    font-size: 2.4rem;
}

/*listing--lead*/
.listings--results .tertiary {
    margin-bottom: 0;
}

/*listings--results*/
.listing--story {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.listings--seminars {
}

.listings--seminars .listing--lead .listing__title {
    font-size: 18.4px;
    font-size: 1.84rem;
}

.listings--seminars .listing--lead .secondary {
    margin-bottom: 1.4em;
}

/*listings--seminars*/
.listings--infographic .media-heading {
    font-size: 18.4px;
    font-size: 1.84rem;
}

/*listings--infographic*/
.list--toc {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15.2381px;
    font-size: 1.52381rem;
}

.list--toc ul {
    list-style-type: circle;
    font-size: 13.91304px;
    font-size: 1.3913rem;
}

.list--toc ol {
    list-style-type: decimal;
    font-size: 13.91304px;
    font-size: 1.3913rem;
}

.results-filters {
}

.results-filters ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.results-filters li {
    margin-bottom: 0.35em;
    padding-bottom: 0.35em;
    border-bottom: 1px solid whitesmoke;
}

.results-filters li:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.results-filters a {
    display: block;
}

.nav-expanding .nav-expanding__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-expanding li {
    margin-bottom: 0.35em;
    padding-bottom: 0.35em;
    border-bottom: 1px solid whitesmoke;
}

.nav-expanding li:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.nav-expanding li a {
    display: block;
}

/*nav-expanding*/
.promos {
    margin-bottom: 1.4em;
    background-color: #eaedec;
    border: 1px solid #b4b7b6;
    border-radius: 3px;
}

.promo__pct {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-pct.png) no-repeat 50% 0;
    background-size: Auto 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__madrid {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-madrid.png) no-repeat 50% 0;
    background-size: Auto 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__hague {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-hague.png) no-repeat 50% 0;
    background-size: Auto 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__adr {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-adr.png) no-repeat 50% 0;
    background-size: Auto 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__lisbon {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-lisbon.png) no-repeat 50% 0;
    background-size: Auto 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__gold {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-gold.png) no-repeat 50% 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__green {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-green.png) no-repeat 50% 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__imr {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-imr.png) no-repeat 50% 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__research {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-research.png) no-repeat 50% 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promo__vision {
    margin-top: 0.7em;
    height: 20px;
    background: transparent url(../images/promo-vision.png) no-repeat 50% 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.promos--three {
}

.promos--three .promo {
    padding: 0.93333em 11px 0.7em;
    border-bottom: 1px solid #b4b7b6;
}

.promos--three .promo:last-of-type {
    border-bottom-width: 0;
}

.promos--three a {
    display: block;
}

.promos--three a:hover * {
    text-decoration: none;
}

.promos--three h3 {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
}

.promos--three p {
    margin-bottom: 1.4em;
    text-align: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.promos--three small {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #526897;
}

/*promos--three*/
.promos--four {
    /*promo*/

}

.promos--four:first-of-type {
    border-bottom-width: 0;
}

.promos--four .promo {
    padding: 0.7em 11px;
    border-bottom: 1px solid #ebeceb;
    /*a*/
}

.promos--four .promo a {
    display: block;
}

.promos--four .promo a:hover * {
    text-decoration: none;
}

/*promos--four*/
.promo--branding {
    margin-bottom: 1.4em;
    padding: 1.575em 22px 1.4em;
    background-color: #eaedec;
    background-image: url(../images/promo-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    border: 1px solid #b4b7b6;
    border-radius: 3px;
}

.promo--branding:before, .promo--branding:after {
    display: table;
    content: "";
}

.promo--branding:after {
    clear: both;
}

.promo--branding .promo--branding__header {
    margin: 0 0 0.35em 0;
    background-position: 50% 0;
}

.promo--branding .secondary {
    text-align: center;
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.columns {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-column-width: auto;
    -webkit-column-count: 2;
    -webkit-column-gap: 22px;
    -webkit-column-rule-color: transparent;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    -moz-column-width: auto;
    -moz-column-count: 2;
    -moz-column-gap: 22px;
    -moz-column-rule-color: transparent;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
    column-width: auto;
    column-count: 2;
    column-gap: 22px;
    column-rule-color: transparent;
    column-rule-style: solid;
    column-rule-width: 1px;
}

.columns a {
    display: inline;
}

/*columns*/
.service {
    padding-top: 1.4em;
    border-top: 1px solid #b4b7b6;
}

.service .service__title:before, .service .service__title:after {
    display: table;
    content: "";
}

.service .service__title:after {
    clear: both;
}

.service .service__highlight {
    float: left;
    display: inline-block;
    margin: 0 11px 1.4em 0;
    padding: 3px 6px;
    background-color: #405176;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    letter-spacing: 1px;
    color: white;
}

.content--database .col {
    margin-bottom: 1.4em;
    border-bottom: 1px solid #b4b7b6;
}

.content--database input[type="text"] {
    margin-bottom: 1.4em;
}

.content--database ul.secondary li {
    display: inline-block;
    margin-right: 22px;
}

/*content--database*/
.nav-page {
}

.nav-page .nav-page__list {
    list-style-type: none;
    margin: 0;
    /*li*/
}

.nav-page .nav-page__list li {
    padding-bottom: 0.35em;
    border-bottom: 1px solid #b4b7b6;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.91304px;
    font-size: 1.3913rem;
}

.nav-page .nav-page__list li:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
}

.nav-page h2 {
    font-size: 16px;
    font-size: 1.6rem;
}

/* nav-page */
.groups {
    /* group__item */

}

.groups .group__header {
    margin-bottom: 0.35em;
    font-size: 16px;
    font-size: 1.6rem;
}

.groups .group__item {
    margin-bottom: 0.35em;
    padding-bottom: 0.35em;
    border-bottom: 1px solid #b4b7b6;
}

.groups .group__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
}

.groups p {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #bcbfbe;
}

h1, .h1 {
    padding-left: 11px;
    margin-bottom: 0.7em;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.4;
}

h2, .h2 {
    margin-bottom: 0.7em;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4;
}

h3, .h3 {
    margin-bottom: 0.93333em;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 1.3;
}

h4, .h4 {
    margin-bottom: 0.35em;
    font-size: 18px;
    font-size: 1.6rem;
    line-height: 1.25;
}

h4 span, .h4 span {
    display: inline-block;
    font-size: 10.66667px;
    font-size: 1.06667rem;
    font-weight: normal;
}

/*h4*/
h5, .h5 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0.7em;
    line-height: 1.21739em;
}

h6, .h6 {
    margin-bottom: 1.4em;
    font-size: 16px;
    font-size: 1.6rem;
}

p, ol, ul, dl, address {
    margin-bottom: 1.4em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4em;
    /* text-rendering : optimizelegibility; */
}

small {
    font-size: 12.8px;
    font-size: 1.28rem;
}

ul, ol {
    margin: 0.7em 0 1.4em 22px;
    padding: 0;
}

li ul, li ol {
    /* list-style-type: none;
    margin: 1.4em 0; */
    margin: 0.7em 0 0.7em 22px;
    font-size: 16px;
    font-size: 1.6rem;
}

ul.inline, ol.inline {
    list-style-type: none;
    margin-left: 0;
}

ul.inline > li, ol.inline > li {
    display: inline-block;
    padding-left: 11px;
    padding-right: 11px;
    border-right: 1px solid #b4b7b6;
}

ul.inline > li:last-child, ol.inline > li:last-child {
    padding-right: 0;
    border-right-width: 0;
}

blockquote {
    margin: 0 0 1.4em 0;
    font-style: normal;
    /*p*/
    /*pull-right*/
    /*quote-long*/
    /*quote-pull*/
}

blockquote p {
    font-size: 20px;
    font-size: 2rem;
}

blockquote p:first-of-type:before {
    content: '“';
}

blockquote p:last-of-type:after {
    content: '�';
}

blockquote small:before {
    content: '\00A0 \2014 ';
}

blockquote small:after {
    content: '';
}

blockquote.pull-right {
    float: right;
    /*small*/
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right;
}

blockquote.pull-right small:before {
    content: '';
}

blockquote.pull-right small:after {
    content: '\00A0 \2014';
}

blockquote cite {
    font-style: normal;
}

blockquote.quote-long p {
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
}

blockquote.quote-long p + p {
    text-indent: 22px;
}

blockquote.quote-long p:last-of-type {
    margin-bottom: 1.4em;
}

blockquote.quote-pull p {
    font-size: 24px;
    font-size: 2.4rem;
}

/*blockquote*/
q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

dl, dd {
    margin-bottom: 1.4em;
}

dt {
    font-weight: bold;
}

.dl-horizontal:before, .dl-horizontal:after {
    display: table;
    content: "";
}

.dl-horizontal:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    clear: left;
    width: 30.38869258%;
}

.dl-horizontal dd {
    margin-left: 32.99289258%;
}

/*dl-horizontal*/
abbr[title] {
    border-bottom: 1px dotted #b4b7b6;
    cursor: help;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

ins {
    background-color: #d6d8d7;
    color: #3b3b3b;
    text-decoration: none;
}

mark {
    background-color: #d6d8d7;
    color: #3b3b3b;
    font-style: italic;
    font-weight: bold;
}

pre, code, kbd, samp {
    font-family: Monaco, Courier New, monospace;
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 1.4em;
    color: #3c3c3c;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

sub, sup {
    position: relative;
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 0;
    /*vertical-align: 1.4em;*/
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

time {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    color: #7b7b7b;
}

header time {
    display: block;
    margin-bottom: 1.4em;
}

.intro {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 0.93333em;
}

.lead {
    font-size: 19.2px;
    font-size: 1.92rem;
}

.secondary {
    font-size: 13.91304px;
    font-size: 1.3913rem;
    color: #555555;
}

.tertiary {
    font-size: 12.8px;
    font-size: 1.28rem;
    color: #616161;
}

.meta {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    color: #616161;
}

.amp {
    font-family: Georgia, Garamond, Palatino, "Book Antiqua", serif;
}

.hgroup {
    margin-bottom: 1.4em;
}

.hgroup h2, .hgroup h3 {
    margin-bottom: 0;
}

/*hgroup*/
.footnotes li {
    margin-bottom: 0.7em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.30769px;
    font-size: 1.23077rem;
    line-height: 1.4;
}

/*footnotes*/
.list-related {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.list-related li {
    margin-bottom: 0.7em;
    line-height: 1.4;
}

/*list-related*/
.spaced {
    letter-spacing: 1px;
}

.featured {
    color: #616161;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11.85185px;
    font-size: 1.18519rem;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* main
    .main,
    [role="main"] {
    > h3,
    > .h3 {
    margin-top : $baselineheight * 2;
    padding-bottom : $baselineheight / 4;
    border-bottom : $borderwidth * 2 $borderstyle $bordercolor;
    &:first-child {
    margin-top : 0;
    padding-bottom : 0;
    border-bottom-width : 0; }
}
h2 + h3 {
    margin-top : 0;
    padding-bottom : 0;
    border-bottom-width : 0; }
} */
.dl-glossary dt, .dl-glossary dd {
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 1.5;
}

.dl-glossary dt + dd {
    margin-bottom: 0.7em;
}

.dl-glossary dd + dd {
    font-size: 11.85185px;
    font-size: 1.18519rem;
    color: #6e6e6e;
}

/*glossary*/
.vcard {
    margin-bottom: 1.4em;
    line-height: 1.5;
}

.org {
    font-weight: bold;
}

.adr {
    margin-bottom: 0.7em;
}

.col ul, .main ul, .complementary ul {
    list-style-type: none;
    margin-left: 0;
    padding: 0;
}

.col li {
    margin-bottom: 0.35em;
}

/*col*/
/*h2*/
.divider {
    padding-top: 1.4em;
    border-top: 1px solid #b4b7b6;
}

/*ul*/
ul.dividers {
    list-style-type: none;
}

.dividers li {
    padding-bottom: 0.35em;
    border-bottom: 1px solid #b4b7b6;
    /* font-size: 16px;
    font-size: 1.6rem; */
}

.dividers li:last-child {
    padding-bottom: 0;
    border-bottom-width: 0;
}

/*dividers*/
a {
    text-decoration: none;
    color: #526897;
}

a:visited {
    color: #526897;
}

a:hover {
    text-decoration: underline;
    color: #4e6390;
    cursor: pointer;
}

a:focus {
    outline: thin dotted;
    color: #526897;
}

a:hover, a:active {
    outline: 0;
}

.media a:hover {
    text-decoration: none;
}

::-moz-selection {
    background-color: #405176;
    color: white;
    text-shadow: none;
}

::selection {
    background-color: #405176;
    color: white;
    text-shadow: none;
}

.swatch {
    margin: 0 0 1.4em 0;
    padding: 0;
}

.swatch-row {
    display: block;
    margin: 0;
    padding: 0;
    width: 200px;
}

.swatch-row:before, .swatch-row:after {
    display: table;
    content: "";
}

.swatch-row:after {
    clear: both;
}

.swatch-row-one {
    background-color: black;
}

.swatch-row-two {
    background-color: white;
}

.swatch-row span {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
}

.swatch-base span:nth-child(1) {
    background-color: rgba(64, 81, 118, 0.9);
}

.swatch-base span:nth-child(2) {
    background-color: rgba(64, 81, 118, 0.8);
}

.swatch-base span:nth-child(3) {
    background-color: rgba(64, 81, 118, 0.7);
}

.swatch-base span:nth-child(4) {
    background-color: rgba(64, 81, 118, 0.6);
}

.swatch-secondary span:nth-child(1) {
    background-color: rgba(144, 133, 199, 0.9);
}

.swatch-secondary span:nth-child(2) {
    background-color: rgba(144, 133, 199, 0.8);
}

.swatch-secondary span:nth-child(3) {
    background-color: rgba(144, 133, 199, 0.7);
}

.swatch-secondary span:nth-child(4) {
    background-color: rgba(144, 133, 199, 0.6);
}

.swatch-accentcolor1 span:nth-child(1) {
    background-color: rgba(152, 38, 35, 0.9);
}

.swatch-accentcolor1 span:nth-child(2) {
    background-color: rgba(152, 38, 35, 0.8);
}

.swatch-accentcolor1 span:nth-child(3) {
    background-color: rgba(152, 38, 35, 0.7);
}

.swatch-accentcolor1 span:nth-child(4) {
    background-color: rgba(152, 38, 35, 0.6);
}

.swatch-accentcolor2 span:nth-child(1) {
    background-color: rgba(98, 164, 118, 0.9);
}

.swatch-accentcolor2 span:nth-child(2) {
    background-color: rgba(98, 164, 118, 0.8);
}

.swatch-accentcolor2 span:nth-child(3) {
    background-color: rgba(98, 164, 118, 0.7);
}

.swatch-accentcolor2 span:nth-child(4) {
    background-color: rgba(98, 164, 118, 0.6);
}

.swatch-neutral span:nth-child(1) {
    background-color: rgba(175, 178, 177, 0.9);
}

.swatch-neutral span:nth-child(2) {
    background-color: rgba(175, 178, 177, 0.8);
}

.swatch-neutral span:nth-child(3) {
    background-color: rgba(175, 178, 177, 0.7);
}

.swatch-neutral span:nth-child(4) {
    background-color: rgba(175, 178, 177, 0.6);
}

.swatch-error span:nth-child(1) {
    background-color: rgba(152, 38, 35, 0.9);
}

.swatch-error span:nth-child(2) {
    background-color: rgba(152, 38, 35, 0.8);
}

.swatch-error span:nth-child(3) {
    background-color: rgba(152, 38, 35, 0.7);
}

.swatch-error span:nth-child(4) {
    background-color: rgba(152, 38, 35, 0.6);
}

.swatch-info span:nth-child(1) {
    background-color: rgba(255, 255, 255, 0.9);
}

.swatch-info span:nth-child(2) {
    background-color: rgba(255, 255, 255, 0.8);
}

.swatch-info span:nth-child(3) {
    background-color: rgba(255, 255, 255, 0.7);
}

.swatch-info span:nth-child(4) {
    background-color: rgba(255, 255, 255, 0.6);
}

.swatch-success span:nth-child(1) {
    background-color: rgba(216, 232, 221, 0.9);
}

.swatch-success span:nth-child(2) {
    background-color: rgba(216, 232, 221, 0.8);
}

.swatch-success span:nth-child(3) {
    background-color: rgba(216, 232, 221, 0.7);
}

.swatch-success span:nth-child(4) {
    background-color: rgba(216, 232, 221, 0.6);
}

.topics {
    /*topics__topic*/

}

.topics .topics__topic {
    margin-bottom: 1.4em;
    padding-bottom: 1.4em;
    border-bottom: 1px solid #b4b7b6;
}

.topics .topics__topic h3 {
    margin-top: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
}

/*topics*/
a.a-icon-video {
    padding-right: 22px;
    background: transparent url(../images/a-icon-video.png) no-repeat 100% 50%;
}

a.a-icon-blue-xls {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-xls.png) no-repeat 100% 50%;
}

a.a-icon-blue-chart {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-chart.png) no-repeat 100% 50%;
}

a.a-icon-blue-zip {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-zip.png) no-repeat 100% 50%;
}

a.a-icon-blue-pdf {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-pdf.png) no-repeat 100% 50%;
}

a.a-icon-blue-ppt {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-ppt.png) no-repeat 100% 50%;
}

a.a-icon-blue-scribd {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-scribd.png) no-repeat 100% 50%;
}

a.a-icon-blue-doc {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-doc.png) no-repeat 100% 50%;
}

a.a-icon-blue-htm {
    padding-right: 22px;
    background: transparent url(../images/a-icon-blue-htm.png) no-repeat 100% 50%;
}

a.a-icon-neutral-xls {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-xls.png) no-repeat 100% 50%;
}

a.a-icon-neutral-pdf {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-pdf.png) no-repeat 100% 50%;
}

a.a-icon-neutral-ppt {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-ppt.png) no-repeat 100% 50%;
}

a.a-icon-neutral-scribd {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-scribd.png) no-repeat 100% 50%;
}

a.a-icon-neutral-doc {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-doc.png) no-repeat 100% 50%;
}

a.a-icon-neutral-htm {
    padding-right: 22px;
    background: transparent url(../images/a-icon-neutral-htm.png) no-repeat 100% 50%;
}

.accordion {
    margin-bottom: 1.4em;
}

.accordion__group {
    position: relative;
}

.accordion__heading {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.accordion__heading .accordion__toggle {
    display: block;
    padding: 11px 0;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}

/*accordion__heading*/
.accordion__inner {
    padding: 11px 0 0 0;
}

.accordion__inner h3 {
    margin-bottom: 0.35em;
}

.accordion__inner li {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.accordion__inner dt, .accordion__inner dd {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    font-size: 1.6rem;
}

/*accordion__inner*/
.collapse {
    overflow: hidden;
    position: relative;
    height: 0px;
    -webkit-transition: height 0.25s ease-in;
    -moz-transition: height 0.25s ease-in;
    -ms-transition: height 0.25s ease-in;
    -o-transition: height 0.25s ease-in;
    transition: height 0.25s ease-in;
    opacity: 0;
}

.collapse.in, .in.collapse {
    height: auto;
    opacity: 1;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.topics .accordion__toggle {
    padding: 0;
}

/*topics*/
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 1.4em;
    background-color: #cfd3dd;
    border: 2px solid #939cb3;
    border-radius: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #13151b;
}

.alert > h4 {
    margin: 0;
    color: #13151b;
}

/*alert*/
.alert--success {
    background-color: #d8e8dd;
    border-color: #b8d5c1;
    color: #487957;
}

.alert--success > h4 {
    color: #487957;
}

/*alert--success*/
.alert--danger, .alert--error {
    background-color: #982623;
    border-color: #6f1c19;
    color: #fcf1f1;
}

.alert--danger > h4, .alert--error > h4 {
    color: #fcf1f1;
}

/*alert--error*/
.alert--info {
    background-color: white;
    border-color: #e6e6e6;
    color: #404040;
}

.alert--info > h4 {
    color: #404040;
}

/*alert--info*/
.alert--block {
    padding-top: 14px;
    padding-bottom: 14px;
}

.alert--block > p, .alert--block > ul {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

.alert--block > p + p {
    margin-top: 5px;
}

/*alert--block*/
.ocms {
    padding: 14px;
    margin-bottom: 1.4em;
    border-radius: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

.ocms--layout-container {
    background-color: #FFFF99;
    border: 2px solid #FFFF33;
    color: #13151b;
}

.ocms--element-container {
    background-color: #33FF99;
    border: 2px solid #33FF33;
    color: #13151b;
}

/*ocms--block*/
.display_archive {
    margin-bottom: 20px;
}

/*mailchimp*/
.nav-breadcrumb {
    list-style-type: none;
    margin: 0 11px 1.4em;
    padding-left: 0;
    background-color: transparent;
    border-bottom: 1px solid #b4b7b6;
    border-radius: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13.91304px;
    font-size: 1.3913rem;
    color: #3b3b3b;
}

.nav-breadcrumb:before, .nav-breadcrumb:after {
    display: table;
    content: "";
}

.nav-breadcrumb:after {
    clear: both;
}

.nav-breadcrumb a {
    display: block;
    padding: 0.7em 11px;
    color: #526897;
}

.nav-breadcrumb .nav-breadcrumb__one a {
    background-color: #afbad3;
}

.nav-breadcrumb .nav-breadcrumb__two a {
    background-color: #bfc8dc;
}

.nav-breadcrumb .nav-breadcrumb__three a {
    background-color: #d0d6e5;
}

.nav-breadcrumb .nav-breadcrumb__four a {
    background-color: #e0e5ee;
}

.nav-breadcrumb .nav-breadcrumb__five a {
    background-color: #f1f3f7;
}

.nav-breadcrumb .nav-breadcrumb__six a {
    background-color: white;
}

/*nav-breadcrumb*/
.carousel {
    position: relative;
    margin-bottom: 1.4em;
    line-height: 1;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: left 0.25s ease;
    -moz-transition: left 0.25s ease;
    -ms-transition: left 0.25s ease;
    -o-transition: left 0.25s ease;
    transition: left 0.25s ease;
}

.carousel-inner > .item > img {
    display: block;
    line-height: 1;
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

/*carousel-inner*/
.carousel-control {
    position: absolute;
    top: 50%;
    left: -22px;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    font-size: 60px;
    font-weight: 100;
    line-height: 40px;
    color: white;
    text-align: center;
    background-color: #526897;
    border-radius: 23px;
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

.carousel-control.right {
    left: auto;
    right: -22px;
}

.carousel-control:hover {
    background-color: #495c87;
    color: white;
    text-decoration: none;
}

/*carousel-control*/
.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background-color: #959998;
    background-color: rgba(0, 0, 0, 0.75);
}

.carousel-caption h4, .carousel-caption p {
    color: white;
    line-height: 1.4em;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hero-unit {
    margin-bottom: 0.7em;
    padding: 22px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #3b3b3b;
    /*p*/
}

.hero-unit p {
    font-size: 20px;
    font-size: 2rem;
}

.hero-unit p:last-child {
    margin-bottom: 0;
}

/*hero-unit*/
.media, .media-body {
    overflow: hidden;
}

.media {
    margin-bottom: 1.4em;
}

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 0.7em 0;
}

.media-list {
    margin-left: 0;
    list-style-type: none;
}

.media cite {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.media blockquote p {
    margin-bottom: 0.35em;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.media--spotlight time {
    display: block;
    margin-bottom: 0.7em;
}

.media--spotlight .media-heading {
    font-size: 13.91304px;
    font-size: 1.3913rem;
}

/*media--spotlight*/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: black;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
}

.modal {
    position: fixed;
    z-index: 1050;
    top: 10%;
    left: 50%;
    margin-left: -280px;
    /* width: 560px; */
    background-color: #fafafa;
    border: 1px solid #b4b7b6;
    border-radius: 3px;
    outline: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity 0.25s linear, top 0.25s ease-out;
    -moz-transition: opacity 0.25s linear, top 0.25s ease-out;
    -o-transition: opacity 0.25s linear, top 0.25s ease-out;
    transition: opacity 0.25s linear, top 0.25s ease-out;
}

.modal.fade.in {
    top: 10%;
}

.modal-header {
    padding: 0.7em 22px;
    border-bottom: 1px solid #b4b7b6;
}

.modal-header .close {
    float: right;
    margin-top: 2px;
    background-color: #405176;
    border: 1px solid #374665;
    border-bottom-color: #374665;
    border-radius: 22px;
    cursor: pointer;
    color: white;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-body {
    position: relative;
    /* max-height: 400px; */
    padding: 1.4em 22px;
    overflow-y: auto;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 0.7em 22px;
    margin-bottom: 0;
    text-align: right;
    border-top: 1px solid #b4b7b6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.modal-footer:before, .modal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

.modal.hide {
    display: none;
}

.nav {
    list-style-type: none;
    margin: 0 0 1.4em 0;
    margin-bottom: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.nav > li > a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 12.8px;
    font-size: 1.28rem;
}

.nav > li > a:hover {
    text-decoration: none;
    background-color: rgba(82, 104, 151, 0.25);
}

.nav > li > a > img {
    max-width: none;
}

.nav > .pull-right {
    float: right;
}

.nav-header {
    display: block;
    padding: 3px 11px;
    font-size: 12.8px;
    font-size: 1.28rem;
    font-weight: bold;
    line-height: 1.4em;
    text-transform: uppercase;
}

.nav li + .nav-header {
    margin-top: 9px;
}

.nav-list {
    padding-left: 11px;
    padding-right: 11px;
    margin-bottom: 0;
}

.nav-list > li > a, .nav-list .nav-header {
    margin-left: -11px;
    margin-right: -11px;
}

.nav-list > li > a {
    padding: 3px 15px;
    color: #526897;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
    color: white;
    background-color: #526897;
}

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
    margin-right: 2px;
}

.nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after {
    display: table;
    content: "";
}

.nav-tabs:after, .nav-pills:after {
    clear: both;
}

.nav-tabs > li, .nav-pills > li {
    float: left;
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 11px;
    padding-left: 11px;
    margin-right: 2px;
    line-height: 14px;
}

.nav-tabs {
    border-bottom: 1px solid #b4b7b6;
    border-bottom: 1px solid #b4b7b6;
    width: 100%;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.4em;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0;
}

.nav-tabs > li > a:hover {
    border-color: #c9cbca #c9cbca #b4b7b6;
    border-bottom-color: transparent;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: #526897;
    background-color: #fafafa;
    border: 1px solid #b4b7b6;
    border-bottom-color: transparent;
    cursor: default;
}

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 12px;
    color: #526897;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    color: white;
    background-color: #526897;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li > a {
    margin-right: 0;
}

.nav-tabs.nav-stacked {
    border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
    border: 1px solid #b4b7b6;
    border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.nav-tabs.nav-stacked > li:last-child > a {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.nav-tabs.nav-stacked > li > a:hover {
    border-color: #b4b7b6;
    z-index: 2;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
}

.tabbable {
    padding: 0;
}

.tabbable:before, .tabbable:after {
    display: table;
    content: "";
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
    display: flex
}

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane, .pill-content > .pill-pane {
    display: none;
}

.tab-content > .active, .pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #b4b7b6;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    border-radius: 0 0 3px 3px;
}

.tabs-below > .nav-tabs > li > a:hover {
    border-bottom-color: #b4b7b6;
    border-top-color: transparent;
}

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #b4b7b6 #b4b7b6 #b4b7b6;
}

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #b4b7b6;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    border-radius: 3px 0 0 3px;
}

.tabs-left > .nav-tabs > li > a:hover {
    border-color: #c9cbca #b4b7b6 #c9cbca #c9cbca;
    border-right-color: transparent;
}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
    border-color: #b4b7b6 transparent #b4b7b6 #b4b7b6;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    padding: 0;
    border-left: 1px solid #b4b7b6;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
}

.tabs-right > .nav-tabs > li > a:hover {
    border-color: #c9cbca #c9cbca #c9cbca #b4b7b6;
    border-left-color: transparent;
}

.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
    border-color: #b4b7b6 #b4b7b6 #b4b7b6 transparent;
}

.nav > .disabled > a {
    color: #bcbfbe;
}

.nav > .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
}

.nav-az {
    margin: 0 0 1.4em 0;
}

.nav-az ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
}

.nav-az ul > li {
    display: inline;
}

.nav-az ul > li > a, .nav-az ul > li > span {
    float: left;
    padding: 4px 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 1.4em;
    text-decoration: none;
    background-color: white;
    border: 1px solid #b4b7b6;
    border-left-width: 0;
    color: #526897;
}

.nav-az ul > li > a:hover {
    background-color: #d6d8d7;
    color: #3b3b3b;
}

.nav-az ul > .active > a, .nav-az ul > .active > span {
    background-color: #526897;
    color: white;
    text-decoration: none;
    cursor: default;
}

.nav-az ul > .active > a:hover {
    background-color: rgba(64, 81, 118, 0.15);
}

.nav-az ul > .disabled > span, .nav-az ul > .disabled > a, .nav-az ul > .disabled > a:hover {
    background-color: transparent;
    color: #bcbfbe;
    cursor: default;
}

.nav-az ul > li:first-child > a, .nav-az ul > li:first-child > span {
    background-color: #d6d8d7;
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #3b3b3b;
}

.nav-az ul > li:last-child > a, .nav-az ul > li:last-child > span {
    background-color: #d6d8d7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #3b3b3b;
}

.nav-az--centered {
    text-align: center;
}

.nav-az--right {
    text-align: right;
}

.nav-az--large ul > li > a, .nav-az--large ul > li > span {
    padding: 8px 22px;
    font-size: 16px;
    font-size: 1.6rem;
}

.nav-az--small ul > li > a, .nav-az--small ul > li > span {
    padding: 4px 11px;
    font-size: 14px;
    font-size: 1.4rem;
}

.nav-az--mini ul > li > a, .nav-az--mini ul > li > span {
    padding: 2px 5px;
    font-size: 12px;
    font-size: 1.2rem;
}

.navbar {
    overflow: visible;
    margin: 0 0 1.4em 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar__inner {
    min-height: 44px;
    padding-left: 22px;
    padding-right: 22px;
    background-color: white;
    border: 1px solid #b4b7b6;
    border-radius: 4px;
}

.navbar__inner:before, .navbar__inner:after {
    display: table;
    content: "";
}

.navbar__inner:after {
    clear: both;
}

.navbar .container {
    width: auto;
}

.nav-collapse.collapse {
    overflow: visible;
    height: auto;
}

.navbar__brand {
    float: left;
    display: block;
    padding: 0.7em 22px;
    font-size: 12.8px;
    font-size: 1.28rem;
    color: #405176;
}

.navbar__brand:hover {
    text-decoration: none;
}

/*navbar__brand*/
.navbar-text {
    margin-bottom: 0;
    line-height: 44px;
    color: #3b3b3b;
}

.navbar-link {
    color: #526897;
}

.navbar-link:hover {
    color: #4e6390;
}

/*navbar-text*/
.navbar .divider-vertical {
    height: 44px;
    margin: 0;
    border-left: 1px solid #b4b7b6;
    border-right: 1px solid #ced0cf;
}

.navbar .nav {
    display: block;
    position: relative;
    left: 0;
    float: left;
    margin: 0 11px 0 0;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
}

.navbar .nav > li {
    float: left;
}

.navbar .nav > li > a {
    float: none;
    padding: 0.7em 22px;
    color: #526897;
    font-size: 12.8px;
    font-size: 1.28rem;
    text-decoration: none;
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
    background-color: rgba(82, 104, 151, 0.25);
    color: #4e6390;
    text-decoration: none;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: rgba(64, 81, 118, 0.15);
    color: #3b3b3b;
    text-decoration: none;
}

.nav-internal {
    position: relative;
    overflow: hidden;
    height: 3.2em;
    -webkit-transition: height 0.25s linear;
    -moz-transition: height 0.25s linear;
    -ms-transition: height 0.25s linear;
    -o-transition: height 0.25s linear;
    transition: height 0.25s linear;
    /*ul*/
}

.nav-internal.active {
    height: 13.6em;
}

.nav-internal ul {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    /*li*/
}

.nav-internal ul li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
}

.nav-internal ul li a {
    display: block;
    padding: 1em;
    border-bottom: 1px solid #000;
}

.nav-internal ul li:last-child a {
    border-bottom: 0;
}

.nav-internal #nav-internal__trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    font-size: 2em;
    padding: 0 .5em 0.2em;
}

/*nav-internal*/
ul.dot__list {
    list-style-type: disc;
    padding-left: 22px;
}

.main ul.dot__list, .complementary ul.dot__list {
    padding-left: auto;
}

ul.circle {
    padding-left: 22px;
    list-style-type: circle;
}

ul.square {
    padding-left: 22px;
    list-style-type: square;
}

ol.upper-roman {
    padding-left: 22px;
    list-style-type: upper-roman;
}

ol.lower-alpha {
    padding-left: 22px;
    list-style-type: lower-alpha;
}

video {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.fluid-wrap { /* 16:9 */
    position: relative;
    /* padding-bottom: 56.25%;
    height: 0; */
}

.fluid-wrap object, .fluid-wrap embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 640px;
    min-height: 480px;
}

.fluid-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.required {
    color: rgba(152, 38, 35, 0.9);
}

.field-secondary {
    max-width: 200px;
}

/* add "Back to top" link in footer */
body.theme--applications footer small {
    display: block;
    padding-top: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    text-align: center;
}

body.theme--applications footer small a {
    display: block;
    height: 44px;
}

/* hide all breadcrumb items */
body.theme--applications ul.nav-breadcrumb li {
    display: none;
}

/* display second to last */
body.theme--applications ul.nav-breadcrumb li:nth-last-child(2) {
    display: list-item;
}

/* add a left caret */
body.theme--applications ul.nav-breadcrumb li:nth-last-child(2) a:before {
    content: "< ";
}

/* columns-text 2014-11-24 */
.columns-text {
    -moz-column-width: 12em;
    -webkit-column-width: 12em;
    column-width: 12em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    -moz-column-fill: balance;
    -webkit-column-fill: balance;
    column-fill: balance;
}

.columns-text p {
    margin-bottom: 1.2em;
}

@media all and (min-width: 32em) {
    .nav-internal.active {
        height: 3.2em;
    }

    .nav-internal {
        margin-bottom: 1.4em;
        margin-right: 1.4em;
        background-color: transparent;
        border: 1px solid #b4b7b6;
        border-radius: 3px;
        /*ul*/
    }

    .nav-internal ul {
        padding: 0.7em 11px;
        /*li*/
    }

    .nav-internal ul li {
        display: inline-block;
        font-weight: bold;
    }

    .nav-internal ul li a {
        display: inline;
        padding: 0;
        border-width: 0;
        font-weight: normal;
    }

    .nav-internal ul li:after {
        content: '';
        padding: 0 11px;
        color: #a2a5a4;
    }

    .nav-internal ul li.last:before, .nav-internal ul li.last:after {
        content: '';
    }

    /*nav-internal*/
    .nav-internal #nav-internal__trigger {
        display: none;
    }
}

/*media*/
.pager {
    list-style-type: none;
    margin: 1.4em 0;
    padding: 0;
    text-align: center;
}

.pager:before, .pager:after {
    display: table;
    content: "";
}

.pager:after {
    clear: both;
}

.pager li {
    display: inline;
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 4px 11px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    color: #526897;
}

.pager li > a:hover {
    text-decoration: none;
    background-color: #e6e6e6;
}

.pager .next > a, .pager .next > span {
    float: right;
}

.pager .previous > a, .pager .previous > span {
    float: left;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span {
    color: #3b3b3b;
    background-color: transparent;
    cursor: default;
}

.nav-pagination {
    margin: 0 0 1.4em 0;
}

.nav-pagination ul {
    display: inline-block;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
}

.nav-pagination ul > li {
    display: inline;
}

.nav-pagination ul > li > a, .nav-pagination ul > li > span {
    float: left;
    padding: 4px 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 1.4em;
    text-decoration: none;
    background-color: white;
    border: 1px solid #b4b7b6;
    border-left-width: 0;
    color: #526897;
}

.nav-pagination ul > li > a:hover {
    background-color: #d6d8d7;
    color: #3b3b3b;
}

.nav-pagination ul > .active > a, .nav-pagination ul > .active > span {
    background-color: #526897;
    color: white;
    text-decoration: none;
    cursor: default;
}

.nav-pagination ul > .active > a:hover {
    background-color: rgba(64, 81, 118, 0.15);
}

.nav-pagination ul > .disabled > span, .nav-pagination ul > .disabled > a,
.nav-pagination ul > .disabled > a:hover {
    background-color: transparent;
    color: #bcbfbe;
    cursor: default;
}

.nav-pagination ul > li:first-child > a, .nav-pagination ul > li:first-child > span {
    background-color: #d6d8d7;
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #3b3b3b;
}

.nav-pagination ul > li:last-child > a, .nav-pagination ul > li:last-child > span {
    background-color: #d6d8d7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #3b3b3b;
}

.nav-pagination--centered {
    text-align: center;
}

.nav-pagination--right {
    text-align: right;
}

.nav-pagination--large ul > li > a, .nav-pagination--large ul > li > span {
    padding: 8px 22px;
    font-size: 16px;
    font-size: 1.6rem;
}

.nav-pagination--small ul > li > a, .nav-pagination--small ul > li > span {
    padding: 4px 11px;
    font-size: 14px;
    font-size: 1.4rem;
}

.nav-pagination--mini ul > li > a, .nav-pagination--mini ul > li > span {
    padding: 2px 5px;
    font-size: 12px;
    font-size: 1.2rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
    max-width: 276px;
    text-align: left;
    background-color: #405176;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    border: 2px solid #374665;
    border-radius: 3px;
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

/*popover*/
.popover-title {
    margin: 0;
    padding: 11px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    background-color: #405176;
    border-bottom: 2px solid #374665;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: white;
}

.popover-title:empty {
    display: none;
}

/*popover-title*/
.popover-content {
    padding: 0.7em 11px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    line-height: 1.21739em;
    color: white;
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    border-width: 11px;
    content: "";
}

.popover {
    /*top*/
    /*right*/
    /*bottom*/
    /*left*/

}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #374665;
    bottom: -11px;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #405176;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #374665;
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -11px;
    border-left-width: 0;
    border-right-color: #405176;
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #374665;
    top: -11px;
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #405176;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #374665;
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #405176;
    bottom: -11px;
}

/*popover*/
table {
    max-width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 4px;
    border-color: grey;
    background-color: transparent;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table ul {
    list-style-type: none;
}

/*table*/
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.4em;
}

.table th, .table td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #b4b7b6;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    text-align: left;
}

.table td p, .table td li {
    font-size: 14px;
    font-size: 1.4rem;
}

.table td ul.dot__list {
    padding-left: 0;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
}

.table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody + tbody {
    border-top: 2px solid #b4b7b6;
}

.table tbody tr td, .table tbody tr th {
    -webkit-transition: background-color 0.25s ease;
    -moz-transition: background-color 0.25s ease;
    -ms-transition: background-color 0.25s ease;
    -o-transition: background-color 0.25s ease;
    transition: background-color 0.25s ease;
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #e8eae8;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #b4b7b6;
    border-left: 0;
    border-collapse: separate;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #b4b7b6;
}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f5f6f5;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #e8eae8;
}

.main [scope="row"] {
    width: 14em;
}

.table-calendar__weekend th, .table-calendar__weekend td {
    background-color: #d6d8d7;
}

.table-calendar__date {
    width: 60px;
    font-size: 24px;
    font-weight: normal;
}

.table-calendar__numeral {
    font-size: 24px;
}

.table-calendar__day {
    position: relative;
    top: -3px;
    display: inline-block;
    font-size: 12px;
}

.table-calendar__data a {
    display: block;
    margin-bottom: 0.35em;
}

.table-calendar__data a:before, .table-calendar__data a:after {
    display: table;
    content: "";
}

.table-calendar__data a:after {
    clear: both;
}

.table-calendar__country {
    display: block;
}

.td-status--active {
    font-weight: bold;
}

.td-status--suspended {
    color: #7b7b7b;
}

.table-finance .th-logo {
    width: 100px;
}

.table-finance .td-find {
    width: 160px;
}

.table-finance .td-for {
    width: 120px;
}

.table-finance .td-tags {
    width: 120px;
}

/*table-finance*/
.td-action {
    width: 33px;
    padding: 0;
}

.td-action a {
    display: block;
    height: 22px;
    width: 22px;
    background: transparent url(../images/actionsx2x.png) no-repeat 0 0;
    -webkit-background-size: auto 22px;
    -moz-background-size: auto 22px;
    -o-background-size: auto 22px;
    background-size: auto 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.td-action .a-delete {
    background-position: 0 0;
}

.td-action .a-modify {
    background-position: -22px 0;
}

.td-action .a-activate {
    background-position: -44px 0;
}

/*td-action*/
/* responsive table - @andy, refactor in to SCSS, move break points etc */
table.enhanced th, table.enhanced td {
    display: none;
}

.lt-ie9 table.enhanced th.essential, .lt-ie9 table.enhanced td.essential {
    display: inline;
}

table.enhanced th.essential, table.enhanced td.essential {
    display: table-cell;
}

.table-wrapper {
    position: relative;
    margin-top: 2em;
}

.table-menu-wrapper {
    position: absolute;
    top: -3.5em;
    right: 0;
}

.table-menu {
    position: absolute;
    right: 0;
    left: auto;
    width: 12em;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.table-menu-hidden {
    left: -999em;
    right: auto;
}

.table-menu-btn {
    padding: 0.3em 10px;
    text-decoration: none;
    color: #333;
    border: 1px solid #ccc;
    background: #eee;
}

.table-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.table-menu li {
    padding: 0;
}

.table-menu li label {
    display: inline;
    padding-left: 5px;
}

@media screen and (min-width: 500px) {
    .lt-ie9 table.enhanced th.optional, .lt-ie9 table.enhanced td.optional {
        display: inline;
        margin: 0px 15px 0px 0px
    }

    table.enhanced th.optional, table.enhanced td.optional {
        display: table-cell;
    }
}

@media screen and (min-width: 800px) {
    .lt-ie9 table.enhanced th, .lt-ie9 table.enhanced td {
        display: inline;
    }

    table.enhanced th, table.enhanced td {
        display: table-cell;
    }
}

.tooltip {
    position: absolute;
    z-index: 1000;
    display: block;
    visibility: visible;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
}

.tooltip.in {
    -webkit-opacity: 80;
    -moz-opacity: 80;
    opacity: 80;
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

/*tooltip*/
.fade {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s linear;
    -moz-transition: opacity 0.25s linear;
    -ms-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.fade.in {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.7em 11px;
    background-color: #405176;
    border-radius: 3px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: white;
    text-align: center;
    text-decoration: none;
}

/*tooltip-inner */
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #405176;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #405176;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #405176;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #405176;
}

/*tooltip*/
.box {
    min-height: 20px;
    padding: 11px;
    margin-bottom: 1.4em;
    background-color: #eaedec;
    border: 1px solid #b4b7b6;
    border-radius: 3px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #3b3b3b;
    /*box__list*/
}

.box p:last-child {
    margin-bottom: 0;
}

.box figure {
    margin-bottom: 0;
}

.box table {
    margin-bottom: 0;
}

.box .columns {
    margin-bottom: 1.4em;
}

.box .box__header {
    margin-bottom: 0.7em;
    font-size: 17.5px;
    font-size: 1.75rem;
}

.box .box__header:before, .box .box__header:after {
    display: table;
    content: "";
}

.box .box__header:after {
    clear: both;
}

.box .box__header--divider {
    padding-top: 0.7em;
    border-top: 1px solid #b4b7b6;
}

.box .box__all {
    float: right;
    margin-left: 22px;
    font-size: 11.2px;
    font-size: 1.12rem;
    font-weight: normal;
}

.box .box__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.box .box__list li {
    margin-bottom: 0.35em;
}

/*box*/
.box--large {
    padding: 22px;
}

.box--small {
    padding: 5.5px;
    font-size: 11.2px;
    font-size: 1.12rem;
}

.well {
    min-height: 20px;
    padding: 11px;
    margin-bottom: 1.4em;
    background-color: #d6d8d7;
    border: 2px solid #bcbfbe;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 22px #a2a5a4;
    -moz-box-shadow: inset 0 1px 22px #a2a5a4;
    box-shadow: inset 0 1px 22px #a2a5a4;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #3b3b3b;
}

.well p:last-child {
    margin-bottom: 0;
}

.well--large {
    padding: 22px;
    -webkit-box-shadow: inset 0 1px 44px #a2a5a4;
    -moz-box-shadow: inset 0 1px 44px #a2a5a4;
    box-shadow: inset 0 1px 44px #a2a5a4;
}

.well--small {
    padding: 5.5px;
    -webkit-box-shadow: inset 0 1px 11px #a2a5a4;
    -moz-box-shadow: inset 0 1px 11px #a2a5a4;
    box-shadow: inset 0 1px 11px #a2a5a4;
    font-size: 11.2px;
    font-size: 1.12rem;
}

form {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.edition-version-form {
    margin: 0 0 0.4em 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

form p {
    margin-bottom: 0.7em;
    font-size: 14px;
    font-size: 1.4rem;
}

form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

form br {
    display: none;
}

fieldset {
    margin-bottom: 0.7em;
    padding: 0;
    border-width: 0;
}

fieldset:last-of-type {
    margin-bottom: 0;
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 2.8em;
    padding: 0 0 0.7em 0;
    border: 0;
    color: #3b3b3b;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.4em;
    white-space: normal;
}

legend small {
    font-size: 1.05em;
    color: #555555;
}

label, input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
    margin-bottom: 0.35em;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"] {
    display: inline-block;
    /* margin-bottom: 0.7em; */
    padding: 6px 11px;
    font-size: 14px;
    font-size: 1.4rem;
    /* line-height: 1.4em; */
    color: inherit;
    border-radius: 3px;
    vertical-align: middle;
}

.touch textarea, .touch input[type="text"], .touch input[type="password"],
.touch input[type="datetime"], .touch input[type="datetime-local"],
.touch input[type="date"], .touch input[type="month"], .touch input[type="time"],
.touch input[type="week"], .touch input[type="number"], .touch input[type="email"],
.touch input[type="url"], .touch input[type="search"], .touch input[type="tel"] {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0)),
    to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0));
}

/*touch*/
input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="month"], input[type="time"], input[type="week"] {
    display: -webkit-inline-flex;
}

input, textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    height: auto;
    resize: vertical;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    background-color: white;
    border: 1px solid #b4b7b6;
    border-top-color: #9a9e9d;
    border-left-color: #9a9e9d;
}

textarea:hover, input[type="text"]:hover, input[type="password"]:hover,
input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover,
input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover,
input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover {
    border-color: #9a9e9d;
    border-top-color: #808583;
    border-left-color: #808583;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border-color: #737877;
    border-top-color: #5a5e5d;
    border-left-color: #5a5e5d;
    outline: 0;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    line-height: normal;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"],
input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto;
}

select {
    /* height:2.2em; */
    padding: 0.4rem;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a2a5a4;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a2a5a4;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a2a5a4;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
    color: #a2a5a4;
}

.radio, .checkbox {
    min-height: 1.4em;
    font-size: 14px;
    font-size: 1.4rem;
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    position: relative;
    top: 0;
    float: left;
    margin-right: 11px;
}

.controls > .radio:first-child, .controls > .checkbox:first-child {
    padding-top: 5px;
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
    margin-left: 11px;
}

.input-mini {
    width: 60px;
}

.input-small {
    width: 90px;
}

.input-medium {
    width: 150px;
}

.input-large {
    width: 210px;
}

.input-xlarge {
    width: 270px;
}

.input-xxlarge {
    width: 530px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly],
select[readonly], textarea[readonly] {
    opacity: .25;
}

.form-actions {
    margin-top: 1.4em;
    margin-bottom: 1.4em;
    padding: 0.4em 22px 1.4em;
}

.form-actions:before, .form-actions:after {
    display: table;
    content: "";
}

.form-actions:after {
    clear: both;
}

[placeholder]:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 0.25s 0.5s ease;
}

.filters {
    margin-bottom: 1.4em;
}

.filter {
    padding: 11px;
    background-color: #f5f6f5;
}

.filter ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
}

/*filter*/
.help-block, .help-inline {
    color: #555555;
    font-size: 11.2px;
    font-size: 1.12rem;
    line-height: 1.4;
}

.help-block {
    display: block;
    margin-bottom: 0.7em;
}

.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 11px;
}

.help-block, .help-inline {
    color: #555555;
}

.help-block {
    display: block;
    margin-bottom: 0.7em;
}

.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 22px;
}

.form-search {
    position: relative;
}

.form-search .search-query {
    min-height: 44px;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form-search .btn {
    position: absolute;
    top: 3px;
    right: -1px;
    height: 42px;
    border-radius: 0;
    text-align: center;
}

/*form-search*/
.btn {
    display: inline-block;
    padding: 0.35em 22px;
    margin-bottom: 0;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-color: #405176;
    border: 1px solid #374665;
    border-bottom-color: #374665;
    border-radius: 22px;
    cursor: pointer;
}

.btn:visited, .btn:hover, .btn:active {
    color: #f2f2f2;
    text-decoration: none;
}

/*btn*/
.btn-disabled {
    opacity: .5;
    cursor: default;
}

.btn-error {
    background-color: #982623;
    border-color: #6f1c19;
    border-bottom-color: #451110;
    color: white;
}

.btn-error:visited, .btn-error:active, .btn-error:hover {
    background-color: #6f1c19;
    color: #f2f2f2;
}

/*btn-error*/
.btn-info {
    padding: 6px 22px;
    background-color: white;
    border-color: #b4b7b6;
    border-radius: 20px;
    color: #3b3b3b;
    -webkit-transition: background-color 0.25s ease-in;
    -moz-transition: background-color 0.25s ease-in;
    -ms-transition: background-color 0.25s ease-in;
    -o-transition: background-color 0.25s ease-in;
    transition: background-color 0.25s ease-in;
}

.btn-info:visited, .btn-info:active {
    background-color: white;
    color: #3b3b3b;
}

.btn-info:hover {
    color: #222222;
}

/*btn-info*/
.btn-inverse {
    background-color: #20283c;
    border-color: #0e121b;
    border-bottom-color: black;
    color: white;
}

.btn-inverse:visited, .btn-inverse:active, .btn-inverse:hover {
    background-color: #171d2b;
    color: #f2f2f2;
}

/*btn-inverse*/
.btn-primary {
    background-color: #405176;
    border-color: #2e3a55;
    border-bottom-color: #1c2434;
    color: white;
}

.btn-primary:visited, .btn-primary:active, .btn-primary:hover {
    background-color: #3b4a6c;
    color: #f2f2f2;
}

/*btn-primary*/
.btn-success {
    background-color: #d8e8dd;
    border-color: #b8d5c1;
    border-bottom-color: #b8d5c1;
    color: #487957;
}

.btn-success:visited, .btn-success:active, .btn-success:hover {
    background-color: #c8dfcf;
    color: #3e694c;
}

/*btn-success*/
.btn-warning {
    background-color: #982623;
    border-color: #6f1c19;
    border-bottom-color: #451110;
    color: white;
}

.btn-warning:visited, .btn-warning:active, .btn-warning:hover {
    background-color: #83211e;
    color: #f2f2f2;
}

/*btn-warning*/
.btn-extlarge {
    padding: 11px 22px;
    font-size: 28px;
    font-size: 2.8rem;
    border-width: 2px;
}

/*btn.btn-large*/
.btn-large {
    padding: 11px 18px;
    font-size: 17.5px;
    font-size: 1.75rem;
    line-height: inherit;
    border-width: 2px;
}

.btn-small {
    padding: 5px 10px;
    font-size: 11.2px;
    font-size: 1.12rem;
    border-radius: 11px;
    line-height: inherit;
}

.btn-mini {
    padding: 3px 5px;
    font-size: 9.33333px;
    font-size: 0.93333rem;
    border-radius: 11px;
    line-height: inherit;
}

.btn-group {
    position: relative;
    margin-bottom: 1.4em;
}

.btn-group .btn {
    position: relative;
    float: left;
    margin-left: -1px;
    border-radius: 0;
}

.btn-group .btn:first-child {
    margin-left: 0;
    border-radius: 2px 0 2px 0;
}

.btn-group .btn:last-child {
    border-radius: 0 2px 0 2px;
}

.btn-group .btn.large:first-child {
    margin-left: 0;
    border-radius: 4px 0 4px 0;
}

.btn-group .btn.large:last-child {
    border-radius: 0 4px 0 4px;
}

/*btn.btn-group*/
.btn-toolbar {
    clear: both;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

.btn-toolbar .btn-group {
    display: inline-block;
}

/*btn.btn-toolbar*/
.navigation-toggle {
    display: block;
    height: 43px;
    padding: 0 11px 0 0;
    background: #5c73a7;
    border-bottom: 1px solid #5c73a7;
    line-height: 43px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
    text-transform: uppercase;
    color: white;
}

.navigation-toggle:hover {
    color: white;
    text-decoration: none;
}

.navigation-toggle:visited {
    color: white;
}

nav[role=navigation] {
    clear: both;
    background-color: #7d90b8;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.js nav[role=navigation] {
    overflow: hidden;
    max-height: 0;
}

nav[role=navigation].active {
    max-height: 25em;
}

#navigation-toggle {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navigation-toggle ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navigation-toggle a {
    display: block;
    padding: .8em;
    border-bottom: 1px solid #5c73a7;
    color: white;
    text-transform: uppercase;
}

#navigation-toggle a:hover {
    color: #e6e6e6;
    text-decoration: none;
}

[role="banner"], #header {
    position: relative;
    height: 66px; /* 46px; */
    line-height: 46px; /* 66px; */
    background-color: #405176;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#526897),
    to(#405176));
    background-image: -webkit-linear-gradient(top, #526897, #405176);
    background-color: #405176;
    background-image: -moz-linear-gradient(top, #526897, #405176);
    background-image: -ms-linear-gradient(top, #526897, #405176);
    background-image: -o-linear-gradient(top, #526897, #405176);
    background-repeat: repeat-x;
    border-bottom: 2px solid #2e3a55;
    /* banner__logo */
    /* banner__toggle */
    /* banner__toggle-navigation */
}

[role="banner"]:before, [role="banner"]:after {
    display: table;
    content: "";
}

[role="banner"]:after {
    clear: both;
}

[role="banner"] .banner__logo {
    margin: 22px 0 0 11px;
    width: 104px;
    height: 22px;
    background: transparent url(../images/banner-logotype-wipox2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

[role="banner"] .lang-fr {
    background: transparent url(../images/banner-logotype-wipo-frx2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
}

[role="banner"] .lang-es {
    background: transparent url(../images/banner-logotype-wipo-esx2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
}

[role="banner"] .lang-ru {
    background: transparent url(../images/banner-logotype-wipo-rux2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
}

[role="banner"] .lang-zh {
    background: transparent url(../images/banner-logotype-wipo-zhx2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
}

[role="banner"] .lang-ar {
    /* margin: 22px 11px 0 0; */
    background: transparent url(../images/banner-logotype-wipo-arx2x.png) no-repeat 0 0;
    -webkit-background-size: 104px 22px;
    -moz-background-size: 104px 22px;
    -o-background-size: 104px 22px;
    background-size: 104px 22px;
}

[role="banner"] .banner__logo a, [role="banner"] .lang-fr a, [role="banner"] .lang-es a,
[role="banner"] .lang-ru a, [role="banner"] .lang-zh a, [role="banner"] .lang-ar a {
    display: block;
    height: 22px;
}

[role="banner"] .lang-ar a {
    color: transparent;
}

[role="banner"] .banner__toggle, #header .banner__toggle {
    position: absolute;
    top: 0;
    right: 11px;
    color: white;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
}

[role="banner"] .banner__toggle:hover, #header .banner__toggle:hover {
    text-decoration: none;
}

[role="banner"] .banner__toggle-navigation {
    position: absolute;
    top: 0;
    right: 66px;
    color: white;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
}

[role="banner"] .banner__toggle-navigation:hover {
    text-decoration: none;
}

/* banner */
.print-banner {
    display: none;
}

.calendar {
    width: 100%;
    font-size: 0.75em;
    /*12*/
    line-height: 1.25em;
    /*15*/
    border-collapse: collapse;
    border-spacing: 0;
}

.calendar th {
    text-align: left;
}

.calendar th span {
    display: none;
}

.calendar tr {
    display: block;
}

.calendar td, .calendar th {
    display: none;
}

.calendar .day {
    margin: 1em 0 .5em 0;
    font-weight: bold;
}

.calendar .events {
    display: block;
}

.calendar ul {
    display: block;
    list-style: none;
    margin: 0 1.25em 0 0;
    /*15*/
    padding: 0;
}

.calendar li {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    height: 1.25em;
    /*15*/
}

.calendar li a {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calendar tr td:nth-of-type(1n) .day:before {
    content: 'Monday ';
}

.calendar tr td:nth-of-type(2n) .day:before {
    content: 'Tueday ';
}

.calendar tr td:nth-of-type(3n) .day:before {
    content: 'Wednesday ';
}

.calendar tr td:nth-of-type(4n) .day:before {
    content: 'Thursday ';
}

.calendar tr td:nth-of-type(5n) .day:before {
    content: 'Friday ';
}

.calendar tr td:nth-of-type(6n) .day:before {
    content: 'Saturday ';
}

.calendar tr td:nth-of-type(7n) .day:before {
    content: 'Sunday ';
}

.calendar .prev-month, .calendar .next-month {
    display: none;
}

@media only screen and (min-width: 30em) {
    /*480*/
    div#ClassScrollable {
        margin: 0px 15px 0px 0px;
    }

    .calendar tr {
        display: table-row;
    }

    .calendar th, .calendar td {
        display: table-cell !important;
        margin: 0;
        width: 14.2857%;
        padding: 0.4166em;
        /*10*/
        border: 1px solid #babcbf;
        vertical-align: top;
    }

    .calendar .prev-month .day, .calendar .next-month .day {
        color: #bbb;
    }

    .calendar td .day {
        display: block;
        float: right;
        margin: 0;
        font-weight: normal;
    }

    .calendar td .day:before {
        display: none;
    }

    .calendar td .suffix {
        display: none;
    }

    .media-right {
        float: right;
        margin: 0 0 22px 22px;
    }

    .media-left {
        float: left;
        margin: 0 22px 22px 0;
    }
}

@media only screen and (min-width: 40em) {
    /*640*/
    /* show full days (e.g. "Mon" to "Monday") */
    .calendar th span {
        display: inline;
    }
}

@media only screen and (min-width: 40em) and (min-height: 20em) {
    .calendar td {
        height: 2.5em;
        /*30*/
    }
}

@media only screen and (min-width: 40em) and (min-height: 40em) {
    .calendar td {
        height: 6.25em;
        /*75*/
    }
}

.ie8 .calendar tr {
    display: inline !important;
}

.ie8 .calendar th, .ie8 .calendar td {
    display: inline !important;
    margin: 0;
    width: 14.2857%;
    padding: 0.4166em;
    /*10*/
    border: 1px solid #babcbf;
    vertical-align: top;
}

.ie8 .calendar .prev-month .day, .ie8 .calendar .next-month .day {
    color: #bbb;
}

.ie8 .calendar td .day {
    display: block;
    float: right;
    margin: 0;
    font-weight: normal;
}

.ie8 .calendar td .day:before {
    display: none;
}

.ie8 .calendar td .suffix {
    display: none;
}

.ie8 .calendar th span {
    display: inline;
}

.ie8 .calendar td {
    height: 2.5em;
    /*30*/
}

.ie8 .calendar td {
    height: 6.25em;
    /*75*/
}

[role="contentinfo"] {
    padding-bottom: 1.4em;
    /*li*/
    /*social*/
}

[role="contentinfo"]:before, [role="contentinfo"]:after {
    display: table;
    content: "";
}

[role="contentinfo"]:after {
    clear: both;
}

[role="contentinfo"] a.self, [role="contentinfo"] a.lang-fr, [role="contentinfo"] a.lang-es,
[role="contentinfo"] a.lang-ru, [role="contentinfo"] a.lang-zh, [role="contentinfo"] a.lang-ar {
    padding-right: 22px;
    text-align: right;
}

[role="contentinfo"] ul {
    list-style-type: none;
    margin: 0 0 1.4em 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

[role="contentinfo"] li {
    padding: 0 0 0 11px;
    border-bottom: 1px solid #b4b7b6;
    font-size: 12.8px;
    font-size: 1.28rem;
    /*a*/
}

[role="contentinfo"] li:first-child {
    border-top: 1px solid #b4b7b6;
}

[role="contentinfo"] li:hover {
    background-color: white;
}

[role="contentinfo"] li > a {
    display: block;
    padding: 0.7em 11px 0.7em 0;
}

[role="contentinfo"] li > a:hover {
    text-decoration: none;
}

[role="contentinfo"] small {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    font-size: 1.28rem;
    text-align: center;
}

[role="contentinfo"] .social {
    padding: 0.7em 0;
    background-color: #405176;
}

[role="contentinfo"] .social a {
    display: inline-block;
    margin-right: 5.5px;
    width: 32px;
    height: 32px;
    background-image: url(../images/social.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

[role="contentinfo"] .social a[title="Twitter"] {
    background-position: -42px 0;
}

[role="contentinfo"] .social a[title="Google+"] {
    background-position: -84px 0;
}

[role="contentinfo"] .social a[title="YouTube"] {
    background-position: -126px 0;
}

[role="contentinfo"] .social a[title="Flickr"] {
    background-position: -168px 0;
}

[role="contentinfo"] .social a[title="RSS"] {
    background-position: -211px 0;
}

[role="contentinfo"] .social a[title="Scribd"] {
    background-position: -253px 0;
}

[role="contentinfo"] .social a[title="Newsletter"] {
    background-position: -294px 0;
}

.social-h {
    display: block;
    margin-top: 32px;
    padding: 0.7em 0;
    background-color: #405176;
}

.social-h a {
    display: inline-block;
    margin-right: 5.5px;
    width: 32px;
    height: 32px;
    background-image: url(../images/social.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.social-h a[title="Twitter"] {
    background-position: -42px 0;
}

.social-h a[title="Google+"] {
    background-position: -84px 0;
}

.social-h a[title="YouTube"] {
    background-position: -126px 0;
}

.social-h a[title="Flickr"] {
    background-position: -168px 0;
}

.social-h a[title="RSS"] {
    background-position: -211px 0;
}

.social-h a[title="Scribd"] {
    background-position: -253px 0;
}

.social-h a[title="Newsletter"] {
    background-position: -294px 0;
}

/*contentinfo*/
.navigation {
    margin-bottom: 0.7em;
    background-color: white;
    /*form-search*/
    /*navigation__flyout*/
}

.navigation .form-search {
    position: relative;
    margin: 0;
    padding: 11px;
    background-color: white;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.05)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.05));
    background-color: rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.05));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.05));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.05));
    background-repeat: repeat-x;
    border-bottom: 3px solid #e6e6e6;
}

.navigation .form-search .search-query {
    width: 95%;
    height: 44px;
    /* added by david */
}

.navigation .form-search .btn {
    position: absolute;
    /* top : 13px; */
    top: 11px;
    /* added by david */
    right: 11px;
    padding: 6px 11px;
    height: 44px;
    background-color: #405176;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#405176),
    to(#2e3a55));
    background-image: -webkit-linear-gradient(top, #405176, #2e3a55);
    background-color: #2e3a55;
    background-image: -moz-linear-gradient(top, #405176, #2e3a55);
    background-image: -ms-linear-gradient(top, #405176, #2e3a55);
    background-image: -o-linear-gradient(top, #405176, #2e3a55);
    background-repeat: repeat-x;
    border-color: #374665;
    border-radius: 0;
    color: white;
}

.navigation .navigation__flyout {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*flyout-control*/
}

.navigation .navigation__flyout:before, .navigation .navigation__flyout:after {
    display: table;
    content: "";
}

.navigation .navigation__flyout:after {
    clear: both;
}

.navigation .navigation__flyout .flyout-control {
    padding: 0 0 0 11px;
    background-color: #5c73a7;
    border-top: 1px solid #7d90b8;
    border-bottom: 1px solid #405176;
    font-size: 12.8px;
    font-size: 1.28rem;
    /*a*/
}

.navigation .navigation__flyout .flyout-control:hover {
    background-color: #6c82b0;
}

.navigation .navigation__flyout .flyout-control > a {
    display: block;
    height: 43px;
    line-height: 43px;
    color: white;
}

.navigation .navigation__flyout .flyout-control > a:hover {
    text-decoration: none;
}

.navigation .navigation__flyout .flyout-control .flyout {
    display: none;
}

/*navigation*/
#tools {
    background-color: white;
    border-bottom: 2px solid #e6e6e6;
    /*li*/
}

#tools h4 {
    margin: 0;
    padding: 0.35em 0 0.35em 11px;
    background-color: #2e3a55;
    color: white;
    font-size: 16px;
    font-size: 1.6rem;
}

#tools ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#tools li {
    padding: 0 0 0 11px;
    border-bottom: 1px solid #b4b7b6;
    font-size: 12.8px;
    font-size: 1.28rem;
    /*a*/
}

#tools li:first-child {
    border-top: 1px solid #b4b7b6;
}

#tools li:last-child {
    border-bottom-width: 0;
}

#tools li:hover {
    background-color: white;
}

#tools li > a, #tools li > a:visited {
    display: block;
    padding: 0.7em 11px 0.7em 0;
}

#tools li > a:hover, #tools li > a:visited:hover {
    text-decoration: none;
}

#tools .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
}

#tools .dropdown-toggle:hover .caret, #tools .dropdown-toggle:focus .caret {
    border-top-color: #005580;
    border-bottom-color: #005580;
}

/*tools*/
.dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] {
    background-image: url(../images/glyphicons-halflings-white.png);
}

.dropdown {
    position: relative;
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
    to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-color: #0077b3;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -ms-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-repeat: repeat-x;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
    to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-color: #0077b3;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -ms-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-repeat: repeat-x;
    outline: 0;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #999999;
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

#tools .language-switcher .caret {
    margin-top: 8px;
    border-bottom-color: #526897;
    border-top-color: #526897;
}

#tools .language-switcher a:hover .caret, #tools .language-switcher a:focus .caret,
#tools .language-switcher a:active .caret {
    margin-top: 8px;
    border-bottom-color: #526897;
    border-top-color: #526897;
}

#tools .language-switcher {
    padding-left: 0;
}

#tools .language-switcher a, #tools .language-switcher a:visited {
    padding-left: 11px;
}

#tools .language-switcher .dropdown-menu {
    position: relative;
    top: 0;
    overflow: hidden;
    display: block;
    float: none;
    min-width: 0;
    height: 0;
    padding-left: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#tools .language-switcher .dropdown-menu li {
    padding-left: 0;
}

#tools .language-switcher .dropdown-menu li a, #tools .language-switcher .dropdown-menu li a:hover,
#tools .language-switcher .dropdown-menu li a:focus, #tools .language-switcher .dropdown-menu li a:active {
    padding-left: 22px;
    color: #526897;
    background: #fff;
}

#tools .language-switcher .dropdown-menu li.current a, #tools .language-switcher .dropdown-menu li.current a:hover,
#tools .language-switcher .dropdown-menu li.current a:focus, #tools .language-switcher .dropdown-menu li.current a:active {
    color: #ccc;
    cursor: default;
}

#tools .language-switcher.open .dropdown-menu {
    overflow: auto;
    height: auto;
}

@media only screen and (min-width: 48em) {
    h1 {
        padding-left: 0px;
    }

    #tools .language-switcher .dropdown-menu {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        display: none;
        min-width: 0;
        height: 0;
        margin: 5px 15px 0 0;
        padding: 0;
        text-align: right;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 6px 6px 6px 6px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    }

    #tools .language-switcher .dropdown-menu li {
        display: block;
        color: #000;
        border-width: 0;
    }

    #tools .language-switcher .dropdown-menu li a {
        display: block;
        padding: 3px 17px;
        color: #000;
        text-align: center;
    }

    #tools .language-switcher .dropdown-menu li a:hover, #tools .language-switcher .dropdown-menu li a:focus,
    #tools .language-switcher .dropdown-menu li a:active, #tools .language-switcher .dropdown-menu li a:visited {
        padding: 3px 17px;
        color: #526897;
    }

    #tools .language-switcher .dropdown-menu li:first-child a {
        border-radius: 6px 6px 0 0;
    }

    #tools .language-switcher .dropdown-menu li:last-child a {
        border-radius: 0 0 6px 6px;
    }

    #tools .language-switcher.open .dropdown-menu {
        display: block;
        height: auto;
    }

    #tools .language-switcher .caret {
        border-bottom-color: white;
        border-top-color: white;
    }

    #tools .language-switcher a:hover .caret, #tools .language-switcher a:focus .caret,
    #tools .language-switcher a:active .caret {
        margin-top: 8px;
        border-bottom-color: white;
        border-top-color: white;
    }
}

.samples {
    background: #fafafa url(../images/theme-neutral-body.png) repeat-x 0 0;
}

.l-panel {
    border-top: 1px solid #7d90b8;
    border-bottom: 7px solid black;
}

.l-panel:first-child {
    border-top-width: 0;
    border-bottom-width: 0;
}

.l-panel:nth-child(2) {
    border-top-width: 0;
}

.l-panel:last-of-type {
    margin-bottom: 1.4em;
    border-bottom-width: 0;
}

.l-trigger {
    padding: 1.4em 11px;
    background: white url(../images/theme-blue-body.png) repeat-x 0 0;
    color: rgba(255, 255, 255, 0.75);
    /*p*/
}

.l-trigger:first-of-type {
    border-top-width: 0;
}

.l-trigger h1 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}

.l-trigger p {
    margin-bottom: 0.7em;
}

.l-trigger p:last-of-type {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: right;
}

.l-trigger a, .l-trigger a:visited {
    display: block;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.l-trigger a:hover, .l-trigger a:visited:hover {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.l-wrap {
    margin: 0 auto;
}

.l-hidden {
    overflow: hidden;
}

.l-hidden.in {
    margin-bottom: 2.8em;
    padding: 2.8em 11px 0.7em 11px;
}

.l-hidden .l-wrap {
    margin-bottom: 2.8em;
}

.l-hidden .l-wrap > h2 {
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: bold;
    color: rgba(59, 59, 59, 0.5);
}

.l-hidden .l-wrap h3 {
    border-bottom-width: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.l-hidden .l-content {
    border-bottom: 1px solid #b4b7b6;
}

.l-hidden .l-summary p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.l-hidden:last-of-type {
    border-bottom-width: 0;
}

.l-hidden .l-summary code {
    font-size: 14px;
    font-size: 1.4rem;
}

.l-hidden .l-summary .code {
    background-color: #c9cbca;
}

.l-introduction {
    margin: 0;
    padding: 0;
    /*hero-unit*/
}

.l-introduction .hero-unit {
    margin: 0;
    padding: 22px 0.7em 44px;
    background-color: transparent;
    border-width: 0;
}

.l-introduction .hero-unit h1 {
    margin: 0 auto 0.7em;
    width: 200px;
    height: 140px;
    background: transparent url(../images/logo-wipo.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.l-introduction .hero-unit p {
    margin-bottom: 0;
    text-align: center;
}

.l-introduction .hero-unit .secondary {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
}

/*l-introduction*/
#panel-images-hidden img {
    margin-right: 11px;
}

#panel-typography-hidden:active {
    display: block !important;
}

@media only screen and (min-width: 48em) {
    .samples .l-introduction {
        padding: 1.4em 0;
    }

    .samples .l-introduction .hero-unit {
        margin: 0 auto;
        padding: 0;
        width: 90%;
        max-width: 768px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .samples nav[role=navigation] {
        width: 100%;
        background-color: #131823;
        color: white;
    }

    .samples nav[role=navigation] ul {
        margin: 0 auto;
        width: 90%;
        max-width: 768px;
    }

    .samples nav[role=navigation] ul a, .samples nav[role=navigation] ul a:visited {
        color: white;
    }

    .hidden hr {
        margin: 0 auto;
        width: 90%;
        max-width: 768px;
    }

    .l-wrap {
        width: 90%;
        max-width: 768px;
    }

    .l-wrap:before, .l-wrap:after {
        display: table;
        content: "";
    }

    .l-wrap:after {
        clear: both;
    }

    .l-summary {
        float: left;
        margin-right: -100%;
        width: 38.4375%;
        padding-right: 22px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    #panel-typography .l-trigger .l-summary, #panel-colour .l-trigger .l-summary,
    #panel-images .l-trigger .l-summary, #panel-navigation .l-trigger .l-summary,
    #panel-modules .l-trigger .l-summary, #panel-forms .l-trigger .l-summary,
    #panel-tables .l-trigger .l-summary, #panel-widgets .l-trigger .l-summary {
        min-height: 40px;
        background-image: url(../images/tmp/l-trigger-icons.png);
        background-repeat: no-repeat;
    }

    #panel-typography .l-trigger .l-summary {
        background-position: 95% 0;
    }

    #panel-colour .l-trigger .l-summary {
        background-position: 95% -300px;
    }

    #panel-images .l-trigger .l-summary {
        background-position: 95% -600px;
    }

    #panel-navigation .l-trigger .l-summary {
        background-position: 95% -100px;
    }

    #panel-modules .l-trigger .l-summary {
        background-position: 95% -700px;
    }

    #panel-forms .l-trigger .l-summary {
        background-position: 95% -400px;
    }

    #panel-tables .l-trigger .l-summary {
        background-position: 95% -500px;
    }

    #panel-widgets .l-trigger .l-summary {
        background-position: 95% -800px;
    }

    .l-content {
        clear: right;
        float: left;
        margin-left: 41.0417%;
        margin-right: -100%;
        width: 58.9583%;
    }

    [role="contentinfo"] small {
        display: block;
    }
}

.element-invisible {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button::-moz-focus-inner {
    border: none;
}

form.form-search label {
    display: inline-block;
}

@media only screen and (min-width: 30em) {
    body:after {
        content: 'bp2';
        display: none;
        margin: 0px 25px 0px 0px;
    }

    .theme--applications #header {
        padding: 22px 0 0 0;
        height: 46px;
    }
}

@media only screen and (min-width: 37.5em) {
    body:after {
        content: 'bp3';
        display: none;
    }

    #nav-toggle {
        display: none;
    }

    .js nav[role=navigation] {
        max-height: none;
    }

    #navigation-toggle {
        margin: 0 0 0 -0.25em;
        border-width: 0;
    }

    #navigation-toggle ul {
        margin: 0 auto;
    }

    #navigation-toggle ul li {
        display: inline-block;
        margin: 0 11px 0 0;
    }

    #navigation-toggle a {
        border-width: 0;
        font-size: 14px;
        font-size: 1.4rem;
        text-transform: none;
    }

    .form-horizontal .control-group {
        margin-bottom: 1.4em;
    }

    .form-horizontal .control-group:before, .form-horizontal .control-group:after {
        display: table;
        content: "";
    }

    .form-horizontal .control-group:after {
        clear: both;
    }

    .form-horizontal .control-label {
        float: left;
        width: 25%;
        padding-top: 5px;
        /* padding-right: 22px; */
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .form-horizontal .controls {
        margin-left: 25%;
    }

    .form-horizontal .help-block {
        margin-bottom: 0;
    }

    .form-horizontal input + .help-block, .form-horizontal select + .help-block,
    .form-horizontal textarea + .help-block {
        margin-top: 0.7em;
    }

    .form-horizontal .form-actions {
        padding-left: 49%;
    }

    .form-horizontal input, .form-horizontal textarea, .form-horizontal select {
        display: inline-block;
        margin-bottom: 0;
        /* vertical-align: middle;*/
    }

    .form-horizontal .hide {
        display: none;
    }

    .form-horizontal label, .form-horizontal .btn-group {
        display: inline-block;
    }

    .form-horizontal .control-group {
        margin-bottom: 0.7em;
    }

    .form-horizontal legend + .control-group {
        margin-top: 1.4em;
        -webkit-margin-top-collapse: separate;
    }

    /*form-horizontal*/
    .media .pull-left {
        float: left;
        margin-right: 22px;
    }

    .media .pull-right {
        float: right;
        margin-left: 22px;
    }
}

@media only screen and (min-width: 48em) {
    body:after {
        content: 'bp4';
        display: none;
    }

    .theme--applications #header {
        /* padding: 24px 0; */
        padding: 20px 0 0 0;
        height: 20px; /* 46px; */
    }

    body.theme--applications ul.nav-breadcrumb li {
        display: list-item;
    }

    body.theme--applications ul.nav-breadcrumb li:nth-last-child(2) a:before {
        content: "";
    }

    .m-hide {
        display: inline-block !important;
        visibility: visible;
    }

    .t-hide {
        display: none !important;
        visibility: hidden;
    }

    h1, .h1 {
        margin-bottom: 0.7em;
        font-size: 30px;
        font-size: 3.0rem;
        line-height: 1.3;
    }

    h2, .h2 {
        margin-bottom: 0.7em;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.3;
    }

    h3, .h3 {
        margin-bottom: 0.93333em;
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 1.3;
    }

    .lead {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 1.4em;
    }

    .intro {
        font-size: 24px;
        font-size: 2.4rem;
        margin-bottom: 0.7em;
    }

    blockquote.quote-pull p {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .hero-unit {
        padding: 44px;
        /*p*/
    }

    .hero-unit p {
        font-size: 20px;
        font-size: 2rem;
    }

    .hero-unit p:last-child {
        margin-bottom: 0;
    }

    .hero-unit h1 {
        margin-bottom: 0.35em;
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 1;
        letter-spacing: -1px;
    }

    /*hero-unit*/
    .navigation-footer-anchor li {
        display: inline-block;
        margin-right: 22px;
    }

    .f-nav li a {
        border-width: 0;
    }

    .js nav[role=navigation] {
        position: static;
        width: auto;
        max-width: none;
    }

    .navigation-left-nav-flyout-toggle {
        display: none;
    }

    #navigation-left-nav-flyout a {
        border-width: 0;
    }

    .wrap.active {
        left: 0;
    }

    #navigation-left-nav-flyout li {
        display: inline-block;
        margin: 0 .25em;
    }

    .navigation-toggle {
        display: none;
    }

    .container {
        padding: 0 22px;
    }

    .content .main, .content [role="main"] {
        float: left;
        width: 63.9933%;
        margin-right: -100%;
    }

    .content .complementary, .content [role="complementary"] {
        float: left;
        width: 31.9865%;
        margin-left: 68.0135%;
        margin-right: -100%;
    }

    .content--reversed .complementary, .content--reversed [role="complementary"] {
        float: left;
        width: 31.9865%;
        margin-left: 0%;
    }

    .content--reversed .main, .content--reversed [role="main"] {
        float: left;
        width: 65.9933%;
        margin-left: 34.0067%;
    }

    .content .main-q, .content [role="main-q"] {
        float: left;
        width: 72.495%;
        margin-right: -100%;
    }

    .content .complementary-q, .content [role="complementary-q"] {
        float: left;
        width: 23.4848%;
        margin-left: 76.5152%;
        margin-right: -100%;
    }

    .content--reversed .complementary-q, .content--reversed [role="complementary-q"] {
        float: left;
        width: 23.4848%;
        margin-left: 0%;
    }

    .content--reversed .main-q, .content--reversed [role="main-q"] {
        float: left;
        width: 74.4949%;
        margin-left: 25.5051%;
    }

    /*content*/
    .content--narrow {
        max-width: 48em;
    }

    [role="banner"] {
        height: auto;
        padding: 1.4em 0;
        line-height: 1.4em;
        background-color: transparent;
        background-image: none;
        border-bottom-width: 0;
        /*banner__logo*/
    }

    [role="banner"] .banner__logo {
        position: static;
        width: 75px;
        height: 110px;
        margin: 0 0 0 44px;
        background: transparent url(../images/banner-logo-wipox2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .lang-fr {
        background: transparent url(../images/banner-logo-wipo-frx2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .lang-es {
        background: transparent url(../images/banner-logo-wipo-esx2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .lang-ru {
        background: transparent url(../images/banner-logo-wipo-rux2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .lang-zh {
        background: transparent url(../images/banner-logo-wipo-zhx2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .lang-ar {
        margin: 0 44px 0 0;
        background: transparent url(../images/banner-logo-wipo-arx2x.png) no-repeat 0 0;
        -webkit-background-size: 75px 110px;
        -moz-background-size: 75px 110px;
        -o-background-size: 75px 110px;
        background-size: 75px 110px;
    }

    [role="banner"] .banner__logo a, [role="banner"] .lang-fr a, [role="banner"] .lang-es a,
    [role="banner"] .lang-ru a, [role="banner"] .lang-zh a, [role="banner"] .lang-ar a {
        display: block;
        height: 110px;
    }

    [role="banner"] .banner__toggle, #header .banner__toggle {
        display: none;
    }

    [role="banner"] .banner__toggle-navigation {
        display: none;
    }

    /*banner*/
    #tools {
        position: absolute;
        top: 0.7em;
        right: 0;
        left: 0;
        width: 100%;
        background-color: transparent;
        border-bottom-width: 0;
        text-align: right;
        /*li*/
    }

    #tools ul {
        margin: 0 auto;
        max-width: 80em;
    }

    #tools li {
        display: inline-block;
        padding: 0;
        border-bottom-width: 0;
        border-right: 1px solid #b4b7b6;
        min-height: 1px;
        line-height: 1.4em;
    }

    #tools li:first-child {
        border-top-width: 0;
    }

    #tools li:last-child {
        margin-right: 0;
        border-right-width: 0;
    }

    #tools li:hover {
        background-color: transparent;
    }

    #tools li > a, #tools li > a:visited {
        padding: 0 22px;
        font-size: 14px;
        font-size: 1.4rem;
        color: #526897;
    }

    /*tools*/
    .navigation {
        margin-bottom: 1.4em;
        padding-bottom: 0;
        background-color: #405176;
        background-image: none;
        border: 2px solid #717e97;
        /*form-search*/
        /*navigation__flyout*/
        /*flyout*/
        /*flyout--shaded*/
    }

    .navigation:before, .navigation:after {
        display: table;
        content: "";
    }

    .navigation:after {
        clear: both;
    }

    .navigation .form-search {
        margin: 0;
        padding: 0;
        background-color: transparent;
        background-image: none;
        border-width: 0;
    }

    .navigation .form-search .search-query {
        border-width: 0;
        min-height: 44px;
        height: 44px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .navigation .form-search .btn {
        top: 0;
        right: 0;
        width: 44px;
        height: 44px;
    }

    .navigation .navigation__flyout {
        list-style-type: none;
        margin: 0;
        padding: 0;
        /*flyout-control*/
    }

    .navigation .navigation__flyout .flyout-control {
        float: left;
        padding-left: 0;
        background-color: transparent;
        background-image: none;
        border-top-width: 0;
        border-bottom-width: 0;
        border-right: 1px solid #717e97;
        -webkit-transition: background-color 0.25s ease-in;
        -moz-transition: background-color 0.25s ease-in;
        -ms-transition: background-color 0.25s ease-in;
        -o-transition: background-color 0.25s ease-in;
        transition: background-color 0.25s ease-in;
    }

    .navigation .navigation__flyout .flyout-control:hover {
        background-color: transparent;
    }

    .navigation .navigation__flyout .flyout-control:first-child {
        border-top-width: 0;
    }

    .navigation .navigation__flyout .flyout-control > a {
        height: auto;
        line-height: 1.4em;
        padding: 14px 17.6px;
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        color: white;
    }

    .navigation .flyout {
        position: relative;
        /*lead*/
        /*flyout__list*/
        /*flyout__span*/
        /*flyout__list__special*/
        /*nav-group--three*/
        /*nav-group--three*/
    }

    .navigation .flyout ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .navigation .flyout .lead {
        position: relative;
        margin-bottom: 0;
        padding: 0.7em 31.4236% 0.7em 11px;
        border-bottom: 1px solid #b4b7b6;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18.4px;
        font-size: 1.84rem;
        color: #7b7b7b;
    }

    .navigation .flyout .lead:before, .navigation .flyout .lead:after {
        display: table;
        content: "";
    }

    .navigation .flyout .lead:after {
        clear: both;
    }

    .navigation .flyout .lead .btn {
        position: absolute;
        top: 0.7em;
        right: 11px;
    }

    .navigation .flyout .flyout__header {
        margin-bottom: 0;
        padding: 0.7em 0 0.7em 11px;
        height: 44px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom-width: 0;
        background-color: #405176;
        font-size: 14px;
        font-size: 1.4rem;
        color: white;
    }

    .navigation .flyout .flyout__list {
        list-style-type: none;
        margin-bottom: 0;
        padding: 0;
        background-color: white;
        border-bottom: 2px solid #b4b7b6;
        /*li*/
    }

    .navigation .flyout .flyout__list li {
        background-color: white;
        border-width: 0;
        border-bottom: 1px solid #b4b7b6;
        /*a*/
    }

    .navigation .flyout .flyout__list li:nth-child(even) {
        background-color: #eaedec;
    }

    .navigation .flyout .flyout__list li > a, .navigation .flyout .flyout__list li > a:visited {
        display: block;
        padding-left: 11px;
        padding-top: 0.35em;
        padding-bottom: 0.35em;
        border-width: 0;
        min-height: 44px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12.8px;
        font-size: 1.28rem;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: inherit;
        -webkit-transition: background-color 0.25s ease-in;
        -moz-transition: background-color 0.25s ease-in;
        -ms-transition: background-color 0.25s ease-in;
        -o-transition: background-color 0.25s ease-in;
        transition: background-color 0.25s ease-in;
        color: #3b3b3b;
    }

    .navigation .flyout .flyout__list li > a:hover, .navigation .flyout .flyout__list li > a:visited:hover {
        background-color: #f1f3f7;
        color: #3b3b3b;
        text-decoration: none;
    }

    .navigation .flyout .flyout__list li:last-child {
        border-bottom-width: 0;
    }

    .navigation .flyout .flyout__span {
        margin-bottom: 0;
        padding: 0.35em 11px;
        background-color: #eff2f1;
        text-align: right;
    }

    .navigation .flyout .flyout__list__special {
        padding: 0.7em 11px;
        font-size: 12.8px;
        font-size: 1.28rem;
        color: #7b7b7b;
    }

    .navigation .flyout .flyout__list__special:hover {
        background-color: #efeef7;
        -webkit-transition: background-color 0.25s ease-in;
        -moz-transition: background-color 0.25s ease-in;
        -ms-transition: background-color 0.25s ease-in;
        -o-transition: background-color 0.25s ease-in;
        transition: background-color 0.25s ease-in;
    }

    .navigation .flyout .flyout__list__special b {
        display: block;
        margin-bottom: -0.35em;
        font-size: 13.91304px;
        font-size: 1.3913rem;
        color: #526897;
    }

    .navigation .flyout .nav-group {
        overflow: hidden;
        display: table;
        width: 100%;
    }

    .navigation .flyout .nav {
        display: table-cell;
        vertical-align: top;
    }

    .navigation .flyout .nav-group--two .nav {
        width: 50%;
    }

    .navigation .flyout .nav-group--three .nav {
        width: 33.3%;
    }

    .navigation .flyout .nav--one, .navigation .flyout .nav--two {
        border-right: 1px solid #b4b7b6;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .navigation .flyout .nav--three {
        margin-right: 0;
    }

    .navigation .navigation__flyout.navigation__flyout-append {
        padding: 0;
        background-color: #fcfdfc;
        transition: opacity 0.25s ease-in;
        border-style: solid;
        border-color: #afb2b1;
    }

    .navigation .navigation__flyout.navigation__flyout-hover {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        overflow: hidden;
        width: 66.3636%;
    }

    .navigation .flyout--shaded {
        border-top: 1px solid #b4b7b6;
        /*nav--three*/
    }

    .navigation .flyout--shaded .nav--three {
        margin: 0;
        padding: 22px;
        background-color: #405176;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .navigation .flyout--shaded .nav--three h3 {
        font-size: 16px;
        font-size: 1.6rem;
        color: rgba(255, 255, 255, 0.75);
    }

    .navigation .flyout--shaded .nav--three p {
        color: rgba(255, 255, 255, 0.75);
    }

    .navigation .flyout--shaded .nav--three a {
        font-size: 12.8px;
        font-size: 1.28rem;
        color: white;
    }

    /*navigation*/
    .wrap-outer {
        display: table;
        width: 100%;
    }

    .wrap-inner {
        display: table-cell;
    }

    #tools {
        display: table-header-group;
    }

    .content {
        padding: 0px;
    }

    /* .navigation + .content--introduction {
    padding-top: 2.8em; } */
    .content--introduction .intro {
        margin-bottom: 1.4em;
        text-align: center;
    }

    .content--article {
        padding-left: 0;
    }

    .content--article .main, .content--article .complementary,
    .content--article [role="main"], .content--article [role="complementary"] {
        padding-left: 14.2795%;
    }

    .content--article figure, .content--article table {
        margin-left: -14.2795%;
    }

    .content--article figcaption {
        padding-left: 13.2795%;
    }

    /*content--article*/
    .content--featured {
        padding: 22px;
    }

    .cols {
        clear: both;
        padding-bottom: 0.4em;
    }

    .cols:before, .cols:after {
        display: table;
        content: "";
    }

    .cols:after {
        clear: both;
    }

    .col {
        float: left;
        margin-right: -100%;
        margin-bottom: 0;
    }

    .cols--two .col {
        width: 48.5677%;
    }

    .cols--two .col--two {
        margin-left: 51.4323%;
    }

    /*cols--two*/
    .cols--three .col {
        width: 31.4236%;
    }

    .cols--three .col--two {
        margin-left: 34.2882%;
    }

    .cols--three .col--three {
        margin-left: 68.5764%;
    }

    /*cols--three */
    .cols--four .col {
        width: 48.9899%;
    }

    .cols--four .col--two {
        margin-left: 51.0101%;
    }

    .cols--four .col--three {
        clear: left;
    }

    .cols--four .col--four {
        margin-left: 51.0101%;
    }

    /*cols--four */
    .col > select {
        position: relative;
        top: 6px;
    }

    .col > button {
        position: relative;
        top: -6px;
    }

    .col > p:last-child {
        margin-bottom: 0;
    }

    /*col*/
    .nav-breadcrumb {
        margin: 0 0 0.4em;
        border-width: 0;
    }

    .nav-breadcrumb li {
        float: left;
    }

    .nav-breadcrumb a {
        display: block;
        padding: 0.46667em 11px;
        color: #526897;
    }

    /*nav-breadcrumb*/
    [role="contentinfo"] {
        position: relative;
        margin: 0;
        /* padding: 2.8em 44px 5.6em; */
        padding: 2.8em 44px 2em 44px; /* 20141107-foot */
        min-height: 110px;
        background: #405176 url(../images/contentinfo.png) repeat 0 0;
        color: rgba(255, 255, 255, 0.75);
        overflow: hidden;
        /*li*/
    }

    [role="contentinfo"] li {
        display: inline-block;
        margin-right: 22px;
        padding-left: 0;
        border-bottom-width: 0;
        font-size: 11.85185px;
        font-size: 1.18519rem;
    }

    [role="contentinfo"] li:hover {
        background-color: transparent;
    }

    [role="contentinfo"] li:first-child {
        border-top-width: 0;
    }

    [role="contentinfo"] li:last-child {
        margin-right: 0;
    }

    [role="contentinfo"] li > a {
        padding: 0 22px 0 0;
        border-right: 1px solid rgba(255, 255, 255, 0.25);
        color: white;
    }

    [role="contentinfo"] li:last-child > a {
        padding-right: 0;
        border-right-width: 0;
    }

    [role="contentinfo"] ul, [role="contentinfo"] small {
        padding-left: 0;
        text-align: left;
    }

    [role="contentinfo"] small {
        font-size: 11.85185px;
        font-size: 1.18519rem;
    }

    [role="contentinfo"] .social {
        margin-bottom: 2.8em;
        padding: 0;
        background-color: transparent;
    }

    [role="contentinfo"] a.self {
        display: block;
        /*  top: 1.4em;
    position: absolute;
    right: 44px; */
        top: -22px; /* 20141107-foot */
        float: right; /* 20141107-foot */
        width: 245px;
        height: 170px;
        background: transparent url(../images/selfx2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    [role="contentinfo"] a.lang-fr {
        background: transparent url(../images/self-frx2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
    }

    [role="contentinfo"] a.lang-es {
        background: transparent url(../images/self-esx2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
    }

    [role="contentinfo"] a.lang-ru {
        background: transparent url(../images/self-rux2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
    }

    [role="contentinfo"] a.lang-zh {
        background: transparent url(../images/self-zhx2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
    }

    [role="contentinfo"] a.lang-ar {
        /* right:auto;
    left: 44px; */
        /* margin-top: -20px;  20141107-foot */
        float: left; /* 20141107-foot */
        background: transparent url(../images/self-arx2x.png) no-repeat 0 0;
        -webkit-background-size: 245px 170px;
        -moz-background-size: 245px 170px;
        -o-background-size: 245px 170px;
        background-size: 245px 170px;
    }

    /*contentinfo*/
    .listings--events ul.secondary, .listings--events ul.secondary:last-of-type {
        margin-bottom: 0.93333em;
        -webkit-column-width: auto;
        -webkit-column-count: 2;
        -webkit-column-gap: 44px;
        -webkit-column-rule-color: #b4b7b6;
        -webkit-column-rule-style: solid;
        -webkit-column-rule-width: 1px;
        -moz-column-width: auto;
        -moz-column-count: 2;
        -moz-column-gap: 44px;
        -moz-column-rule-color: #b4b7b6;
        -moz-column-rule-style: solid;
        -moz-column-rule-width: 1px;
        column-width: auto;
        column-count: 2;
        column-gap: 44px;
        column-rule-color: #b4b7b6;
        column-rule-style: solid;
        column-rule-width: 1px;
    }

    /*listings--events*/
    .content--popular .nav-expanding {
        position: relative;
        margin-left: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }

    /*content--popular*/
    .explore {
        display: block;
        padding-top: 1.4em;
        width: 100%;
        border-top: 4px solid #405176;
        /*li*/
    }

    .explore .explore__list {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .explore li {
        display: inline-block;
        margin-right: 4.4px;
        margin-bottom: 0;
        padding-right: 5.5px;
        border-right: 1px solid #b4b7b6;
    }

    .explore li:first-child {
        padding-right: 0;
        border-right-width: 0;
    }

    .explore li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right-width: 0;
    }

    .explore .explore__media {
        padding-top: 1.4em;
        border-top: 1px solid #b4b7b6;
    }

    /*explore*/
    /* ::::::::::: */
    .promos {
        float: left;
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1.4em;
    }

    .promos--three {
        /*promo*/

    }

    .promos--three .promo {
        float: left;
        width: 33.3%;
        padding: 1.4em 11px 0 11px;
        background-color: #eaedec;
        background-image: url(../images/promo.png);
        background-repeat: no-repeat;
        background-position: 50% 0;
        border-bottom-width: 0;
        border-right: 1px solid #b4b7b6;
        -webkit-transition: background-color 0.25s ease-in;
        -moz-transition: background-color 0.25s ease-in;
        -ms-transition: background-color 0.25s ease-in;
        -o-transition: background-color 0.25s ease-in;
        transition: background-color 0.25s ease-in;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .promos--three .promo:last-of-type {
        border-right-width: 0;
    }

    .promos--three .promo:hover {
        background-color: #dce1e0;
        background-image: url(../images/promo-hover.png);
    }

    .promos--three .promo a {
        position: relative;
    }

    .promos--three .promo small {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .promos--three .promo__pct, .promos--three .promo__madrid,
    .promos--three .promo__hague {
        background-position: 11px 0;
        background-position: 50% 0;
    }

    /*promos--three*/
    .promos--four {
        /*promo*/

    }

    .promos--four:first-of-type {
        border-bottom-width: 0;
    }

    .promos--four .promo {
        float: left;
        width: 50%;
        padding: 1.4em 11px 0 11px;
        background-color: #eaedec;
        -webkit-transition: background-color 0.25s ease-in;
        -moz-transition: background-color 0.25s ease-in;
        -ms-transition: background-color 0.25s ease-in;
        -o-transition: background-color 0.25s ease-in;
        transition: background-color 0.25s ease-in;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .promos--four .promo:hover {
        background-color: #dce1e0;
    }

    .promos--four .promo--one, .promos--four .promo--three {
        border-right: 1px solid #b4b7b6;
    }

    .promos--four .promo--three, .promos--four .promo--four, .promos--four .promo--four:last-of-type {
        border-bottom: 1px solid #b4b7b6;
    }

    /*promos--four*/
    .promos--four:first-of-type .promo--three, .promos--four:first-of-type .promo--four {
        border-bottom-width: 0;
    }

    /* .promo--branding {
    .promo--branding__inner {
    .promo--branding__header {
    float : left;
    width : 48%;
    margin : 0;
    background-position : 100% 50%; }
.secondary {
    float : right;
    width : 48%;
    margin : 0;
    text-align : left; }
}
} */
    /* ::::::::::: */
    .branding-sub:before, .branding-sub:after {
        display: table;
        content: "";
    }

    .branding-sub:after {
        clear: both;
    }

    .branding-sub .nav-breadcrumb {
        float: left;
    }

    .branding-sub .branding {
        float: right;
        width: 200px;
    }

    /* branding-sub */
    .header {
        /*li*/

    }

    .header h1 {
        float: left;
        margin-right: 44px;
    }

    .header ul {
        position: relative;
        top: 0.7em;
        float: left;
        list-style-type: none;
        margin-left: 0;
        padding: 0;
        text-align: center;
        -webkit-column-width: auto;
        -webkit-column-count: 1;
        -webkit-column-gap: 22px;
        -webkit-column-rule-color: transparent;
        -webkit-column-rule-style: solid;
        -webkit-column-rule-width: 0;
        -moz-column-width: auto;
        -moz-column-count: 1;
        -moz-column-gap: 22px;
        -moz-column-rule-color: transparent;
        -moz-column-rule-style: solid;
        -moz-column-rule-width: 0;
        column-width: auto;
        column-count: 1;
        column-gap: 22px;
        column-rule-color: transparent;
        column-rule-style: solid;
        column-rule-width: 0;
    }

    .header li {
        display: inline-block;
        margin-right: 11px;
        padding-right: 11px;
        border-right: 1px solid #b4b7b6;
    }

    .header li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0;
    }

    .header li a {
        min-height: 1px;
        font-size: 14px;
        font-size: 1.4rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    /*header*/
    .filters {
        display: table;
        width: 100%;
        margin-bottom: 1.4em;
    }

    .filter {
        display: table-cell;
        width: 33%;
    }

    .content--database .col {
        margin-bottom: 0;
        border-bottom-width: 0;
    }

    /*content--database*/
    .table-calendar__country {
        float: right;
    }

    .col .media {
        margin-bottom: 0;
    }

    .col .media-body p:last-child {
        margin-bottom: 0;
    }

    .nav-page {
        margin-top: -0.7em;
        margin-bottom: 1.4em;
        /* nav-page__list */
    }

    .nav-page:before, .nav-page:after {
        display: table;
        content: "";
    }

    .nav-page:after {
        clear: both;
    }

    .nav-page h2 {
        float: left;
        margin-right: 22px;
        margin-bottom: 0;
    }

    .nav-page .nav-page__list {
        /*li*/

    }

    .nav-page .nav-page__list li {
        display: inline-block;
        margin-right: 11px;
        padding-right: 11px;
        padding-bottom: 0;
        border-right: 1px solid #b4b7b6;
        border-bottom-width: 0;
    }

    .nav-page .nav-page__list li:last-child {
        margin-right: 0;
        padding-right: 0;
        padding-bottom: 0;
        border-right-width: 0;
    }

    /* nav-page */
}

@media only screen and (min-width: 62em) {
    body:after {
        content: 'bp5';
        display: none;
    }

    .t-hide {
        display: inline-block !important;
        visibility: visible;
    }

    .d-hide {
        display: none !important;
        visibility: hidden;
    }

    .touch .flyout p.d-hide {
        display: block !important;
        visibility: visible;
    }

    .touch .navigation {
        padding-bottom: 2px;
    }

    /*h2*/
    .divider {
        padding-top: 0;
        border-top-width: 0;
    }

    blockquote.quote-pull p {
        font-size: 32px;
        font-size: 3.2rem;
    }

    .navigation {
        position: relative;
        border-bottom-width: 0;
        /*form-search*/
        /*flyout-control*/
    }

    body.lang-fr .navigation, body.lang-es .navigation, body.lang-ru .navigation {
        border-bottom-width: 2px;
    }

    .navigation .flyout .lead {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .navigation .form-search {
        position: absolute;
        top: 3px;
        right: 4px;
        margin: 0;
        width: 29.9865%;
    }

    body.lang-fr .navigation .form-search, body.lang-es .navigation .form-search,
    body.lang-ru .navigation .form-search {
        position: relative;
        top: 0;
        right: 0;
        width: auto;
    }

    .navigation .form-search .search-query {
        width: 100%;
        height: 42px;
        min-height: 1px;
    }

    .navigation .form-search .btn {
        top: -1px;
        right: -1px;
    }

    .navigation .flyout-control {
        position: relative;
    }

    .navigation .flyout-control .flyout {
        display: block;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: -2px;
        width: 585px;
        margin-left: -2px;
        background-color: #fcfdfc;
        border: 2px solid #9a9e9d;
        border-bottom-color: #8d9290;
        border-bottom-width: 4px;
        transition: opacity 0.25s ease-in;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 0 20px 30px rgba(250, 250, 250, 0.9);
    }

    .navigation .flyout-control .flyout .flyout__header {
        background-color: #495c87;
    }

    .navigation .flyout-control:hover .flyout {
        opacity: 1;
        visibility: visible;
        z-index: 5000;
    }

    /*navigation*/
    .content--article .main, .content--article [role="main"] {
        padding-left: 14.9832%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .content--article .complementary, .content--article [role="complementary"] {
        padding-left: 0;
    }

    .content--article figure, .content--article table {
        margin-left: -14.9832%;
    }

    .content--article figcaption {
        padding-left: 13.9832%;
    }

    /*content--article*/
    .cols--two .col {
        width: 48.9899%;
    }

    .cols--two .col--two {
        margin-left: 51.0101%;
    }

    /*cols--two*/
    .cols--three .col {
        width: 31.9865%;
    }

    .cols--three .col--two {
        margin-left: 34.0067%;
    }

    .cols--three .col--three {
        margin-left: 68.0135%;
    }

    /*cols--three */
    .cols--four .col {
        width: 23.4848%;
    }

    .cols--four .col--two {
        margin-left: 25.5051%;
    }

    .cols--four .col--three {
        clear: none;
        margin-left: 51.0101%;
    }

    .cols--four .col--four {
        margin-left: 76.5152%;
    }

    /*cols--four */
    .reference {
        /*ul*/

    }

    .reference > li {
        margin-bottom: 0.7em;
    }

    .reference ul {
        -webkit-column-width: auto;
        -webkit-column-count: 2;
        -webkit-column-gap: 44px;
        -webkit-column-rule-color: #b4b7b6;
        -webkit-column-rule-style: solid;
        -webkit-column-rule-width: 1px;
        -moz-column-width: auto;
        -moz-column-count: 2;
        -moz-column-gap: 44px;
        -moz-column-rule-color: #b4b7b6;
        -moz-column-rule-style: solid;
        -moz-column-rule-width: 1px;
        column-width: auto;
        column-count: 2;
        column-gap: 44px;
        column-rule-color: #b4b7b6;
        column-rule-style: solid;
        column-rule-width: 1px;
    }

    .reference ul li {
        margin-bottom: 0.7em;
        line-height: 1.33333em;
    }

    /*reference*/
    .explore li {
        display: inline-block;
        margin-right: 11px;
        padding-right: 14.66667px;
    }

    /*explore*/
    [role="contentinfo"] .contentinfo__inner {
        margin-left: auto;
        margin-right: auto;
        max-width: 80em;
    }

    .nav-expanding {
        position: relative;
        padding-right: 130px;
        /*li*/
    }

    .nav-expanding .nav-expanding__header {
        display: inline-block;
        margin: 0 11px 0 0;
    }

    .nav-expanding .nav-expanding__list {
        display: inline-block;
        margin: 0;
    }

    .nav-expanding li {
        float: left;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-right: 11px;
        padding-left: 11px;
        border-bottom-width: 0;
        border-right: 1px solid #b4b7b6;
    }

    .nav-expanding li a {
        display: inline-block;
        padding: 0;
    }

    .nav-expanding li:first-child {
        padding-left: 0;
    }

    .nav-expanding li:last-child {
        padding-right: 0;
        border-right-width: 0;
    }

    .nav-expanding time {
        padding-left: 11px;
    }

    .nav-expanding .a-all {
        position: absolute;
        top: 0;
        right: 0;
    }

    /*nav-expanding*/
    .hentry--twocol {
        position: relative;
    }

    .hentry--twocol .entry-title {
        margin-right: 120px;
    }

    .hentry--twocol time {
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }

    /* hentry--twocol */
    .listing--twocol {
        position: relative;
    }

    .listing--twocol .listing__title {
        margin-right: 120px;
    }

    .listing--twocol .secondary {
        position: absolute;
        top: 6px;
        right: 0;
        text-align: right;
    }

    .content--introduction .intro {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .pos-left {
        float: left;
        width: 30%;
    }

    .pos-right {
        float: right;
        width: 68%;
    }

    /*chewie*/
}

@media only screen and (min-width: 71.875em) {
    body:after {
        content: 'bp6';
        display: none;
    }

    blockquote.quote-pull p {
        font-size: 28px;
        font-size: 2.8rem;
    }

    .container {
        margin: 0 auto;
        max-width: 80em;
    }

    /*content*/
    .filters {
        display: block;
        width: auto;
    }

    .filter {
        display: block;
        width: auto;
    }
}

/* Modal */
@media ( max-width: 767px) {
    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0;
    }

    .modal.fade {
        top: -100px;
    }

    .modal.fade.in {
        top: 20px;
    }
}

@media ( max-width: 480px) {
    .modal {
        top: 10px;
        right: 10px;
        left: 10px;
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px;
    }
}

/* Modal */
@media only screen and (min-width: 78em) {
    body.lang-fr .navigation, body.lang-es .navigation, body.lang-ru .navigation {
        border-bottom-width: 0;
    }

    body.lang-fr .navigation .form-search, body.lang-es .navigation .form-search,
    body.lang-ru .navigation .form-search {
        position: absolute;
        top: 3px;
        right: 4px;
    }

    body.lang-fr .navigation .form-search, body.lang-es .navigation .form-search {
        width: 29.9865%;
    }

    body.lang-ru .navigation .form-search {
        width: 20.9865%;
    }

    .theme--applications #header {
        padding: 22px 0 0 0;
        /* height: 46px; */
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
(min--moz-device-pixel-ratio: 1.5) , only screen and
(min-device-pixel-ratio: 1.5) {
    .banner__logo {
        background-image: url(../images/banner-logotype-wipox2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }

    [role="banner"] .lang-fr {
        background-image: url(../images/banner-logotype-wipo-frx2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }

    [role="banner"] .lang-es {
        background-image: url(../images/banner-logotype-wipo-esx2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }

    [role="banner"] .lang-ru {
        background-image: url(../images/banner-logotype-wipo-rux2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }

    [role="banner"] .lang-zh {
        background-image: url(../images/banner-logotype-wipo-zhx2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }

    [role="banner"] .lang-ar {
        background-image: url(../images/banner-logotype-wipo-arx2x.png);
        -webkit-background-size: 104px 22px;
        -moz-background-size: 104px 22px;
        -o-background-size: 104px 22px;
        background-size: 104px 22px;
    }
}

.theme--applications {
    background: #fafafa url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-body.png.xhtml") repeat-x 50% 0;
    min-height: 60px;
    /*header*/
}

.theme--applications #header {
    padding: 22px 0px 0px;
    height: 46px;
    color: white;
    /*ul*/
}

.theme--applications #header h1 {
    width: 124px;
    /* height: 53px;*/
    margin: 0;
    background: transparent url(../images/banner-logotype-wipo.png) no-repeat 11px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.theme--applications #header h1 a {
    display: block;
}

.theme--applications #header h1.lang-fr {
    background: transparent url(../images/banner-logotype-wipo-fr.png) no-repeat 11px 0;
}

.theme--applications #header h1.lang-es {
    background: transparent url(../images/banner-logotype-wipo-es.png) no-repeat 11px 0;
}

.theme--applications #header h1.lang-ru {
    background: transparent url(../images/banner-logotype-wipo-ru.png) no-repeat 11px 0;
}

.theme--applications #header h1.lang-zh {
    background: transparent url(../images/banner-logotype-wipo-zh.png) no-repeat 11px 0;
}

.theme--applications #header h1.lang-ar {
    background: transparent url(../images/banner-logotype-wipo-ar.png) no-repeat 11px 0;
}

.theme--applications #header > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.theme--applications #header > ul:before, .theme--applications #header > ul:after {
    display: table;
    content: "";
}

.theme--applications #header > ul:after {
    clear: both;
}

.theme--applications #header > ul > li {
    min-height: 44px;
    line-height: 44px;
    border-bottom: 1px solid #b4b7b6;
}

.theme--applications #header > ul .dropdown-toggle .caret,
.theme--applications #header > ul .dropdown-toggle:hover .caret,
.theme--applications #header > ul .dropdown-toggle:focus .caret {
    margin-top: 20px;
}

.theme--applications #header > ul a, .theme--applications #header > ul a:visited,
.theme--applications #header > ul a:hover {
    color: #526897;
}

.theme--applications #header li {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}

/*theme--applications*/
@media only screen and (min-width: 48em) {
    .theme--neutral {
        background: #fafafa url(../images/theme-neutral-body.png) repeat-x 50% 0;
        /*banner*/
    }

    .theme--neutral [role="banner"] {
        height: 115px;
        /*banner__logo*/
    }

    .theme--neutral [role="banner"] .banner__logo {
        margin-top: -11px;
        width: 73px;
        height: 110px;
        background: transparent url(../images/theme-neutral-banner-logo-wipox2x.png) no-repeat 0 0;
        -webkit-background-size: 73px 110px;
        -moz-background-size: 73px 110px;
        -o-background-size: 73px 110px;
        background-size: 73px 110px;
    }

    .theme--neutral [role="banner"] .banner__logo a {
        height: 110px;
    }

    .theme--neutral #tools li > a, .theme--neutral #tools li > a:visited {
        color: #526897;
    }

    /*theme--neutral*/
    .theme--blue {
        background: #fafafa url(../images/theme-blue-body.png) repeat-x 50% -50px;
        /*banner*/
    }

    .theme--blue [role="banner"] {
        height: 80px;
        /*banner__logo*/
    }

    .theme--blue [role="banner"] .banner__logo {
        margin-top: -11px;
        width: 373px;
        height: 106px;
        background: transparent url(../images/theme-blue-banner-logo-wipox2x.png) no-repeat 0 0;
        -webkit-background-size: 302px 102px;
        -moz-background-size: 302px 102px;
        -o-background-size: 302px 102px;
        background-size: 302px 102px;
    }

    .theme--blue [role="banner"] .lang-fr {
        background: transparent url(../images/theme-blue-banner-logo-wipo-frx2x.png) no-repeat 0 0;
        -webkit-background-size: 373px 106px;
        -moz-background-size: 373px 106px;
        -o-background-size: 373px 106px;
        background-size: 373px 106px;
    }

    .theme--blue [role="banner"] .lang-es {
        background: transparent url(../images/theme-blue-banner-logo-wipo-esx2x.png) no-repeat 0 0;
        -webkit-background-size: 373px 106px;
        -moz-background-size: 373px 106px;
        -o-background-size: 373px 106px;
        background-size: 373px 106px;
    }

    .theme--blue [role="banner"] .lang-ru {
        background: transparent url(../images/theme-blue-banner-logo-wipo-rux2x.png) no-repeat 0 0;
        -webkit-background-size: 373px 106px;
        -moz-background-size: 373px 106px;
        -o-background-size: 373px 106px;
        background-size: 373px 106px;
    }

    .theme--blue [role="banner"] .lang-zh {
        background: transparent url(../images/theme-blue-banner-logo-wipo-zhx2x.png) no-repeat 0 0;
        -webkit-background-size: 373px 106px;
        -moz-background-size: 373px 106px;
        -o-background-size: 373px 106px;
        background-size: 373px 106px;
    }

    .theme--blue [role="banner"] .lang-ar {
        background: transparent url(../images/theme-blue-banner-logo-wipo-arx2x.png) no-repeat 0 0;
        -webkit-background-size: 373px 106px;
        -moz-background-size: 373px 106px;
        -o-background-size: 373px 106px;
        background-size: 373px 106px;
    }

    .theme--blue [role="banner"] .banner__logo a, .theme--blue [role="banner"] .lang-fr a,
    .theme--blue [role="banner"] .lang-es a, .theme--blue [role="banner"] .lang-ru a,
    .theme--blue [role="banner"] .lang-zh a, .theme--blue [role="banner"] .lang-ar a {
        height: 102px;
    }

    .theme--blue #tools li > a, .theme--blue #tools li > a:visited {
        color: rgba(255, 255, 255, 0.75);
    }

    .theme--blue #tools li > a:hover {
        color: white;
    }

    /*theme--blue*/
    .index.theme--blue [role="banner"] {
        height: 100px;
    }

    .index.theme--blue .banner__logo {
        margin-top: 0;
    }

    /*index.theme-blue*/
    .theme--pct {
        border-left-width: 10px;
        border-style: solid;
        border-left-color: #982623;
    }

    /*theme--pct*/
    .theme--applications {
        background: #fafafa url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-body.png.xhtml") repeat-x 50% 0;
        min-height: 100px;
        /*header*/
    }

    .theme--applications #header {
        padding: 14px 22px;
        height: 20px;
        background-image: none;
        background-color: transparent;
        border-bottom-width: 0;
        /*ul*/
    }

    .theme--applications #header h1 {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo.png.xhtml");
    }

    .theme--applications #header h1.lang-fr {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo-fr.png.xhtml");
    }

    .theme--applications #header h1.lang-es {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo-es.png.xhtml");
    }

    .theme--applications #header h1.lang-ru {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo-ru.png.xhtml");
    }

    .theme--applications #header h1.lang-zh {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo-zh.png.xhtml");
    }

    .theme--applications #header h1.lang-ar {
        width: 391px;
        height: 34px;
        background-image: url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-header-logo-wipo-ar.png.xhtml");
    }

    .theme--applications #header h1 {
        float: left;
    }

    .theme--applications #header > ul {
        float: right;
        /*li*/
    }

    .theme--applications #header > ul > li {
        display: inline-block;
        border-bottom-width: 0;
        border-right: 1px solid #b4b7b6;
        min-height: 1px;
        line-height: 1.4em;
    }

    .theme--applications #header > ul > li:last-child {
        margin-right: 0;
        border-right-width: 0;
    }

    .theme--applications #header > ul a, .theme--applications #header > ul a:visited,
    .theme--applications #header > ul a:hover {
        padding: 0 11px;
        color: white;
    }

    .theme--applications #header > ul .dropdown-toggle .caret,
    .theme--applications #header > ul .dropdown-toggle:hover .caret,
    .theme--applications #header > ul .dropdown-toggle:focus .caret {
        margin-top: 8px;
        border-top-color: white;
        border-bottom-color: white;
    }

    .theme--applications #tools {
        left: auto;
        width: 50%
    }

    .theme--applications #tools li > a {
        color: white;
    }

    .theme--applications div.wrap-inner {
        display: block;
        padding-top: 1.65em;
        padding-top: 23px;
    }

    /*theme--applications*/
}

@page {
    margin: 2cm 1.5cm;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    @page {
        margin: 2cm 1.5cm;
    }

    .printOnly {
        display: block;
        margin: 20px 0 20px 0;
    }

    p, ul, li, td, th {
        font-size: 10pt;
    }

    .lead, .intro {
        font-size: 11pt;
    }

    h1, .h1 {
        font-size: 14pt;
    }

    h2, .h2 {
        font-size: 13pt;
    }

    h3,
    {
        font-size: 11pt;
    }

    h4, .h4 {
        font-size: 10pt;
    }

    h1, h2, h3, h4, .cols h2, .cols h3, .cols h4, .col h2, .col h3, .col h4 {
        page-break-after: avoid !important;
    }

    pre, blockquote {
        page-break-inside: avoid !important;
    }

    p {
        orphans: 3 !important;
        widows: 3 !important;
    }

    a, a:visited {
        text-decoration: underline;
        color: #526897;
    }

    img {
        max-width: 50% !important;
        page-break-inside: avoid;
    }

    .content {
        padding-top: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 1em !important;
    }

    .box, .media, .cols, .col, .listing, .alert, figure {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .accordion__toggle, .accordion__inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 1em !important;
    }

    .table th, .table td {
        font-size: 10pt;
        padding: 4px;
    }

    .nav-breadcrumb {
        display: none;
    }

    .dividers {
        margin-left: 0;
        padding-left: 0;
    }

    .dividers li {
        font-size: 9pt;
    }

    .collapse, .collapsed {
        height: auto !important;
        opacity: 1 !important;
    }

    .branding {
        display: none;
    }

    .promo__pct, .promo__madrid, .promo__hague, .promo__adr, .promo__gold,
    .promo__green, .promo__imr, .promo__lisbon, .promo__research,
    .promo__vision {
        margin-top: 0;
        height: auto;
        background-image: none;
        text-indent: 0;
    }

    .promos--three:before, .promos--three:after {
        display: table;
        content: "";
    }

    .promos--three:after {
        clear: both;
    }

    .promos--three .promo {
        float: left;
        width: 33%;
        margin-bottom: 0;
        padding: 0;
        border-width: 0;
    }

    .promos--three a {
        display: block;
    }

    .promos--three a:hover * {
        text-decoration: none;
    }

    .promos--three h3 {
        text-align: left;
    }

    .promos--three p {
        margin-bottom: 0;
        text-align: left;
    }

    .promos--three small {
        display: block;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-align: center;
        color: #526897;
    }

    header[role="banner"], #header, #tools, footer[role="contentinfo"],
    .navigation, .nav-page, .explore, .btn, .no-print {
        display: none !important;
    }

    video {
        display: none;
    }

    /* print */
}

.general_remark {
    margin-bottom: 1em;
}

.bilingual .disclaimer, .bilingual .explanatory_note, .bilingual .class_heading,
.bilingual .class_header, .bilingual .general_remarks, .bilingual .taxonomy_heading
.bilingual .good_service {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin-left: 20px;
}

.pdf_file_icon {
    cursor: pointer;
    height: 12px;
    /*margin: 0 4px 0 4px;*/
}

.explanatory_note .ui-widget-content {
    border: none;
    background-color: transparent;
    font-size: 1.4rem;
}

.ui-datagrid-no-border .ui-datagrid-content {
    border: none;
}

li, p, div {
    font-size: 1.4rem;
    font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
}

.good_services .good_service .ui-datalist-data {
    list-style-type: lower-alpha;
    line-height: 25px;
}

.explanatory_notes .explanatory_note .ui-datalist-data {
    list-style-type: none;
    line-height: 1.5em;
}

.nice-classes {
    margin: opx 0px 0px 1px;
    font-size: 1.4rem;
}

.vnav h3 {
    display: block;
    margin-bottom: 0.35em;
    font-size: 14px;
    font-size: 1.4rem;
}

.vnav {
    margin: 67px 0px 10px 0px;
    text-align: left;
}

.vnav ul {
    list-style-type: none;
    padding: 2px 6px 3px 0px;
    margin: 4px 0px 4px 9px;
    font-size: 10px;
    font-size: 1.0rem;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.vnav ul ul {
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.vnav li {
    list-style-type: none;
    padding: 0px;
    padding-left: 0.8em;
    margin: 0px;
    margin-left: -8px;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 2.8ex;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.ui-tabs .ui-tabs-panel {
    padding: 0.4em 0 2.0em 0;
}

.class_headings, .taxonomy_headings, .explanatory_notes {
    margin-bottom: 1em;
    /*  padding-left:5px; */
}

.explanatory_notes {
    margin-top: 1em;
}

h3, .general_remark .good_service .h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 2.1rem;
    line-height: 1.3;
}

.good_services .good_service .ui-datalist-item a {
    color: #526897;
}

.ui-tabs-panels .ui-widget-content {
    border: 1px solid #ffffff;
}

.ui-datalist-no-border .ui-widget-content {
    border: none;
    background-color: transparent;
}

/* By Pulkit */
.ui-tabs.ui-widget-content {
    border-bottom: none !important;
}

/* .nav-tabs{
       border-bottom:none!important;
} */
.ui-tabs-panels .ui-widget-content {
    border: none !important;
}

.ui-tabs .ui-tabs-nav.ui-widget-header li a {
    color: #526897 !important;
}

/* Till Here Pulkit */
.highlighted {
    background-color: #80ff80;
    text-decoration: underline overline;
}

.ui-dialog .ui-dialog-titlebar {
    display: none !important;
}

.header_table {
    border-bottom-width: 1px;
    border-bottom-color: #d1dbe5;
    border-bottom-style: solid;
}

.border_spacing_removal {
    border-spacing: 0px;
}

.padding_between_Cols {
    padding: 0 15px 0 15px;
}

.oddRow {
    background-color: #ffffff;
}

.evenRow {
    background-color: #E5E5E5;
}

.ui-chkbox .ui-chkbox-box {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 2px;
}

.ui-icon {
    width: 15px;
    height: 15px;
}

#ncl_leftpanel_form .ui-chkbox .ui-chkbox-label {
    margin: -2px 0 0 7px;
    font-size: 1.4rem;
}

#footer {
    width: 99%;
    text-align: right;
    background-color: #fff;
    color: #903;
    clear: both;
    font-size: 9px;
    /* padding-top: 10px; */
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    bottom: 0px;
    position: fixed;
    height: 32px;
}

ul.barSeparated {
    padding: 0px;
    margin: 0px;
    margin-top: 0px !important;
    margin-top: -2px;
    list-style-type: none;
    overflow: hidden;
    margin-right: -4px;
}

ul.barSeparated li {
    display: inline;
    margin: 0px;
    padding: 0px;
    padding-left: 7px;
    background-image: url("/enfr/javax.faces.resource/default/images/bar.gif.xhtml");
    background-position: left top;
    background-repeat: no-repeat;
}

ul.barSeparated li:first-child, ul.barSeparated li.listFirst {
    padding-left: 0px;
    background-image: none;
}

ul.barSeparated li:first-child {
    margin-right: -2px;
}

.leftPanel_s {
    float: left;
    width: 250px;
    height: 100%;
    overflow: hidden;
}

.content_s {
    float: right;
    width: calc(100% - 250px);
    height: 100%;
    top-margin: -10px;
}

.container_s {
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-y: hidden;
}

.container_s.wipo-navbar-true{
}


.theme--applications_s {
    background: #fafafa url("/enfr/javax.faces.resource/default/images/NCL/theme-applications-body.png.xhtml") repeat-x scroll 40% 0;
    min-height: 100px;
    color: white;
}

#notions .ui-tabs .ui-tabs-panel {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-width: 0;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    padding: 0px 20px !important;
}

.ui-datatable > .ui-datatable-tablewrapper > table > thead > tr > th, .ui-datatable thead th {
    font-weight: 700 !important;
}

classes_bilingual_data_list .columnBasic .ui-datatable thead th,
.ui-datatable tbody td, .ui-datatable tfoot td {
    padding: 0px 10px !important;
}

#notions .tabbable {
    width: 100%;
    height: 80%;
    overflow: auto;
}

.ui-datagrid-info-border4 .ui-datagrid-data {
    border-spacing: 0px;
    width: 90%;
}

.ui-datagrid-info-border2 .ui-datagrid-data {
    border-spacing: 0px;
}

.ui-datagrid-info-border4 .ui-datagrid-column {
    padding-top: 30px;
    padding-left: 42px;
    text-align: left;
}

.ui-datagrid-info-border2 .ui-datagrid-column {
    text-align: left;
    padding: 0px;
}

.ui-datagrid-basicinfo-border4 .ui-datagrid-data {
    border-spacing: 0px;
    width: 90%;
}

.ui-datagrid-basicinfo-border2 .ui-datagrid-data {
    border-spacing: 0px;
}

.ui-datagrid-basicinfo-border2 .ui-datagrid-column {
    text-align: left;
    padding: 0px;
}

.ui-datagrid-basicinfo-border4 .ui-datagrid-column {
    padding-top: 10px;
    padding-left: 42px;
    text-align: left;
}

.info_file_icon_image {
    width: 12px;
    height: 12px;
    padding: 1px;
    margin: 4px;
}

.basicinfo_file_icon_image {
    width: 12px;
    height: 12px;
    padding: 0px;
    margin: 0px;
}

#notions div.tab-content {
    overflow: auto;
    min-height: 100vh;
    /* padding-top: 28px; */
}

.ui-widget-content {
    border: 0px solid #dddddd;
}

.nav-expanding__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* float:right; */
}

.nav-expanding .nav-expanding__list a {
    display: inline-block;
    padding: 0;
}

.nav-expanding__list
li
:not



(
.col



) {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 15px;
    margin-left: 5px;
    padding-bottom: 2px;
}

.nav-expanding__list li {
    border-bottom-width: 0;
    margin-bottom: 16px;
    padding-bottom: 0;
    float: left;
    padding: 0 10px;
}

.scroll-panel-height {
    height: calc(100% - ( 70px + var(--wipo-navbar-height, 48px) + var(--in-force-height) ) );
    position: absolute;
    border: none;
    margin-right: 15px;
    width: calc(100% - 275px);
}

.scroll-panel-height-search {
    position: absolute;
    border: none;
    margin-right: 5px;
    width: calc(100% - 267px);
}

.scroll-panel-height-ENIF {
    height: calc(100% - ( 70px + var(--wipo-navbar-height, 48px) + var(--in-force-height) ) );
    position: absolute;
    border: none;
    margin-right: 5px;
    width: calc(100% - 267px);
}

.scroll-panel-height-EIF {
    height: calc(100% - ( 70px + var(--wipo-navbar-height, 48px) + var(--in-force-height) ) );
    position: absolute;
    border: none;
    margin: 0px 5px 0px 0px;
    width: calc(100% - 267px);
}

.scroll-panel-height-archive {
    height: calc(100% - ( 70px + var(--wipo-navbar-height, 48px) + var(--in-force-height) ) );
    position: absolute;
    border: none;
    margin: 0px 5px 0px 0px;
    width: calc(100% - 267px);
    overflow-y: hidden;
}

#footer li:first-child a {
    border-right: 1px solid grey;
    padding: 0 15px;
}

#footer li:last-child a {
    border-left: 1px solid grey;
    padding: 0 15px;
}

.tree-table-no-header thead {
    display: none;
}

.ui-tree .ui-treenode-content {
    /*   background-color:#ffdeb3; */
    display: block;
    width: 100%;
    padding-left: 3px;
}

.ui-treenode-children {
    border-left: 2px dotted #bbd;
    margin: 0px 0px 0px 5px !important;
}

.ui-title-plus-nodot .ui-treenode-children {
    border-left: 0px;
    margin: 0px 0px 0px 0px !important;
}

.ui-treetable .ui-treetable-indent {
    border-left: 2px dotted #bbd;
    margin: 0px 0px 0px 5px;
    margin-bottom: 0px 0px -5px 0px;
    height: 25px !important;
}

.ui-tree .ui-tree-selectable .ui-treenode-label, .ui-tree .ui-tree-selectable .ui-treenode-icon {
    cursor: pointer;
    width: 98%;
}

.ui-tree .ui-tree-selectable .ui-treenode-label {
    cursor: default;
}

.ui-treetable thead th, .ui-treetable tbody td, .ui-treetable tfoot td {
    padding: 2px 0px;
    overflow: hidden;
    white-space: nowrap;
    border-width: 0px;
}

.basicinfo_file_icon_imageforheirarchy {
    width: 12px;
    height: 12px;
    padding-left: 15px;
    margin: 0px;
}

/* .ui-treecheck{
	background-color:#ffdeb3;
	display: block;
    width:100%;
    margin-left: 3px;
} */
.ui-treecheck-bilingual-secondlang {
    background-color: #ffdeb3;
    display: block;
    width: 100%;
}

.ui-treecheck-bilingual-firstlang:parent {
    padding-left: 27px;
}

.ui-treecheck-bilingual-firstlang {
    background-color: #ffdeb3;
    display: block;
    width: 95%;
    padding-left: 5%;
}

.ui-widget-content > td {

}

.ui-widget-content > td > span.ui-treecheck-bilingual-firstlang:nth-child(2) {
    width: 97.5%;
    padding-left: 2.5%;
}

.ui-widget-content > td > span.ui-treecheck-bilingual-firstlang:nth-child(3) {
    width: 93.5%;
    padding-left: 6.5%;
}

.ui-widget-content > td > span.ui-treecheck-bilingual-firstlang:nth-child(4) {
    width: 90.5%;
    padding-left: 9.5%;
}

.ui-widget-content > td > span.ui-treecheck-bilingual-firstlang:nth-child(5) {
    width: 93.5%;
    padding-left: 6.5%;
}

.ui-widget-content > td > span.ui-title-plus-bilingual_class_headings:nth-child(2) {
    padding-left: 1.7%;
}

.ui-title-plus .ui-icon-triangle-1-s {
    background: url("/enfr/javax.faces.resource/default/images/NCL/minus-icon.png.xhtml") no-repeat;
!
	important;
    max-height: 12px;
    max-width: 12px;
    margin: 5px 0px 0px 0px;
    vertical-align: sub;
}

.ui-title-plus .ui-icon-triangle-1-e {
    background: url("/enfr/javax.faces.resource/default/images/NCL/plus-icon.png.xhtml") no-repeat;
!
	important;
    max-height: 12px;
    max-width: 12px;
    margin: 5px 0px 0px 0px;
    vertical-align: sub;
}

.ui-title-plus-bilingual .ui-icon-triangle-1-s {
    background: url("/enfr/javax.faces.resource/default/images/NCL/minus-icon.png.xhtml") no-repeat !important;
    max-height: 12px;
    max-width: 12px;
    margin-top: 5px 0px 0px 0px;
    vertical-align: sub;
    padding-right: 8px;
}

.ui-title-plus-bilingual .ui-icon-triangle-1-e {
    background: url("/enfr/javax.faces.resource/default/images/NCL/plus-icon.png.xhtml") no-repeat !important;
    max-height: 12px;
    max-width: 12px;
    margin: 5px 0px 0px 0px;
    vertical-align: sub;
    padding-right: 8px;
}

.ui-list-dot-bilingual .ui-icon-triangle-1-e {
    background: url("/enfr/javax.faces.resource/default/images/NCL/list-dot.png.xhtml") no-repeat;
!
	important;
    max-height: 12px;
    max-width: 12px;
    margin: 5px 0px 0px 0px;
    vertical-align: sub;
    padding-right: 8px;
}

.ui-list-dot-bilingual .ui-icon-triangle-1-s {
    background: url("/enfr/javax.faces.resource/default/images/NCL/list-dot.png.xhtml") no-repeat;
!
	important;
    max-height: 12px;
    max-width: 12px;
}

.ui-list-li-dot {
    background: url("/enfr/javax.faces.resource/default/images/NCL/list-dot.png.xhtml") no-repeat;
!
	important;
    max-height: 12px;
    max-width: 12px;
}

.ui-title-plus-bilingual {
    border: 1px solid rgb(180, 183, 182);
    background-color: rgb(234, 237, 236) !important;
    margin: 0px 0px 5px 0px !important;
}

.ui-list-dot .ui-treenode-leaf-icon {
    /*  background: url("/enfr/javax.faces.resource/default/images/NCL/list-dot.png.xhtml") no-repeat; !important; */
    max-height: 12px;
    max-width: 12px;
}

.ui-list-dot-mod .ui-treenode-leaf-icon {
    /*background: url("/enfr/javax.faces.resource/default/images/NCL/list-dot.png.xhtml") no-repeat; !important;*/
    max-height: 12px;
    max-width: 12px;
}

.disclaimer p {
    font-weight: bold;
    color: #903;
}

.ui-treetable tbody td {
    white-space: normal !important;
}

.information_file_links {
    text-decoration: underline;
    color: #003399;
!
	important;
}

#informationFileId .ui-widget-content a {
    color: #003399;
!
	important;
}

#hl .table th, .table td {
    border-top: 1px solid #b4b7b6;
    font-size: 1.3rem;
    line-height: 1.3em;
    padding: 0px;
    text-align: left;
    vertical-align: top;
}

.search_count_table {
    padding-top: 3px;
    margin: auto;
    width: 20%;
    max-width: 100%;
}

.search_table {
    border: 1px solid #903;
}

.search_table td a {
    color: #003399;
! important;
    background-color: #b4b7b6;
    text-decoration: underline;
}

.search_table td {
    text-align: center;
}

.search_table th {
    color: #903;
}

.ui-icon-seek-end {
    background-position: -64px -157px;
!
	important;
}

.ui-icon-seek-prev {
    background-position: -48px -157px;
!
	important;
}

.ui-icon-seek-first {
    background-position: -80px -157px;
!
	important;
}

.ui-icon-seek-next {
    background-position: -34px -157px;
!
	important;
}

#notions .nav > li > a {
    font-size: 1.40rem;
}

.search_table td a {
    cursor: pointer;
}

.column1width50 {
    width: 46%;
}

.column2width50 {
    width: 46%;
}

.bottompadding {
    padding-bottom: 15px;
}

.search_table {
    min-width: 240px;
}

.toppadding {
    padding-top: 20px;
}

.alpha_anchor_space {
    padding-right: 10px;
}

.backgroundEven {
    background-color: rgb(225, 226, 226) !important;
    margin: 0px 0px 0px 15px !important;
}

.backgroundOdd {
    background-color: rgb(234, 237, 236) !important;
    margin: 0px 0px 0px 15px !important;
}

.goods-services-node-hide {
    display: none;
}

.goods-services-node-show {
    display: block;
}

.bilingualDiv {
    padding-left: 20px;
    display: -ms-flex; /* IE10 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}

.bilingualDiv div {
    -ms-flex: 1; /* IE 10 */
    /* flex: 1; */
}

.monolingualDiv {
    display: -ms-flex; /* IE10 */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
}

.molingualDiv div {
    -ms-flex: 1; /* IE 10 */
    flex: 1;
}

.goods-services-node-blank {

}

.button_search_archive span {
    background-color: #405176;
    color: white;
    font-size: 1em;
    padding: 0 0.5em !important;
}

.info_icon_space_1 {
    margin: -4px -10px 0 10px;
}

.info_icon_space_2 {
    margin: -1px -10px 0 10px;
}

.introduction_ordered_item {
    padding-left: 1.8em;
    line-height: 1.0em;
}

.ui-tree .ui-tree-container {
    overflow: hidden !important;
}

.ui-chkbox {
    display: list-item !important;
    list-style-type: none;
}

.ui-default-class {
    font-weight: bolder;
    font-size: 1.6rem;
    margin-top: 5px 0px 0px 0px !important;
}

.ui-list-notes .ui-treenode-leaf-icon {
    max-height: 12px;
    max-width: 12px;
}

.ui-title-plus {
    /*   border: 1px solid rgb(180, 183, 182); */
    background-color: rgb(234, 237, 236) !important;
    /*  background-color:#ffdeb3!important;; */
    margin: 0px 0px 5px 0px !important;
}

.ui-list-dot {
    /*   border: 1px solid rgb(180, 183, 182); */
    background-color: rgb(234, 237, 236) !important;
    /*  background-color:#ffdeb3!important;; */
}

.ui-title-plus-class_headings {
    border: 1px solid rgb(180, 183, 182);
    background-color: rgb(234, 237, 236) !important;
    margin: 0px 0px 5px 0px !important;
    display: block;
'
}

.ui-title-plus-bilingual_class_headings {
    background-color: rgb(234, 237, 236) !important;
    margin: 0px 0px 5px 0px !important;
    display: block;
}

.ui-panelgrid {
    width: 100%;
}

.ui-panelgrid .ui-panelgrid-cell {
    border-width: 0px;
    padding: 0px;
}

.title {
    background-color: rgb(234, 237, 236) !important;
}

.dot {
    background-color: rgb(234, 237, 236) !important;
}

.notes {
    background-color: rgb(234, 237, 236) !important;
}

.default {
    background-color: rgb(234, 237, 236) !important;
}

.pointer-remove {
    pointer-events: none;
}

.ui-list-notes .ui-treenode-label {
    /*  height: 20px; */

}

.billingual_epic_title {
    background-color: #ffdeb3;
}

.border_style {
    border: 1px solid rgb(180, 183, 182);
}

.ui-title-plus-nodot .ui-treetable-indent {
    border-left: 0px dotted #bbd;
    margin-left: 0px;
}

.subclass-node-blank {

}

.subclass-node-hide {
    display: none;
}

.notesBulletBilingual {
    float: left;
    width: 43px;
}

.notesBulletBilingualTd2 {
    float: left;
    width: 3.6%;
}

.notesDataBilingual {
    float: left;
    overflow: hidden;
    width: 90%;
}

.notesBullet {
    float: left;
    width: 2%;
}

.notesData {
    float: left;
    width: 86%;
}

@media ( min-width: 15em) {
    .leftPanel_s {
        max-height: calc(100% - 180px);
        overflow-x: hidden;
    }

    div#ClassScrollable {
    }

    div#ClassScrollable {
        max-width: calc(100% - 250px);
    }

}

@media ( min-width: 20em) {
    .leftPanel_s {
        max-height: calc(100% - 32px);
        overflow-x: hidden;
    }

    div#ClassScrollable {
    }

    div#ClassScrollableSearch {
        overflow-y: scroll;
    }

    .scroll-panel-height-search {
        position: absolute;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 1%;
        width: 1.2%;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 94%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 4%;
    }

}

@media ( min-width: 30em) {
    .content_s {
        display: inline;
        max-height: 100%;
    }

    .headerTabs {
        max-height: 30%;
    }

    .tab-content {
        max-height: 80%;
    }

    .theme--applications {
        max-height: 80%;
    }

    div#ClassScrollable {
    }

    .scroll-panel-height {
        width: calc(100% - 280px);
    }

    .leftPanel_s {
        max-height: calc(100% - 32px);
    }

    div#ClassScrollableSearch {
        overflow-y: scroll;
    }

    .scroll-panel-height-search {
        position: absolute;
    }

    .classNumber {
        min-width: 20%;
        float: left;
    }

    .classDetails {
        max-width: 60%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 18%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 18%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 75%;
        width: 75%;
    }

    .notesBulletBilingual {
        float: left;
        width: 40px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 14%;
    }

    .notesDataBilingual {
        float: left;
        overflow: hidden;
        width: 78%;
    }

    .notesBullet {
        float: left;
        width: 6%;
        padding-left: 0.2%;
    }

    .notesData {
        float: left;
        width: 80%;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 4%;
        width: 1.2%;
    }

    .notesDataSingle {
        padding-left: 4.2%;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 70%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 22%;
    }

    .modificationDataDualLang {
        float: left;
        width: 65%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 26%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 25%;
        padding-left: 0.4%;
    }

    #ncl_search_form {
        width: 100%
    }
}

@media ( min-width: 37em) {
    .content_s {
        display: inline;
        max-height: 100%;
    }

    .headerTabs {
        max-height: 30%;
    }

    .tab-content {
        max-height: 80%;
    }

    .theme--applications {
        max-height: 80%;
    }

    .scroll-panel-height {
        width: calc(100% - 280px);
    }

    .leftPanel_s {
        max-height: calc(100% - 32px);
    }

    div#ClassScrollable {
    }

    div#ClassScrollableSearch {
        max-width: calc(100% - 250px);
    }

    .scroll-panel-height-search {
        position: absolute;
    }

    .classNumber {
        min-width: 20%;
        float: left;
    }

    .classDetails {
        max-width: 70%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 27%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 27%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 53%;
        width: 53%;
    }

    .notesBulletBilingual {
        float: left;
        width: 42px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 14%;
    }

    .notesDataBilingual {
        float: left;
        overflow: hidden;
        width: 53%;
    }

    .notesBulletBilingualClassHeading {
        float: left;
        width: 14%;
    }

    .notesBullet {
        float: left;
        width: 5%;
        padding-left: 0.2%;
    }

    .notesData {
        float: left;
        width: 80%;
    }

    .notesDataSingle {
        padding-left: 4.2%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 22px;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 3.5%;
        width: 1.2%;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 70%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 14%;
    }

    .modificationDataDualLang {
        float: left;
        width: 55%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 26%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 25%;
        padding-left: 0.4%;
    }

    #ncl_search_form {
        width: 100%
    }

    .notesBulletSearch {
        float: left;
        width: 18px;
        padding-left: 2.2%;
    }

    .notesDataSearch {
        float: left;
        width: 86%;
    }
}

@media ( min-width: 45em) {
    .content_s {
        display: inline;
        max-height: 100%;
    }

    .headerTabs {
        max-height: 30%;
    }

    .tab-content {
        max-height: 80%;
    }

    .theme--applications {
        max-height: 80%;
    }

    div#ClassScrollableSearch {
        overflow-y: scroll;
    }

    .scroll-panel-height-search {
        position: absolute;
    }

    .leftPanel_s {
        max-height: calc(100% - 32px);
    }

    .classNumber {
        min-width: 10%;
        float: left;
    }

    .classDetails {
        max-width: 85%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 19%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 19%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 65%;
        width: 65%;
    }

    .notesBulletBilingual {
        float: left;
        width: 42px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 8%;
    }

    .notesDataBilingual {
        float: left;
        overflow: hidden;
        width: 75%;
    }

    .notesBulletBilingualClassHeading {
        float: left;
        width: 8%;
    }

    .notesBullet {
        float: left;
        width: 3%;
        padding-left: 0.2%;
    }

    .notesData {
        float: left;
        width: 86%;
    }

    .notesDataSingle {
        padding-left: 4.2%;
    }

    .notesBulletSearch {
        float: left;
        width: 18px;
        padding-left: 2.2%;
    }

    .notesDataSearch {
        float: left;
        width: 86%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 22px;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 3%;
        width: 1.2%;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 83%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 10%;
    }

    .modificationDataDualLang {
        float: left;
        width: 63%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 20%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 22%;
        padding-left: 0.4%;
    }

    body {
        overflow: visible;
    }

    #ncl_search_form {
        width: 100%
    }
}

@media ( min-width: 50.5em) {
    .classNumber {
        min-width: 8%;
        float: left;
    }

    .classDetails {
        float: left;
        max-width: 87%;
    }

    .classNumberBilingual {
        min-width: 16%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 16%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 70%;
        width: 70%;
        float: left;
    }

    .notesBulletBilingual {
        float: left;
        width: 42px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 4.6%;
    }

    .notesDataBilingual {
        float: left;
        overflow: hidden;
        width: 78%;
    }

    .notesBullet {
        float: left;
        width: 2.5%;
        padding-left: 0.2%;
    }

    .notesData {
        float: left;
        width: 90%;
    }

    .notesDataSingle {
        padding-left: 3.2%;
    }

    .notesBulletSearch {
        float: left;
        width: 18px;
        padding-left: 2.2%;
    }

    .notesDataSearch {
        float: left;
        width: 86%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 22px;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 2%;
        width: 1.2%;
    }

    .notesBulletBilingualClassHeading {
        float: left;
        width: 5.5%;
    }

    .classNotesBullet {
        width: 3%;
    }

    .classNotesData {
        width: 94%;
    }

    #ncl_search_form {
        width: 100%;
    }

    .leftPanel_s {
        max-height: calc(100% - 32px);
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 87%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 8%;
    }

    .modificationDataDualLang {
        float: left;
        width: 72%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 17%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 16%;
        padding-left: 0.4%;
    }

}

@media ( min-width: 57.75em) {
    #ncl_search_form {
        width: 80%
    }

    .modificationDataSingleLang {
        float: left;
        width: 87%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 7%;
    }

    .modificationDataDualLang {
        float: left;
        width: 76%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 15%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 14%;
        padding-left: 0.4%;
    }
}

@media ( min-width: 64.5em) {
    .notesBulletBilingualSingle {
        float: left;
        width: 22px;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 1%;
        width: 1.2%;
    }

    .notesDataSingle {
        padding-left: 2.2%;
    }

    .classDetails {
        float: left;
        max-width: 87%;
    }

    #ncl_search_form {
        width: 80%
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    span.ui-default-class {
        padding-left: 0.6%
    }

    .modificationDataSingleLang {
        float: left;
        width: 90%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 6%;
    }

    .modificationDataDualLang {
        float: left;
        width: 81%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 12%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 12%;
        padding-left: 0.4%;
    }
}

@media ( min-width: 65.75em) {
    .classNumber {
        min-width: 6%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 12%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 12%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 80%;
        float: left;
    }

    .classDetails {
        float: left;
        max-width: 90%;
    }

    .notesDataSingle {
        padding-left: 2.2%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 22px;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 1%;
        width: 1.2%;
    }

    .classNotesBullet {
        width: 2%;
    }

    .classNotesData {
        width: 94%;
    }

    #ncl_search_form {
        width: 70%
    }

    div#ClassScrollable {
    }

    .leftPanel_s {
        max-height: calc(100% - 67px);
    }

    div#ClassScrollableSearch {
        overflow-y: scroll;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    span.ui-default-class {
        padding-left: 0.6%
    }

    .modificationDataSingleLang {
        float: left;
        width: 90%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 5%;
    }

    .modificationDataDualLang {
        float: left;
        width: 81%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 12%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 11%;
        padding-left: 0.4%;
    }
}

@media ( min-width: 77.75em) {
    #ncl_search_form {
        width: 60%
    }

    .modificationDataSingleLang {
        float: left;
        width: 90%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 4%;
    }

    .modificationDataDualLang {
        float: left;
        width: 85%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 9%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 8%;
        padding-left: 0.4%;
    }

}

@media ( min-width: 100em) {
    .classNumber {
        min-width: 3%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 6%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 6%;
        float: left;
        /* padding-left: 0.3%; */
    }

    .classDetailsBilingual {
        min-width: 84%;
        float: left;
    }

    .classDetails {
        float: left;
        min-width: 90%;
    }

    .notesBullet {
        float: left;
        width: 1.2%;
        padding-left: 0.4%;
    }

    .notesData {
        float: left;
        width: 90%;
    }

    .notesDataSingle {
        padding-left: 1.5%;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 1.6%;
        width: 1.2%;
        margin-left: 0.36%;
    }

    .notesBulletSearch {
        float: left;
        width: 1.2%;
        padding-left: 1.4%;
    }

    .notesBulletBilingual {
        float: left;
        width: 43px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 2%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 23px;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .notesBulletBilingualClassHeading {
        float: left;
        width: 2%;
    }

    .classNotesBullet {
        width: 1%;
    }

    span.ui-default-class {
        padding-left: 3px;
    }

    .modificationDataSingleLang {
        float: left;
        width: 94%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 3%;
    }

    .modificationDataDualLang {
        float: left;
        width: 90%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 6%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 6%;
        padding-left: 0.4%;
    }

    .leftPanel_s {
        overflow-y: hidden;
        max-height: 100%;

    }

    body {
        overflow: hidden;
    }
}

@media ( min-width: 67.375em) {
    .content_s {
        display: inline;
        max-height: 100%;
    }

    .headerTabs {
        max-height: 30%;
    }

    .tab-content {
        max-height: 80%;
    }

    .theme--applications {
        max-height: 80%;
    }

    div#ClassScrollable {
    }

    .leftPanel_s {
        max-height: 100%;
    }

    .classNumber {
        min-width: 5%;
    }

    .classNumberBilingual {
        min-width: 10%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 10%;
        float: left;
    }

    .classDetailsBilingual {
        min-width: 80%;
    }

    span.ui-default-class {
        padding-left: 1px;
    }

    .notesBulletBilingual {
        width: 43px;
    }
}

@media ( min-width: 100em) {
    .classNumber {
        min-width: 3%;
        float: left;
    }

    .classNumberBilingual {
        min-width: 6%;
        float: left;
    }

    .classNumberBilingualTd2 {
        min-width: 6%;
        float: left;
        /* padding-left: 0.3%; */
    }

    .classDetailsBilingual {
        min-width: 84%;
        float: left;
    }

    .classDetails {
        float: left;
        min-width: 90%;
    }

    .notesBullet {
        float: left;
        width: 1.2%;
        padding-left: 0.4%;
    }

    .notesData {
        float: left;
        width: 90%;
    }

    .notesDataSingle {
        padding-left: 1.5%;
    }

    .notesBulletSingle {
        float: left;
        padding-left: 1.6%;
        width: 1.2%;
        margin-left: 0.36%;
    }

    .notesBulletSearch {
        float: left;
        width: 1.2%;
        padding-left: 1.4%;
    }

    .notesBulletBilingual {
        float: left;
        width: 43px;
    }

    .notesBulletBilingualTd2 {
        float: left;
        width: 2%;
    }

    .notesBulletBilingualSingle {
        float: left;
        width: 23px;
    }

    .deletedNotedTd1 {
        padding-left: 25px;
    }

    .notesBulletBilingualClassHeading {
        float: left;
        width: 2%;
    }

    .classNotesBullet {
        width: 1%;
    }

    span.ui-default-class {
        padding-left: 3;
    }

    .modificationDataSingleLang {
        float: left;
        width: 94%;
    }

    .modificationDivSingleLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSingleLang {
        float: left;
        width: 3%;
    }

    .modificationDataDualLang {
        float: left;
        width: 88%;
    }

    .modificationDivDualLang {
        float: left;
        width: 2%;
    }

    .modificationClNoSecondTdDualLang {
        float: left;
        width: 6%;
    }

    .modificationClNoFirstTdDualLang {
        float: left;
        width: 6%;
        padding-left: 0.4%;
    }

    .leftPanel_s {
        overflow-y: hidden;
        max-height: 100%;

    }
    body {
        overflow: hidden;
    }
}

body {
    display: flex;
    flex-direction: column;
}

div#left-menu {
    max-height: calc(100% - 34px)!important;
    height: calc(100% - 34px)!important;
}

div#ClassScrollable {
    max-height: calc(100% - 10px);
}

div#ClassScrollableSearch {
    height: calc(100% - ( 130px + var(--wipo-navbar-height, 48px) + var(--in-force-height) ) );
}

div.tab-content#interactionPanel {
    max-width: 215px;
}

div.tab-content#interactionPanel div#settings {
    width: 215px;
}

div.tab-content#interactionPanel div#settings select,
select#control-label {
    width: calc(100% - 8px);
}

.ui-treetable .ui-treetable-toggler {
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

.notesBulletBilingual {
    float: left;
    text-align: right;
}

#coverLoader {
    background: url("/enfr/javax.faces.resource/default/images/ajax-loader.gif.xhtml") no-repeat scroll center center #fff;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 99999;
    text-align: center;
}


.container_s h1, .container_s h2, .container_s h3, .container_s h4,
.wipo_pubs h1, .wipo_pubs h2, .wipo_pubs h3, .wipo_pubs h4
{
    margin: 0px !important;
    font-weight: bold !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.container_s h1, .wipo_pubs h1 {
    line-height: 1.3em !important;
    margin-bottom: 0.7em !important;
}

.content h1,  .wipo_pubs h1 {
    padding-left: 0px !important;
}

h3 {
    font-size: 14px !important;
    font-weight: bold !important;
}

.container_s h3,  .wipo_pubs h3 {
    margin-top: 0.3em !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.h4 {
    font-size: 1.6rem !important;
    font-weight: bold !important;
}

.container_s h4,  .wipo_pubs h4 {
    line-height: 1.25 !important;
    font-size: 1.6rem !important;
    font-weight: bold !important;
}