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

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

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

/* Bullet Procedure  default color #a94442 
yellow #f2a900
turquoise #6B8F92 
green #3D7F3D
*/
.theme1 .procedure > li::before {
    background-color: #f2a900;
}

.theme2 .procedure > li::before {
 /*   background-color: #f2a900;*/
    background-color: #838383;

}

.site-sidebar-header {
     background-color: #282C35;
}

.toolbar
{
    background-color: #282C35;
}

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

.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, 
.portal-single-publication .publication-icon {
    background-color: #282C35;
}

/* LINKS color default: #1976d2 */

a {
   color: #000000;
}

a, .text-primary, .btn-primary .badge, .btn-link, .pagination>li>a, .pagination>li>span, .nav-site-sidebar .active>a, .portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, .publication-contents a:hover, .publication-contents h4 a, .titlepage h1.title, .titlepage h2.title, .titlepage h3.title {
    color: #000000;
   font-weight: bold;
}


/* Active navbar color default: #1976d2 */
.theme1 .section-nav.nav li.active>a {
    color: #000000;
    font-weight: bold;
}

/* Active navbar color default: #1976d2 */
.theme2 .section-nav.nav li.active>a {
    color: #000000;
    font-weight: bold;

}


.theme1 .section-nav.nav>li.active>a:before {
    content: '';
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #000000;/*#1976d2*/
    position: absolute;
    width: 6px;
    height: 6px;
}

.theme2 .section-nav.nav>li.active>a:before {
    content: '';
    border-radius: 50%;
    left: -3px;
    top: 12px;
    background: #000000;/*#1976d2*/
    position: absolute;
    width: 6px;
    height: 6px;
}

.theme2 .nav-site-sidebar>li>a {
    font-weight: normal;
}


.panel {
    border: none;
    border-bottom: none;
}

.portal-footer {
    background: #fafafa;
}

/*
.portal-header .search-field {
    background-color: rgba(195, 46, 46, 1);
}*/

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

.portal-header .portal-search:hover button, .publication-contents h4 span {
    background-color: #f2a900;
}


.portal-header .portal-search button {    
    color: #000000;
}

.portal-header .portal-search:hover button {    
    color: #000000;
}

/*
.portal-header::after{
  background: none;
}

.portal-header::before {
  background-color: #353839; 
}
*/
.portal-single-publication .publication-icon {
    background-color: #f2a900;
}

.portal-single-publication a {    
    color: #333;
}

.portal-single-publication .publication-icon i, .portal-single-publication .publication-icon .fa, {
    color: #fff;
}

@media (min-width: 768px) {
    .portal-header {
        padding: 30px 50px;
        height: 340px;
    }
}



/* WARNING TIP NOTE*/


/*.caution h3, .important h3, .note h3, .tip h3, .warning h3{
  display: none; 	    
}
*/

.warning, .note, .important, .caution, .tip {
    display: block;
    padding: 12px 18px 12px 65px;
    -moz-background-clip: padding;
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #2ab27b;
    line-height: 1.4em;
    margin-top: 18px;
    margin-bottom: 18px;
    position: relative;
    background-color: #eafaf4;
    background-color: rgba(42, 178, 123, 0.08);
    margin-left: 0px !important;
    margin-right: 0px !important;
}    

.note, .notice, .danger, .tip, .warning, .caution, .important {
    background-color: transparent;
    border: 1px solid var(--paligo-downriver-100);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-small);
}

.tip {
    border-left: 3px solid var(--paligo-malibu);
}

.note {
    border-left: 3px solid var(--paligo-azure-radiance);
}

.note:before {
    color: var(--paligo-azure-radiance);
}

.warning {
    border-left: 3px solid var(--paligo-sahara-orange);
}

.warning:before {
    color: var(--paligo-sahara-orange);
}

.tip:before {
    color: var(--paligo-malibu);
}

body.theme2 {
    background-color: #fff;
    font-size: 14px;
}

@media (min-width: 768px) {
    body.theme2 {
        font-size: 15px;
    }
}

.mediaobject img{
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow-small);
    border:1px solid var(--paligo-downriver-100);
    background:var(--paligo-downriver-100)
}
.mediaobject img.materialboxed.active{
    border:1px solid transparent;
    box-shadow:none
}

h1,h2,h3,h4,h5{
    margin:2em 0 0.5em
}
h1,h2,h3,h4{
    font-family:'Roboto', sans-serif;
    font-weight:var(--heading-font-weight-bold)
}
h1,.h1{
    /*font-size:var(--h3-font-size);*/
    font-size:28px;
    line-height:1.25
}

@media (min-width: 768px) {
    h1, .h1 {
        font-size: 40px;
        line-height: 1.25;
    }
}

h2,.h2{
    /*font-size:var(--h4-font-size);*/
    font-size:25px;
    letter-spacing:-.75px;
    line-height:1.1
}

@media (min-width: 768px) {
    h2, .h2 {
        font-size: 33px;
	    letter-spacing:-.75px;
        line-height: 1.1;
    }
}


h3,.h3{
   /* font-size:var(--h5-font-size);*/
    font-size:19px;
    letter-spacing:-.2px;
    line-height:1.1
}

@media (min-width: 768px) {
    h3, .h3 {
        font-size: 28px;
	    letter-spacing:-.2px;
        line-height: 1.1;
    }
}



h4,.h4{
   /* font-size:var(--h6-font-size);*/
    font-family:'Roboto', sans-serif;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:5%
}

@media (min-width: 768px) {
	h4,.h4{
   		/* font-size:var(--h6-font-size);*/
    	font-family:'Roboto', sans-serif;
    	font-size:23px;
    	text-transform:uppercase;
    	letter-spacing:5%
	}
}


h5,.h5{
    /*font-size:var(--para-font-size-regular);*/
    font-family:'Roboto', sans-serif;
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:5%;
    line-height:1.1
}


@media (min-width: 768px) {
	h5,.h5{
    	/*font-size:var(--para-font-size-regular);*/
    	font-family:'Roboto', sans-serif;
    	font-size:19px;
    	text-transform:uppercase;
    	letter-spacing:5%;
    	line-height:1.1
	}
}



h6,.h6{
   /* font-size:var(--para-font-size-regular);*/
    font-family:'Roboto', sans-serif;
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:5%;
    line-height:1.1
}

@media (min-width: 768px) {
	h6,.h6{
   		/* font-size:var(--para-font-size-regular);*/
    	font-family:'Roboto', sans-serif;
    	font-size:19px;
    	text-transform:uppercase;
    	letter-spacing:5%;
    	line-height:1.1
	}
}

.section {
    padding: 5px;
}

/* Accordion Icon content f078 arrow right*/
.panel-heading.active :not(div).title:before, .panel-heading.active .sidebar-title:before {
    content: "\f078";
}

.panel .panel-heading .title{
    margin:calc(var(--margin)/2) 0
}
.panel .panel .panel-heading{
    padding:calc(var(--padding)/2) 0
}

/* Accordion Icon content f054 arrow right*/
.toc .glyphicon,.panel-heading :not(div).title:before,.panel-heading .sidebar-title:before{
    color:var(--paligo-downriver-400);
    content:"\f054";
    font-size:1.2rem;
    width:1rem;
    line-height:normal;
    margin-right:var(--margin);
    display:block;
    font-weight:400
}
@media (max-width: 768px) {
    .toc .glyphicon,.panel-heading :not(div).title:before,.panel-heading .sidebar-title:before{

        margin-right: calc(var(--margin) / 2);

    } 
}   
.panel-default>.panel-heading,.panel,.section-nav{
    border-color:var(--paligo-downriver-200)
}
.panel-default>.panel-heading{
    padding:var(--padding) 0
}
@media(min-width:768px){
    .panel-default>.panel-heading{
        padding:var(--padding)
    }
}    
@media (max-width: 768px) {
    .panel-body {
        padding: var(--padding) 0;
    }
    .panel{
        margin-top: 0;
        margin-bottom: calc(var(--margin) / 2)
    }   
}

.titlepage h1.title,.titlepage h2.title,.titlepage h3.title,.titlepage h4.title{
    color:var(--paligo-downriver)
}
.panel-heading h1,.panel-heading h2,.panel-heading h3,.panel-heading h4,.panel-heading h5,.titlepage h1{
    margin:var(--margin) 0;
    display:flex;
    align-items:center
}
@media(min-width:768px){
    .panel-heading h1,.panel-heading h2,.panel-heading h3{
        margin:var(--margin)
    }
}    
    
    
.panel-default >.panel-heading {
    background-image: none;
    padding: 22px 15px;
    border-bottom: none;
}

.panel{
    margin-top:var(--margin);
    margin-bottom:var(--margin)
}
.panel-body{
    padding: var(--padding);
}

p, pre {
    margin: 0 0 0.5em;
}




.note h3,
.notice h3,
.danger h3,
.tip h3,
.warning h3,
.caution h3,
.important h3 {
    font-size:16px
}
.note,
.notice,
.danger,
.tip,
.warning,
.caution,
.important {
    background-color:transparent;
    border:1px solid var(--paligo-downriver-100);
    border-radius:var(--border-radius);
    box-shadow:var(--box-shadow-small)
}
.tip{
    border-left:3px solid var(--paligo-malibu)
}
.tip:before{
    color:var(--paligo-malibu)
}
.warning{
    border-left:3px solid var(--paligo-sahara-orange)
}
.warning:before{
    color:var(--paligo-sahara-orange)
}
.caution{
    border-left:3px solid var(--paligo-ripe-lemon)
}
.caution:before{
    color:var(--paligo-ripe-lemon)
}
.important{
    border-left:3px solid var(--paligo-electric-violet)
}
.important:before{
    color:var(--paligo-electric-violet)
}
.danger{
    border-left:3px solid var(--paligo-radical-red)
}
.danger:before{
    color:var(--paligo-radical-red)
}
.note{
    border-left:3px solid var(--paligo-azure-radiance)
}
.note:before{
    color:var(--paligo-azure-radiance)
}
.notice{
    border-left:3px solid var(--paligo-vida-loca)
}
.notice:before{
    color:var(--paligo-vida-loca)
}
.orderedlist-title{
    font-weight:700;
    padding-bottom:1em
}

@media (max-width: 768px) {
    .note,
    .notice,
    .danger,
    .tip,
    .warning,
    .caution,
    .important {
        padding: calc(var(--padding) / 2);
        border: none;
        box-shadow: none;
    }
    .note h3,
    .notice h3,
    .danger h3,
    .tip h3,
    .warning h3,
    .caution h3,
    .important h3{
        padding: calc(var(--padding) / 2) 0 0;
        display:inline-block;
    }  
    .note:before,
    .notice:before,
    .danger:before,
    .tip:before,
    .warning:before,
    .caution:before,
    .important:before {
        display: inline-block;
        position: static;
        margin-right: calc(var(--margin) / 2);
        font-size: var(--para-font-size-small);
    }   
    .note>p,
    .notice>p,
    .danger>p,  
    .tip>p,    
    .warning>p,
    .caution>p,
    .important>p {
        padding-right: 0;
        margin-bottom: calc(var(--margin) / 2);
    }
}

.image-viewport:not([width]) {
    max-width: 1000px;
}
@media (max-width: 768px) {
    .image-viewport {
        max-width: 100%;
        width: 100%!important;
    }
    .image-viewport img {
        max-width: 100% !important;
    }
}

.panel {
    border: none;
    border-bottom: 0.5px solid #bdbdbd;
}

/*
.toolbar {
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}*/


.toolbar {
    background-color: #282C35;
}


.bg-primary, .btn-primary, .publications-condensed .portal-single-publication a, .toolbar, .tool-search-form .search-field, .pager li>a:hover, .pager li>span:hover, .colored-top .site-sidebar-header {
    background-color: #282C35;
}

.toolbar {
    min-height: 64px;
}

.site-sidebar .logo {
    height: 64px;
    max-width: 90%;
    padding: 15px 0;
    display: inline-block;
}

    :root {
    --paligo-azure-radiance-200: #c3defc;
    --paligo-azure-radiance-400: #93c6fb;
    --paligo-azure-radiance-600: #62aefb;
    --paligo-azure-radiance-800: #3296fa;
    --paligo-azure-radiance: #017efa;
    --paligo-malibu-200: #d3edfd;
    --paligo-malibu-400: #b3e5fd;
    --paligo-malibu-600: #92dcfe;
    --paligo-malibu-800: #71d3fe;
    --paligo-malibu: #51cbff;
    --paligo-persian-rose-200: #f6cbe9;
    --paligo-persian-rose-400: #f8a0d5;
    --paligo-persian-rose-600: #f975c2;
    --paligo-persian-rose-800: #fb4baf;
    --paligo-persian-rose: #fd1f9b;
    --paligo-electric-violet-200: #d7d2fd;
    --paligo-electric-violet-400: #baaefd;
    --paligo-electric-violet-600: #9d8afe;
    --paligo-electric-violet-800: #8066fe;
    --paligo-electric-violet: #6342ff;
    --paligo-jacarta-200: #cecee0;
    --paligo-jacarta-400: #a9a5c5;
    --paligo-jacarta-600: #837da8;
    --paligo-jacarta-800: #5e558c;
    --paligo-jacarta: #382d71;
    --paligo-cornflower-blue-200: #ddd9fd;
    --paligo-cornflower-blue-400: #c6bdfd;
    --paligo-cornflower-blue-600: #afa0fe;
    --paligo-cornflower-blue-800: #9884fe;
    --paligo-cornflower-blue: #8167ff;
    --paligo-radical-red-200: #f6cfde;
    --paligo-radical-red-400: #f8a8bf;
    --paligo-radical-red-600: #f981a1;
    --paligo-radical-red-800: #fb5a82;
    --paligo-radical-red: #fd3364;
    --paligo-vida-loca-200: #c9eee2;
    --paligo-vida-loca-400: #9ee6c7;
    --paligo-vida-loca-600: #61e1a4;
    --paligo-vida-loca-800: #30da88;
    --paligo-vida-loca: #07bd66;
    --paligo-ripe-lemon-200: #f4eccc;
    --paligo-ripe-lemon-400: #f5e29e;
    --paligo-ripe-lemon-600: #f5d86e;
    --paligo-ripe-lemon-800: #f6ce3f;
    --paligo-ripe-lemon: #f6c410;
    --paligo-sahara-orange: #ffa07a;
    --paligo-link-water: #f4f6fc;
    --paligo-downriver: #0b1641;
    --paligo-downriver-100: #f3f3f6;
    --paligo-downriver-200: #e7e8ec;
    --paligo-downriver-300: #ced0d9;
    --paligo-downriver-400: #9da2b3;
    --paligo-downriver-500: #606884;
    --paligo-downriver-600: #3c4567;
    --heading-font: "Epilogue", "Epilogue override", serif;
    --body-font: "Inter", "Inter override", sans-serif;
    --display-font-size: 5rem;
    --h1-font-size: 3.25rem;
    --h2-font-size: 3.25rem;
    --h3-font-size: 2.25rem;
    --h4-font-size: 1.75rem;
    --h5-font-size: 1.5rem;
    --h6-font-size: 1rem;
    
    
    --para-font-size-regular: 1rem;
    --para-font-size-small: 0.875rem;
    --para-font-size-tiny: 0.75rem;
    --para-font-weight-regular: 400;
    --para-font-weight-medium: 500;
    --para-font-weight-semi-bold: 600;
    --heading-font-weight-bold: 700;
    --border-radius: 8px;
    --box-shadow-small: 0px 1px 6px hsl(226deg 16% 61% / 8%);
    --box-shadow-small--inset: inset 0px 1px 6px hsl(226deg 16% 61% / 8%);
    --box-shadow-large: 0px 3px 12px hsl(226deg 16% 61% / 24%);
    --box-shadow-large--inset: inset 0px 3px 12px hsl(226deg 16% 61% / 8%);
    --margin: 1rem;
    --padding: 1rem;
}

div.section-toc-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

/* Hide the version dropdown (e.g. for offline deployment) Code snippet kept for reference*/
/*
a[id]:not(.co){
    display:block;
    position:relative;
    top:-50px;
    visibility:hidden
}
*/

/* Hide the language switcher on the start page bottom right. only useful once we have multipe languages */
.dropup.languages.pull-right.col-md-2 {
    visibility: hidden;
}

/* Version dropdown layout fix for mobile device screens */
@media (max-width: 768px) {
    .top-nav-menu a {
        color: #ffffff;
        margin: 5px 15px;
    }

    .version-dropdown a {
        color: #ffffff;
        padding: 5px 5px;
        background-color: #111111;
    }
}

/* Hide the abstract section. Abstracts are only relevant for SEO */
.abstract {
    display:none;
}

.subtitle {
    align-items: center;
    display: flex;
    gap: 8px;
}