/* File BEGIN: https://sc.cnbcfm.com/applications/cnbc.com/staticcontent/styles/quote/quote_custom.css?t=1603399756 */
/* NOTE: This File version is not compressed */

/* start styles for quote strip */
.shareChartButton{/* display:none!important; */}
/*hide chart sharing btn*/


#quoteCallout {
    background-color: rgba(0,0,0, 0.47);
}

#quoteCallout .cnbc-popup-lightbox {
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
    position: relative;
    border-radius: 10px
}

#quoteCallout .got-it {
    width: 150px;
    height: 40px;
    margin: auto;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    text-transform: uppercase;
    background: #3DA2F0;
    border-radius: 6px;
    cursor: pointer;
    color: #fff;
}

#quoteCallout div {
    text-align: center;
}

#quoteCallout .head {
    font-size: 22px;
    text-align: center;
    font-family: 'Proxima Nova Semi Bold';
    padding: 25px 10px;
    color: #262626;
}

#quoteCallout .body {
    font-size: 18px;
    text-align: center;
    padding: 0px 60px 30px 60px;
    color: #262626;
}

.quote-section-header.large-header .sub-header {
    clear:both;
    position: static;
}

.quote-section-header.large-header .right {
    padding: 10px 10px 0 0;
}

.quote-section-header.large-header .right  a {
    padding: 3px 6px 3px 6px;
    border: 2px solid #3da5ed;
}

.quote-section-header {
    padding-bottom: 5px;
    font-family: 'Proxima Nova Semi Bold';
    position: relative;
}

.quote-section-header > h1 {
    padding: 10px 0 0 0;
    font-size: 22px;
    float: left;
    max-width: 610px;
    color: #333;
    margin: 0;
}


.quote-section-header .right {
    float: right;
}

.quote-section-header .sub-header span {
    font-size: 12px;
    font-family: 'Proxima Nova Semi Bold';
    color: #737373;
}

table.quote-horizontal {
    width: 95%;
    border-spacing: 0;
    padding-top: 10px;
    border-collapse: inherit;
}

.quotestrip .table-container {
    border-radius: 10px;
    min-height: 320px;
}

.quotestrip .table-container

.quotestrip .quote-loader {
    width: 100%;
    height: 344px;
}

.quote-custom-strip .need-to-know {
    margin: 15px 0;
}

.quote-custom-strip .need-to-know span {
    font-size: 16px;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .need-to-know .clickable {
    color: #2077b6;
    text-transform: uppercase;
}

.quote-custom-strip table {
    color: #333;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .quote-horizontal tbody {
    display: table-row-group;
}

.quote-custom-strip .quote-horizontal tr {
    display: table-row;
}

.quote-custom-strip .quote-horizontal td {
    display: table-cell;
    padding-left: 10px;
}

.quote-custom-strip .quote-horizontal td:first-child {
    padding-left: 0px;
    width: 51%;
}

.quote-custom-strip table.single {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.quote-custom-strip tr.last_time {
    font-size: 12px;
    color: #737373;
}

.quote-custom-strip span.last.original {
    font-size: 26px;
}

.quote-custom-strip .quote-horizontal span.last.original {
    font-size: 24px;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .change .sign-f {
    font-size: 22px;
    color: #e0352b;
}

.quote-custom-strip .quote-horizontal .change .sign-n {
    font-size: 22px;
}

.quote-custom-strip .volumeTenDay {
    font-size: 18px;
}

.quote-custom-strip .copy {
    font-size: 12px;
    color: #737373;
}

.quote-custom-strip .quote-horizontal .change {
    font-size: 22px;
    padding-left: 10px;
}

.non-zero.sign-f:nth-child(1) {
    padding-left: 10px;
}

.quote-custom-strip .change .plus.sign-f,
.quote-custom-strip .change .plus.sign-n,
.quote-custom-strip .change .non-zero.sign-n {
    display: none;
}

.quote-custom-strip .change .sign-t {
    font-size: 22px;
    color: #31a745;
}

.quote-custom-strip .change .icon {
    padding-left: 20px;
    display: inline;
    display: none;
}

.quote-custom-strip .change .icon.sign-t {
    background: url("//sc.cnbc.com/applications/quotes/mobile/images/icons.png") no-repeat scroll 0 6px transparent;
}

.quote-custom-strip .change .icon.sign-f {
    background: url("//sc.cnbc.com/applications/quotes/mobile/images/icons.png") no-repeat scroll 0 -15px transparent;
}

.quote-custom-strip .volume,
.quote-custom-strip .year,
.quote-custom-strip .change {
    color: #424858;
}

.quote-custom-strip .quote-horizontal .volume,
.quote-custom-strip .quote-horizontal .year,
.quote-custom-strip .quote-horizontal .change {
    font-size: 20px;
    color: #424858;
    font-family: 'Proxima Nova Semi Bold';
}
.quotestrip .quote-custom-strip .quote-horizontal .change span{
    font-size: 22px !important;
}

.quotestrip .quote-custom-strip[data-symbol="BRK.A"] .quote-horizontal .change span{
  font-size: 22px;
}

.quote-custom-strip .year,
.quote-custom-strip .change {
    padding-top: 5px;
}

.quote-custom-strip .volume {
    padding-top: 8px;
}

.quote-custom-strip .volume {
    color: #424858;
    font-size: 14px;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .quote-horizontal .volume {
    color: #424858;
    font-size: 20px;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .volume-container {
    padding-top: 6px;
    padding-right: 25px;
}

.quote-custom-strip .year-container {
    padding-top: 6px;
    width: 110%;
}

.quote-custom-strip .strip-bar {
    width: 100%;
    top: -3px;
    height: 20px;
    position: relative;
}

.quote-custom-strip .bar-green {
    background: #31a745;
    display: inline-block;
    height: 8px;
}

.quote-custom-strip .bar-red {
    background: #e3352b;
    display: inline-block;
    height: 8px;
}

.quote-custom-strip .year-container .low,
.quote-custom-strip .year-container .high {
    color: #424858;
}

.quote-custom-strip .last-time-extend {
    color: #e8802a;
    font-size: 12px;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip span.last.extend {
    font-size: 26px;
    color: #e8802a;
}

.quote-custom-strip .quote-horizontal span.last.extend {
    font-size: 24px;
    color: #333;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-custom-strip .currencyCode {
    font-size: 12px;
}

.quote-custom-strip .splitter {
    border-top: 1px solid #ccd6db;
    position: relative;
    top: -70px;
    width: 93%;
}

.quote-custom-strip i.arrow-up {
    position: relative;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #000;
    width: 0px;
    top: -3px;
    margin-left: -4px;
    display: block;
}

.quote-custom-strip tr.last.extend {
    padding-top: 5px;
}

.quote-custom-strip tr.change.extend span,
.quote-custom-strip tr.change span {
    font-size: 16px;
}

.quote-custom-strip {
    color: #424858;
}

.quote-custom-strip.single {
    margin-bottom: 15px;
}

.quote-custom-strip .hide_extend {
    display: none !important;
}

.quote-custom-strip .halted-banner {
    text-transform: uppercase;
    background-color: #e0352b;
    width: 93%;
    color: #fff;
    padding: 2px 0 2px 5px;
}

#page_quote_custom_redesign.web .quote-custom-strip .quote-horizontal td:first-child
{
	padding-bottom: 3px;
}

.strip-chart-wrapper.hide {
    display: none;
}

.strip-chart-wrapper {
    background-image:url(//sc.cnbcfm.com/applications/cnbc.com/staticcontent/img/loader-3.gif);background-repeat:no-repeat;background-position:center;background-size: 32px 32px;
    width: 100%;
    display: inline-block;
}

.strip-chart-wrapper.wide-chart {
    width: 98%;
}

#advancedChart {
    display:none;
}

.strip-chart-wrapper #chartTarget {
    min-height: 305px;
}

.strip-chart-wrapper .chartworks-size-small .chartworks-pane-toolbar {
    background-color: #fff;
    box-shadow: none;
    margin-bottom: 0px;
    height: auto;
    border: 0px;
}

.strip-chart-wrapper .chartworks-toolbar-group {
    border-bottom: 2px solid #ccd6db;
    border-right: 0px !important;
    display: table;
}

.strip-chart-wrapper ul.chartworks-toolbar-group-days {
    width: 93% !important;
}

.strip-chart-wrapper .chartworks-toolbar-group li {
    color: #266dae;
    margin-bottom: -2px;
    font-family: 'Proxima Nova Semi Bold';
}

.strip-chart-wrapper .chartworks-toolbar-group li:hover {
    color: #DD4B39 !important;
    font-weight: normal;
}

.strip-chart-wrapper .chartworks-size-small .chartworks-toolbar-item-selected {
    color: #DD4B39;
    font-weight: normal;
    border-bottom: 2px solid #DD4B39;
}

.strip-chart-wrapper .modcharts-loading {
    display: none !important;
}

.advanced-wrapper {
    /*margin-top: -25px;*/
}

#advancedChart {
    font-size: 12px;
    font-family: 'Proxima Nova Semi Bold';
    color: #fff;
    background: #3DA7F1;
    border-radius: 3px;
    float: right;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 5px;
}

.chartworks-menu-content-rows {
    clear:both;
}
.chartworks-menu-content-rows li{padding-left:5px;}
.advanced-on{margin-top:5px;}
#page_quote_custom_redesign .quote-custom-tabs {
    display: table;
    width: 766px;
    list-style: none;
    padding: 8px 0 0 0;
    margin: 20px 0 20px 5px;
}

#page_quote_custom_redesign .quote-custom-tabs li {
    display: table-cell;
    width: auto;
    font-size: 16px;
    font-family: 'Proxima Nova Semi Bold';
    text-transform: uppercase;
    color: #2077b6;
    cursor: pointer;
    float: left;
    padding: 0px 12px 8px 12px;
    margin-bottom: -4px;
}

#page_quote_custom_redesign .quote-custom-tabs li:first-child {
    padding-left: 0;
}

#page_quote_custom_redesign .quote-custom-tabs li:last-child {
    padding-right: 7px;
}

#page_quote_custom_redesign .quote-custom-tabs li:hover, #page_quote_custom_redesign .quote-custom-tabs li.active a{
    color: #DD4B39;
}

.animate-border {
    width: 764px;
    height: 4px;
    margin-top: -16px;
    margin-bottom: 10px;
    background-color: #ccd6db;
}

.animate-border div {
    background-color: #DD4B39;
    height: 4px;
    width: 90px;
    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}

.quote-leftrail div,
.quote-rightrail div {
    user-select: text;
}

.quote-leftrail {
    width: 67%;
    float: left;
}

.quote-leftrail .subsection {
    border: 1px solid #ccd6db;
    border-radius: 10px;
    clear: both;
    padding: 20px 20px 10px 20px !important;
}

.quote-leftrail #quote_key_stats_bucket.subsection,
.quote-leftrail #quote_ratios\/profitability_bucket.subsection,
.quote-leftrail #quote_events_bucket.subsection,
.quote-leftrail div[linked-id="3"].subsection,
.quote-leftrail div[linked-id="4"].subsection {
    border: none;
    padding: 0 2px !important;
}

.table.subsection h3 {
    font-family: 'Proxima Nova Semi Bold';
    font-size: 14px;
    margin-bottom: 0;
}

.subsection.assets h3 {
    font-size: 20px;
}


.quote-leftrail .subsection.hide,
.quote-leftrail .module-combine.hide {
    display: none;
}

.quote-leftrail .promo .subsection h3,
.quote-rightrail .subsection h3 {
    font-family: 'Proxima Nova Semi Bold';
    font-size: 18px;
    color: #333333;
}

.quote-rightrail .subsection h3 .quote-more {
    text-transform: none;
    float: right;
    font-size: 13px;
    color: #2077b6;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Proxima Nova Semi Bold';
    padding-top: 5px;
    cursor: pointer;
}

.quote-rightrail .subsection h3 .quote-more a {
    color: #2077b6;
}

body .cnbc-contents .quote-more a:hover{color:#DD4B39;}

.quote-leftrail .subsection li {
    line-height: 18px;
}

.quote-leftrail .subsection li .note {
    font-size: 11px;
    color: #545454;
    font-family: 'Proxima Nova Semi Bold';
    vertical-align: top;
}

.quote-leftrail .subsection li .assets {
    border-bottom: 1px solid #ccd6db;
    padding: 8px 0;
}

.quote-leftrail .subsection li .cnbc-font-icon::before {
    vertical-align: top;
    padding: 0;
}

.quote-leftrail .subsection li:last-child .assets {
    border: 0px;
}

.quote-leftrail .subsection li .assets a {
    font-size: 16px;
    color: #2077b6;
    text-decoration: none;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-leftrail .subsection li .assets a:hover {
    color: #DD4B39;
}

.quote-leftrail .subsection li .assets a span:first-child {
    overflow: hidden;
    max-width: 540px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.quote-leftrail .subsection .copy {
    font-family: 'Proxima Nova Semi Bold';
    font-size: 14px;
    color: #737373;
}

.quote-leftrail .subsection .value {
    font-family: 'Proxima Nova Semi Bold';
    font-size: 14px;
    color: #333333;
    float: right;
}

.quote-leftrail .subsection .icon-cnbc-video {
    margin-right: 0;
}

.quote-leftrail .subsection .icon-cnbc-video::before {
    margin-right: 0;
}

.quote-leftrail .subsection .icon-cnbc-pro::before {
    top: 3px;
}

.quote-leftrail .subsection table {
    border-spacing: 19px 6px;
    border-collapse: separate;
    margin-left: -19px;
    margin-right: -19px;
    table-layout: fixed;
    margin-bottom: 10px;
}

.quote-leftrail .subsection table td {
    border-bottom: 1px solid #ccd6db;
    padding-bottom: 4px;
    width: 243px;
}

.quote-leftrail #quote_top_peers_bucket.subsection table td:first-child {
    white-space: nowrap;
}

.quote-leftrail .subsection table th {
    font-size: 12px;
    font-family: 'Proxima Nova Regular';
    color: #333333;
    text-transform: uppercase;
    padding-bottom: 8px;
    text-align: left;
    border-bottom: 4px solid #ccd6db;
}

.quote-leftrail .subsection table td span.value.positive {
    color: #31a745;
}

.quote-leftrail .subsection table td span.value.negative {
    color: #e3352b;
}

.quote-leftrail .module-combine .quote-more {
    padding-top: 30px;
}

.quote-leftrail #quote_top_peers_bucket table th:first-child,
.quote-leftrail #quote_top_peers_bucket table td:first-child {
    text-align: left;
}

.quote-leftrail #quote_top_peers_bucket table th,
.quote-leftrail #quote_top_peers_bucket table td {
    padding-bottom: 8px;
    text-align: right;
}

.quote-leftrail #quote_top_peers_bucket table {
    border-spacing: 0 6px;
    padding-left: 19px;
    width: 105%;
    height: 320px;
}

.quote-leftrail #quote_top_peers_bucket table td span {
    float: none;
}

.quote-leftrail #quote_top_peers_bucket table td:first-child span {
    display: block;
}

.quote-leftrail #quote_top_peers_bucket table td:first-child span:first-child {
    color: #2077b6;
}

.quote-leftrail #quote_top_peers_bucket table td:first-child span:nth-child(2) {
    color: #737373;
    font-size: 11px;
    font-family: 'Proxima Nova Semi Bold';
    overflow: hidden;
    text-overflow: ellipsis;
}

.quote-leftrail table tr:last-child td {
    border-bottom: 0px;
}

.quote-leftrail #quote_top_peers_bucket table span.peer_link:first-child {
    cursor: pointer;
}

.quote-leftrail #quote_top_peers_bucket .quote-more {
    padding-top: 0px;
}

.quote-leftrail .subsection.mod iframe,
.quote-leftrail .subsection.iframe iframe {
    width: 100%;
}

.quote-leftrail .subsection .sub {
    display: block;
    float: left;
}

.quote-leftrail .subsection .sub ul li a{
    font-size: 12px;
    font-family: 'Proxima Nova Semi Bold';
    color: #2077B6;
    cursor: pointer;
}

.quote-leftrail .subsection .sub ul li.active a {
    color: #DD4B39;
}

.quote-leftrail .quote-iframe .sub ul li:last-child {
    border: 0px;
}

.quote-leftrail .subsection .message {
    font-size: 14px;
}

.quote-leftrail .hide-bucket {
    display: none !important;
}

.quote-leftrail .subsection.yield {
    float: left;
    clear: right;
    height: 372px;
    width: 43%;
}

.quote-leftrail .subsection.left.yield {
    float: left;
    clear: none;
    margin-right: 22px;
    height: 372px;
}

.quote-leftrail #quote_earnings_projections_bucket {
    height: 372px;
}

.quote-leftrail #quote_top_peers_bucket {
    float: left;
             height: 372px;
}

.quote-rightrail {
    width: 31%;
    float: right;
            margin-top: 80px;
}

.quote-leftrail .subsection {
    margin-bottom: 20px;
}

.quote-leftrail .subsection .quote-more {
    padding-top: 10px;
}

.quote-leftrail .subsection .quote-more a {
    float: right;
    font-size: 13px;
    color: #2077b6;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Proxima Nova Semi Bold';
}

.quote-leftrail .subsection .quote-more a:hover, .quote-rightrail .subsection h3 .quote-more a:hover, .quote-leftrail #quote_top_peers_bucket table td:first-child span:first-child:hover{color:#DD4B39;}

.quote-rightrail .subsection h3 {
    padding-bottom: 5px;
    padding-top: 0px;
    border-bottom: 4px solid #ccd6db;
    border-top: 0px;
}

#quote_video_list {
    margin-top: 20px;
}

.module-combine {
    /*border: 1px solid #ccd6db;*/
    border-radius: 10px;
    /* margin-bottom: 20px; */
}

.module-combine .subsection {
    border: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}

.module-combine .quote-more {
    padding-top: 0px;
    padding-bottom: 25px;
}

.fade.ng-hide {
    opacity: 0;
}

.fade.ng-hide-remove,
.fade.ng-hide-add {
    display: block !important;
}

.fade {
    display:block !important;
    -moz-transition:all linear 0.5s;
    -o-transition:all linear 0.5s;
    -webkit-transition:all linear 0.5s;
    transition:all linear 0.5s;
    opacity: 1.0;
}

.featuredPromo .fa-video:before
{
    color: #bbb !important;
}

.featuredPromo:hover .fa-video:before
{
    color: #fff !important;
}

.featuredPromo .headline-overlay .fa
{
    font-size: inherit !important;
}

.featuredPromo .headline-overlay .headline
{
    font-family: 'Proxima Nova Semi Bold';
    font-size: 18px !important;
    padding: 0 !important;
    width: 75% !important;
}

.quote_video_overlay {
    margin-top: -200px;
    z-index: 999;
    position: relative;
    border-top: 8px solid #000;
    border-bottom: 8px solid #000;
    width: 353px;
    height: 184px;
}

.quote_video_overlay .overlay_markup {
    position: absolute;
    bottom: -8px;
    padding: 0.8em 0;
    background-color: rgba(0,0,0, 0.8);
    width: 353px;
    margin: 0;
}

.quote_video_overlay .fa-video {
    display: table-cell;
    width: 70px;
    color: #ccc;
    vertical-align: middle;
    cursor: pointer;
}

.quote_video_overlay .fa-video:before {
    display: inline-block;
    font-size: 3em;
    line-height: 1em;
    width: 1em;
    padding-left: 16px;
    content: "\f144";
    opacity: 0.8;
    color: #ccc;
}

.quote_video_overlay .headline {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding-right: 1em;
    width: 70%;
}

.quote_video_overlay .title {
    font-family: 'Proxima Nova Bold';
    font-size: 18px;
    margin: 0;
    text-align: left;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    color: #ccc;
    cursor: pointer;
}

.quote_video_overlay .title:hover {
    color: #fff;
}

.quote_video_overlay .duration {
    width: 38px;
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    padding-right: 0.6em;
    font-family: 'Proxima Nova Semi Bold';
    font-size: 12px;
    font-style: normal;
    line-height: 22px;
    letter-spacing: -0.02em;
}

.quote-related-video .loaderOverlayMobile {
    position: absolute;
    width: 353px;
    padding-top: 80px;
    padding-bottom: 85px;
    z-index: 1000;
    background: #000;
    opacity: 0.7;
}

.cnbc-card .content .copy p {
    display: none;
}

.quote-related-video .featuredPromo {
    margin-bottom: 0;
}
/* end styles for quote strip */

/* styles for ads */

#page_quote_custom_redesign #pm-ad-rightrail {
    text-align: center;
}

.cnbc_badge_banner_ad_area {
    text-align: center;
    padding-top: 15px;
}

.cnbc_badge_banner_ad_area .dart_wrapper  > div {
            margin-bottom: 0px;
}

.cnbc_badge_banner_ad_area .dart_wrapper.dart_ads_noniframe_topbanner > div {
            margin-top: 0px;
}
.cnbc_badge_banner_ad_area .inner_badge .mps-slot {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.cnbc_badge_banner_ad_area .inner_badge {
    display: inline-flex;
}

#page_quote_custom_redesign #dart_wrapper_topflex {
            margin-bottom: 0px;
}

.news_strip_wrapper .mps-slot {
            margin-bottom: 0px;
}

.quote_ad_wrapper .mps-slot,
.quote-rightrail #pm-ad-rightrail {
    padding: 20px 25px;
}

#quote_news_strip_bucket {
            padding-top: 10px !important;
}

.inline-flex {
    display: inline-flex;
}

.center {
    margin-right: auto;
    margin-left: auto;
}

/* end of styles for ads */

.chartworks.markitqa.com {
    padding-bottom: 10px;
}

/* move the chart attribution below the chart */
/*
.chartworks-pane-chart .chartworks-attribution {
    margin-top: 50px;
}
*/

.chartworks-size-small .chartworks-pane-toolbar .chartworks-toolbar-group-days li {
    width: 11.1%;
}

.ad-background-color {
    background: rgb(227, 227, 227);
}

.top-banner-height {
    height: 75px;
}

/* Multi quote css */
.multi-quotes .hide-multi {
    display: none;
}

.multi-quotes .mtslink {
    color: #424858;
}

.multi-quotes .mtslink:hover {
    color: #424858;
}

.multi-quotes .header h1, .multi-quotes .header span {
    display: inline-block;
}

.multi-quotes .table-container {
    padding: 10px;
    border: 1px solid #ccd6db;
}

.multi-quotes .splitter.extend {
    border-top: 4px solid #f08c34;
}

.multi-quotes table tr {
    display: inline-block;
    width: 165px;
    line-height: 10px;
}

.multi-quotes.quote-leftrail,
.multi-quotes.quote-rightrail {
    margin: 40px 0;
}

.multi-quotes .quote-custom-strip {
    margin-bottom: 40px;
    cursor: pointer;
}

.multi-quotes .quote-custom-strip td {
    display: block;
}

.multi-quotes .quote-custom-strip:last-child {
    margin-bottom: 20px;
}

.multi-quotes .quote-section-header {
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 5px;
}

.multi-quotes .quote-section-header h1 {
    display: inline;
    font-family: 'Proxima Nova Semi Bold';
    font-size: 26px;
    padding: 0;
}

.multi-quotes .quote-section-header .symbol {
    font-size: 26px;
    font-family: 'Proxima Nova Semi Bold';
}

.multi-quotes qtable td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #CCD6DB;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0 0;
    font-size: 18px;
    padding: 10px 5px;
}

.multi-quotes .quote-custom-strip table .table-row-group {
    display: table-row-group;
}

.multi-quotes .currencyCode {
    display: inline-block;
    padding-top: 5px;
}

.multi-quotes .quote-custom-strip span.last.original {
    font-size: 30px;
}

.multi-quotes .quote-custom-strip .last_extend {
    padding-top: 5px;
}

.multi-quotes .quote-custom-strip tr.change {
    width: 150px;
    padding: 7px 5px 7px 25px;
    border-left: 1px solid #ccd6db;
    border-right: 1px solid #ccd6db;
    font-size: 16px;
}

.multi-quotes .quote-custom-strip tr.change .sign-t,
.multi-quotes .quote-custom-strip tr.change .sign-f {
    font-size: 15px !important;
}

.multi-quotes .quote-custom-strip .change-copy {
    font-size: 12px !important;
    display: block;
    padding-top: 5px;
}

.multi-quotes .quote-custom-strip tr.volume {
    width: 120px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    border-right: 1px solid #ccd6db;
}

.multi-quotes .quote-custom-strip tr.year {
    padding-left: 20px;
}

.multi-quotes .quote-custom-strip .year-container {
    width: 130%;
}

.multi-quotes .quote-custom-strip .year-container .high {
    float: right;
}

.multi-quotes .quote-custom-strip .year,
.multi-quotes .quote-custom-strip .change {
    padding-top: 0;
}

.multi-quotes .quote-custom-strip tr.volume,
.multi-quotes .quote-custom-strip tr.year,
.multi-quotes .quote-custom-strip tr.change {
    font-size: 12px;
    color: #737373;
}

.multi-quotes .strip-bar {
    position: inherit;
}

.multi-quotes .quote-custom-strip i.arrow-up {
    top: 0px;
}

.multi-quotes .splitter {
    width: 730px;
    border-top: 4px solid #ccd6db;
    top: 0px;
    margin: 5px 0;
}

.multi-quotes .message.extend {
    color: #f08c34;
    text-align: center;
    padding-left: 25px;
    width: 200px;
    font-size: 16px;
}

/* Add to watchlist popup window */
.right.watchlist {
    padding: 30px 0 0 0;
}

.right.watchlist a {
    color: #3da5ed;
    padding: 3px 6px 3px 6px;
    border: 2px solid #3da5ed;
    width: 85px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    font-family: 'Proxima Nova Semi Bold';
}

/* responsive css for tablet start */
@media (min-width: 1200px) {
    .cnbc-body {
        width: 1140px;
    }

    .tablet-only {
        display: none !important;
    }
}

@media (max-width: 1200px) {
    .cnbc-body {
        width: 970px;
    }

    .quote-section-header {
        margin-left: 0px;
    }

    .quote-leftrail {
        width: 910px;
        margin-left: 30px;
    }

    .multi-quotes .quote-custom-strip {
        width: 100%;
        float: none;
    }

    .strip-chart-wrapper.wide-chart {
        width: 95%;
        padding-left: 0;
        padding-top: 20px;
    }

    .quote-custom-tabs {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .quote-custom-tabs li {
        width: 86px !important;
        text-align: center;
    }

    .quote-custom-tabs li:first-child {
        text-align: left;
        padding-left: 20px !important;
    }

    .quote-custom-tabs li:last-child {
        text-align: right;
    }

    .animate-border {
        width: 100%;
        margin-left: 0;
    }

    .quote-leftrail .module-combine,
    .quote-leftrail .subsection {
        margin-left: 0;
    }

    .quote-leftrail .subsection.yield {
        width: 43%;
    }

    .quote-leftrail .subsection.yield.left {
        margin-right: 43px;
    }

    .quote-leftrail .subsection table td {
        width: 305px;
    }

    .quote-leftrail .subsection li .assets a span:first-child {
        max-width: 650px;
    }

    .quote-leftrail .subsection.video .quote_player {
        margin: 0 190px;
    }

    .quote-rightrail {
        display: none !important;
    }

    .quote-leftrail .ad_container {
        margin: auto;
        width: 300px;
    }

    .quote_ad_wrapper {
        width: 300px;
        margin:auto;
    }

    .quote_ad_wrapper .mps-slot {
        margin-bottom: 15px;
        padding:20px 25px;
    }

    .multi-quotes table {
        margin-left: 0;
    }

    .multi-quotes.quote-leftrail {
        margin: 40px 0 0 30px;
    }

    .multi-quotes table tr {
        width: 200px;
    }

    .multi-quotes .splitter {
        width: 810px;
    }
}
/* responsive css for tablet end */

.symbolAddedMsg {
    width: 253px;
}

.addWatchlist {
    position: relative;
    /* right: 0; */
    bottom: 8px;
}

.addWatchlistMsg .checkboxContainer {
    padding-top: 10px;
}

.addWatchlistMsg .msgInfo {
    font-size: 12px;
    padding: 20px 0 0 10px;
}

.addWatchlistMsg .msgInfo h1 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 0px;
    color: #424858;
    font-family: 'Proxima Nova Semi Bold';
    line-height: 25px;
}

.addWatchlistMsg .btnContainer {
    text-align: center;
    padding-top: 10px;
}

.addWatchlistMsg .login {
    margin-right: 10px;
}

.addWatchlistMsg .login:hover, .addWatchlistMsg .signup:hover {
    cursor: pointer;
}

.addWatchlistbtn.goWatchlist {
    text-decoration: none;
}

.symbolAddedMsg {
    width: 253px;
}

.addWatchlistMsg .msgInfo p {
    font-size: 11px;
    color: #31a745;
}

.addWatchlistMsg input[type=checkbox] {
    color: #ccc;
    width: 18px;
    height: 18px;
    position: relative;
    bottom: 2px;
}

.addWatchlistMsg .symboladded {
    color: #31a745;
    font-size: 11px;
    text-align: left;
    line-height: 14px;
    margin-left: 28px;
    font-family: 'Proxima Nova Semi Bold';
}

.addWatchlistMsg ul.wl_list label {
    width: 215px;
    display: inline-block;
    vertical-align: top;
}

.addWatchlistMsg label {
    color: #424858;
    font-size: 14px;
}

.addWatchlistMsg {
    position: absolute;
    z-index: 100;
    background-color: white;
    border-radius: 0px 3px 3px 0px / 0px 3px 3px 0px;
    box-shadow: 0px 1px 4px #9b9b9b;
    border: 1px solid #bec2c3;
    border-left: 0px;
    padding-top: 2px;
    padding-bottom: 20px;
    margin-top: 2px;
    right: 0;
    color: #737373;
    top: 70px;
}


.addWatchlistMsg .closebtn {
    padding-right: 10px;
    cursor: pointer;
    float: right;
    color: #737373;
    font-size: 18px;
}

.addWatchlistMsg .closebtn {
    padding-right: 10px;
    cursor: pointer;
    float: right;
    color: #737373;
    font-size: 18px;
}

.addWatchlistMsg .btnContainer {
    text-align: center;
    padding-top: 10px;
}

.addWatchlistbtn {
    background-color: #3da5ed;
    color: #fff !important;
    padding: 3px 6px 3px 6px;
    font-size: 12px;
    border-radius: 2px;
    border: 0px !important;
    font-family: 'Proxima Nova Semi Bold';
}

/* chart sharing  */

#share-quote-pop .personalMesage {
    width: 100%;
    margin-top: 10px;
}

#share-quote-pop .option-button a {
    background: #3DA7F1;
    height: 30px;
    font: 14px "Proxima Nova Semi Bold";
    border: none;
    padding: 8px;
}

#share-quote-pop .buttons-container {
    width: 100%;
    text-align:center;
}

.quote-section-header.large-header .right.watchlist .shareChartButton {
    bottom: 6px;
    height: 15px;
    width: 50px;
    border: 0;
}

#share-quote-pop .container_footer .label {
    float: left;
}

#share-quote-pop .container_footer .textfield {
    float: right;
}

#share-quote-pop .container_footer {
    height: 40px;
}

#share-quote-pop .option-button a:hover {
    color: black;
}

#share-quote-pop .cnbclogo {
    float:left;
}
#share-quote-pop .buttons-container .option-button.check-it-out {
    float: right;
    /* height: 30px; */
}

.shareChartButton img {
    border: 0;
}

#share_chart_text {
    width: 85%;
    font-family: 'Proxima Nova Semi Bold';
    font-size: 22px;
    margin-left: 15px;
}

#share-quote-pop {
}

#share-quote-pop .info_msg {
    font-size:10px;
    font-weight: 100;
}

#share-quote-pop .label {
    font-size: 16px;
}

.callout-bounce {
    -moz-animation: bounce 1s infinite;
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite;
}

@-moz-keyframes bounce {
  50% {
    -moz-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  0% {
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes bounce {
  50% {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes bounce {
  50% {
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
  }
  0% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .shareChartButton {
        border: 1px solid red;
    }
}

.chartTimeIntervalSelected {
    background: #B4D9FF;
}