.body-main #content .funds-container{
	display: flex;
	background: #f9fafb;
	align-items: stretch;
}

@media (max-width: 1024px) {
  .body-main #content .funds-container{
    flex-direction: column;
  }
}

.body-main #content .funds-menu-left {
	flex: 1;
	background: #133139;
	border-top-right-radius: 20px;
	padding-top: 2em;
	color: #fff;
	font-size: 14px;
}

.body-main #content .funds-menu-left .funds-search {
	padding: 0 1em 0 1em;
	width: 100%;
}

.body-main #content .funds-menu-left .funds-search-input {
	width: 100%;
}

.body-main #content .funds-menu-left .funds-search-input input {
	width: 100%;
	background: #133139;
	text-align: center;
	border-bottom: 1px solid #ffffff33;
}

.body-main #content .funds-menu-left .funds-search-button {
	width: 100%;
	display: flex;
	justify-content: right;
}

.body-main #content .funds-menu-left .funds-search-button button {
	background: #133139;
	color: #ffffffcc;
	font-size: 10px;
}

.body-main #content .funds-menu-left .funds-menu-left-item {
	margin: 1em 2em;
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content {
	margin: .7em .5em;
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content input[type='checkbox'] {
	accent-color: #546a6f;
	opacity: .5;
	vertical-align: middle;
}

.body-main #content .funds-menu-left .funds-menu-left-item .item-content input[type='checkbox']:checked {
	opacity: 1;
}

.body-main #content .funds-menu-left .funds-asset-class-content .asset-class, 
.body-main #content .funds-menu-left .funds-etf,
.body-main #content .funds-menu-left .funds-sub-manager-content .sub-manager, 
.body-main #content .funds-menu-left .funds-share-class-content button.share-class
{
	background: #1f3c43;
	border: 1px solid #354f56;
	border-radius: 10px;
	white-space: pre;
	padding: 4px;
	font-size: 14px;
}

.body-main #content .funds-menu-left .funds-etf {
	padding: 4px 2em;
}

.body-main #content .funds-menu-left .funds-asset-class-content .asset-class.checked ,
.body-main #content .funds-menu-left .funds-sub-manager-content .sub-manager.checked ,
.body-main #content .funds-menu-left .funds-share-class-content button.share-class.checked ,
.body-main #content .funds-menu-left .funds-etf.checked {
	background-color: #d0d6d7;
	color: #323232;
}

.body-main #content .funds-menu-left .funds-sub-manager-content .sub-managers {
	background-color: #546a6f;
}

.body-main #content .funds-menu-left .funds-menu-left-item .quantity {
	font-size: 12px;
}

.body-main #content .funds-content {
	flex: 5;
	font-family: "Scala Sans Pro", "sans serif";
	color: #133139;
}

.body-main #content .funds-title {
	font-family: "Chronicle Deck", serif;
	font-size: 22px;
	font-weight: bold;
	padding-left: 2em;
	padding-top: 2em;
}

.body-main #content div.funds-list {
	/*list-style: none;*/
	margin: 0;
}

.body-main #content div.sub-fund-header, .body-main #content div.sub-fund-detail {
	line-height: 3em;
	font-weight: bold;
  font-size: 15px;
	display: grid;
	grid-template-columns: 3fr 2fr 2fr 2fr 1fr 1fr; 
}

.body-main #content div.sub-fund-header {
	font-size: 15px;
	color: #6b7980;
	padding-left: 2em;
	padding-right: 2em;
	/*
	border: 1px solid #ccc;
	border-left: 0px;
	border-right: 0px;
	*/
	box-shadow: 0px 5px 4px -6px #CCC, 0px -5px 4px -6px #CCC;
}

.body-main #content div.sub-fund-item {
	margin: 1em 0 1em 0;
}

.body-main #content div.sub-fund-detail {
	font-size: 14px;
	border: 2px solid #9ac9b7;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0 2em 0 2em;
	background: #ffffff;
	border-radius: 3px;
  cursor: pointer;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-detail {
	  margin: 0 1em 0 1em;
  }
}

.body-main #content div.sub-fund-detail:hover {
	background-color: #fdfdfd;
}

.body-main #content div.sub-fund-detail.opened {
	border-bottom-left-radius: 0;
}

.body-main #content div.sub-fund-detail.opened, .body-main #content div.sub-fund-description {
  font-size: 15px;
}

.body-main #content div.sub-fund-detail.opened, .body-main #content div.sub-fund-description.opened {
	background-color: #f9f9f9;
}

.body-main #content div.sub-fund-detail span {
	
}

.body-main #content div.sub-fund-detail .name, 
.body-main #content div.sub-fund-header .name, 
.body-main #content div.sub-fund-description,
.body-main #content div.fund-header,
.body-main #content div.fund-item
{
	padding-left: 2em;
	
}
.body-main #content div.sub-fund-detail .name {
	font-weight: bold;	
}

.body-main #content div.sub-fund-detail .inception, .body-main #content div.sub-fund-header .inception {
	
}

.body-main #content div.sub-fund-detail .size, .body-main #content div.sub-fund-header .size {
	
}

.body-main #content div.sub-fund-detail .asset_class{  
	/* padding-left: 1em; */
}
.body-main #content div.sub-fund-header .asset_class {
}

.body-main #content div.sub-fund-detail .sfdr{
	background: .2em calc(50% - 1px) no-repeat url("/wp-content/themes/pegasus/assets/img/leaf.png");
	padding-left: 1em; 
	color: #fff;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-detail .sfdr{
    background-position: top 8px center;
  }
}

.body-main #content div.sub-fund-header .sfdr {
}

.body-main #content div.sub-fund-detail .menu, .body-main #content div.sub-fund-header .menu {

}

.body-main #content div.sub-fund-detail .bubble {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 1;
	text-align: center;
	cursor: pointer;
}

.body-main #content div.sub-fund-detail .bubble:hover {
	background-color: #f0f0f0;
}

.body-main #content div.sub-fund-description {
	line-height: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	display: grid;
	grid-template-columns: 1fr 2fr 6fr;
}

.body-main #content div.sub-fund-description .description,
.body-main #content div.sub-fund-description .description p {
	font-size: 15px;
}

.body-main #content div.fund-header, .body-main #content div.fund-item .fund-link {
	line-height: 3em;
	display: grid;
	grid-template-columns: 4fr 2fr 2fr 2fr; /* 1fr; documentation hidden */
}

.body-main #content div.fund-header .bubble {
	line-height: 2em;
	border: 1px solid #ccc;
	border-radius: 1em;
	padding: .5em;
}

.body-main #content div.sub-fund-description, .body-main #content div.fund-header, .body-main #content div.fund-item {
	font-size: 15px;
	border: 2px solid #9ac9b7;
	border-right: 0px;
	border-bottom: 0px;
	border-top: 1px solid #eee;
	margin: 0 2em 0 2em;
	background: #ffffff;
}

@media(max-width: 1024px){
  .body-main #content div.sub-fund-description, .body-main #content div.fund-header, .body-main #content div.fund-item {
	  margin: 0 1em 0 1em;
  }
}

.body-main #content div.sub-fund-description.closed, .body-main #content div.fund-header.closed, .body-main #content div.fund-item.closed {
	display: none;
}

.body-main #content div.fund-item .share-price{
	line-height: 1.5em;
	padding-top: .5em;
	padding-bottom: .5em;
}

.body-main #content div.fund-item .as-of{
	font-size: 12px;
	line-height: 1em;
}

.body-main #content div.sub-fund-description {
	border-top: 1px solid #ddd;
}

.body-main #content div.fund-item:last-child {
	border-bottom-left-radius: 3px;
}