/* ALL NEW STYLES -- Old unneeded styles will be commented out as I progress */
.table.table-no-borders>thead>tr>th, .table.table-no-borders>tbody>tr>th, .table.table-no-borders>tfoot>tr>th, .table.table-no-borders>thead>tr>td, .table.table-no-borders>tbody>tr>td, .table.table-no-borders>tfoot>tr>td{
	border-top:none;
	border-bottom:none;
}
.as-of{font-size:15px;}
.fund-stats{background-color:#EEF0F4;}
.putnamicon-morningstar{color:#292b2c;letter-spacing:-3px;}
.popover-pdf{
	width:150px;
	height:194px;
}

#webcast-single-wide-band .webcast-inner-container{
	padding-top:1rem!important;
	padding-bottom:1rem!important;
	border-bottom: 1px dotted rgba(0,0,0,0.1);
}

#location-share #breadcrumb {
	display: block;
}

/* Literature */
#literature .form-check{
	min-width:150px;
}

#related-topics h4{
	margin:7px 0;
}
#related-topics ul{
	list-style:none;
	padding:0;
	margin:0;
}
#related-topics ul li{
	padding:0.5em 0;
	margin:0;
	border-top:solid 1px #ccc;
}
#management-posts hr{
	border-color:#ccc;
	margin:0;
}
.border-img{
	border: 1px solid #ccc;
}
/* Management */
.manager img{
	max-width:80px;
}
#management-team .manager{
	border-top: 1px solid #e1e1e1;
	padding: 5px 0 5px;
}
#management-team .manager::last-child{
	border-bottom: 1px solid #e1e1e1;
}
.bars>div{
	position:relative;
	flex:1 1 50%;
}
.bars{
	padding-right:22px !important;
}
.bars .num{
	display:block;
	width:15px;
	position:absolute;
	right:-24px;
	top:6px;
	text-align:left;
	font-size:0.9em;
}
.key-box{
	display:inline-block;
	width:9px;
	height:9px;
	margin-right:9px;
	margin-bottom:1px;
}
.years-putnam		{background-color:#a6b8c6;}
.years-industry		{background-color:#dce3eb;}
.less-than-a-year	{background-color:transparent; color:#8fa5b6;}

#performance-stats>div, #holdings-stats>div{
	margin-bottom:3rem;
}
/* Marketing material */
.marketing-material{
	background-color: #f0f3f7;
}

@media (min-width:768px){
	.select-prod-info-fund{
		min-width:85px;
	}
	#performance-stats, #holdings-stats{
		display:flex;
		flex-wrap:wrap;
		margin:0 -20px;
	}
	#performance-stats>div, #holdings-stats>div{
		flex:0 0 48%;
		-ms-flex:0 0 46%;
		padding:0 20px;
	}
	#holdings-table table{
		max-width: 50%;
	}
	.d-grid{
		display:grid;display:-ms-grid;
		grid-gap:0 40px;
		grid-template-rows:auto 1fr;-ms-grid-rows:auto 1fr auto;
		grid-template-columns:50% auto;-ms-grid-columns:auto 40px auto;
	}
	#literature{
		grid-column:1;
		grid-row:1 / 3;
		-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;
	}
	#related-topics{
		grid-column:2;
		grid-row:1;
		-ms-grid-row:1;-ms-grid-column:3;
	}
	#management-posts{
		grid-column:2;
		grid-row:2;
		-ms-grid-row:2;-ms-grid-column:3;
	}
}

/*----------Fund Header----------*/

.trading-symbol{
    font-weight:300;
}

.featured-header-links ul{
	list-style:none;
	padding:0px;
}
.featured-header-links ul li{
	margin-top:7px;
	padding-top:7px;
	border-top:1px solid #ccc;
}
.featured-header-links ul li:first-child{
	border-top:0;
	margin-top:5px;
}
.featured-header-links .putnamicon{
	font-size:21px;
	vertical-align:-3px;
	margin-right:5px;
}
#fund-header-manager{
	bottom:-2%;
	display:table-cell;
	height:auto;
	padding:0;
	position:absolute;
	right:2%;
	vertical-align:bottom;
}
#fund-header-manager-text{
	bottom:50px;
	color:#333333;
	font-weight:bold;
	line-height:16px;
	position:absolute;
	right:20%;
	width:16%;
}
#fund-header-video{
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	position:absolute;
	right:0;
	bottom:-179px;
	margin:0;
	padding:35px 3px 0px 3px;
	width:311px;
	height:211px;
	background:url('/static/img/prod-info/header-video-player-off.png') no-repeat 0px 0px;
}
#fund-links ul{
	list-style-image:none;
	list-style-type:none;
	padding:0 0 0 2px;
}
#fund-links{
	margin-top:20px;
	float:left;
}
#fund-links ul li{
	padding:0 0 0 55px;
	margin-right:15px;
	float:left;
}
#fund-links ul li h3{
	line-height:12px;
}

#fund-links h4{
	margin-bottom:1px;
}

/*----------Tabs and Tabs Content Panel----------*/

#description-columns ul li {
	padding:0 0 20px 0;
}
#description-columns strong{
	display: block;
}
@media (min-width:992px){
	#description-columns>div:first-child{
		border-right:solid 1px currentColor;
	}
	#description-columns ul {
		display: flex;
	}
	#description-columns ul li {
		flex-basis:32%;
		padding:0 40px 0 0;
		margin-bottom:0
	}
	#description-columns ul li:last-child {
		padding: 0;
	}
	.flex-lg-row{ flex-direction: row !important;  }
}
#description-columns ul, #sales-story ul{
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
#date-selector-container input, #date-selector-container img, #date-selector-container span{
	margin:0;
	padding:0;
	vertical-align:text-top;
}

.range-selector, .range-selector-first, .range-selector-last{
	cursor:pointer;
	padding:3px;
	border:1px solid #ccc;
	border-left:none;
	display:block;
	float:left;
	width:36px;
	height:32px;
	text-align:center;
	color:#333 !important;
	text-decoration:none !important;
	background-color:#eee;
}
.range-selector.selected, .range-selector-first.selected, .range-selector-last.selected
{
	background-color : #4398D0;
	color : white !important;
}

#portfolio-composition h3{
	margin:0;
}
#portfolio-composition-pie-chart h3{
	margin-bottom:-8px;
}
#top-industry-sectors-pie-chart-chart, #portfolio-composition-pie-chart-chart, #country-allocations-pie-chart-chart{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1rem;
}

#fund-links ul li.fund-visualizer{
    background:url('/static/img/icon_fv.png') no-repeat;
}
#fund-links ul li.global-sector{
    background:url('/static/img/icon_globalsector.png') no-repeat;
}
#fund-links ul li.guide, #fund-links ul li.opp-spectrum{
	background:url("/static/img/icon_guide.png") no-repeat scroll 0 14px transparent;
}
#fund-links ul li.seminar{
    background:url('/static/img/icon_seminar.png') no-repeat scroll 0 14px transparent;
}
#fund-links ul li.more{
    background:url('/static/img/icon_more.png') no-repeat;
}

#sales-story ul li{
	padding-bottom:20px;
}
#sales-story ul li strong{
	display:block;
}

.toggle-icon,
.bs-toggle-icon {
	background:url("/static/img/prod-info/open_close.png") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	float:left;
	height:18px;
	left:0;
	margin:4px 2px 0 -17px;
	width:18px;
}
.bs-toggle-icon {
	background-position:-18px 0;
}
.collapsed .bs-toggle-icon {
	background-position: 0 0;
}
.toggle-icon-open {
	background-position:-18px 0;
}
.toggle-container{
	cursor:pointer;
}

#results{
	max-width:700px;
}
#results .table-wrapper{
	margin:10px 0 0 0;
	max-height:290px;
	overflow-y:auto;
}
#results h3{
	display:none;
}

#growth-of-10K-chart .highcharts-container, #growth-of-10K-chart svg{
	overflow: visible !important;
}
#growth-of-10K-range .selected{
	color:#fff !important;
	background-color:#4398D0;
}

.range-selector-first{
	border-left:1px solid #ccc;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
.range-selector-last{
	border-left:0;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	margin-right:10px;
}

.total{
	border-top:2px solid #666;
}
.scroll-container{
	max-height:300px;
	overflow-x:hidden;
	overflow-y:auto;
	border:solid 1px #ddd;
}
.holding-details-left{
	float:left;
	width:50%;
}
.holding-details-right{
	float:left;
	text-align:right;
	width:30%;
}


/*Start Mini FV*/
#fv-thumb-wrap{
	position:relative;
}
#fv-thumb-wrap h3{
	display:none;
}
#fv-thumb-wrap #fv-search-form h3{
	display:block;
}
#fv-thumb-wrap h3#fv-header{
	display:block;
	margin-bottom:0;
	padding-bottom:5px;
}

#fv-thumb-wrap .fv-disclosure-title{
	font-size:11px;
	text-align:center;
	margin-bottom:0;
	margin-top:6px;
}
#fv-thumb-wrap .search{
	position:relative;
	display:block !important;
	width:100%;
	max-width:100%;
	float:none;
	border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow:none;
	-webkit-box-shadow:none;
	border:1px solid #CCCCCC;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	height:auto;
	margin-top:0;
}
#fv-thumb-wrap .typeahead,
#fv-thumb-wrap .tt-query,
#fv-thumb-wrap .tt-hint{
	width:100%;
}
#fv-search-form .tt-hint
{
	font : inherit;
	font-size: 13px !important;
	left : -2px !important;
	top: -1px !important;
}
#fv-thumb-wrap .tt-query{
	width:-webkit-calc(100% - 20px);
	width:-moz-calc(100% - 20px);
	width:calc(100% - 20px);
	float:left;
}
#fv-thumb-wrap .twitter-typeahead{
	width:100%;
}

#fv-thumb-wrap .tt-dropdown-menu{
	width:100%;
	width:-webkit-calc(100% + 12px);
	width:-moz-calc(100% + 12px);
	width:calc(100% + 12px);
	margin-left:-6px;
	max-height:300px;
	overflow-y:scroll;
	background-color:#fff;
	border:solid 1px #ddd;
}
#fv-thumb-wrap .search-submit{
	position:absolute;
	top:3px;
	right:0;
}
#fv-thumb-wrap .tt-category{
	margin:5px 10px;
	font-size:16px;
	font-weight:600;
	border-bottom:solid 1px #ddd;
}
/* Remove advisor specificity when bootstrap 4 is unified */
#fv-thumb-wrap .tt-suggestion p{
	margin:5px 0;
	padding:0 10px;
}
#fv-thumb-wrap .tt-suggestion.tt-is-under-cursor p{
	background-color:#eee;
}

#fv-thumb-wrap ul{
	list-style:none;
	padding:0;
}

#fv-thumb-wrap ul li{
	display:inline-block;
	padding:0 15px;
}

#fv-thumb-wrap ul li.first{
	background:url('/static/img/advisor/fv-bullet-blue.gif') no-repeat 0 7px;
}
#fv-thumb-wrap ul li.second{
	background:url('/static/img/advisor/fv-bullet-tan.gif') no-repeat 0 7px;
}

#mini-chart{
	height:160px;
}

div.fvThumbTitle{
	color:#555;
	float:left;
	font-size:11px;
	text-align:center;
	width:100%;
}

#fv-disclaimer{
	display:none;
}

.fv-promo-image{
	perspective:1000px;
}
.fv-ipad{
	display:block;
	position:relative;
	background:#FFF;
	border-radius:22px;
	box-shadow:0 5px 7px 2px rgba(0,0,0,0.2);
	transform-origin:center bottom;
}
@media (min-width:992px){
	.fv-mini-chart-wrapper{
		margin-top:-50px;
	}
}
.fv-ipad .fv-ipad-player{
	width:84%;
	margin:0 auto;
	padding:3% 0 2%;
}
.fv-ipad .fv-ipad-player video{
	width:100%;
}
.fv-ipad .selfie-cam{
	display:block;
	background-color:#f6f6f6;
	width:7px;
	height:7px;
	position:absolute;
	top:calc(50% - 3.5px);
	left:3.2%;
	border-radius:50%;
}
.fv-ipad .home-button{
	display:block;
	background-color:#f6f6f6;
	width:25px;
	height:25px;
	position:absolute;
	top:calc(50% - 12.5px);
	right:1.9%;
	border-radius:50%;
}

/*End Mini FV*/


/*Featured Styles*/


.microsite{
	border-bottom:1px dotted  #ccc;
	padding-bottom:15px;
}

.stars{
    color:#EFAF04;
    font-size:20px;
    letter-spacing:-2px;
}

.tabbed-content
	aside{
	    background:#eceff2;
	    padding-bottom:30px;
	    padding-top:8px;
	}
}
.tooltip{
  display:none;
  position:absolute;
  border:1px solid #333;
  background-color:#161616;
  border-radius:5px;
  padding:10px;
  color:#fff;
  font-size:12px;
  -moz-box-shadow:2px 2px 10px 0 rgba(0,0,0,0.5);
  -webkit-box-shadow:2px 2px 10px 0 rgba(0,0,0,0.5);
  box-shadow:2px 2px 10px 0 rgba(0,0,0,0.5);
}

.tooltip:before{
  display:block;
  position:absolute;
  left:-8px;
  width:10px;
  height:20px;
  background:url('../img/tooltip-arrow.png') no-repeat 0 0;
  content:"";
}

/*End Featured Styles*/

#link-to-client-reporting .cr-button-container{
	padding-top:10px;
}

#client-reporting-link{
	width:130px;
}

/*Trailing Return CSS*/
#rolling-return-container .putnamicon-caret-up, #rolling-return-container .putnamicon-caret-down{
	font-size:46px;
	line-height:15px;
}
#rolling-return-container .putnamicon-caret-up,
#fund-price .putnamicon-caret-up{
	color:#86B459;
}
#rolling-return-container .putnamicon-caret-down,
#fund-price .putnamicon-caret-down{
	color:#DD634E;
}
#rolling-dot-container{
	z-index:1;
}
#rolling-dot-container span{
	border-radius:50%;
	cursor:pointer;
	height:10px;
	width:10px;
}
#rolling-dot-container span.pos-value{
	background-color:#86B459;
}
#rolling-dot-container span.neg-value{
	background-color:#DD634E;
}
.disp-pos-value{
	color:#86B459;
}
#rolling-dot-container .disp-neg-value{
	color:#DD634E;
}
#rolling-dot-container .disp-normal{
	display:block;
	font-size:15px;
	font-weight:400;
	line-height:1.2em;
	color:#444;
}
@media (min-width:1200px){
	#rolling-dot-container .disp-normal{
		display:inline;
	}
	#rolling-return-container .putnamicon-caret-up, #rolling-return-container .putnamicon-caret-down{
		font-size:70px;
	}
}
#rolling-dots{
	margin-top:20px;
}
#rolling-dots .dot-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 5px;
	transition:all 0.3s ease-out;
}
#dots-show{
	position:absolute;
	top:0;
	width:100%;
	cursor:pointer;
}
#dots-show .txt{
	position:absolute;
	right:50%;
	width:100px;
	margin-right:-50px;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	text-align:center;
	background-color:#fff;
	-webkit-box-shadow:0px 0px 4px 0px #ffffff;
	box-shadow:0px 0px 4px 0px #ffffff;
	border-radius:0 0 5px 5px;
	background-clip:padding-box;
}
#dots-show .bg{
	height:25px;
	background:-moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	border-top:solid 1px #ddd;
}
#rolling-dots.active #dots-show{
	top:-10px;
}
#rolling-dots.active #dots-show .bg{
	background:none;
}
#rolling-dots.active #dots-show .txt{
	top:-24px;
	border-radius:4px 4px 0 0;
	border-bottom:0 none;
	border-top:solid 1px #ddd;
}
#rolling-dot-container .quarter-end-info span{
	display:inline;
	float:none;
	padding:0;
	margin-right:4px;
	margin-bottom:0;
}
.quarter-end-info{
	position:absolute;
	padding:10px;
	min-width:150px;
	z-index:3;
	border:1px solid #ccc;
	border-radius:5px;
	background:#fff;
}
.quarter-end-info:after, .quarter-end-info:before{
	border:solid transparent;
	content:" ";
	height:0;
	position:absolute;
	right:100%;
	top:54%;
	width:0;
}
.quarter-end-info:after{
	border-color:transparent;
	border-right-color:#fff;
	border-width:7px;
	margin-top:-10px;
}
.quarter-end-info:before{
	border-color:transparent;
	border-right-color:#ccc;
	border-width:8px;
	margin-top:-11px;
}
.quarter-end-info p{
	margin:0;
}

.fund-fact-grid .bordered-grid > div{
	min-height:90px;
	border-color:#FFF;
	border-width: 3px;
	background-color:#f5f5f5;
	text-align:center;
}

.lit-btn-add-order{
	border:solid 1px #157e00;
	background-color:#157e00;
	color:#fff;
}

.lit-btn-view-order{
	border:solid 1px #2278c9;
	background-color:#2278c9;
	color:#fff;
}

.lit-button-order-gray{
	border:solid 1px #aaa;
	background-color:#aaa;
	color:#fff;
}

.lit-btn-loading-add-order{
	background:#157e00 url("/static/img/advisor/loading.gif") no-repeat 50% 50%;
	background-size:18%;
	height:28px;
	width:120px;
}

.lit-btn-loading-view-order{
	background:#2278c9 url("/static/img/advisor/loading.gif") no-repeat 50% 50%;
	background-size:18%;
	height:28px;
	width:110px;
}
.table tbody tr:last-child{
	border-bottom:1px solid #ccc;
}
.display-print{
	display:none;
}





/* Styles for "ungated" prodinfo, part of the digital first campaign strategy */
.vertical-bumpage {
	vertical-align: -6%;
}
a.gray-text:link,
a.gray-text:visited,
a.gray-text:hover,
a.gray-text:active {
	text-decoration: none;
	color: #AAA;
}
.gray-text .putnamicon-lock2,
.gray-text.putnamicon-lock2 {
	color: #777
}
.login-cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.blurred-fv-mini {
	height: 100%;
	min-height: 350px;
	background-repeat: no-repeat;
	background-image: url('/static/img/fundvisualizer/mini-chart-blurred.jpg');
	background-size: 100%;
}
.lock-in-input {
	position: absolute;
	right: 4px;
	top: -13px;
}
.col-auto {
	flex-grow: 0 !important; /* This needs to override the #main .col styles set above for col-auto to work */
}

.purple-txt{
	color: #7a4895;
}
.blue-callout-txt{
	color: #0079c5;
}
#fund-page-banner
{
	background-color: #003663;
}

#fund-page-banner .fund-info-columns >div
{
	flex: 1 1 50%;
}
@media (min-width:992px){
	#fund-page-banner .fund-info-columns >div{
		flex: 0 1 20%;
		width: 20%;
	}
}

#fund-page-banner .register-cover-btn
{
	position: absolute;
	bottom: 1rem; 
}


@media (min-width:1200px){
	#fund-page-banner .pre-login-graphic
	{
		height: 175px;
	}
}

.holding-label-black {
	color: #000000;
}

#holdingsAccordion .card {
	border: none;
}

#top10Holdings-table tbody > tr:last-child{
	border-bottom: 0;
}

#priorTop10Holdings .card-link, #top10Holdings .card-link, #fullPortfolio .card-link {
	text-decoration: none;
}

#top10Holdings-table tbody > tr:last-child,#top10Holdings-table > tbody > tr:last-child > th,#top10Holdings-table > tbody > tr:last-child > td {
	border-bottom: 0;
}

.blue-bg
{
	background-color: #ECF4F9;
}

.grey-bg
{
	background-color: #f5f5f5;
}

.p-normal p, .p-normal em
{
	font-style: normal !important;
}

.transparent-etf-promo-box
{
	background-image: url("/static/img/prod-info/etf_about_img.png");
	background-position: top right;
    background-repeat: no-repeat;
	background-size : auto 100%;
	background-color: #ECF4F9;
}

/* Highlight banner in digital-first */
.highlight-wrapper #highlight-banner {
	position: relative;
	inset: 3px 0 0 0;
}
.highlight-wrapper>.container>div:nth-last-child(2)~#highlight-banner {
	position: absolute;
	inset: 3px 15px 0 15px;
}