/* 

IPPC 2023 redesign theme for Bootstrap framework.

*/

body {font-family: 'Inter', verdana, sans-serif !important; background:#fff;}

div.maincontainer {background:#fff;}
a {text-decoration:none !important; color:#2D9A47;}
a:hover {text-decoration:none !important; color:#d81b60;}

.nav-link {--bs-nav-link-color:#2D9A47;}
.nav-link:hover {--bs-nav-link-hover-color:#d81b60;}
.active > .page-link, .page-link.active {background-color:#007E40 !important; color:#fff !important;}
a.page-link {color:#2D9A47;}


li.breadcrumb-item a {font-weight:bold; text-decoration:none; color:#000;}
li.breadcrumb-item a:hover {text-decoration:none !important; color:#007E40;}

a.hp {font-weight:bold  !important; text-decoration:none; color:#000;}
a.hp:hover {font-weight:bold  !important; text-decoration:none !important; color:#007E40;}   
 
a.hp1 {font-weight:normal  !important; text-decoration:none; color:#000;}
a.hp1:hover {font-weight:normal  !important; text-decoration:none !important; color:#007E40;}   
 

a.normal {font-weight:bold  !important; text-decoration:none; color:#000;}
a.normal:hover {text-decoration:none !important; color:#007E40;}   
table a {text-decoration:none;}

a.subpage {text-decoration:none !important; color:#2D9A47;}
a.subpage:hover {text-decoration:none !important; color:#d81b60;}

.crumbs {height:auto; padding:16px 10px 0; background:#eee; border-bottom:1px solid #ccc; display:block;}
.crumbs a {text-decoration:none;}

.caps {text-transform:uppercase; letter-spacing:1px;}
.quiet {color:#bbb;}

header {padding-top:25px;}

.float-right {
  float: right;
}


img#faologo {width:200px !important; padding:0 0 13px 0 !important; margin-right:45px;}
img#ippclogo {width:200px !important; padding:0 0 13px 0 !important; margin-right:45px !important;}
form#searchform {margin-right:130px; margin-bottom:10px;}
form#searchform button {margin:0 0 4px 0 !important;}
.utilities {   max-width:350px; margin-bottom:5px;float: right !important ;}
.utilities a {font-weight:normal;}


/* For color background behind image on homepage and topic pages.*/
body#home .imgmain-bg-container {text-align:center; margin:0 -12px; background:#E2ECE7;}
body#maintopics .imgmain-bg-container {margin:0 -12px; background:#E6EBF0;}
body#maintopics .imgmain-bg-container .col-md-12 {max-width:1296px; margin:0 auto;}
.img-max {max-width:1296px; width:100%;}


/* Start Cristiana */
html {
  font-size: 1rem;
}
body {
  font-weight: 400;
  font-size: 0.9rem;
  font-family: "Open Sans", sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
}
h1, h2, h3 {font-weight:900;}
h1 span {font-weight:normal; color:#094071;}
body#maintopics h1 span {color:#094071;}
h1  {font-size: 2rem;}
h2 {font-size: 1.4rem;  margin:1em 0 0.8em;}
h3 {font-size:1.3rem; font-weight:400 !important; margin:0.5em 0 0.25em;}
h3 a {font-size:1.3rem; font-weight:400 !important; margin:0.5em 0 0.25em;}
h3 em {font-weight:700 !important; font-style:normal;}
h4 {font-size:1.2rem;  font-weight:700;}

p, li {font-size:1.2rem; font-weight:400 !important;}
p.lead {margin:1em 0 1em;}
blockquote p {font-size:0.9rem; padding-left:10px; border-left:2px solid #ccc;}

code, pre {font-family:monaco, "courier new", monospace; background:#eee; padding:0.5rem;}
.note {background:#fff4a2;}

ul {list-style-type:square;}

.nav-pills {
  --bs-nav-pills-link-color:#007E40;
  --bs-link-color:#007E40;
  --bs-link-hover-color:#666;
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-hover-color:#666;
  --bs-nav-pills-link-active-bg:#007E40;
}

/* =nb: To make “hamburger” menu appear at a larger size as a work-around for the weird text overflow bug, set navbar-expand-xl class in the <nav> html - https://stackoverflow.com/a/36289507 */

/* =globalnav ========================== */
.main-nav {margin:10px 0 20px; word-wrap: break-word !important; border-bottom:10px solid #007E40; border-radius:0.5rem;}
body#maintopics .main-nav {border-bottom-color:#094071;}
.main-nav li {word-wrap: break-word !important; font-size:16px !important;}
.main-nav a.nav-link, .navbar-brand {color:#000; word-wrap: break-word !important; padding:5px 10px !important; font-weight:normal; font-size:16px;}
.main-nav a:hover {color:#007E40 !important;}

.nav-tabs .nav-item.show .nav-link, .nav-tabs {background-color:rgba(255, 255, 255, 0) !important; border-bottom-color:#fafafa !important;}
.nav-link.active, .current, .navbar-brand.active {font-weight:bold !important; color:#000 !important;}
.nav-link.adminarea {background:rgb(255,193,7);}

div.nav-pills a.active {color:#fff !important;} 
.main-nav a.dropdown-item {color:rgba(0,0,0,1);}
.main-nav a.disabled {color:rgba(255,255,255,.75) !important;}

.dropdown-item.active, .dropdown-item:active {
  color:#fff !important;
  background-color:#007E40;
}

/* =dropdown =menu =submenu - https://stackoverflow.com/a/45755948 */
.dropdown-submenu {position:relative; font-size:16px;}
.dropdown-submenu a:after {transform:rotate(-90deg); position:absolute; right:6px; top:0.8em;}
.dropdown-submenu .dropdown-menu {top:0; left:100%; margin-left:0.1rem; margin-right:0.1rem;}

/* =loggedinutilities */

div.loggedinutilities {display:inline-block;float: right !important;}
div.loggedinutilities a {}

/* =forms */
.peststatus {min-height:13em;}

/* =Navbar =background ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶ 
Currently the same texture, with background colors defined by the body ID. */
.bg-light {
  background:#eee !important; 
  }
  
/*  body#core-activities .navbar {border-bottom:5px solid #357007;}*/
 

body#core-activities .bg-light,
body#core-activities .dropdown-item.active {background-color:#eee !important;}
 
body#home .main-nav {border-bottom-color:#007E40;}
body#home .bg-light,
body#home .dropdown-item.active {background-color:#eee !important;}
body#home .current {background-color:#007E40 !important; color:#fff !important;}
body#home .current a {background-color:#007E40 !important;color:#fff !important;}

body#maintopics .main-nav {border-bottom-color:#094071;}
body#maintopics .bg-light,
body#maintopics .dropdown-item.active {background-color:#eee !important;}
body#maintopics .current {background-color:#094071 !important; color:#fff !important;}
body#maintopics .current a {background-color:#094071 !important;color:#fff !important;}

body#commission .main-nav {border-bottom-color:#FFCA28;}
body#commission .bg-light,
body#commission .dropdown-item.active {background-color:#eee !important;}
body#commission .current {background-color:#FFCA28 !important; color:#fff !important;}
body#commission .current a {background-color:#FFCA28 !important;color:#fff !important;}

body#countries .main-nav {border-bottom-color:#FF9800;}
body#countries .bg-light,
body#countries .dropdown-item.active {background-color:#eee !important;}
body#countries .current {background-color:#FF9800 !important; color:#fff !important;}
body#countries .current a {background-color:#FF9800 !important;color:#fff !important;}

body#news .main-nav {border-bottom-color:/*#5B92E5*/#76ABD9;}
body#news .bg-light,
body#news .dropdown-item.active {background-color:#eee !important; }
body#news nav-item.active {background-color:#76ABD9 !important; }
body#news .current {background-color:#76ABD9 !important; color:#fff !important;}
body#news .current a {background-color:#76ABD9 !important;color:#fff !important;}


body#standards .main-nav {border-bottom-color:#811B1E;}
body#standards .bg-light,
body#standards .dropdown-item.active {background-color:#eee !important;}
body#standards .current {background-color:#811B1E !important;color:#fff !important;}
body#standards .current a {background-color:#811B1E !important;color:#fff !important;}

body#ifu .main-nav {border-bottom-color:#58438A;}
body#ifu .bg-light,
body#ifu .dropdown-item.active {background-color:#eee !important;}
body#ifu .current {background-color:#58438A !important; color:#fff !important;}
body#ifu .current a {background-color:#58438A !important;color:#fff !important;}

body#about .main-nav {border-bottom-color:#E65100;}
body#about .bg-light,
body#about .dropdown-item.active {background-color:#eee !important;}
body#about .current {background-color:#E65100 !important; color:#fff !important;}
body#about .current a {background-color:#E65100 !important;color:#fff !important;}


body#governance .main-nav {border-bottom-color:#D5CC5F;}
body#governance .bg-light,
body#governance .dropdown-item.active {background-color:#eee !important;}
body#governance .current {background-color:#D5CC5F !important; color:#fff !important;}
body#governance .current a {background-color:#D5CC5F !important;color:#fff !important;}

body#resources .main-nav {border-bottom-color:#345F5B;}
body#resources .bg-light,
body#resources .dropdown-item.active {background-color:#eee !important; }
body#resources .current {background-color:#345F5B !important; color:#fff !important;}
body#resources .current a {background-color:#345F5B !important;color:#fff !important;}
 
body#centre .main-nav {border-bottom-color:#D23641;}
body#centre .bg-light,
body#centre .dropdown-item.active {background-color:#eee !important; }
body#centre .current {background-color:#D23641 !important; color:#fff !important;}
body#centre .current a {background-color:#D23641 !important;color:#fff !important;}
 
body#events .main-nav {border-bottom-color: #A8D05D;}
body#events .bg-light,
body#events .dropdown-item.active {background-color:#eee !important; }
body#events .current {background-color:#A8D05D !important; color:#fff !important;}
body#events .current a {background-color:#A8D05D !important;color:#fff !important;}
 
  
/* =buttons ------------- 
  https://getbootstrap.com/docs/4.0/components/buttons/ */

.btn-primary {
  --bs-btn-border-color:#007E40 !important;
  --bs-btn-bg:#007E40 !important;
}

/* Brown secondary? Or leave gray? */
.btn-secondary {
  background-color:#eee !important; border-color:#ccc; color:#111;
  }
.btn-secondary:hover {color:#007E40 !important; border-color:#007E40 !important;}
/*.btn-success {background-color: !important;}
.btn-danger {background-color: !important;}
.btn-warning {background-color: !important;}
.btn-info {background-color: !important;}
.btn-light {background-color: !important;}
.btn-light {background-color: !important;}*/

.navbar-brand {font-size:16px; margin-right:0;}
/*.active {font-style:italic !important;}*/

p.breadcrumbs {padding:10px 0;}
div.keyfacts {background:#094071; color:#fff;}
div.keyfacts a {color:#fff;}
div.keyfacts a:hover {color:#69f0ae;}
div.keyfactscontainer img {min-width:880px;}

div.keyfacts_about {background:#eee; color:#007E40;}
div.keyfacts_about a {color:#fff;}

#footer {min-height:432px; /*border:1px solid #ddd; border-radius:0.75rem 0.75rem 0 0; border-bottom:0;*/  padding-top:50px;}

/* Custom section =footer =images defined by the body ID. ¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶¶
Nb: Images should be 1400px wide (for slight reduction to 1320 in retina displays) and 528px tall. */

/*body#home #footer {background:url(/static/css/2023/footer-homepage-wildflowers01prat_0234-broad-leaved-garlic-or-ransoms-1400w.png) no-repeat -200px 70px;} 
body#about #footer {background:url(/static/css/2023/Footer-Background-About.png) no-repeat 0 3px;}
body#core-activities #footer {background:url(/static/css/2023/Footer-Background-CoreActivities.gif) no-repeat 20px 20px;}
body#maintopics #footer {background:url(/static/css/2023/Footer-Background-Maintopics.png) no-repeat 10px 50px;}
body#commission #footer {background:url(/static/css/2023/Footer-Background-Commission.gif) no-repeat 0 0;}
body#standards #footer {background:url(/static/css/2023/Footer-Background-Standards.png) no-repeat 0 0;}
body#ifu #footer {background:url(/static/css/2023/footer-implementation-28277677744_7affb25008_o_edited-1400x528.png) no-repeat 10px 50px;}
 body#countries #footer {background:url(/static/css/2023/footer-countries-www.biodiversitylibrary.org-item-187978-3-edited-1400x528.png) no-repeat 0 0;}
body#news #footer {background:url(/static/css/2023/Footer-Background-News.png) no-repeat 0 0;}
body#events #footer {background:url(/static/css/2023/Acrostichum-Alienum-from-Ferns-British-and-Exotic-1856-1860-by-Edward-Joseph-Lowe-edited.png) no-repeat 10px 50px;}
body#resources #footer {background:url(/static/css/2023/Footer-Background-Resources.png) no-repeat 5px 5px;}
body#centre #footer {background:url(/static/css/2023/Peach-Persica-psillidermis-from-Pomona-Italiana-1817-1839-by-Giorgio-Gallesio-1772-1839.jpg) no-repeat 5px 5px;}
*/
.normal {font-weight:normal !important;}

#footer .card {background-color:rgba(255,255,255,.75); border:1px solid inherit; border-radius:0.75rem; margin-bottom:calc(var(--bs-gutter-x) * .5);}

.logo-bottom {width:225px; max-height:100px; border-radius:0.75rem 0.75rem 0 0 !important; margin:calc(var(--bs-gutter-x) * .5) calc(var(--bs-gutter-x) * .5) 0 calc(var(--bs-gutter-x) * .5); position:absolute; right:0; bottom:0; margin-bottom:0 !important;}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}


/* From Paola * * * */

/* -------------NAVBAR*/


.time .tidate {
  background: #318E20;
width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  float: left;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  /*border-radius: 30px;*/}
.time .timatter {
  border-bottom: 2px solid #318E20;
}




.time .timatter {
  width: 80%;
  float: right;
  background: #fff;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 5px 10px;
}



.navbar{ padding:0; }
.nav-item {font-size: 0.8rem; padding-right: 7px;border-left:#e2e2e2 1px solid }

 
main_navbar .active > a {color: #fff; }


.dropdown-menu {
    margin-top: 1px; border:0px;background: #f8f9fa; border-radius: 0;font-size: 0.8rem;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    /*border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;*/
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 0px;
    border-width: 0; background: #f8f9fa
}
.dropdown-menu li{
     border-bottom:1px solid #efefef;;
}
.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
	background: #fff;
	color: #000;
}
.dropdown-menu > li.show > a{
	color: #000;
}
/* =Icons ------------------------------------------ See http://hypertexthero.com/ippc/work/icons.html for documentation */

/* First we define the background image containing all the icons */
.icn-addnew-inline, .icn-adoptedbadge, .icn-blank, .icn-bookmark, .icn-contact-add, .icn-copylink, .icn-doc, .icn-edit, .icn-email-add, .icn-error, .icn-event-add, .icn-feed, .icn-group-add, .icn-img, .icn-keyword-add, .icn-news-add, .icn-noncontracting, .testmapNCP,.icn-page-add, .icn-page-delete, .icn-page-edit, .icn-pdf, .icn-pestreport-add, .icn-ppt, .icn-preview, .icn-project-add, .icn-project, .icn-publication-add, .icn-required, .icn-subscribe, .icn-translatable, .icn-txt, .icn-user-add, .icn-warning, .icn-www-add, .icn-www, .icn-xls, .icn-zip, .icn-success,.icn-territory,.testmapT,.icn-backtotop, .icn-delete, .icn-lock, .icn-facebook, .icn-twitter {background:url(/static/img/icons.gif) no-repeat top left; padding:1px 0 2px 20px !important; /*font-size:0.9em;*/}

/* Then we assign the background position of each particular icon on the image above with X and Y coordinates. */
.icn-addnew-inline {background-position:0 0;} 
.icn-adoptedbadge {background-position:0 -66px; color:#693 !important;} 
.icn-blank {background-position:0 -132px;} 
.icn-bookmark {background-position:0 -198px;} 
.icn-contact-add {background-position:0 -264px;} 
.icn-copylink {background-position:0 -330px;} 
.icn-doc {background-position:0 -396px;} 
.icn-edit {background-position:0 -462px;} 
.icn-email-add {background-position:0 -528px;} 
.icn-error {background-position:0 -594px; font-size:0.95em; color:#8a1f11;} 
.icn-event-add {background-position:0 -660px;} 
.icn-feed {background-position:0 -726px;} 
.icn-group-add {background-position:0 -792px;} 
.icn-img {background-position:0 -858px;} 
.icn-keyword-add {background-position:0 -924px;} 
.icn-news-add {background-position:0 -990px;} 
.testmapNCP {background:url(/static/img/icons.gif) no-repeat 0 -1056px !important; color:#630 !important;} 
.icn-noncontracting {background:url(/static/img/icons.gif) no-repeat 0 -1056px !important; color:#630 !important;} 
.icn-page-add {background-position:0 -1122px;} 
.icn-page-delete {background-position:0 -1188px;} 
.icn-page-edit {background-position:0 -1254px;} 
.icn-pdf {background-position:0 -1320px;} 
.icn-pestreport-add {background-position:0 -1386px;} 
.icn-ppt {background-position:0 -1452px;} 
.icn-preview {background-position:0 -1518px;} 
.icn-project-add {background-position:0 -1584px;} 
.icn-project {background-position:0 -1650px;} 
.icn-publication-add {background-position:0 -1716px;} 
.icn-required {background-position:0 -1782px;} 
.icn-subscribe {background-position:0 -1848px;} 
.icn-translatable {background-position:0 -1914px;} 
.icn-txt {background-position:0 -1980px;} 
.icn-user-add {background-position:0 -2046px;} 
.icn-warning {background-position:0 -2112px; font-size:0.95em; color:#514721;} 
.icn-www-add {background-position:0 -2178px;} 
.icn-www {background-position:0 -2244px;} 
.icn-xls {background-position:0 -2310px;} 
.icn-zip {background-position:0 -2376px;}
.icn-success {background-position:0 -2442px; font-size:0.95em; color:#264409;}
.icn-territory {background:url(/static/img/icons.gif) no-repeat 0 -2508px !important;}
.testmapT {background:url(/static/img/icons.gif) no-repeat 0 -2508px !important;}
.icn-backtotop {background-position:0 -2574px;}
.icn-delete {background-position:0 -2640px;}
.icn-lock {background-position:0 -2710px;}
.icn-twitter {background-position:0 -2705px;}
.icn-facebook {background-position:0 -2772px;}
 

input.vDateField {
  /*display: block;*/
  width: 70%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}


dl {
  margin-bottom: 20px;

  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*.dl-horizontal dt {overflow:visible; white-space:nowrap; border-bottom:1px solid #eee; text-overflow: ellipsis;}*/
.dl-horizontal dt {
  float: left;
  width:300px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 30px;
}
.dl-horizontal dd {border-bottom:1px solid #eee;margin-left: 300px;}


div.dataTables_paginate {
	float: right;
	margin: 0;
}
div.pagination ul li{
	float: left;
  margin: 0;
  border: 1px solid #dee2e6;
  
 padding-x: 0.75rem;
 padding-y: 0.375rem;
 font-size: 1rem;
 color: var(--bs-link-color);
 bg: #fff;
 border-width: 1px;
 border-color: #dee2e6;
 border-radius: 0.375rem;
 hover-color: var(--bs-link-hover-color);
 hover-bg: #e9ecef;
 hover-border-color: #dee2e6;
 focus-color: var(--bs-link-hover-color);
 focus-bg: #e9ecef;
 focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 active-color: #fff;
 active-bg: #0d6efd;
 active-border-color: #0d6efd;
 disabled-color: #6c757d;
 disabled-bg: #fff;
 disabled-border-color: #dee2e6;
  /*display: flex;*/
  padding: 5px 5px 5px 5px;
  list-style: none;

}
div.pagination  li.active{
 
 
 border-width: 2px;
 border-color: #693;
 border-radius: 0.375rem;
 
 
 

}
div.pagination li.page-info{
  color: #693;
}
/* =regionsmap =map  ---------------------------------------- */
ul#regionsmap {position:relative; list-style:none; margin:0 0 0 0.5em !important; padding:0 !important; background-image: url(/static/img/worldmap-small-faoregions.gif); background-repeat:no-repeat; height: 94px; width: 205px;}
ul#regionsmap li {position:absolute; text-decoration:none;}
ul#regionsmap li a:hover span {text-indent:0; color:#000; background-color:#F4F4F4; font-weight:bold; position:absolute; border:1px solid #ddd; margin:0; padding:2px; line-height:1.3em; font-size:0.8em;}

li#africa a, li#asia a, li#southwestpacific a, li#europe a, li#northamerica a, li#latinamericacaribbean a, li#neareast a {position:absolute; text-decoration:none;}
li#africa a span, li#asia a span, li#southwestpacific a span, li#europe a span, li#northamerica a span, li#latinamericacaribbean a span, li#neareast a span {display:none;}
li#africa a:hover, li#asia a:hover, li#southwestpacific a:hover, li#europe a:hover, li#northamerica a:hover, li#latinamericacaribbean a:hover, li#neareast a:hover {position:absolute; top:0; left:0; background:none; border:none; cursor:pointer;}
li#africa a:hover span, li#asia a:hover span, li#southwestpacific a:hover span, li#europe a:hover span, li#northamerica a:hover span, li#latinamericacaribbean a:hover span, li#neareast a:hover span {display: block;}

li#africa {left:59px; top:46px;}
li#africa a {width:40px; height:42px;}
li#asia {left:100px; top:2px;}
li#asia a {width:76px; height:44px;}
li#southwestpacific {left:122px; top:43px;}
li#southwestpacific a {width:60px; height:40px;}
li#europe {left:65px; top:2px;}
li#europe a {width:42px; height:29px;}
li#northamerica {left:0px; top:2px;}
li#northamerica a {width:54px; height:37px;}
li#latinamericacaribbean {left:0; top:35px;}
li#latinamericacaribbean a {width:48px; height:55px;}
li#neareast {left:80px; top:24px;}
li#neareast a {width:30px; height:20px;}

.controls ul > li {
  display: inline;
}
.pull-left {
  float: left;
}
 

.mr-2,.mx-2 {
  margin-right: .5rem!important
}
.float-left {
  float: left!important;
  margin-bottom: 10px;
  margin-right: 40px;
  margin-top: 40px;
}
img-fluid {
  max-width: 100%;
  height: auto;
}
.pull-right{
  float: right !important;
}
.toggle-box + label {
  float:right !important;
  cursor: pointer;
/*  display: block;*/
  font-weight: bold;
  line-height: 21px;
  /*margin-bottom: 5px; margin-left: 344px*/
 margin-bottom: 5px; margin-left: 578px;
}


/*----Table collapse------*/	
	
.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
/*  display: block;*/
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 5px; margin-left: 344px
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px; border-right: 1px solid #2b9746;/* border-left: 1px solid #dddddd;*/ padding: 0 10px; 
	width: 356px;
	float: right;
    margin-right: 30px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  background-color: #2b9746;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #FFFFFF;
  content: "+";
  display: block;
 /* float: right;*/
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  text-align: center;
  width: 20px;
}

.toggle-box:checked + label:before {
  content: "\2212";
}

li#tree {
  background-color:rgba(110, 140, 113, 0.7); 
}

.carousel-caption{
  background-color:rgba(110, 140, 113, 0.7); 
  position: absolute; 
  left:380px; 
   
  /*top:150px;  
  height:40%;*/ 
  width:58%; 
  bottom:0px; 
  padding:10px; 
  text-align: left; 
  font-size: 0.3rem; 
  font-weight: 100; 
  font-family: sans-serif;/*
  font-family: 'Roboto Slab', Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";*/
}


span.help-inline{
   
   
    --bs-text-opacity: 1;
    color: #6c757d!important;
 
    margin-top: 0.25rem;
    margin-bottom: 0.85rem;
    font-size: .875em;

}
label.control-label{
  margin-top: 0.5rem;
  
 
    font-weight: bold;
 
    display: inline-block;
}
 
@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
    }
  }
  



/* https://getbootstrap.com/docs/5.0/layout/breakpoints/ Fix to make Key Facts box in topic pages collapse properly in smaller viewports */
@media (max-width: 1400px) {
  div.keyfactscontainer {flex-wrap:wrap !important;}
  div.keyfactscontainer img {min-width:100%;}
  div.keyfacts {max-width:880px;}
}