@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Source+Sans+3:ital,wght@0,400;0,500;0,700;1,400;1,500&display=swap');

html {
  --vw: 1vw;
  font-size: 112.5% !important;
}

body {
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: #003b55;
  background: #fff;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 400;
  hyphens: none;
  line-height: 1.5;
  margin: 0;
  overflow-wrap: normal;
  -webkit-text-rendering: antialiased;
  -moz-text-rendering: antialiased;
  -ms-text-rendering: antialiased;
  text-rendering: optimizeLegibility
}

a {
  cursor: pointer;
  text-decoration: none
}

a:hover {
  color: #f29201;
  text-decoration: underline
}

b,
strong {
  font-family: 'Source Sans 3', sans-serif;
  font-style: normal;
  font-weight: 700
}

.p,
blockquote,
p {
  margin: 0 0 24px
}

strong,
.bold {
  font-weight: 700 !important;
}

ol,
ul {
  margin-bottom: 24px;
  margin-top: 0
}

li>ol,
li>ul {
  margin-bottom: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #003b55;
  margin: 0 0 24px
}

.h1,
h1 {
  font-size: 3.11rem;
  line-height: 1.14
}

.h1,
.h2,
h1,
h2 {
  font-family: 'Source Sans 3', sans-serif;
  font-style: normal;
  font-weight: 600
}

.h2,
h2 {
  font-size: 2.44rem;
  line-height: 1.18
}

.h3,
h3 {
  font-size: 1.56rem;
  line-height: 1.25
}

.h3,
.h4,
h3,
h4 {
  font-family: 'Source Sans 3', sans-serif;
  font-style: normal;
  font-weight: 600
}

.h5,
h5 {
  font-size: 1rem;
  line-height: 1.33
}

.h5,
.h6,
h5,
h6 {
  font-family: 'Source Sans 3', sans-serif;
  font-style: normal;
  font-weight: 600
}

.h6,
h6 {
  font-size: .89rem;
  line-height: 1.25
}

.h4,
h4,
.title h2.title,
.title h3.title,
.title h4.title,
.title h5.title,
.title h6.title,
h2.title.accordionhead,
h3.title.accordionhead,
h4.title.accordionhead,
h5.title.accordionhead,
h6.title.accordionhead,
.titlepage .sidebar-title {
  font-size: 1.11rem;
  line-height: 1.4
}

.bridgehead {
  display: block;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.33;
  font-weight: 600;
  text-transform: none !important
}

@media (max-width:1139px) {
  html {
    font-size: 106.25%
  }

  .h1,
  h1 {
    font-size: 2.59rem
  }

  .h2,
  h2 {
    font-size: 2.12rem
  }

  .h3,
  h3,
  .titlepage .sidebar-title {
    font-size: 1.53rem
  }

 .h5,
  h5,
   .bridgehead {
    font-size: 1.06rem
  }

  .h6,
  h6 {
    font-size: .94rem
  }

  .h4,
  h4,
  .title h2.title,
  .title h3.title,
  .title h4.title,
  .title h5.title,
  .title h6.title,
  h2.title.accordionhead,
  h3.title.accordionhead,
  h4.title.accordionhead,
  h5.title.accordionhead,
  h6.title.accordionhead,
  .titlepage .sidebar-title {
    font-size: 1.12rem
  }

  .display {
    font-size: 3.29rem
  }
}

@media (max-width:767px) {
  html {
    font-size: 100%
  }

  .h1,
  h1 {
    font-size: 2rem
  }

  .h2,
  h2 {
    font-size: 1.75rem
  }

  .h3,
  h3 {
    font-size: 1.5rem
  }

 .h5,
  h5,
  .bridgehead {
    font-size: 1.13rem
  }

  .h6,
  h6 {
    font-size: 1rem
  }

  .h4,
  h4,
  .h5,
  h5,
  .h6,
  h6 {
    text-transform: none !important;
  }

  .h4,
  h4,
  .title h2.title,
  .title h3.title,
  .title h4.title,
  .title h5.title,
  .title h6.title,
  h2.title.accordionhead,
  h3.title.accordionhead,
  h4.title.accordionhead,
  h5.title.accordionhead,
  h6.title.accordionhead,
  .titlepage .sidebar-title {
    font-size: 1rem
  }

  .display {
    font-size: 2.75rem
  }
}

hr {
  border: 0;
  border-top: 1px solid #f8f9fb;
  height: 0;
  margin: 24px 0
}

img,
svg {
  height: auto;
  max-width: 100%;
  vertical-align: middle
}

figure {
  margin: 0
}

pre {
  max-width: 100%;
  overflow-x: auto
}

sub,
sup {
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.4em
}

sub {
  top: .4em
}

[hidden] {
  display: none
}

form {
  margin-bottom: 0
}

.important-text,
.ui-label {
  color: #083b55
}

.small-text {
  font-size: .89rem
}

.large-text {
  font-size: 1.5rem
}

.xlarge-text {
  font-size: 2.25rem
}

@media (max-width:1139px) {
  .xlarge-text {
    font-size: 1.9500000000000002rem
  }
}

@media (max-width:767px) {
  .xlarge-text {
    font-size: 1.6500000000000001rem
  }
}

.emphasis {
  font-style: italic;
}

em:has(strong),
strong:has(em),
emphasis:has(strong) {
  background: hsl(0deg 50% 50% / .25);
  border: 1px dashed hsl(0deg 50% 50% / .25);
}

.inlinemediaobject img:not([height]):not([width]) {
  height: 80%;
  vertical-align: baseline;
}

.inlinemediaobject {
  vertical-align: baseline;
}

.mediaobject .material-placeholder .materialboxed {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  padding: 2px;
  background-color: #fff;
}

a.link,
a.topic-link.section,
a.link.linktype-component,
a.more-toc {
  text-decoration: underline;
}

a.topic-link.section {
  color: #003b55;
}

a.linktype-component,
a.more-toc {
  color: #177DDC;
  font-weight: 400;
}

a.linktype-component:hover,
a.more-toc:hover {
  color: #f29201;
  font-weight: 400;
}

a.linktype-component:visited {
  color: #555;
  font-weight: 400;
}

.panel-heading :not(div).title::before,
.panel-heading .sidebar-title::before {
  color: #177DDC !important;
}

.titlepage>a,
.titlepage>a:visited {
  color: #003b55;
  font-weight: 400;
}

.titlepage>a:hover {
  color: #177DDC;
  font-weight: 400;
}

/* Sidebar */

.site-sidebar .logo {
  width: 90% !important;
  max-width: 240px !important;
  padding: 35px 0 !important;
}

.bg-primary,
.btn-primary,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.site-sidebar {
  background-color: #eff2ff !important;
}

.nav-site-sidebar li a:focus,
.nav-site-sidebar li a:hover {
  background-color: #e2e7fb;
}

input.search-field[type="text"] {
  -webkit-appearance: none;
  background-color: #fff;
  color: #000;
  font-weight: 500;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  font-style: normal;
  line-height: 1.28;
  outline: none;
  transition: .2s ease-in-out;
  width: 100% !important;
}

input.search-field[type="text"]::placeholder {
  color: #555;
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  line-height: 1.28;
}

.site-sidebar {
  font-size: 1rem;
}

.toc>li>.topic-link>.glyphicon {
  margin-top: 11px;
}

.toc.nav.nav-site-sidebar a.topic-link.section {
  text-decoration: none !important;
}

/* TopBar */
.breadcrumb-node {
  font-weight: 500;
}

.breadcrumb-link a {
  text-decoration: underline;
}

/* Tweaks start */
.portal-contents.featured-content .inner {
  justify-content: space-between;
}

.portal-header .portal-search button,
.publication-contents h4 span {
  background-color: #f29201 !important;
}

.publication-contents a {
  color: #083b55;
}

.publication-contents a:hover {
  color: #177DDC;
  text-decoration: underline;
}

.publication-contents li {
  font-size: inherit;
  font-weight: inherit;
}

.portal-single-publication a {
  color: #555;
  display: inline-block;
  padding: 20px 20px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 16px 32px rgba(8, 59, 85, .05), 0 8px 16px rgba(8, 59, 85, .05);
  box-shadow: 0 16px 32px rgba(8, 59, 85, .05), 0 8px 16px rgba(8, 59, 85, .05);
  -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
  transition: -webkit-box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out;
  transition: box-shadow 0.1s ease-in-out, -webkit-box-shadow 0.1s ease-in-out;
}

.portal-single-publication .publication-icon {
  margin-bottom: 1em;
  background-color: #f29201 !important;
}

@media (min-width: 768px) {
  .portal-single-publication {
    width: 25%;
  }
}

/* Content */
div.sidebar-title {
  font-weight: 500;
}

ul.itemizedlist li.listitem {
  list-style: none;
}

ul.itemizedlist li.listitem p {
  margin: 0;
  display: inline;
  padding: 0;
}

ul.itemizedlist li.listitem::before {
  content: "\2022";
  font-size: 1rem;
  font-weight: 700;
  color: #f29201;
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}

ol.procedure {
  list-style-type: decimal !important;
}

ol.procedure>li::before {
  display: none
}

li.step {
  padding-left: 0.25rem;
}

.panel-heading.titlepage {
  margin-bottom: 1rem;
}

/* Main page */
@media (min-width: 768px) {
  .portal-header .logo {
    margin-bottom: 0;
    height: 5.625rem !important;
  }
}

.portal-header::before {
  background-color: #d0d7f9 !important;
}

.portal-header .logo {
  margin-bottom: 0;
  height: 5rem !important;
}

.portal-header h1 {
  margin-top: 2rem;
}

.portal-header .portal-search .search-field[type="search"] {
  color: #000;
  font-weight: 500;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: inherit;
  outline: none;
  transition: .2s ease-in-out;
}

.portal-header .portal-search .search-field[type="search"]::placeholder {
  color: #222;
  font-weight: 500;
  font-size: inherit;
}

.portal-header .search-field {
  background-color: rgba(255, 255, 255, 0.65) !important;
}

/* Info's */
.tip::before {
  content: '\f0eb' !important;
  color: #3aa3e3;
}

.cat-panel-1::before,
.cat-panel-2::before,
.cat-panel-3::before,
.cat-panel-4::before,
.cat-panel-5::before,
.cat-panel-6::before,
.cat-panel-7::before,
.cat-panel-8::before,
.cat-panel-9::before,
.cat-panel-10::before {
  content: "\f004" !important;
}



/* Disable */
.dropup.languages {
  display: none !important;
}

.featured-content-label {
    display:none !important;
}

.portal-contents featured-content {
    display:none !important;
}

.portal-contents .inner {
    display:none !important;
}

/* Footer */
.copyright.col-md-3 {
  width: 100% !important;
}

/* Table */
.rules-rows td,
.rules-rows th {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

.rules-rows td:last-of-type,
.rules-rows th:last-of-type {
  border-right: 1px solid #ddd;
}

table.informaltable {
  margin-bottom: 1rem;
}

/* search */
.searchresultitem a:hover,
.searchresultitem a:focus{
  text-decoration: none
}

ul.searchresults .search-highlight {
  background-color: rgba(255, 245, 0, 0.5);
}