/*
******************************************************************************************
* Site: Zacks
* Site URI: http://zacks.com/
* Author: Sanjib Adhya
* Author URI: http://zacks.com/
* Subject: Stylesheet for AMP(accelerated mobile pages) version of quote pages
* Version: 0.1
* Date: 03/22/2017
******************************************************************************************
*/

/*
//////////////////////////////////////////////////////////////////////////////////////////
Index:
00. Left rail
01. Right content
//////////////////////////////////////////////////////////////////////////////////////////
*/

/*
******************************************************************************************
00. Left rail
******************************************************************************************
*/

/* Left navigation */
nav.left_subnav{
    background-color: #484848;
    border: 1px solid #313131;
    border-radius: 0;
    padding-top: 0;
}

ul.zero_level li.nav_title{
    background-color: #787878;
    margin: 0;
    padding: 5px 15px;
    padding-right: 0;
    border-bottom: 1px solid #000;
    cursor: default;

    color: #fff;
    text-shadow: none;
    text-transform: capitalize;
    font-size: 12pt;
}

.left_subnav > ul:nth-child(2) > li:first-child{padding-bottom: 5px !important;}

ul.zero_level li.nav_title:focus, ul.zero_level li.nav_title.selected{
    background-color: #bbb7b8;
    color: #010101;
}

ul.zero_level li.nav_title, ul.zero_level li.nav_title:hover, ul.zero_level li.nav_title:focus, ul.zero_level li.nav_title.selected{
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    -o-transition: all linear 0.2s;
    -ms-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

ul.zero_level li.first_level_open ul{
    padding-top: 3px;
    margin-bottom: 6px;
    background: #484848;
}

ul.zero_level li.first_level_open ul li.asterics_anchor{position: relative;}

ul.subnav_excp{margin-bottom: 0;}
ul.subnav_excp li a.newwin{
    padding-left: 0px;
    text-align: center;
}

.left_subnav a{
    padding-left: 23px;
    padding-right: 12px; /* for IE12+ specifically, doesn't effetc other browsers */
}

.left_subnav a.selected{
    background: none;
    color: #34be44 !important;
    text-shadow: none;
}

.left_subnav ul.subnav_excp li a.newwin{
    padding-bottom: 10px;
    font-size: 12pt;
}

.composite_val_vgm {
    background: #000 !important;
	border: 1px solid #000;
}
/*positioning tooltip for style scores*/

#quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title span.info-tooltip {
    position: relative;
    top: 3px;
    left: 3px;
}

/*
******************************************************************************************
01. Right content => using breakpoints
******************************************************************************************
*/

/* For only 320px */
@media screen and (max-width: 320px){
    ul.news-link-tabs li{
        font-size: 8pt !important;
    }

    /* Quote Ribbon */
    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium{
            background-position: calc(100% - 88%) 0 !important;
    }
}

/* For all screens => common attributes for all viewports */
@media screen and (min-width: 320px){
    /* tooltip for quote overview block inside key earnings data column 
    #stock_key_earnings span.info-tooltip, #detail_estimate span.info-tooltip{background-image: url(/images/zacks/icons/info-gray-72x72.png);} 
    
    #stock_key_earnings span.info-tooltip:hover, #detail_estimate span.info-tooltip:hover{background-image: url(/images/zacks/icons/info-black-72x72.png);}    
    
    #stock_key_earnings table.abut_bottom tbody tr:first-of-type td a, #detail_estimate table tbody tr:first-of-type td{font-weight: bold;} */
    

    /* New left side bar nav toggle v1.5 */
    #quote_sidebar_toggle{display: none;}
    #quote_sidebar_toggle+nav.left_subnav{opacity: 1; left: 0 !important; top: 0;}
    #quote_sidebar_toggle+nav.left_subnav aside.close_nav_btn{display: none;}

    /* Toggle head title */
    .toggle-head-title{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 8px;
        padding-left: 18px;
        cursor: pointer;
        font-family: inherit;
        font-size: 12pt;
        font-weight: bold;
        color: #fff;
        text-align: left;
        text-transform: capitalize;
    }

    .toggle-head-title .border-grp{
        float: right;
        width: 100%;
        max-width: 27px;
        margin-right: 35px;
    }

    .toggle-head-title .border-grp span{
        width: 100%;
        height: 3px;
        margin-bottom: 4px;
        display: block;
        background-color: #fff;
        font-size: 0;
    }

    .page-selector{
        position: absolute;
        padding: 9px 20px;
        left: -1px;
        top: 37px;
        width: 100%;
        background: #6c6c6c;
        border-bottom: 1px solid #313131;
        background-color: #6c6c6c;
    }


    /* Quote Ribbon */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox:first-of-type p.rank_view span.rank_chip{
        float: left;
        margin-left: 2px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox:first-of-type p.rank_view span.rank_chip:last-of-type{margin-right: 10px;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox:first-of-type p.rank_view{line-height: 20px;}


    #quote_ribbon_v2 .quote_summary .ribbon_value .group1{border-bottom: none !important;}
    #quote_overview table.abut_top tr td, #quote_overview table.abut_top tr td a{
        font-weight: bold;
        color: #1964e3;
    }

    #quote_ribbon_v2 .quote_summary header h1 a{
        font-size: 15pt;
    }
    
    #quote_ribbon_v2 .group1 .bats_value_block{
        margin-top: 10px;
        float: left;
    }
    
    #quote_ribbon_v2 .group1 .bats_value_block p{        
        text-align: left;
        color: #8b8b8b;
    }

    /* Other sections */
    #stock_industry_analysis p a.in_copy, #premium_research footer a{
        font-weight: bold !important;
        color: #1964e3 !important;
        position: relative;
    }
    
    .quote_body #stock_industry_analysis table + p a.in_copy, #premium_research footer a{font-size: 9pt !important;}

    #stock_industry_analysis p a.in_copy:after, #premium_research footer a:after{
        content: '\a0\bb' !important;
        color: #1964e3 !important;
    }


    #third_rail section#quote_chart .align_center p, #third_rail section#quote_chart .align_center p a.in_copy, #stock_comp_desc footer a, #stock_comp_desc footer p.alpha a{
        font-size: 9pt !important;
        font-weight: bold !important;
        color: #1964e3 !important;
        
        margin-top: 10px;
    }

   #third_rail section#quote_chart .align_center p a.in_copy:hover, #stock_comp_desc footer a:hover, #stock_comp_desc footer p.alpha a:hover{text-decoration: underline !important;}

    #stock_comp_desc footer p.alpha a:after{
        color: #1964e3 !important;
    }

    /* Research ,News header */
    .quote_body .zacks_reserach_reports_cta h1, .quote_body #stocks_other_news h1, .quote_body #premium_research h1{text-transform: none;}

    .quote_body #stocks_other_news .news_link_grp{margin-bottom: 10px;}

    /* Research reports */
    section.zacks_reserach_reports_cta a.premium.report:hover{text-decoration: underline;}

    /* Other News */
    .quote_body #stocks_other_news .news_link_grp a{
    position: relative;
    font-size: 10pt;
    font-weight: bold;
    color: #1964e3 !important;
    }

    .quote_body #stocks_other_news .news_link_grp a:first-of-type{margin-right: 10px;}

    .quote_body #stocks_other_news .news_link_grp a:first-of-type::after{
        position: absolute;
        content: '';
        background-color: #1964e3;
        width: 2px;
        height: 16px;
        top: 0;
        right: -7px;
    }

    #right_content .quote_body #stock_industry_analysis table tbody tr td.alpha.truncated_text_two div{
        max-height: inherit;
    }


    .quote_body section#quote_overview div.two_col{
        width: 100%;
        float: left;
        background-color: #efefef;
    }

    .quote_body section#quote_overview div.two_col section#stock_activity, .quote_body section#quote_overview div.two_col section#stock_key_earnings{
        border-top: none;
    }

    .quote_body section#quote_overview div.two_col section#stock_activity h1, .quote_body section#quote_overview div.two_col section#stock_key_earnings h1{
        border-bottom: none;
        padding-left: 6px;
        font-size: 12pt;
    }
    .quote_body section#quote_overview div.two_col section#stock_activity table.abut_bottom, .quote_body section#quote_overview div.two_col section#stock_key_earnings table.abut_bottom{
        padding-left: 6px;
        padding-right: 6px;
    }
    .quote_body section#quote_overview div.two_col section#stock_activity table.abut_bottom tbody tr td, .quote_body section#quote_overview div.two_col section#stock_key_earnings table.abut_bottom tbody tr td{
        padding-left: 0px;
        padding-right: 0px;
    }

    .quote_body section#quote_overview div.two_col section#stock_activity table.abut_bottom tbody tr td a, .quote_body section#quote_overview div.two_col section#stock_key_earnings table.abut_bottom tbody tr td a, .quote_body section#detailed_estimate div.two_col section table tbody tr td a{
        color: #1964e3;
    }
    
    .quote_body section#quote_overview div.two_col section#stock_activity table.abut_bottom tbody tr td a:hover, .quote_body section#quote_overview div.two_col section#stock_key_earnings table.abut_bottom tbody tr td a:hover{
        text-decoration: underline;
    }
    
    .quote_body section#detailed_estimate div.two_col section table tbody tr td a:hover{text-decoration: underline !important;}/* overriding behavior on hover for all links inside detailed estimate block for detailed estimate page */

    .quote_body section#quote_overview div table.abut_top tbody tr td{padding-left: 2px;}
    .quote_body section#quote_overview div table.abut_top tbody tr td a:hover{text-decoration: underline;}
    
    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.last_price{background: none !important;}
    
    #stock_search .search{margin-top: 4px;}
    
    /* Research report section link behavior */
    .zacks_reserach_reports_cta a.premium.report{color: #1865e5;}
    
    .zacks_reserach_reports_cta a.premium.report:hover{
        text-decoration: underline;
        color: #1865e5 !important;
    }

    /* Premium research block for specific ticker */
    #right_content .quote_body #stocks_other_news + #premium_research .callout_box3.pad10 table tbody tr th.premium_research_score p.float_right, #right_content .quote_body #stocks_other_news + #premium_research .callout_box3.pad10 table tbody tr th.premium_research_score p.float_right span.composite_val{font-weight: normal;}
    
    
    #premium_research .callout_box3.pad10{
        background: #fff;
        border: none !important;
        border-radius: 0;
        padding-top: 1px !important;
    }

    #premium_research .callout_box3.pad10 table tbody tr th, #premium_research .callout_box3.pad10 table tbody tr td{
        padding: 8px 0;
    }

    #premium_research p.premium{
        margin-top: 15px !important;
        border-bottom: 1px solid #cacaca;
        padding-bottom: 8px;
    }

    #premium_research footer{
        padding: 10px 0;
        padding-top: 6px;
    }

    #premium_research footer a:hover{text-decoration: underline;}

    #premium_research .callout_box3.pad10 table tbody tr th.premium_research_score.score{
        padding-top: 7px;
        padding-bottom: 3px;
    }

    #premium_research .callout_box3.pad10 table tbody tr th.premium_research_score.score p.float_right{
        padding-top: 1px;
    }

    #premium_research .callout_box3.pad10 table tbody tr th.premium_research_score.score p.float_right .composite_val{padding: 1px 2px;}


    /* Industry analysis */
    #stock_industry_analysis table tbody tr td a{color: #1964e3;}
    #stock_industry_analysis table tbody tr td a:hover{text-decoration: underline;}

    /* News tabbed block => tabbed section */
    ul.news-link-tabs{
        list-style: none;
        margin: 0;
        margin-top: 15px;
        margin-bottom: 15px;
        padding: 0;
    }

    ul.news-link-tabs li{
        display: inline-block;
        cursor: pointer;
        background: none;
        margin-right: 16px;
        position: relative;
        width: auto;
        font-size: 11pt;
        font-weight: bold;
        color: #1865e5;
    }

    ul.news-link-tabs li:first-of-type::after{
        position: absolute;
        right: -15px;
        top: 0;
        content: '';
        display: inline-block;
        width: 2px;
        height: 18px;
        background-color: #1865e5;
        margin-left: 5px;
        margin-right: 5px;
        cursor: default;
    }

    ul.news-link-tabs li:hover, ul.news-link-tabs li.current{
        border-bottom: 1px solid #1865e5;
        padding-bottom: 5px;
    }

    .news-tab-content{
        width: 100%;
        float: left;
        display: none;
        background-color: #efefef;
        padding: 10px;
    }

    .news-tab-content.current{
        display: inherit;
    }

    .news-tab-content aside{
        width: 100%;
        float: left;
    }

    .news-tab-content aside a{
        float: right;
        padding: 10px 0;
        font-size: 9pt;
        font-weight: bold;
        color: #1865e5;
        text-align: left;
        text-decoration: none;
    }

    .news-tab-content aside a:after{
        content: '\a0\bb';
        color: #1964e3;
    }

    .news-tab-content aside a:hover{
        color: #1964e3 !important;
        text-decoration: underline;
    }


    /* Right rail */
    #third_rail section#quote_chart{
        background: #efefef;
        border: none !important;
        border-radius: 0;
        padding: 5px;
        padding-left: 20px;
        padding-bottom: 15px;
    }

    #third_rail section#quote_chart .align_center p a{
        font-size: 9pt;
        font-weight: bold;
        color: #1865e5;
    }

    #third_rail section#quote_chart .align_center p a:hover{
        text-decoration: underline;
        color: #1865e5 !important;
    }
    
    /* All news Providers dropdown overlap fix for partner headlines page */
    #right_content .quote_body #comp_news .select_comp_news{
        width: 98%;
        float: left;
        margin-top: -9px;
        margin-bottom: 18px;  
    }
    
    #right_content .quote_body #comp_news .select_comp_news select#select_provider_list{
        width: 100%;
        padding: 2px;
    }
    
    /* Style scorecard table section in style score page */
    #scorecard_table .callout_box_scorecard{background-size: contain;}/* table background fix => to stretch the bg img to the full width of the container */
    
    /* Premium research block */
    .quote_body #premium_research h1{
        background-color: #fff;
        width: 100%;
        margin-left: 0;
    }
    
    /* Scorecard table alignment */
    #scorecard_table{
        margin-left: 1%;
        margin-right: 1%;
    }
    
    /* Premium research block for Style score page */
    #scorecard_table + script + div.quote_body section#premium_research h1{margin-left: -12px;}

}

/* For all mobile screens only = > mobile + tablet(portrait mode) */
@media screen and (min-width: 320px) and (max-width: 1023px){

    /* Generic */
    #right_content, #quote_overview, #quote_overview h1, #stock_activity, #stock_key_earnings{width: 100%;}
    
    .quote_body{width: 99%;} /* shrinked down the mother container width in order to push the right side content away from the right edge of the browser window for better readability */

    #stock_activity, #stock_key_earnings{
        border-top: none;
        margin-left: 0 !important;
    }
    .info-tooltip{display: inline-block;}

    /* Quote overview panel */
    #quote_overview{background-color: #fff;}

    #quote_overview aside#stock_search{margin-bottom: 10px;}

    #quote_overview, section.zacks_reserach_reports_cta{
        border-bottom-width: 2px;
        border-bottom-color: #7b7b7b;
    }

    #stock_key_earnings{margin-top: 25px;}

    #quote_overview h1, #stock_activity h1, #stock_key_earnings h1{padding: 0 10px;}

    .quote_body #quote_overview h1 + .two_col #stock_activity h1, .quote_body #quote_overview h1 + .two_col #stock_key_earnings h1{
        border-bottom: 1px solid #c6c6c6;
        margin-bottom: 0;
        padding-bottom: 5px;
        font-size: 12pt;
    }

    #stock_activity>table, #stock_key_earnings>table, #quote_overview table.abut_top{
        width: 100%;
        margin-left: 0;
    }
    #quote_overview table.abut_top{
        margin-left: 5px;
    }

    #stock_activity>table tr td, #stock_key_earnings>table tr td, #quote_overview table.abut_top tr td{
        padding-left: 11px;
        padding-right: 11px;
    }

    #quote_overview table.abut_top tr td{border-bottom: none;}

    /* Left side bar */
    #left_rail{
        width: 100%;
        margin: 0;
        margin-bottom: 65px;
    }

    nav.left_subnav{width: 100%;}

    .toggling-nav-panel{display: none;} /* hiding the sub-nav items altogether by default for mobile viewports only */


    /* arrow like caret structure for left side bar nav toggle v1.5 */
    nav.left_subnav .toggling-nav-panel ul.zero_level li.nav_title{cursor: pointer;}
    nav.left_subnav .toggling-nav-panel ul.zero_level li.nav_title span.caret, nav.left_subnav .toggling-nav-panel ul.zero_level li.nav_title span.caret-reverse{
        display: block;
        -webkit-transform: rotate(-270deg);
        -moz-transform: rotate(-270deg);
        -o-transform: rotate(-270deg);
        -ms-transform: rotate(-270deg);
        transform: rotate(-270deg);

        -webkit-transition: transform linear 0.4s;
        -moz-transition: transform linear 0.4s;
        -o-transition: transform linear 0.4s;
        -ms-transition: transform linear 0.4s;
        transition: transform linear 0.4s;
    }

    nav.left_subnav .toggling-nav-panel ul.zero_level li.nav_title span.caret-reverse{
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    /* hiding sub menu items under stock page type category nav title */
    nav.left_subnav .toggling-nav-panel ul.zero_level li.first_level_open{display: none;}

    .left_subnav ul.subnav_excp li a.newwin br{display: none;}

    /**** Quote ribbon ****/
    #quote_ribbon_v2.stock_ribbon_view{
    width: 100%;
    height: auto;
    background-color: #efefef;
    border: none;
    padding: 0px !important;
    }

    /* Quote summary => Quick status for any stock => left panel in the amp quote ribbon */
    #quote_ribbon_v2 .quote_summary{
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: 15px;
    }

    #quote_ribbon_v2 .quote_summary header h1{
        padding-left: 10px;
        text-align: left;
    }

    #quote_ribbon_v2 .quote_summary header h2{
    margin-top: 3px;
    padding-left: 10px;
    color: #a8a8a8;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value{
        width: 100%;
        padding-left: 10px;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value .group1{
    width: 100% !important;
    margin-top: 8px;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.last_price, #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.last_price span{
    font-size: 16pt;
    font-weight: bold;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.last_price span{font-size: 12pt;}

    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 .change p{font-weight: bold;}
    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.date{
    height: 11px;
    padding-top: 2px;
    color: #a8a8a8;
    }
    #quote_ribbon_v2 .quote_summary p.add_to_portfolio{
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin-top: 20px;
    margin-bottom: 8px;
    width: 100%;
    }

    #quote_ribbon_v2 .quote_summary p.add_to_portfolio a{
    background: #f38234;
    float: left;
    width: 100%;
    padding: 4px 5px;
    border-radius: 0;
    font-size: 16pt;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
    border: none;
    border-top: 1px solid #be570c;
    border-bottom: 1px solid #be570c;
    box-shadow: none;
    }

    #quote_ribbon_v2 .quote_summary p.add_to_portfolio a:hover{
    color: #fff !important;
    text-decoration: underline;
    }

    /* Quote Rank Summary => Quick overview of the stock's ongoing rank status => right panel in the amp quote ribbon */
    #quote_ribbon_v2 .quote_rank_summary{
    width: 100%;
    float: left;
    background-color: transparent;
    border-radius: 0;
    margin: 4px 0;
    padding: 0;
    }

    /* Simplified rankbox attribute */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox{
        width: 100%;
        float: left;
        padding: 10px !important;
        border: none !important;
        border-bottom: 1px solid #707070 !important;
        padding-bottom: 20px !important;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title{
        float: left;
        width: 100%;
        margin-right: 20px;
        padding-top: 2px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title a{
        float: left;
        font-size: 12pt;
        font-weight: bold;
        color: #007f06;
        text-align: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title span.info-tooltip{
        float: left;
        text-align: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox p.rank_view{
        width: 100%;
        float: left;
        margin-top: 10px;
        margin-left: 0px;
        text-align: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox:first-of-type p.rank_view{line-height: 19px;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view, #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view{margin-left: 0;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox p.rank_view span.rank_chip{
        float: left;
        margin-right: 3px;
    }
    #quote_ribbon_v2.stock_ribbon_view p{
        font-size: 9pt
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox p.rank_view small{
        float: left;
        margin-left: 10px;
        padding-top: 3px;
        font-size: 10pt;
        text-align: left;
    }

    /* Style score */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group{margin: 10px 0;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view{
    padding: 2px 0;
    font-weight: normal !important;
    }
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view span.composite_val{
    margin-left: 4px;
    padding: 1px 2px;
    font-weight: normal !important;
	border: 1px solid #989898;
	background: #b8b8b8;
    }

    /* Industry rank */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank{border-bottom: none;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank label.rank_title{margin-right: 15px;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a{
    font-size: 9pt;
    font-weight: normal;
    color: #1964e3;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a:hover{
    color: #1964e3 !important;
    text-decoration: underline;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a.status{position: relative;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a.status::after{
    position: relative;
    content: '';
    width: 2px;
    height: 16px;
    background-color: #000;
    right: 0;
    top: 3px;
    display: none;
    margin: 0 8px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box{
    float: left;
    width: 100%;
    margin: 10px 0;
    margin-bottom: 5px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium{
        background-position: calc(100% - 80%) 0;
        width: 100%;
        float: left;
        margin-bottom: 10px;
        margin-left: 0;
        text-align: center;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium a{
        font-size: 10pt !important;
        color: #1964e3 !important;
        text-align: center;
    }


    #quote_ribbon_v2 .quote_rank_summary .zer_report_box #zt_offsite{
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        float: left;
        top: 0;
        right: 0;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-content: center;
        -webkit-align-content: center;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box #zt_offsite #ztBtn{margin-bottom: 0;}

    #stock_activity>table tr td:first-of-type a, #stock_key_earnings>table tr td:first-of-type a, #quote_overview table.abut_top tr td, #quote_overview table.abut_top tr td a{color: #1964e3;}
    #quote_ribbon_v2.stock_ribbon_view{width: 100% !important;}

    #quote_ribbon_v2 .quote_rank_summary{border-bottom: 2px solid #007f06;}

    /* Premium research block */
    #premium_research{background: #fff; width:100%;}

    #premium_research th.alpha.premium_research_score.score a, #premium_research th.alpha.premium_research_score.score span.info-tooltip{float: left;}

    #premium_research th.alpha.premium_research_score.score a{margin-right: 4px;}

    #premium_research th.alpha.premium_research_score.score p.float_right{
        float: left;
        clear: both;
        margin-top: 10px;
    }


    /* Research reports */
    section.zacks_reserach_reports_cta{
        background: #efefef;
        padding-bottom: 0;
    }

    .zacks_reserach_reports_cta a.premium.report{
        float: left;
        display: table;
        width: 100%;
        margin-left: 1px;
        margin-top: 20px;
        padding-left: 22px;
        line-height: 1.5;
        text-align: left;
    }

    /* Other news panel */
    #stocks_other_news{margin-bottom: 0;}
    #stocks_other_news, #stock_industry_analysis{padding-left: 0;}
    #stock_industry_analysis{
        width: 100%;
        margin-left: 0;
        background-color: #efefef;
    }
    #stocks_other_news h1, #premium_research h1, #stock_industry_analysis h1{padding: 10px 0 0 12px;}
    #stocks_other_news section.news_link_grp{
        border-top: none;
        border-bottom: 1px solid #a1a1a1;
        padding: 5px 12px;
        padding-bottom: 8px;
    }

    #stocks_other_news article h1{padding-left: 0;}
    #stocks_other_news article, #stocks_other_news article.ts_news_link{padding: 0 10px;}

    #stock_industry_analysis table, #stock_industry_analysis table + p{
        padding: 5px 12px;
        padding-bottom: 8px;
    }

    /* Third rail */
    #third_rail section#quote_chart, #third_rail section#stock_comp_desc, #third_rail section.video_block{
        border: none !important;
        border-radius: 0;
        background: none;
    }

    #third_rail section#quote_chart{margin-left: -22px;}
    
    #third_rail section#quote_chart #chart_canvas.chart_canvas {
        margin-left: -40px;
        margin-right: -40px;
    }
    
    #third_rail section#quote_chart #chart_canvas.chart_canvas svg{margin-left: 0;}


    #third_rail section#quote_chart .align_center{margin-top: 10px;}


    /* News tabbed block => tabbed section */

    ul.news-link-tabs{
        margin-left: 13px;
    }

    .news-tab-content{
        padding: 0px;
    }

    .news-tab-content aside a{margin-right: 10px; float: left; padding-left: 10px;}
}

/* For all mobile screens only = > landscape mode) */
@media screen and (min-width: 320px) and (max-width: 1023px) and (orientation: landscape){
    
    /* Quote ribbon */
    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium{
        background-position: calc(100% - 72%) 0;
    }    
}

/* For iPad portrait mode only */
@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait){
    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium{
        background-position: calc(100% - 66%) 0;
    }
}

/* For desktop + iPad landscape mode */
@media screen and (min-width: 1024px){

    #left_rail{margin-right: 15px; width: 180px;}
    #right_content{width: 810px;}

    /* New left side bar nav toggle v1.5 */
    .toggle-head-title{display: none;}
    .toggling-nav-panel{display: block !important;} /* forcing the left sidebar nav wrapper to be visible for desktop width => overriding js */

    /* Quote ribbon */
    #quote_ribbon_v2.stock_ribbon_view{
    width: 785px;
    height: auto;
    background-color: #efefef;
    border: 3px solid #007f06;
    padding: 10px !important;
    }

    #stock_search .search{
        position: absolute;
        top: 0;
        right: 0;
    }

    /* Quote summary => Quick status for any stock => left panel in the amp quote ribbon */
    #quote_ribbon_v2 .quote_summary{
        width: 260px;
        float: left;
        margin-left: 6px;
        margin-right: 9px;
    }

    #quote_ribbon_v2 .quote_summary header{padding-top: 3px;}

    #quote_ribbon_v2 .quote_summary header h1{text-align: left;}
    #quote_ribbon_v2 .quote_summary header h2{
        margin-top: 3px;
        color: #a8a8a8;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value{width: 100%;}
    #quote_ribbon_v2 .quote_summary .ribbon_value .group1{
        width: 100% !important;
        height: auto;
        border: none;
        margin-top: 8px;
    }

    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 .change p{font-weight: bold;}
    #quote_ribbon_v2 .quote_summary .ribbon_value .group1 p.date{
        height: auto;
        padding-top: 2px;
        color: #8b8b8b;
    }
    #quote_ribbon_v2 .quote_summary p.add_to_portfolio{
        float: left;
        position: relative;
        top: 0;
        left: 0;
        margin-top: 3px;
        margin-bottom: 8px;
    }

    #quote_ribbon_v2 .quote_summary p.add_to_portfolio a{
        background: #f38234;
        float: left;
        width: 108px;
        margin-top: 10px;
        margin-left: 0px;
        padding: 4px 5px;
        border-radius: 4px;
        font-size: 11pt;
        text-transform: capitalize;
        text-align: center;
        color: #fff;
        border: 1px solid #be570c;
        box-shadow: inset 3px 3px 5px #f1a164;

    }

    #quote_ribbon_v2 .quote_summary p.add_to_portfolio a:hover{
        color: #fff !important;
        text-decoration: underline;
    }

    /* Quote Rank Summary => Quick overview of the stock's ongoing rank status => right panel in the amp quote ribbon */
    #quote_ribbon_v2 .quote_rank_summary{
        width: 480px;
		float: left;
		background-color: #e6e6e6;
		border-radius: 4px;
		margin: 4px 0;
		padding: 10px 13px;
		border: 1px solid #ccc;
    }

    /* Simplified rankbox attribute */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox{
        width: 100%;
        float: left;
        padding: 0;
        border-bottom: 1px solid #707070;
        padding-top: 6px;
        padding-bottom: 10px !important;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox:first-of-type p.rank_view{padding-left: 10px;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title{
        float: left;
        margin-right: 20px;
        padding-top: 2px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox label.rank_title a{
        float: left;
        font-size: 11.8pt;
        font-weight: bold;
        color: #007f06;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox p.rank_view{
        width: auto;
        float: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox p.rank_view small{
        float: left;
        margin-left: 10px;
        padding-top: 3px;
        font-size: 10pt;
        text-align: left;
    }

    /* custom attribute for default rank chip */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view span.composite_val{
        margin-left: 4px;
		padding: 1px 2px;
		font-weight: normal !important;
		border: 1px solid #989898;
		background: #b8b8b8;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view span.composite_val.composite_val_vgm{background-color: #010101;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank{padding-bottom: 4px !important;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank label.rank_title{
        width: 125px;
        float: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view{
        width: 100%;
        max-width: 294px;
        float: left;
        padding-top: 3px;
        text-align: left;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a{
        word-break: break-word;
        text-align: left;
    }

    /* Style score */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group{margin: 10px 0;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view{
        padding: 2px 0;
        font-weight: normal !important;
    }
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.composite_group p.rank_view span.composite_val{
        margin-left: 10px;
        padding: 1px 2px;
        font-weight: normal !important;
    }

    /* Industry rank */
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank{border-bottom: none;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank label.rank_title{margin-right: 15px;}
    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a{
        font-size: 9pt;
        font-weight: normal;
        color: #1964e3;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a:hover{
        color: #1964e3 !important;
        text-decoration: underline;
    }

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a.status{position: relative;}

    #quote_ribbon_v2 .quote_rank_summary .zr_rankbox.industry_rank p.rank_view a.status::after{
        position: relative;
        content: '';
        width: 2px;
        height: 16px;
        background-color: #000;
        right: 0;
        top: 3px;
        display: none;
        margin: 0 8px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box{
        float: left;
        width: 100%;
        margin: 10px 0;
        margin-bottom: 5px;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium{
        float: left;
        margin-left: 0;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box p.premium a{
        font-size: 10pt !important;
        color: #1964e3 !important;
    }


    #quote_ribbon_v2 .quote_rank_summary .zer_report_box #zt_offsite{
        position: relative;
        float: right;
        top: 0;
        right: 0;
    }

    #quote_ribbon_v2 .quote_rank_summary .zer_report_box #zt_offsite #ztBtn{margin-bottom: 0;}

    /* Quote body */
    .quote_body{width: 433px;}
    .quote_body #quote_overview{
        border-bottom: none;
        padding-left: 0;
    }
    .quote_body #quote_overview h1{
        width: 100%;
        border-bottom: 1px solid #000;
        margin-bottom: 7px;
        padding-bottom: 7px;
    }


    .quote_body #quote_overview h1 + .two_col{
        width: 100%;
        float: left;
        background-color: #efefef;
        margin-top: 5px;
    }

    .quote_body #quote_overview h1 + .two_col #stock_activity, .quote_body #quote_overview h1 + .two_col #stock_key_earnings{
        border-top: none;
        padding-left: 5px;
    }

    .quote_body #quote_overview h1 + .two_col #stock_activity h1, .quote_body #quote_overview h1 + .two_col #stock_key_earnings h1{border-bottom: none;}

    .quote_body #quote_overview h1 + .two_col #stock_activity h1, .quote_body #quote_overview h1 + .two_col #stock_key_earnings h1{
        padding-bottom: 10px;
    }

    .quote_body table.abut_top{
    background-color: #efefef;
        padding: 5px;
    }

    .quote_body table.abut_top tbody tr td{
    border-bottom: none;
        font-weight: bold;
    }

    .quote_body .zacks_reserach_reports_cta, .quote_body #stocks_other_news, .quote_body #premium_research, .quote_body #stock_industry_analysis{
        border-bottom: none;
    }

    .quote_body .zacks_reserach_reports_cta h1, .quote_body #stocks_other_news h1, .quote_body #premium_research h1, .quote_body #stock_industry_analysis h1{
        background-color: transparent;
        border-bottom: 1px solid #000;
        margin-bottom: 10px;
        padding-bottom: 7px;
    }

    .quote_body .zacks_reserach_reports_cta{margin-bottom: 20px;}

    .quote_body section#quote_overview div.two_col section#stock_activity, .quote_body section#quote_overview div.two_col section#stock_key_earnings{
        width: 208px;
    }

    /* News for ticker */
    .quote_body #stocks_other_news{
        width: 100%;
        width: 415px;
        background-color: transparent;
        margin-bottom: 20px;
        margin-left: 0px;
        padding-top: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .quote_body #stocks_other_news .news_link_grp{
        width: 100%;
        background-color: #fff;
        border-top: none;
        margin-left: -5px;
        margin-right: -5px;
        padding: 15px 12px 30px;
    }

    .quote_body #stocks_other_news .news_link_grp a{
        float: left;
        font-size: 11pt;
    }

    .quote_body #stocks_other_news .news_link_grp a:hover{text-decoration: underline;}

    .quote_body #stocks_other_news .news_link_grp a:first-of-type{margin-right: 10px;}

    .quote_body #stocks_other_news .news_link_grp a:first-of-type::after{
        float: right;
        position: relative;
        margin-left: 10px;
        right: 0;
    }

    .quote_body #stocks_other_news h1{
        background-color: transparent;
        margin-bottom: 0;
        margin-left: -5px;
        margin-right: -5px;
        padding-left: 1px;
        padding-right: 5px;
    }

    .quote_body #stocks_other_news article{
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 7px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .quote_body #stocks_other_news article h1{
        background-color: transparent;
        border: none;
        margin: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    /* Premium research specific to the ticker */
    #premium_research .callout_box3.pad10{background: #efefef;}

    /* Stocks industry analysis */
    .quote_body #stock_industry_analysis{margin-bottom: 20px;}

    .quote_body #stock_industry_analysis table{
        background-color: #efefef;
        margin-bottom: 0;
        padding: 7px 10px;
    }

    .quote_body #stock_industry_analysis table thead tr th{font-size: 10pt;}

    .quote_body #stock_industry_analysis table + p{
        background-color: #efefef;
        padding: 4px 12px 8px;
    }

    .quote_body .zacks_reserach_reports_cta, .quote_body #stock_industry_analysis{padding-left: 0;}


    /* Third rail */
    #third_rail{
        width: 359px;
        margin-right: 0;
        padding-left: 18px;
    }


    #third_rail section#quote_chart h1{
        /*border-bottom:  1px solid #000;*/
        margin-bottom: 0px !important;
        padding-top: 10px;
        padding-bottom: 0;
    }

    #third_rail #stock_comp_desc, #third_rail .video_block{
        background: #efefef;
        border: none !important;
        border-radius: 0;
    }

    /* Chart block */
    aside#third_rail section#quote_chart #chart_canvas{
        margin-top: 0;
        left: -60px;
    }

    aside#third_rail section#quote_chart #chart_canvas img{margin-left: 60px;}

    /* News tabbed block => tabbed section */
    .news-tab-content{
        max-width: 400px;
    }
    
    /* All news Providers dropdown overlap fix for partner headlines page */
    #right_content .quote_body #comp_news .select_comp_news{
        width: 150px;
        float: right;
        clear: both;
    }
    
    /* Premium research block for Style score page */
    #scorecard_table + script + div.quote_body section#premium_research{margin-top: 15px;}
    
    #scorecard_table + script + div.quote_body section#premium_research h1{
        width: 103%;
        margin-left: -9px;
        margin-right: -20px;
        padding-left: 6px;
    }

    /* quote chart section on the right rail for style score page */
    #scorecard_table + script + div.quote_body + aside#third_rail section#quote_chart h1{
        margin-bottom: 10px !important;
    }
    
    
}