@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&display=swap');

/*Start page */

body {
    background-color: #FFF;
}

#content-wrapper {
	margin-bottom: 60px;
}

/* Headlines */

h1 {
    color: rgba(0, 0, 0, 0.90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px;
    padding: 32px 0px 16px 0px;
    margin: 0px;
}

.portal-header .inner h1 {
    padding: 0px;
    margin: 32px 0px 35px 0px;
}

h2 {
    color: rgba(0, 0, 0, 0.90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;  
    padding: 24px 0px 12px 0px;
    margin: 0px;
}

h3 {
    color: rgba(0, 0, 0, 0.90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 24px 0px 12px 0px;
    margin: 0px;
}

h4 {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 16px 0px 8px 0px;
    margin: 0px;
}

p:not(.rules-rows p):not(.table p) {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0px 0px 16px 0px;
}
/* Header */

.theme2 .toolbar.top-nav-on {
    padding: 8px 25px; 
}

/* .navbar-brand {
    padding: 14.5px 15px;
} */

@media (min-width: 768px) {
    .toolbar.top-nav-on {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
}

@media (min-width: 768px) {
    .page-toc main article{
        top: 64px;
    }
}

@media (max-width: 768px) {
    .navbar-toggle .icon-bar{
        background-color: rgba(0, 0, 0, 0.70);
    }
}


/* Portal page */

/* #topic-content > section > .titlepage h1.title {
    margin: 32px 0px 16px 0px;
} */

@media (max-width: 768px) {
    .portal-header {
        height: 304px;
    }
    .portal-header-navbar + .inner {
        margin-top: 60px;
    }
}

@media (min-width: 768px) {
    .portal-header {
        height: 360px;
    }
}


.portal-header::after {
    margin-top: 64px;
    filter: none;
    opacity: 1;
    /* background:  url(image/header.svg) #F8FDF6 50% / contain no-repeat;    */
}
/* @media (max-width: 768px) {
    .portal-header::after {
        background: none;
    }
} */

@media (max-width: 768px) {
    .portal-header .portal-search .search-field{
        width: 100%;
    }
}

.portal-header::before {
    background-color: #F9F9F7;
    margin-top: 64px;
} 

@media (min-width: 768px) { 
    .portal-header h1 {
        color: rgba(0, 0, 0, 0.90);
        text-align: center;
        font-family: Antonio;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 48px;
        text-transform: uppercase;
    }
}

@media (max-width: 768px) { 
    .portal-header h1 {
        color: rgba(0, 0, 0, 0.90);
        text-align: center;
        font-family: Antonio;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px;
        text-transform: uppercase;
    }
}


.portal-header-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    color: rgba(0, 0, 0, 0.7);
    height: 64px;
}

.portal-header-navbar .navbar-container .navbar-toggle {
    display: none;
}

.theme2 .portal-header::before {
    background-color: #F9F9F7;
}

/* .portal-header:before {
    background-color: #FFF;
} */

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.portal-header .logo {
    height: 64px;
    margin-bottom: 0px;
}

.navbar-brand {
    padding:0px;
}

.portal-single-publication .publication-icon .fa {
    color: rgba(0, 0, 0, 0.6);
}

/* Search box */

.portal-header .portal-search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.portal-header .portal-search button {    
    color: #436E2D;
    height: 44px;
    width: 44px;
    margin-left: -48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    box-shadow: none;
    background-color: #BEEDA6;
}

.portal-header .portal-search .search-field {
    border-radius: 32px;
    height: 52px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    box-shadow: none;
    max-width: 90vw;
}

.portal-header .portal-search button:hover {
    color: #436E2D;
    background-color: #BEEDA6;
    cursor: pointer;
}

.portal-header .portal-search .search-field::placeholder {
    color: rgba(0, 0, 0, 0.60);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.portal-header .portal-search button i.fa-search::before {
    content: '\f002';
}

/* End search box */

/* Category panels */

.portal-single-publication {
    text-align: center;
}

.portal-single-publication a {    
    border-radius: 16px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FFF;
    box-shadow: none;
    padding: 32px 20px;
}

.portal-single-publication a:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #F5F5F5;
}

.portal-single-publication h3 {
    margin: 16px 0px 0px 0px;
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 0px;
}

@media (min-width: 992px) {
    .portal-single-publication .publication-icon {
        font-size: 32px;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }
}


.portal-single-publication h3.portal-text-subtitle {
    margin: 0px;
    color: rgba(0, 0, 0, 0.70);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;

}

@media (min-width: 992px) {
    .portal-single-publication .portal-text-subtitle {
        font-size: 18px;
    }
}

/* End Category panels */

/* Icons in category panels */
.cat-panel-1:before{
    content: "\f05a"; 
}

.cat-panel-2:before{
    content: "\f0a1"; 
}

.cat-panel-3:before{
    content: "\f0c0"; 
}

.cat-panel-4:before{
    content: "\f073"; 
}

.cat-panel-5:before{
    content: "\f003"; 
}

.cat-panel-6:before{
    content: "\f10a"; 
}

.cat-panel-7:before{
    content: "\f02d"; 
}

.cat-panel-8:before{
    content: "\f080"; 
}

/* End icons in category panels*/

/*Badge label */
.label-default {
    border-radius: 4px;
    border: 1px solid #323232;
    background: #FFF;
    color: rgba(0, 0, 0, 0.70);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 3px 8px;
}

/* Featured content */

h5.featured-content-label {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-transform: none;
    margin: 16px 0px 16px 0px;
}

h4.featured-title {
    padding: 0px;
}

.portal-contents {
    margin-top: 0px;
}

@media (min-width: 768px) {
    .publication-contents {
        width: 33%;
    }
}

.publication-contents {
    margin-bottom: 0px;
}

.publication-contents h4 {
    margin: 0 0 8px 0;
}

.publication-contents h4 a {
    text-decoration-line: underline;
}

.publication-contents h4 span.toc-count {
    display: none;
}

/* End Featured content */


/* Pager */

#bottom-pager {
    display: none;
}

/* Breadcrumb */


.topic-content .breadcrumb-container { 
    padding-bottom: 0px;
}

.breadcrumb .breadcrumb-link {
    color: rgba(0, 0, 0, 0.60);
}


.breadcrumb .breadcrumb-node {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; 
}

.breadcrumb .breadcrumb-link.with-link {
    color: #005C9E; 
}

/* Search page */

.toolbar-tools .navbar-collapse.collapse {
    margin-right: 0px;
}

.search-button {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px 10px 16px;
    border: none;
    border-radius: 100px;
    background: #DCF6CF;
    color: #323232;
    cursor: pointer;
    font-size: 16px;
}

.search-button i {
    color: #323232;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.search-button i.fa-search:before {
    font-family: 'FontAwesome';
    padding-right: 8px;
}

.tool-search-form {
    margin-top: 5px;
    /* display: flex; */
    /* padding-right: 17%; */
    justify-content: center;    
}

@media (min-width: 768px) {
    .tool-search-form {
        margin-left: 45px;
    }
}

@media (max-width: 768px) {
    .tool-search-form {
        padding: 0px 66px 0px 16px;
    }
}

@media (min-width: 768px) and (max-width: 940px) {
    .tool-search-form .search-field {
        max-width: 350px;
        margin-left: 70px;
    }
}

@media (min-width: 940px) and (max-width: 992px) {
    .tool-search-form .search-field {
        max-width: 400px;
        margin-left: 120px;
    }
}

@media (min-width: 992px) {
    .tool-search-form .search-field {
        max-width: 520px;
    }
}

@media (min-width: 1200px) {
    .tool-search-form .search-field {
        max-width: 720px;
    }
}

.tool-search-form .search-field {
    background-color: #FFF;
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;    
    height: 52px;
    border-radius: 32px;
    border: 1px solid rgba(0, 0, 0, 0.20);
}

.tool-search-form .search-field::placeholder {
    color: rgba(0, 0, 0, 0.60);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.15px;
}

.portal-search-result {
    background-color: #FFF;
}
.search-container h2 {
    color: rgba(0, 0, 0, 0.90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 120% */
}

@media (min-width: 768px) {
    .search-container {
        max-width: 450px;
        width: 450px;
    }
}

@media (min-width: 992px) {
    .search-container {
        max-width: 520px;
        width: 520px;
    }
}

@media (min-width: 1200px) {
    .search-container{
        max-width: 720px;
        width: 720px;
    }
}



@media (max-width: 768px) {
    .search-container {
        padding: 0px 16px;
    }
}


li.searchresultitem {
    border-bottom: none;
    padding: 0px;
}

li.searchresultitem:hover h3 {
    color: #0E304F;
}

li.searchresultitem:hover p.searchresultsnippet {
    color: #0E304F;
}


ul.searchresults .search-highlight {
    font-style: normal;
}

h3.searchresulttitle {
    color: #0079C2;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin: 0px 0px 2px 0px;
    padding-bottom: 2px;
}

.searchresultitem.selected-searchresultitem {
    background-color: #FFF;
}

.searchresultitem .searchresultsnippet {
    color: rgba(0, 0, 0, 0.70);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;    
    margin: 0px 0px 4px 0px;
}

.searchresultitem .search-result-breadcrumbs {
    color: rgba(0, 0, 0, 0.60);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.4px;
    margin: 0px 0px 8px 0px;
}

/* End Search page */


/* The following rule changes the background color of the sidebar */

/* In this section */
div.section-toc-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 16px 0px 8px 0px;
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.15px;
    margin-bottom: 0px;
}


/* Footer */

.theme2 .portal-footer{
    color: rgba(0, 0, 0, 0.70);
}

.portal-footer{
    background-color: #FFF;
    display: flex;
    justify-content: center;
}

.section-toc {
    padding-top: 16px;
}

.footer-content .section-toc li, .footer-content .related-topics li {
    margin-top: 8px;
}


.footer-content .section-toc a.topic-link, .footer-content .relationship-toc a.topic-link {
    color: #005C9E;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.25px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

/* End Footer */


/* Style for ul list */
.itemizedlist ul.itemizedlist ul.itemizedlist {
    margin: 0px;
}



/* Toolbar article pages */

@media (min-width: 768px) {
    .theme2.page-toc main article {
        padding: 0px;
    }
    .page-toc main article {
        padding: 0px;
    }

    article.content-container {
        display: flex;
        justify-content: center;
    }
}



/* @media (min-width: 1200px) {
    .site-content {
        margin-left: 240px;
    }
}  */

/* @media (min-width: 768px) {
    .site-content {
        margin-left: 240px;
    }
} */


.toolbar {
    color: rgba(0, 0, 0, 0.70);
    background-color: #FFFFFF;
    box-shadow: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

@media (max-width: 768px) {
    .toolbar.top-nav-on {
        display: flex;
        align-items: center;
        justify-content: end;
    }
}

.theme2 .site-sidebar {
    background-color: rgba(249, 249, 247, 1);
    min-width: 240px;
}

.site-sidebar-header {
    height: 64px;
    text-align: left;
}


#search-result-wrapper {
    display: flex;
    justify-content: center;
}

/* Copyright */

html, body {
    height: 100%;
    margin: 0;
}

.site-content {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1; /* Makes the content grown and move footer to the bottom */
}  

.theme2 .site-footer {
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
	padding-top: 0px !important;
}

@media (max-width: 768px) {
    .theme2 .site-footer {
        padding-top: 10px;
    }
}

@media (min-width: 768px) {
    .theme2 .site-footer {
        padding-top: 60px;
    }
}



@media (min-width: 768px) {
    .site-footer .inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .site-footer .inner {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .site-footer .inner {
        width: 83.33333333%;
    }
}

.site-footer .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;    
    /* padding: 0px 17% 0px 0px; */
}
  
.copyright {
    width: 100%;
    text-align: left;
    margin-right: 0px;
}

@media (min-width: 768px) {
    .copyright {
        max-width: 450px;
        width: 450px;
    }
}

@media (min-width: 992px) {
    .copyright {
        max-width: 520px;
        width: 520px;
    }
}

@media (min-width: 1200px) {
    .copyright {
        max-width: 720px;
        width: 720px;
    }
}

@media (max-width: 768px) {
    .copyright {
        padding-left: 16px;
    }
}

.copyright a {
    text-decoration: underline;
}
  
.publication-date {
    display: none;
}

.dropup.languages {  
    visibility: hidden;
}

@media (min-width: 768px) {
    .portal-footer .inner {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .portal-footer .inner {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .portal-footer .inner {
        width: 1140px;
    }
}


/* End Copyright */

.text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, 
.pagination>li>span, .nav-site-sidebar .active>a,  
.titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: rgba(0, 0, 0, 0.9);
}


a, a:hover, .publication-contents a:hover, 
.publication-contents h4 a {
    color: #005C9E;
}

/* Left sidebar */

/* .site-sidebar {
    float: left;
    position: relative;
    min-height: 1px;
    font-size: 13px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
} */

/* .site-sidebar img.logo {
    transform: scale(2.5);
} */

.site-sidebar .logo {
    padding: 0px;
    max-width: 100%;
    height: 64px;
}

/* @media (min-width: 768px) { */
  .nav-site-sidebar {
        overflow-y: auto;
        position: absolute;
        top: 64px;
        bottom: 0;
        width: 100%;
    }
/* } */

.nav-site-sidebar li > a{
    min-height: 40px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.nav-site-sidebar li.active > a{
    border-right: 3px solid #4C0;
    background: #ECFAE5;
}

.nav-site-sidebar li > a:hover{
    border-right: 3px solid #4C0;
    background: #F8FDF6;
}

.theme2 .site-sidebar ul.nav-site-sidebar li a{
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    letter-spacing: 0.25px;
    font-weight: 400;
}

.theme2 .site-sidebar ul li.nav-site-sidebar:not(.active) a{
    font-weight: 400;
}

.theme2 .site-sidebar ul.nav-site-sidebar li.active > a {
    font-weight: bold;
}

.theme2 .site-sidebar ul.nav-site-sidebar > li > a {
    color: rgba(0, 0, 0, 0.90);
}

.theme2 .site-sidebar ul.nav-site-sidebar li li > a {
    color: rgba(0, 0, 0, 0.70);
}

.theme2 .site-sidebar ul.nav-site-sidebar li li.active > a {
    color: rgba(0, 0, 0, 0.90);
}

/* Hover in <li> first level */
.theme2 .site-sidebar ul.nav-site-sidebar > li:hover > a {
    font-weight: 600;
}

/* Hover in <li> child, about affecting the parent */
.theme2 .site-sidebar ul.nav-site-sidebar > li:hover:has(ul li:hover) > a {
    font-weight: inherit;
}

/* Apply change only for the child */
.theme2 .site-sidebar ul.nav-site-sidebar li li:hover > a {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.90);
}

.toc .glyphicon:before {
    content: "\e259";
}

.toc .opened > .topic-link > .glyphicon:before {
    content: "\e260";
}


/* Right sidebar */

.theme2 .section-nav.nav li.active > a, .theme2 .section-nav.nav > li a {
    color: rgba(0, 0, 0, 0.90);
}

.theme2 .section-nav.nav li.active > a {
    font-weight: bold;
}

.theme2 .section-nav.nav li:not(.active) > a {
    font-weight: 400;
}


.theme2 .section-nav.nav> li.active > a:before {
    background: #44CC00;
}


/* Articles */

#topic-content > section > .titlepage .title {
    margin: 0px;
}

@media (min-width: 768px) {
    .topic-content {
        max-width: 450px;
        width: 450px;
    }
}

@media (min-width: 992px) {
    .topic-content {
        max-width: 520px;
        width: 520px;
    }
}

@media (min-width: 1200px) {
    .topic-content {
        max-width: 720px;
        width: 720px;
    }
}


span.guilabel {
    font-weight: 600;
}

main article p {
    line-height: 24px;
}


ul > li > p {
    margin-bottom: 8px;
}

.procedure a{
    text-decoration: underline;
}

/* Inline notifications */

.warning, .note, .important, .caution, .tip {
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 16px 16px 2px 65px;
}

.warning a, .note a, .important a, .caution a, .tip a {
    text-decoration: underline;
}

.warning h3, .note h3, .important h3, .caution h3, .tip h3 {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.15px;
    padding: 0px;
}

.note:before, .tip:before, .warning:before, .caution:before, .important:before { 
    top: 18px;
}


.warning > p, .note > p, .important > p, .caution > p, .tip > p { 
    margin-bottom: 0px;
}

.note {
    background: #EDF6FA;
    border-left-color: #0079C2;
}

.note::before {
    color: #0079C2;
}

.note:before {
    content: '\f05a';
}

.warning {
    background: #FFF6D7;
    border-left-color: #DC5C00;
}

.warning::before {
    color: #DC5C00;
}

.tip {
    background: #DAF1EF;
    border-left-color: #3C817A;
}

.tip::before {
    color: #3C817A;
}

.tip:before {
    content: '\f0eb';
}


/* Glossary */

section.glossary {
	display: grid;
	margin-top: 16px;
}

main dt {
    padding-top: 16px;
    float: left;
    width: 20%;
    margin: 0;
    clear: left;
    display: block;
 }
 
 main dd {
    float: left; 
    width: 80%;
    margin: 16px 0 0 0;
    position: relative;
    padding-left:0px
 }
 
 main dd:after {
    content: "";
    position: absolute;
    left: -25%;
    right: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    clear: both;
 }


 /* ol list */
 .theme2 .procedure > li::before {
    background-color: #DCF6CF;
    color: rgba(0, 0, 0, 0.90);
 }
 
  .theme2 section.section ol.orderedlist > li.listitem::marker {
    font-size: 16px;
	line-height: 24px;
 }

 .topic-content .section {
    padding: 0px;
 }

/* Table */

 table thead > tr > th > p {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.1px;
 }
 
 table tbody > tr > td > p {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.25px;
 }

 
.rules-rows, .table {
    margin-bottom: 16px;
}

.rules-rows th, table.table th {
    border-top: none;
    background: #F9F9F7;
    border-bottom: 1px solid rgba(0, 0, 0, 0.30);
 }

 .rules-rows td, .rules-rows th {
    padding: 12px 16px;
    vertical-align: top;
 }

 .rules-rows td .itemizedlist {
    color: rgba(0, 0, 0, 0.90);
	font-size: 16px;
 }

 .informaltable td p, .informaltable th p, .table td p, .table th p {
    margin-bottom: 12px;
 }

 a.linktype-component {
    text-decoration: underline;
 }

 .table-title {
    padding-bottom: 8px;
	font-size: 16px;
 }

  /* Image */

 .mediaobject {
    padding: 8px 0px 16px 0px;
    margin-bottom: 0px;
 }
 
 .inlinemediaobject img:not([height]):not([width]) {
    height: 80%;
    vertical-align: baseline;
 }
 .inlinemediaobject {
    vertical-align: baseline;
 }

 /* Accordions */

 .panel-heading > .titlepage h2 {
    color: rgba(0, 0, 0, 0.90);
    font-family: Roboto;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
 }

 .panel-heading :not(div).title:before, .panel-heading .sidebar-title:before {
    content: "\f078";
    font-size: 16px;
    color: rgba(0, 0, 0, 0.60);
    width: 32px;
    height: 32px;
    padding-top: 3px;
 }

 .panel-heading.active :not(div).title:before, .panel-heading.active .sidebar-title:before {
    content: "\f077";
    font-size: 16px;
    color: rgba(0, 0, 0, 0.60);
    width: 32px;
    height: 32px;
 }

 .panel {
    margin: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
 }

 /* Toogle button in mobile */
 /* Fix style in mobile versions with the sidebar */
 @media(max-width:767px){
    .site-sidebar{
        width:82.5%;
        display:block;
        left:-100%;
        transition:left 200ms ease-in-out
    }
    .site-sidebar.in{
        left:0
    }
}
.site-sidebar+.site-content::before{
    opacity:0;
    transition:opacity 200ms ease-in-out;
    z-index:-999
}
.site-sidebar.in+.site-content::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background: #0b1641;
    opacity:.5;
    position:absolute;
    z-index:1;
    margin-top: 64px;
}
.site-sidebar.in+.site-content{
    overflow-y:hidden;
    position:relative;
    max-height:100vh;
    isolation:isolate
}
@media(min-width:768px){
    .site-sidebar.in+.site-content::before{
        display:none
    }
    .site-sidebar.in+.site-content{
        overflow-y:auto;
        position:relative;
        max-height:unset;
        isolation:auto
    }
}
.site-sidebar.in+.site-content .toolbar button.navbar-toggle .icon-bar{
    transform:rotate(-45deg);
    transform-origin:37% 50%;
    margin-top:0
}
.site-sidebar.in+.site-content .toolbar button.navbar-toggle .icon-bar:nth-child(2){
    transform:rotate(45deg);
    transform-origin:37% 50%;
    margin-top:0
}
.site-sidebar.in+.site-content .toolbar button.navbar-toggle .icon-bar:nth-child(3){
    opacity:0
}

.site-sidebar.in+.site-content .search-button {
    display: none;
}

/* Component Informal topic */
.sidebar div.sidebar-title {
    color: rgba(0, 0, 0, 0.90);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;  
    padding: 24px 0px 12px 0px;
    margin: 0px;
}

/* Cookie consent banner */

.cc-color-override--562569728.cc-window {
	background-color: rgba(245, 245, 244, 1) !important;
	border-top: rgba(0, 0, 0, 0.2) 1px solid !important;
	color: rgba(0, 0, 0, 0.9) !important;
}

.cc-color-override--562569728.cc-window a, .cc-color-override--562569728.cc-window a:active {
	color: rgba(0, 0, 0, 0.9) !important;
}

.cc-color-override--562569728.cc-window a.cc-btn.cc-allow {
	border-radius: 100px;
	background: rgba(50, 50, 50, 1) !important;
	color: rgba(255, 255, 255, 1) !important;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.15px;
}

.cc-color-override--562569728.cc-window a.cc-btn.cc-deny {
	color: rgba(50, 50, 50, 1) !important;
	font-family: Roboto;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
	letter-spacing: 0.15px;
}