/* datatables */
table.dataTable thead .sorting{background-image: none}
table.dataTable thead .sorting_asc{background-image:none}
/* action menubar*/

div.action_menubar div.action_menu button.title {
    max-width: 100%;
}
@media (min-width: 768px)
{
	div.table_controls{
		height: auto;
		margin: 0 0 22px 0;
	}
}

div.action_menubar div.action_menu {
    
}
/* sticky header */
table.listing {
    table-layout: auto; 
}

/* loading indicator*/
.dt_processing {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-left: -50%;
    margin-top: 0;
    padding-top: 0;
    text-align: center;
    font-size: 1.2em;
    background-color: white !important;
    opacity: 0.4;
    z-index: 1000;
}
.dt_processing span.data-loading {
    background: #ddd 50% 50% no-repeat url("../img/spinner.gif");
    display: block;
    width: 300px;
    height: 100px;
    line-height: 100px;
    margin: 22% auto;
    color: #fff;
}
.dialog > img {
	display:none;
	width: 200px;
}
/* table filtering menus */
li.titled_menu.disabled > button {
    cursor: default;
}
li.titled_menu.disabled > button:hover {
    background: #e6efd9; 
}
li.titled_menu.disabled > button::after {
    content: '';
}
div.titled_menu > button, li.titled_menu > button {
    min-width: 90px;
}
li.titled_menu.disabled > .action_menu {
   visibility:hidden;
}

/* fund holdings table*/
div.dialog .fundHoldings h3 {
    text-align:left;
    margin:10px 0;
}
div.dialog .fundHoldings th {
    font-weight:bold;
    border-bottom: 1px solid #cccccc;
    text-align:right;
}
div.dialog .fundHoldings th:first-child {
    text-align:left;
}
tr.subheader td {
	color:#3b6e8f;
}
tr.subheader td:first-child {
	font-weight:bold;
}
/* fund page "price change" arrow */
div.fund_stat span.price:after{
	content: '';
	width: 17px;
	height: 18px;
	display: inline-block;
	float: right;
	margin-left: 5px;
	margin-top: -2px;
	background: none;
}

div.fund_stat span.price.down:after,
div.fund_stat span.price.up:after{ 
	background-image: url("img/fidelity_sprites.png");
	background-repeat: no-repeat; 
}
/* fund page "Top ten holdings" date dropdown */
div.top_items li.titled_menu{
	float: none;
	display: inline-block;
}

/* video player */
figure  > .video > .jwplayer,
#video_lightbox  .jwplayer  {
    margin: 0 auto;
}
/* video icon on carousel slide */
div.feature > div.media img {
    width: 100%;
    height: auto;
    max-height: 650px;
}
/* inline hyperlink  */
article.manager div.funds_managed div.item div.content a.with_link {
    display: inline-block;
   font-size: 14px;
   margin-top:0;
}
/* drop-down icon*/
div.action_menu button.title::after {
    content: '▼';
    font-size: 15px;
    display: inline-block;
    position: absolute;
    top: -1px;
    right: 12px;
    font-family: Arial, sans-serif;
    color: #357529;
	/* color: #949ca1; */
}

/*  FundFacts mobile view */
.is_mobile table.dataTable tbody td.fund_name,
.is_mobile table.dataTable tbody td.fund_series {
    width:100%;
}
/* sharing media links */

/*.social_media { position:relative;}*/
.social_media_menu { 
	display:none; 
	width: 400px;
	max-height: 285px;
	overflow-x: auto;
	box-sizing: border-box;
	position: absolute;
	right:0;
	padding: 20px 50px ;
	border: 1px solid #dedede;
	display: none;
	background: white;
	box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.03);
	z-index: 10000;
}
.social_media_menu.active { 
	display:block; 
}

/*
div.action_menu button.icon.share::after {
    content: '';
}
div.action_menu button.icon.share.title,
div.action_menu button.icon.share.title:hover {

	background-position: left -410px;
}
ul.secondary_actions li a {
    margin-top: 5px;
}
div.action_menu button.title.icon {
    width: 32px;
    height: 28px;
    display: block;
	padding: 0;
	margin-top: 5px;
    background: left -400px no-repeat url("img/fidelity_sprites.png");
}
div.action_menu button.icon span {
    text-indent:-50000px;
	display: inline-block;
}
*/
.social_media.action_menu ul {
	width: 250px;
	right:0;
}
.social_media ul li {
	width: 36px;
	display: inline-block;
	margin-left:0;
	margin-right:20px;
	
}
article .social_media h3 {
    color: #5381ac;
	padding-bottom: 17px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 25px;
    font-size: 36px;
    line-height: 1em;
    letter-spacing: 1px;
	font-weight: normal;
	font-size: 42px;
}
article .social_media p {
	font-size: 20px;
	
}

.share_title {
	line-height: 50px;
	width:auto;
}
.share a.icon {
    width: 36px;
    height: 36px;
    display: block;
    float: left;
    margin-right: 2px;
    background: no-repeat left -1010px url("img/fidelity_sprites.png");
}
.share a.icon.facebook {
    background-position: left -1007px;
}
.share a.icon.linkedin {
    background-position: right -1007px;
}

.share a.icon.twitter {
    background-position: left -1042px;
}

#historical-distributions  div.body {
    position: relative;
	overflow: visible;
}
#historical-distributions  footer {
    margin-top:40px;
}

.select_controls > div {
	position: absolute;
    top: 20px;
    z-index: 100000000;
    display: block;
	width:30px;
	height:60px;
	background:no-repeat url("img/fidelity_sprites.png");
}
.select_controls > div span {
    text-indent:-50000px;
	display: inline-block;
}
#scrollBack {
	left: -60px;
	background-position: left -825px;
}
#scrollBack:hover {
    background-position: left -885px;
}
#scrollForw {
	right: -60px;
	background-position: right -825px;
}
#scrollForw:hover {
    background-position: right -885px;
}



/*    Historical distributions  &	Tax breakdown popups 	  */


.dialog.wide {
	width:500px;
}
.is_mobile .dialog.wide {
	width:330px;
}
#historical-distributions .tableDiv {
	width:100%;
	max-height:244px;
	overflow:auto;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
.tableDiv table.numeric  {
	width:100%;
}

.tableDiv table.numeric td {
    padding: 10px 10px 8px 4px;
}	
.tableDiv table.numeric th  {
    padding: 10px 10px 8px 4px;
    border-bottom: 1px solid #bbbbbb;
    text-align: right;
    line-height: 1em;
	font-weight: bold;
}
.tableDiv table.numeric .normal th  {
    font-weight: normal;
}

#historical-distributions table.numeric th {
	text-align:center;
}
#historical-distributions table.numeric tbody tr td.date {
	text-align:left;
	font-weight:normal;
}
#dlg_tax_brkdwn table {
	border-top: 1px solid #bbbbbb;
	width:100%;
}
#dlg_tax_brkdwn table.numeric th {
	text-align:left;
	font-weight:normal;
}
#dlg_tax_brkdwn h5 {
    margin-bottom: 1.6em;
}
.perunit, .year {
    display:inline-block;
}
.year {
    margin-right: 100px;
}
.is_mobile .perunit, .is_mobile .year {
    display:block;
	line-height: 50px;
}
.is_mobile .year {
     margin-right: 0;
}


.is_mobile .tableDiv thead {
    width: 280px;
    position: absolute;
    float: left;
    display: block;
}
.is_mobile .tableDiv thead tr {
    display: block;
}
.is_mobile .tableDiv thead tr th {
    display: block;
	text-align:left;
}
.is_mobile .tableDiv tbody {
   
}
.is_mobile .tableDiv tbody td {
    
}
/*.is_mobile .tableDiv table.numeric tbody tr:first-child td {
    padding: 10px 0 8px 4px;
}*/

.is_mobile #all_holdings  {
    width: auto;
    margin: 20px;
}
#all_holdings h1 {
    font-size: 24px;
}


#historical-distributions table.numeric td {
	padding: 10px 10px 8px 14px;
}
div.historical div.scroll_heading {
    overflow-y: auto;
}
div.historical div.scroll_body {
    max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
/* Loader */
.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.loader {
  margin: 50vh auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid rgba(120, 120, 120, 0.9);
  border-right: 0.5em solid rgba(120, 120, 120, 0.9);
  border-bottom: 0.5em solid rgba(120, 120, 120, 0.9);
  border-left: 0.5em solid rgba(120, 120, 120, 0.5);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

div.select_dates label:last-child input {
    margin: 0 0 0 0;
}
div.select_dates input {
    width: 83px;
}	

div.dialog.open  {
	overflow: hidden;
}
#sticky {
    position: relative;
    /*overflow: hidden;*/
}
.loaderWrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*padding-top: 50px;*/
	background: #fff;
	z-index: 10000;
	opacity: 0.6;
}
div.dialog.open .loaderWrapper {
	top: 100px;
	padding-top: 50px;

}
/* my team */

#action_account div.cols.cols_1111 {
    width: auto;
    position: relative;
    left: 0;
    overflow: hidden;
}
/* secondary_actions on fund code pade */
ul.secondary_actions {
    position: static;
    float:right;
}
ul.secondary_actions.fc_actions {
 
	margin-top: 10px;
	list-style: none;
}
ul.secondary_actions.fc_actions li {
	float: left;
	list-style: none;
} 
/* Disclaimer "max-height" value */
div.legal.open div.body {
    max-height: 5000px;
}

/* Registration overlay columns */
div.dialog.auth_select_acct_type .body .tab_content .body.content {
	min-height: 324px;
}
@media (min-width: 768px)
{
	div.dialog.auth_select_acct_type .body .tab_content .body.content{
		min-height: 376px;
	}
}
.is_mobile table.listing div.message {
    width: auto;
}
.action_menu.disabled > ul, 
.action_menu.open.disabled > ul {
    display: none;
}
.action_menu.disabled > button.title::after, 
.action_menu.open.disabled > button.title::after {
    content: '';
}
.legalPopup {
	display:none;
	margin-top:50px;
}
.ticker {
    background: #4F7F2A;
    color: #fff;
    padding: 2px 6px;
	font-size:12px;
	letter-spacing: 2px;
}
#ticker {
	background-color:#4F7F2A  ;
	border: 1px solid #4F7F2A ;
	color: #fff;
	padding-right: 15px;
	line-height: 30px;
	letter-spacing: 1px;
}
article.fund .etf div.fund_code.fund_stat {
	padding: 7px 0 5px 15px;
	height: 48px;
}
article.fund .etf div.fund_code {
	 line-height: normal; 
	 text-align: left;
}
.col { 
	display:inline-block;
	width:auto; 
	margin-right: 10px;
}
.border_right {
	border-right: 1px solid #d0d4d8;
	padding-right: 15px;
}
div.fund_code.fund_stat span.price:after {
	float: left;
	margin-top: 2px;
}
.col-right {
	float:right;
}
article.fund .etf .padding10 {
    display:inline-block;
}
.etf .col.price:last-child {
	border-left: 1px solid #ccc;
}
div.heading div.tooltip {
	top: -0.35em;
	left: -2px;
}
div.fund_stat {
	overflow: hidden;
}
.fund_stat.week52 .heading {
	max-width: 100%;
	display:block;
	margin-bottom: 3px;
}
.fund_stat.week52 .value {
	float: none;
	text-align: left;
	width:46%;
	display:inline-block;
	padding:2px 8px 2px 5px;
}
.fund_stat.week52 .value span {
	float: right;
}
.fund_stat.week52 .value.v1 {
	border-right:1px solid #ccc; 
	padding-left:0;
}
.fund_stat.week52 .value.v2 {
	padding-right:0;
}
.geode {
	overflow:hidden;
}
.col25 {
	width:25%;
	float:left;
	min-height:100px;
	background: 0 37px no-repeat url("img/Geode_logo_ETF_fidcaFundPage.png");
}
.col75 {
	width:75%;
	float:right;
}
.secondary_actions_wrapper {
	float: right;
}
.secondary_actions_wrapper ul.secondary_actions{
	float: left;
}

@media (max-width: 767px)
{
	.is_mobile  table.fund_codes tr.fund td.fund_code{
		left: 170px;
	}
	.is_mobile  table.fund_codes tr.fund td.fund_option {
		width: 110px;
		left: 50px;
	}
	.is_mobile article.fund div.fund_code {
		padding: 0 5px;
		font-size: 16px;
	}
	.col { 
		display:inline-block;
		width:auto; 
		margin-right: 0px;
		margin-bottom: -2px;
	}
}