/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
	position:relative;
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

#main_page
{
	border-top: 3px solid rgb(43, 74, 96);
}
#top_advertisement
{
	position:relative;max-width:950px;height:90px;
}

#right_content
{/*
    position:absolute;
    left:965px;
    top:0px;
	*/
	margin-left:10px;
	height:900px;
	width:200px;
	float:left;
}

#below_ad_content
{
	min-width:1000px;
	max-width:1000px;
	float:left;
}

.market-summary
{
	
}

.market-news-headlines
{
	border:0px;width:450px;margin-right:0px;position:relative;top:-20px;
}

@media all and (max-width:1450px)
{
    .hide_when_medium
    {
        display:none;
        height:0px;
        width:0px;
    }
    

    .show_when_medium
       {
        display:inherit;
    }
}

@media all and (max-width:800px)
{
    .hide_when_small
    {
        display:none;
        height:0px;
        width:0px;
    }
    

    .show_when_small
       {
        display:inherit;
    }
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    box-sizing: border-box
}

*,
*:before,
*:after {
    box-sizing: inherit
}

body {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased
}

ol {
    list-style-type: decimal
}

ul {
    list-style-type: square
}

dt {
    font-weight: bold
}

em,
i {
    font-style: italic
}

b,
strong {
    font-weight: bold
}

a {
    color: #0081f2;
    text-decoration: none
}

a:hover,
a:focus {
    text-decoration: underline
}

img {
    display: block;
    max-width: 100%;
    box-sizing: content-box
}

svg {
    display: block;
    box-sizing: content-box
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"] {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 8px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.13333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #ccc;
    border-radius: 0;
    outline: none
}

button {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    padding: 1px 15px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.13333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    color: #fff;
    background: rgb(27,158,255);/*#0081f2;*/
    border: none;
    border-radius: 4px;
    /*box-shadow: 0 2px rgb(15,130,250);/*#0058a6;*/
    cursor: pointer;
    outline: none
}

button:hover
{
	 background: rgb(35,180,255);
}

.header,
.market-summary,
.notifications,
.content,
.footer {
    padding: 0 20px
}

@media screen and (min-width: 600px) {
    .header,
    .market-summary,
    .notifications,
    .content,
    .footer {
        padding: 0 40px
    }
}

@media screen and (min-width: 1000px) {
    .header,
    .market-summary,
    .notifications,
    .content,
    .footer {
        padding: 0 80px
    }
}

.wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

/*
.breaking_stories 
{
	height:135px; 
	width:100%; 
	background-color:#eee; 
	color:#333; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	padding:8px;
	font-size:18px; 
	font-family:helvetica;
}*/


.breaking_stories 
{
	height:84px; 
	width:100%; 
	background-color:#eee; 
	color:#333; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	padding:3px;
	font-size:12px; 
	font-family:helvetica;
}

#dev {
    position: fixed;
    left: 5px;
    bottom: 5px;
    width: auto;
    padding: 5px 7px;
    font-size: 12px;
    line-height: 14px;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    background: #d4b0ff;
    z-index: 9999
}

.header {
    background: background: rgb(247,247,247); /*linear-gradient(234deg, rgba(64, 0, 144, 0.9), rgba(0, 58, 188, 0.85));*/
    /*box-shadow: 0 0 7px rgba(0, 0, 0, 0.35)*/
	border-bottom:solid 1px #bbb;
}

@media screen and (min-width: 430px) {
    .header {
        background: rgb(247,247,247);/* linear-gradient(to bottom, #fdfdfd, #f2f2f2)*/
    }
}

.header .wrap {
    position: relative;
    padding: 20px 0 75px 0;
    background: transparent
}

@media screen and (min-width: 430px) {
    .header .wrap {
        padding: 20px 0 0 0
    }
}

@media screen and (min-width: 600px) {
    .header .wrap {
        padding: 15px 0 0 0
    }
}

.logo {

    width: 175px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width: 430px) {
    .logo {
        margin: 0 auto 20px auto
    }
}

@media screen and (min-width: 600px) {
    .logo {
        position: absolute;
        left: 0;
        top: 8px;
        margin: 0;
        z-index: 5
    }
}

.logo a {
    display: block;
    
    /*padding: 8px 15px 0 15px;
    color: #a6a6a6;
    background: #d9d9d9;*/
}

.symbol-search {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    max-width: 790px;
    z-index: 1
}

@media screen and (min-width: 430px) {
    .symbol-search {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0 0 20px 0;
        padding: 0 86px 0 0
    }
}

@media screen and (min-width: 600px) {
    .symbol-search {
        padding: 0 86px 0 190px
    }
}

@media screen and (min-width: 700px) {
    .symbol-search {
        padding: 0 126px 0 190px
    }
}

.symbol-search label {
    display: none
}

.symbol-search input {
    padding-left: 38px;
    background-image: url(../img/search-alt.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 40px 35px;
    border-color: #fff;
    border-radius: 4px
}

@media screen and (min-width: 430px) {
    .symbol-search input {
        padding-left: 15px;
        background-image: none;
        border-color: #ccc
    }
}

.symbol-search input:active,
.symbol-search input:focus {
    border-color: #0081f2
}

.symbol-search button {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 1
}

@media screen and (min-width: 430px) {
    .symbol-search button {
        display: block
    }
}

@media screen and (min-width: 700px) {
    .symbol-search button {
        width: 120px
    }
}

.primary-navigation .toggle {
    position: absolute;
    right: -8px;
    top: 20px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    z-index: 1
}

@media screen and (min-width: 430px) {
    .primary-navigation .toggle {
        display: none
    }
}

.primary-navigation .toggle span {
    display: block;
    width: 35px;
    height: 33px;
    background: url(../img/nav-toggle.svg) center center no-repeat;
    background-size: 35px 35px;
    cursor: pointer
}
/*
@media screen and (max-width: 800px){
	.primary-navigation-container {
		background:yellow;
	}
}*/


.primary-navigation .primary-navigation-container {
    display: none;
    margin: 20px 0 0 0
}

@media screen and (min-width: 430px) {
    .primary-navigation .primary-navigation-container {
        display: block;
        margin: 0
    }
}


@media screen and (max-width: 550px){
	.primary-navigation-container
	{
		top:-10px;
		position:relative;
		line-height:125%;
	}
}

.primary-navigation .primary-navigation-container.open {
    display: block
}

.primary-navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width: 430px) {
    .primary-navigation ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.primary-navigation li {
    width: 100%
}

@media screen and (min-width: 430px) {
    .primary-navigation li {
        width: auto;
        margin: 0 20px 0 0;
        font-weight: bold
    }
}

@media screen and (min-width: 460px) {
    .primary-navigation li {
        margin: 0 30px 0 0
    }
}

.primary-navigation li:last-of-type {
    margin: 0
}

.primary-navigation a {
    display: block;
    height: 33px;
    padding: 5px 8px 0 8px;
    color: #fff;
    text-decoration: none
}
@media screen and (max-width: 550px) {
    .primary-navigation a {
        height:40px;
    }
}

@media screen and (min-width: 430px) {
    .primary-navigation a {
        /*color: #070f6c  blue from yahoo */
		 color: rgb(0,78,117);
    }
}

@media screen and (min-width: 430px) {
    .primary-navigation a:hover {
        border-bottom: 3px solid rgb(27,158,255);/*#0081f2;*/
		background-color: white; /*#f7fcff;/*rgb(165,219,248);*/
		color: black;/*rgb(0,108,157);*/
    }
}

@media screen and (min-width: 430px) {
    .primary-navigation .active a {
        border-bottom: 4px solid #0081f2
    }
}

.market-summary .wrap {
    position: relative;
    padding: 14px 0 5px 0;
    overflow: hidden
}

.market-summary .wrap:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 24px;
    bottom: 20px;
    width: 20px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.35);
    z-index: 1
}

@media screen and (min-width: 650px) {
    .market-summary .wrap:after {
        content: none
    }
}

.market-summary ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    list-style: none
}

.market-summary li {
    position: relative;
    margin: 0 16px 0 0;
    padding: 0 102px 0 0;
    border-right: 1px solid #e0e0e0
}

.market-summary li:last-of-type {
    margin: 0;
    border: none
}

.market-summary .name {
    font-weight: bold
}

.market-summary .meta {
    margin: 2px 0 0 0
}

.market-summary .price {
    font-weight: bold
}

.market-summary .change {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: bold
}

.market-summary .positive {
    color: #093
}

.market-summary .negative {
    color: #ff333a
}

.market-summary .chart {
    position: absolute;
    right: 16px;
    bottom: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    text-align: center;
    z-index: 1
}

.market-summary .chart a {
    display: block;
    width: 70px;
    height: 25px;
    padding: 5px 0 0 0;
    color: #a6a6a6;
    background: #d9d9d9;
    text-decoration: none
}
/* ----------- JAY ADDED ------------ */
.market-summary  .ticker-wrap
{
	float:left;
	padding-right: 5px;
	border-right:solid 1px #555;
	margin-right:10px;
	margin-bottom:15px;
}
.market-summary  .ticker-name
{
	float:left;
	width:90%;
}

.market-summary  .ticker-change
{
	float:left
}
.market-summary  .up-down-arrow
{
	max-width:20px;
	margin-left:15px;
}

@media screen and (max-width:500)
{
	.market-summary  .up-down-arrow{
		max-width:10px;
	}
}

/* ----------------------------------------- */

.notifications {
    margin: 0 0 10px 0
}

.message {
    height: 80px;
    padding: 0 20px;
    color: #fff;
    background: #0081f2;
    text-align: center;
    border-radius: 4px
}

.message p {
    position: relative;
    top: 50%;
    margin: 0;
    transform: translateY(-50%)
}

.content .wrap {
    padding-bottom: 100px
}

/* REMOVED BORDER LINE HERE, moved to top_advertisement*/
.quote {
    /*border-top: 3px solid rgb(43, 74, 96);/*#00409c;*/
    padding: 12px 0 0 0
}

.news_article
{
	padding:3px;
}

.publisher
{
	color:#999;
}

.overview {
    position: relative
}

.overview .name {
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.27778
}

.overview .note {
    margin: .41667em 0 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
    color: #4d4d4d
}

.overview .meta {
    margin: 6px 0 0 0
}

.overview .meta .price {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.27778;
    font-weight: bold
}

.overview .meta .change {
    display: inline-block;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.29167;
    font-weight: 500
}

.overview .meta .positive {
    color: #093
}

.overview .meta .negative {
    color: #ff333a
}

.overview .meta .time {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.25;
    color: #a33;
	font-weight:bold;
}

.overview .quote-search {
    position: relative;
    width: 100%;
    margin: 16px 0 0 0;
    padding: 0 40px 0 0
}

@media screen and (min-width: 640px) {
    .overview .quote-search {
        position: absolute;
        top: 2px;
        right: 0;
        max-width: 200px;
        margin: 0;
        z-index: 1
    }
}

@media screen and (min-width: 740px) {
    .overview .quote-search {
        max-width: 300px
    }
}

.overview .quote-search label {
    display: none
}

.overview .quote-search input {
    border-right: none
}

.overview .quote-search input:active,
.overview .quote-search input:focus {
    border-color: #0081f2
}

.overview .quote-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 35px;
    padding: 0;
    text-indent: -9999px;
    border-radius: 0 4px 4px 0;
    background-image: url(/assets/img/search.svg);
    background-size: 40px 35px;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: none;
    z-index: 1
}

.no-svg .overview .quote-search button {
    background-image: url(../img/search.png)
}

.overview .people-also-watch {
    margin: 10px 0 0 0
}

@media screen and (min-width: 640px) {
    .overview .people-also-watch {
        position: absolute;
        right: 0;
        bottom: 1px;
        margin: 0;
        z-index: 1
    }
}

.overview .people-also-watch .title {
    margin: 0;
    font-weight: normal;
    color: #4d4d4d
}

@media screen and (min-width: 640px) {
    .overview .people-also-watch .title {
        text-align: right
    }
}

.overview .people-also-watch ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width: 640px) {
    .overview .people-also-watch ul {
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.overview .people-also-watch li {
    margin: 0 10px 0 0;
    line-height: 1.23077;
    font-weight: 500
}

.overview .people-also-watch li:last-of-type {
    margin: 0
}

.details {
    margin: 16px 0 0 0;
    padding: 0 0 18px 0;
    /*border-bottom: 3px solid #e0e0e0*/
}

.details .details-navigation {
    position: relative;
    border-bottom: 3px solid #e0e0e0
}

.details .details-navigation .toggle {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: inline-block;
    height: 58px;
    padding: 17px 40px 15px 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.27778;
    border-bottom: none;
    background: url(/assets/img/details-toggle.svg) right center no-repeat;
    background-size: 40px 35px;
    cursor: pointer;
    z-index: 5
}

@media screen and (min-width: 1120px) {
    .details .details-navigation .toggle {
        display: none
    }
}

.details .details-navigation .toggle .label {
    font-weight: bold
}

.details .details-content {
    margin: 10px 0 0 0
}

.details .summary-content {
    padding: 12px 0 14px 0
}

@media screen and (min-width: 1000px) {
    .details .summary-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}



.details .summary-content .chart {
    height: 270px;
	width: 400px;
    margin: 16px 0 0 0;
    color: #a6a6a6;
    text-align: left;
    background: #fff;
}

@media screen and (min-width: 1000px) {
    .details .summary-content .chart {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin: 10px 0 0 0
    }
}

.details .summary-content .chart p {
    position: relative;
    top: 50%;
    margin: 0;
    transform: translateY(-50%)
}

.details .summary-content .table-data {
    margin: 10px 0 0 0
}

@media screen and (min-width: 500px) {
    .details .summary-content .table-data {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

@media screen and (min-width: 1000px) {
    .details .summary-content .table-data {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 430px;
        flex-basis: 430px;
        margin: 0 30px 0 0
    }
}

.details .summary-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

@media screen and (min-width: 500px) {
    .details .summary-content table {
        width: calc(50% - 12px)
    }
}

.details .summary-content table:first-of-type tr:last-of-type td {
    border-bottom: 1px solid #e0e0e0
}

@media screen and (min-width: 500px) {
    .details .summary-content table:first-of-type tr:last-of-type td {
        border: none
    }
}

.details .summary-content tr {
    height: 36px
}

.details .summary-content tr:last-of-type td {
    border: none
}

.details .summary-content td {
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .summary-content .td-label {
    width: 51%
}

.details .summary-content .td-value {
    font-weight: bold;
    text-align: right
}

.details .summary-content .note {
    width: 100%;
    margin: 6px 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    color: gray
}

.details .statistics-content {
    padding: 18px 0 14px 0
}

.details .statistics-content .note {
    width: 100%;
    margin: 0 0 .54545em 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    text-align: right;
    color: gray
}

.details .statistics-content .table-data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.details .statistics-content .table-group {
    width: 100%;
    margin: 0 0 30px 0
}

@media screen and (min-width: 700px) {
    .details .statistics-content .table-group {
        width: 50%;
        width: calc(50% - 20px);
        margin: 0
    }
}

.details .statistics-content .table-group:first-of-type table:first-of-type caption {
    margin: 0 0 11px 0
}

.details .statistics-content .table-group:last-of-type {
    margin: 0
}

.details .statistics-content table {
    width: 100%;
    margin: 0 0 30px 0;
    border-collapse: collapse;
    border-spacing: 0
}

.details .statistics-content table:last-of-type {
    margin: 0
}

.details .statistics-content caption {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .statistics-content tr {
    height: 36px
}

.details .statistics-content th {
    padding-top: 11px;
    height: 47px;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .statistics-content td {
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .statistics-content .td-value {
    font-weight: bold;
    text-align: right
}

.details .profile-content {
    padding: 14px 0 10px 0
}

.details .profile-content .h-card {
    line-height: 1.69231em
}

.details .profile-content .p-name {
    margin: 0 0 .625em 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6875;
    font-weight: bold
}

.details .profile-content .description {
    width: 100%;
    max-width: 600px;
    margin: 37px 0 0 0
}

.details .profile-content .description h3 {
    margin: 0 0 1.2em 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1
}

.details .profile-content .description p:last-of-type {
    margin: 0
}

.details .stock-chart-content {
    padding: 14px 0 10px 0;
    text-align: center
}

.details .risk-chart-content {
    padding: 18px 0 10px 0
}

@media screen and (min-width: 860px) {
    .details .risk-chart-content .content-group {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.details .risk-chart-content .table-data {
    margin: 0 0 30px 0
}

@media screen and (min-width: 860px) {
    .details .risk-chart-content .table-data {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        margin: 0
    }
}

.details .risk-chart-content .table-data table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.details .risk-chart-content .table-data caption {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .risk-chart-content .table-data tr {
    height: 36px
}

.details .risk-chart-content .table-data th {
    padding-top: 11px;
    height: 47px;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .risk-chart-content .table-data td {
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .risk-chart-content .table-data .td-value {
    font-weight: bold;
    text-align: right
}

.details .risk-chart-content .chart {
    width: 100%;
    max-width: 500px
}

@media screen and (min-width: 860px) {
    .details .risk-chart-content .chart {
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 500px;
        flex-basis: 500px;
        margin: 0 0 0 30px
    }
}

.details .risk-chart-content .chart h3 {
    margin-top: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25
}

.details .risk-chart-content .chart h3 span {
    display: block;
    margin: .54545em 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: normal;
    color: gray
}

.details .risk-chart-content .chart .scatter-plot {
    height: 450px;
    color: #a6a6a6;
    text-align: center;
    background: #d9d9d9
}

.details .risk-chart-content .chart.chart .scatter-plot p {
    position: relative;
    top: 50%;
    margin: 0;
    transform: translateY(-50%)
}

.details .risk-chart-content .chart ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.details .risk-chart-content .chart span {
    padding: 0 3px
}

.details .risk-chart-content .chart .blue {
    color: #fff;
    background-color: blue
}

.details .risk-chart-content .chart .black {
    color: #fff;
    background-color: black
}

.details .risk-chart-content .chart .red {
    color: #fff;
    background-color: red
}

.details .risk-chart-content .chart .green {
    color: #fff;
    background-color: green
}

.details .financials-content {
    padding: 16px 0 14px 0
}

.details .financials-content .financials-navigation {
    margin: 0 0 16px 0
}

@media screen and (min-width: 600px) {
    .details .financials-content .financials-navigation {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.details .financials-content .financials-primary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.details .financials-content .financials-primary-navigation ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

@media screen and (min-width: 420px) {
    .details .financials-content .financials-primary-navigation ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }
}

.details .financials-content .financials-primary-navigation ul:before {
    content: "Show: "
}

.details .financials-content .financials-primary-navigation li {
    font-weight: bold
}

@media screen and (min-width: 420px) {
    .details .financials-content .financials-primary-navigation li {
        border-right: 1px solid #e0e0e0
    }
}

.details .financials-content .financials-primary-navigation li:last-of-type {
    border: none
}

.details .financials-content .financials-primary-navigation li:last-of-type a {
    padding-right: 0
}

.details .financials-content .financials-primary-navigation a {
    display: block;
    text-decoration: none
}

@media screen and (min-width: 420px) {
    .details .financials-content .financials-primary-navigation a {
        padding: 0 10px
    }
}

.details .financials-content .financials-primary-navigation a:hover {
    color: #000
}

.details .financials-content .financials-primary-navigation .active a {
    color: #000
}

.details .financials-content .financials-secondary-navigation {
    margin: 16px 0 0 0
}

@media screen and (min-width: 600px) {
    .details .financials-content .financials-secondary-navigation {
        margin: 0
    }
}

.details .financials-content .financials-secondary-navigation ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none
}

.details .financials-content .financials-secondary-navigation ul:before {
    content: "Timeframe: "
}

@media screen and (min-width: 600px) {
    .details .financials-content .financials-secondary-navigation ul:before {
        content: none
    }
}

.details .financials-content .financials-secondary-navigation li {
    border-right: 1px solid #e0e0e0;
    font-weight: bold;
    cursor: pointer
}

.details .financials-content .financials-secondary-navigation li:last-of-type {
    border: none
}

.details .financials-content .financials-secondary-navigation li:last-of-type span {
    padding-right: 0
}

.details .financials-content .financials-secondary-navigation span {
    display: block;
    padding: 0 10px;
    color: #0081f2
}

.details .financials-content .financials-secondary-navigation span:hover {
    color: #000
}

.details .financials-content .financials-secondary-navigation .active span {
    color: #000
}

.details .financials-content .financials-topic {
    display: none
}

.details .financials-content .financials-topic.active {
    display: block
}

.details .financials-content .financials-topic .caption {
    margin: 32px 0 15px 0
}

.details .financials-content .financials-topic h3 {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .financials-content .financials-topic .note {
    display: inline-block;
    margin: .45455em 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: normal;
    color: gray
}

.details .financials-content .financials-topic-timeframe {
    display: none
}

.details .financials-content .financials-topic-timeframe.financials-topic-timeframe-active {
    display: block
}

.details .financials-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.details .financials-content caption {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .financials-content caption .note {
    margin: 0 0 0 20px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: normal;
    color: gray
}

.details .financials-content tr {
    height: auto
}

.details .financials-content th {
    padding: 11px 8px 11px 8px;
    height: auto;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .financials-content th:first-of-type {
    padding-left: 0
}

.details .financials-content th.th-date {
    font-weight: normal;
    color: gray
}

.details .financials-content td {
    padding: 11px 8px 11px 8px;
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .financials-content td:first-of-type {
    padding-left: 0
}

.details .financials-content td.positive {
    color: #093
}

.details .financials-content .table-wrapper {
    position: relative;
    margin: 0 0 0 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    overflow: hidden
}

.details .financials-content .table-wrapper .scrollable {
    margin-left: 160px;
    overflow: scroll;
    overflow-y: hidden
}

.details .financials-content .table-wrapper .scrollable table {
    margin-top: 0 !important
}

.details .financials-content .table-wrapper .scrollable tr {
    height: 37px !important
}

.details .financials-content .table-wrapper .scrollable th {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .financials-content .table-wrapper .scrollable td {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .financials-content .table-wrapper .pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    background: #fff;
    overflow: hidden;
    overflow-x: scroll
}

.details .financials-content .table-wrapper .pinned table {
    width: 100%;
    margin-top: 0 !important;
    border-left: none;
    border-right: none
}

.details .financials-content .table-wrapper .pinned tr {
    height: 37px !important
}

.details .financials-content .table-wrapper .pinned th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f4f4f4;
    padding-left: 11px
}

.details .financials-content .table-wrapper .pinned td {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f4f4f4;
    padding-left: 11px
}

.details .financials-content .table-wrapper table.responsive th:first-child,
.details .financials-content .table-wrapper table.responsive td:first-child,
.details .financials-content .table-wrapper table.responsive td:first-child,
.details .financials-content .table-wrapper table.responsive.pinned td {
    display: none
}

.details .financial-charts-content {
    padding: 14px 0 10px 0;
    text-align: center
}

.details .holders-content {
    padding: 18px 0 14px 0
}

.details .holders-content table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.details .holders-content table:first-of-type caption {
    margin: 0 0 11px 0
}

.details .holders-content table:last-of-type {
    margin: 0
}

.details .holders-content caption {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .holders-content tr {
    height: auto
}

.details .holders-content th {
    padding: 11px 8px 11px 8px;
    height: auto;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .holders-content td {
    padding: 11px 8px 11px 8px;
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .holders-content td:first-of-type {
    padding-left: 0
}

.details .holders-content .new-design {
    margin: 30px 0 0 0 !important
}

.details .holders-content .new-design tr {
    height: auto
}

@media screen and (min-width: 800px) {
    .details .holders-content .new-design tr:hover td {
        background: #e0e0e0
    }
}

.details .holders-content .new-design th {
    padding: 11px 8px 11px 8px;
    height: auto;
    color: #0081f2;
    border-top: 1px solid #0081f2;
    border-bottom-color: #0081f2
}

.details .holders-content .new-design td {
    padding: 11px 8px 11px 8px
}

.details .holders-content .table-wrapper {
    position: relative;
    margin: 30px 0 0 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.details .holders-content .table-wrapper .scrollable {
    margin-left: 160px;
    overflow: scroll;
    overflow-y: hidden
}

.details .holders-content .table-wrapper .scrollable table {
    margin-top: 0 !important
}

.details .holders-content .table-wrapper .scrollable tr {
    height: 37px !important
}

.details .holders-content .table-wrapper .scrollable th {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .holders-content .table-wrapper .scrollable td {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .holders-content .table-wrapper .pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    background: #fff;
    overflow: hidden;
    overflow-x: scroll
}

.details .holders-content .table-wrapper .pinned table {
    width: 100%;
    margin-top: 0 !important;
    border-left: none;
    border-right: none
}

.details .holders-content .table-wrapper .pinned tr {
    height: 37px !important
}

.details .holders-content .table-wrapper .pinned th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    background: #0081f2
}

.details .holders-content .table-wrapper .pinned td {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f4f4f4
}

.details .holders-content .table-wrapper table.responsive th:first-child,
.details .holders-content .table-wrapper table.responsive td:first-child,
.details .holders-content .table-wrapper table.responsive td:first-child,
.details .holders-content .table-wrapper table.responsive.pinned td {
    display: none
}

.details .analysts-content {
    padding: 10px 0 14px 0
}

@media screen and (min-width: 800px) {
    .details .analysts-content {
        padding: 0 0 14px 0
    }
}

.details .analysts-content .caption {
    margin: 30px 0 10px 0
}

.details .analysts-content h3 {
    margin: 0 0 .375em 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .analysts-content .note {
    margin: 0 0 .54545em 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: normal;
    color: gray
}

.details .analysts-content .note:last-of-type {
    margin: 0
}

.details .analysts-content table {
    width: 100%;
    margin: 0 0 30px 0;
    border-collapse: collapse;
    border-spacing: 0
}

.details .analysts-content table:last-of-type {
    margin: 0
}

.details .analysts-content caption {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
    font-weight: bold;
    text-align: left
}

.details .analysts-content caption .note {
    display: block;
    margin: .54545em 0 0 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.27273;
    font-weight: normal;
    color: gray
}

.details .analysts-content thead tr {
    height: auto
}

.details .analysts-content thead th {
    padding: 11px 8px 11px 8px;
    height: auto;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .analysts-content tbody tr {
    height: 36px
}

.details .analysts-content tbody th {
    padding: 11px 8px 11px 8px;
    line-height: 1.07692;
    text-align: left;
    border-bottom: 1px solid #e0e0e0
}

.details .analysts-content tbody th:first-of-type {
    padding-left: 0
}

.details .analysts-content tbody td {
    padding: 11px 8px 11px 8px;
    line-height: 1.07692;
    border-bottom: 1px solid #e0e0e0
}

.details .analysts-content tbody td:first-of-type {
    padding-left: 0
}

.details .analysts-content .table-wrapper {
    position: relative;
    margin: 0 0 0 0;
    border-left: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    overflow: hidden
}

.details .analysts-content .table-wrapper .scrollable {
    margin-left: 160px;
    overflow: scroll;
    overflow-y: hidden
}

.details .analysts-content .table-wrapper .scrollable table {
    margin-top: 0 !important
}

.details .analysts-content .table-wrapper .scrollable tr {
    height: 37px !important
}

.details .analysts-content .table-wrapper .scrollable th {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .analysts-content .table-wrapper .scrollable td {
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.details .analysts-content .table-wrapper .pinned {
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    background: #fff;
    overflow: hidden;
    overflow-x: scroll
}

.details .analysts-content .table-wrapper .pinned table {
    width: 100%;
    margin-top: 0 !important;
    border-left: none;
    border-right: none
}

.details .analysts-content .table-wrapper .pinned tr {
    height: 37px !important
}

.details .analysts-content .table-wrapper .pinned th {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f4f4f4;
    padding-left: 11px
}

.details .analysts-content .table-wrapper .pinned td {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #f4f4f4;
    padding-left: 11px
}

.details .analysts-content .table-wrapper table.responsive th:first-child,
.details .analysts-content .table-wrapper table.responsive td:first-child,
.details .analysts-content .table-wrapper table.responsive td:first-child,
.details .analysts-content .table-wrapper table.responsive.pinned td {
    display: none
}

.details .option-back-tester-content {
    padding: 14px 0 10px 0;
    text-align: center
}

.transformer-tabs {
    border-top: 1px solid #e0e0e0
}

@media screen and (min-width: 1120px) {
    .transformer-tabs {
        border: none
    }
}

.transformer-tabs ul {
    position: relative;
    margin: 54px 0 0 0;
    padding: 0;
    list-style: none;
    background: #fff;
    overflow: hidden
}

@media screen and (min-width: 1120px) {
    .transformer-tabs ul {
        position: static;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        margin: 0;
        background: none;
        overflow: visible
    }
}

.transformer-tabs ul.open a {
    position: relative;
    display: block
}

@media screen and (min-width: 1120px) {
    .transformer-tabs ul.open a {
        position: static
    }
}

.transformer-tabs ul.open a.active {
    padding-left: 15px;
    padding-top: 18px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.53846;
    font-weight: 500;
    background: #cce5ff
}

.transformer-tabs ul.open a.active:before {
    content: none
}

.transformer-tabs li {
    display: block;
    padding: 0;
    font-weight: 500;
    vertical-align: bottom
}

.transformer-tabs a {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 54px;
    padding: 18px 15px 0 15px;
    color: #0081f2;
    text-decoration: none
}

@media screen and (min-width: 1120px) {
    .transformer-tabs a {
        position: static;
        left: auto;
        top: auto;
        display: block;
        width: auto
    }
}

.transformer-tabs a:hover {
    background: #eef7fe
}

.transformer-tabs a.active {
    display: none;
    position: relative;
    padding-left: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.27778;
    font-weight: normal;
    padding-top: 16px;
    color: #000;
    background: #fff;
    z-index: 1
}

@media screen and (min-width: 1120px) {
    .transformer-tabs a.active {
        display: block;
        padding-left: 15px;
        padding-top: 18px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.53846;
        font-weight: 500;
        background: #cce5ff;
        box-shadow: 0 3px 0 #0081f2
    }
}

.tabs>div {
    display: none;
    padding: 1rem
}

.tabs>.active {
    display: block;
    background: pink
}

.footer {
    display: none
}

.watch-list {
    width: 500px;
}

.watch-list .stock-container {}

.stock-container {
    position: relative;
}

.stock-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px;
}

.stock-column {
    min-width: 135px;
    display: flex;
    flex-direction: column;
    width: 50%;
}

.stock-column .stock-ticker {
    font-weight: 700;
    font-size: 16px;
}

.stock-column .stock-price {
    font-weight: 700;
    font-size: 16px;
    text-align: right;
}

.stock-column .percentage-change {
    font-size: 12px;
    white-space: nowrap;
    text-align: right;
}

.percentage-change.negative {
    color: #d43b3b;
}

.percentage-change.positive {
    color: #9ed474;
}

.stock-remove a {
    color: #aaa;
}

.social-login img {
    width: 230px;
    margin-bottom: 10px;
}

#loading {
    margin: 0 auto;
}

.details .summary-content .chart {
    margin-left: 15px;
}

.details-sub-navigation {
    display: none;
}

.details-sub-navigation.active {
    display: block;
}

.details-sub-navigation nav a.active {
    font-weight: 600;
}


/* Alerts */
.alert
{
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}
.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}
.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.flex-container-centered {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: center;
}

/* ---------------------------------------- */

/*
.backtester-video
{
	border:solid 2px white;
}

.backtester-video:hover
{
	border:solid 2px rgb(100,150,250);
	
}*/